/* Theme Name: Galerie Cathédrale Theme URI: http://wordpress.org/themes/twentythirteen Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ body {font-family:'Roboto','Helvetica','Arial',sans-serif;font-weight:400;} #content.row, #contentsecondary.row {min-width:100% !important;} #galerie {width: 90%; width: calc(100% - 403px);} .servicesdesign {position:absolute;top:30px;right:350px;z-index:99999;} /* PARTIE GALERIE LARGE */ #headergalerie {height:228px;border-bottom:1px solid #ddd;font-family:'Roboto Condensed','Helvetica Condensed','Arial Narrow',sans-serif;} .logo {border-right:1px solid #ddd;padding-top:60px;height:228px;text-align:center;} .galerieheaderright, .galeriesubheader, .navigation {margin:0;padding:0;} .galeriesubheader {height:150px;} .navigation {height:78px;border-top:1px solid #ddd;} .horaires {font-weight:400;font-size:13px;color:#555;} .horairesbox {margin:20px 0 0 20px;} .contactmenu a {position:relative;float:left;width:100%;clear:both;} .contactmenubox {margin:20px 0 0;font-size:13px;width:100%;} .contactmenubox a {color:#000;text-decoration:none;margin-bottom:10px;} .contactmenubox a:hover {color:#555;text-decoration:underline;} .contactmenubox img {margin-right:5px;} .menuitem {text-align:center;border-right:1px solid #ddd;height:78px;} a.menuitem {padding:28px 0;height:78px;color:#000;font-weight:700;font-size:14px;} a.menuitem:hover {background:#494747;color:#fff;} .encours {font-size:18px !important;font-style:italic;color:#aaa;margin:40px 0 20px;} .featuredimg {margin:0;padding:0;} .featuredimg img {width:100%;} .date {font-size:14px;color:#aaa;} .artiste {font-size:21px;font-weight:700;margin-top:20px;} .page .artiste {margin-top:50px;margin-bottom:50px;font-size:2em;text-align:center;} .technique {font-size:18px;margin-bottom:20px;} .descriptionexpo p {margin-bottom:15px !important;line-height:1.4em;} .alignleft {position:relative;float:left;margin-right:10px;margin-bottom:5px;} .descriptionexpo p.wp-caption-text {font-size:0.8em;color:#666;font-style:italic;margin-top:5px;} /* PARTIE SECONDARY ETROIT */ #secondary {position:fixed;top: 0;bottom: 0;right:0;background:#494747;width:403px;} #secondary .headersecondary {background:#494747 url('img/frame.jpg'); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:228px;width:403px;border-bottom:1px solid #aaa;} h2.secondarymarket {position:relative;float:left;width:100%;text-align:center;font-size:24px;margin-top:130px;color:#fff;font-weight:700;color:#bbb;} h2.secondarymarket a {color:#bbb;} .achetervendre {margin:0;padding:0;} .achetervendre a {border-bottom:1px solid #aaa;color:#fff;font-size:13px;padding:15px 0 15px 15px;} .achetervendre a:hover {background:#eee;color:#000;} .achetervendre a.acheter {border-right:1px solid #aaa;} .secondaryoeuvres {color:#fff;font-size:12px;} .oeuvrebox {height:250px;} .secondaryoeuvres img {margin:20px 0 5px;} .secondaryintro {padding:20px;} .secondaryintro a, .auteuroeuvre a {color:#fff;text-decoration:underline;} .secondaryinto img {margin:10px;} .auteuroeuvre {color:#aaa;} .sidesecondary {text-align:center;} /* PARTIE GALERIE ETROIT */ #galerieetroit {position:fixed;top:0;bottom:0;left:0;height:100%;background:#fff;width:300px;} #galerieetroit .galeriesubheader {position:relative;float:left;height:auto;} #galerieetroit .navigation {height:auto;width:300px;} #galerieetroit a.menuitem {border-bottom:1px solid #ddd;border-right:0;text-align:left;padding-left:30px;width:300px;} a.menuitem {padding:28px 0;height:78px;color:#000;font-weight:700;font-size:14px;} a.menuitem:hover {background:#494747;color:#fff;} .encours {font-size:12px;font-style:italic;color:#aaa;margin:40px 0 20px;} .featuredimg {margin:0;padding:0;} .date {font-size:14px;color:#aaa;} .artiste {font-size:21px;font-weight:700;margin-top:20px;} .technique {font-size:18px;margin-bottom:20px;} .descriptionexpo p {margin-bottom:5px;} /* PARTIE SECONDARY LARGE */ #secondarylarge {float:right;width: 90%; width: calc(100% - 300px);background:#494747;min-height:100vh;} #bigheadersecondary {width:100%;} .headersecondarylarge {position:absolute;top:0;right:0;background:#494747 url('img/frame.jpg'); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:228px;width:403px;border-bottom:1px solid #aaa;z-index:555;} .presentationsecondary {position:relative;float:left;width:100%;margin-right:403px;height:228px;border-bottom:1px solid #aaa;} .presentationsecondary p {margin:90px 450px 0 60px;color:#fff;font-style:italic;} .presentationsecondary p a {color:#aaa;text-decoration:underline;} #secondarylarge .achetervendre {text-align:center;} /* VERSION MOBILE */ @media only screen and (max-width: 60em) { .servicesdesign {position:absolute;top:200px;right:-50px;z-index:99999;} .servicesdesign img {width:50%;} .encours {position:relative;float:left;font-size:18px !important;font-style:italic;color:#aaa;margin:40px 0 20px;} #galerie {width:100%;} #secondary {position:relative;float:left;width:100%;} #galerieetroit {position:relative;width:100%;} #secondarylarge {position:relative;width:100%;} .contentgalerie.page {position:relative;width:100%;} .navigation, #galerieetroit .navigation {position:relative;width:100%;height:auto;} .presentationsecondary {position:relative;float:left;display:block;width:100%;margin-right:0;height:auto;border-bottom:1px solid #aaa;} .presentationsecondary p {margin:20px;z-index:99999;} .headersecondarylarge {position:relative;float:left;display:block;z-index:5555;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues */