/* Theme Name: Webdev - Child LABO 40 Theme URI: http://www.ptb-webdev.com/ Description: Child theme for the ptb-webdev - V2 theme Author: ptb-webdev Author URI: http://www.ptb-webdev.com/ Template: ptibess2 Version: 1 */ .color-bleu-clair{ color:#B9C9DB; } .color-bleu{ color:#89A1BC; } .color-bleu-fonce{ color:#5A789A; } .color-orange{ color:#FDB131; } .color-rouge{ color:#9C062C; } .color-gris{ color:#E0E0E0; } .color-blanc{ color:#fff; } .color-text{ color:#333; } .bkg-bleu-clair{ background:#B9C9DB; } .bkg-bleu{ background:#89A1BC; } .bkg-bleu-fonce{ background:#5A789A; } .bkg-orange{ background:#FDB131; } .bkg-rouge{ background:#9C062C; } .bkg-gris{ background:#E0E0E0; } .bkg-text{ background:#333; } /***********/ /** RESET **/ /***********/ a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } /************/ /** STYLES **/ /************/ /* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Site-wide properties ======================================================== */ body{ font: normal normal 14px/12px 'Open Sans', Arial, Helvetica, Verdana, sans-serif; line-height:1.2em; color:#333; background:#fff; font-weight:300; /*background: url(images/fond.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } /* Fibonacci based heading scale ratio */ h1,h2,h3,h4,h5,h6{ clear: both; padding:0 0 0.2em; } h1{ font-size: 2.2em; line-height:1em; font-weight: 900; margin:0 0 1em; color:#333; } h2{ font-size: 2em; line-height:1em; font-weight: 700; margin:0 0 1em; color:#FDB131; } h3{ font-size: 1.8em; line-height:1em; font-weight: 400; margin:0 0 0.5em; } h3 span.num1{ display:block; padding:0.3em 0 0.3em 45px; background:#89A1BC url(images/bkg-h3-num1.png) 12px center no-repeat; color:#fff; } h3 span.num2{ display:block; padding:0.3em 0 0.3em 45px; background:#89A1BC url(images/bkg-h3-num2.png) 12px center no-repeat; color:#fff; } h3 span.num3{ display:block; padding:0.3em 0 0.3em 45px; background:#89A1BC url(images/bkg-h3-num3.png) 12px center no-repeat; color:#fff; } h3 span.num4{ display:block; padding:0.3em 0 0.3em 45px; background:#89A1BC url(images/bkg-h3-num4.png) 12px center no-repeat; color:#fff; } h3 span.num5{ display:block; padding:0.3em 0 0.3em 45px; background:#89A1BC url(images/bkg-h3-num5.png) 12px center no-repeat; color:#fff; } h3 span.num6{ display:block; padding:0.3em 0 0.3em 45px; background:#89A1BC url(images/bkg-h3-num6.png) 12px center no-repeat; color:#fff; } h4{ font-size: 1.3em; line-height:1em; font-weight: bold; margin:0 0 0.5em; color:#89A1BC; } h5{ font-size: 1em; line-height:1.2em; font-weight: bold; margin:0 0 0.5em; } h6{ font-size: 0.6em; line-height:1.4em; font-weight: bold; margin:0 0 0.5em; } p{ margin:0 0 1.5em; line-height:1.5em; } ul, ol{ margin: 0 0 1.5em 2.5em; } ul{ list-style: disc; } ol{ list-style-type: decimal; } ol ol{ list-style: upper-alpha; } ol ol ol{ list-style: lower-roman; } ol ol ol ol{ list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul{ margin-bottom: 0; } dl{ margin: 0 1.5em; } dt{ font-weight: bold; } dd{ margin-bottom: 1.5em; } strong{ font-weight: bold; } cite, em, i{ font-style: italic; } blockquote{ padding:20px 0 0 40px; background:url(images/guillemets-citation.png) top left no-repeat; } blockquote p{ margin:0 0 0.5em; } blockquote em, blockquote i, blockquote cite{ font-style: normal; } blockquote cite{ color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } pre{ background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.5em; overflow: auto; padding: 0.75em 1.5em; } code, kbd{ font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn{ border-bottom: 1px dotted #666; cursor: help; } address{ display: block; margin: 0 0 1.5em; } ins{ background: #fff9c0; text-decoration: none; } sup, sub{ font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup{ bottom: 1ex; } sub{ top: .5ex; } small{ font-size:0.8em; } /* Forms */ select, input[type=text], input[type=password], textarea{ background: #fafafa; border: 1px solid #ddd; color: #888; font-family:'Open Sans', Arial, Helvetica, Verdana, sans-serif; font-size:13px; } select:focus, input[type=text]:focus, textarea:focus{ color: #373737; } textarea{ padding:3px; width:100%; resize:vertical; box-sizing:border-box; } select{ padding:2px; } input[type=text]{ padding:3px; } input#s{ padding:1px 10px 1px 24px; background:#fff url(images/search.png) 3px center no-repeat; font-size:14px; height:22px; line-height:1.2em; } input#s:focus{ color:#A7BEB4; } label#s-label{ display:none; } input#searchsubmit{ display:none; } /* Buttons */ input[type=button], input[type=submit] { margin:3px 2px 5px 0; padding:2px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0,0,0,0.4); font: normal 14px Tahoma, Arial, Helvetica, Verdana, sans-serif; background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2)); background-image: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2)); -webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; -moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px; background-color: #eee; color: #33333D; text-shadow: white 0px 1px 0px; cursor: pointer; text-align:center; } input[type=button]:hover, input[type=submit]:hover, input[type=button]:active, input[type=submit]:active { background-color:#9C062C; color:#fff; text-shadow: none; } /* Links */ a{ color:#9C062C; text-decoration: none; } a:focus ,a:active, a:hover{ color:#9C062C; text-decoration: underline; } a:focus{ color:#9C062C; text-decoration: none; } /* Images */ .entry-content img, .entry-summary img, .comment-content img, .widget img{ width:inherit; /*IE8*/ max-width:100%; } img[class*="align"], img[class*="wp-image-"]{ height: auto; } img.size-full{ max-width:100%; width: auto; } .entry-content img.wp-smiley{ border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter{ margin-bottom:1.5em; } p img, .wp-caption{ margin-top: 0.4em; } .wp-caption{ position:relative; background:none; margin-bottom:1.5em; max-width:96%; padding:0; } .wp-caption.alignleft, .wp-caption.alignright{ width:auto !important; } .wp-caption img{ display:block; margin:0 auto; max-width:100%; } .wp-caption.alignleft, .wp-caption.alignleft img, .wp-caption.alignleft p.wp-caption-text{} .wp-caption.alignright, .wp-caption.alignright img, .wp-caption.alignright p.wp-caption-text{} .wp-caption.aligncenter p.wp-caption-text{ margin:0 5px; } .wp-caption .wp-caption-text{ color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.5em; font-size:1em; } .gallery-caption{ color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; } .wp-caption .wp-caption-text{ position:absolute; display:block; left:0; right:0; bottom:0; margin:0; padding:0.5em; background:#515D75; text-align:center; } .wp-caption .wp-caption-text:before{} #content .gallery{ margin: 0 auto 1.5em; } #content .gallery a img{ border: none; } img#wpstats{ display: block; margin: 0 auto 1.5em; } /* ?? #content .gallery-columns-4 .gallery-item{ width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img{ width: 100%; height: auto; } */ /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img{} .wp-caption img{ border:none; background:none; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img{ background:none; border:none; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img{ background:none; border:none; } /* Reusable classes ============================================================ */ /* Alignment */ .alignleft{ display: inline; float: left; margin-right: 1.5em; } .alignright{ display: inline; float: right; margin-left: 1.5em; } .aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; } .left{ float: left; } .right{ float: right; } /* The inside class provides consistent padding. To be used often! */ .inside{ padding: 1.5em; } /* The fraction classes are useful for column lists */ .half, .third, .quarter, .fifth, .sixth{ width: 100%; } .half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; } .half li{ padding-right: 5%; width: 45% } .third li{ padding-right: 5%; width: 28.3% } .quarter li{ padding-right: 5%; width: 20% } .fifth li{ padding-right: 5%; width: 15% } /* For when a
just ain't enough */ .separator{ clear: both; float: left; height: 1px; width: 100%; } /* Basic Structure ============================================================= */ #wrap2{ float:left; width:100%; padding:0; background:#E0E0E0; } #wrap3{ float:left; width:100%; padding:0; background:#fff; } #wrap4{ float:left; width:100%; padding:0; background:#E0E0E0; } #wrap5{ float:left; width:100%; padding:0; background:#fff; } #wrap{ margin:0 auto; position:relative; max-width:1200px; } /* Header */ header{ float: left; width: 100%; background:none; } /* Content */ section#content{ float: left; width: 70%; padding:1em 0; background:none; } section#content2{ overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:1em 0; background:url(images/bkg-content.png) bottom right no-repeat; } section#content3{ overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:1em 0; } section#content4{ overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:1em 0; background:url(images/bkg-content.png) bottom right no-repeat; } section#content5{ overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:1em 0; } section#content.fullPage{ width:100%; } section#content2 .inside, section#content3 .inside, section#content4 .inside, section#content5 .inside, section#content .inside{ overflow:hidden; padding-bottom:0; } article{ float: left; width: 100%; background:none; margin:0 0 1.5em; } /* Sidebar */ aside{ float: left; width: 30%; background:none; } /* Footer */ footer{ float: left; width: 100%; background:none; } /* Project specifics =========================================================== */ /************/ /** HEADER **/ /************/ /* Background cover (FIXE) */ #bgHeader{ position:absolute; top:0; left:0; z-index:1; } #bgHeaderMask{ position:absolute; left:0; right:0; background:#000; opacity:0.4; filter:alpha(opacity=30); z-index:2; } .bgwidth{ width:100%; } .bgheight{ height:100%; } /* Background cover (SLIDE) */ header.top-site .ptb_MetaboxImages{ position:absolute; top:0; left:0; right:0; max-width:none; margin:0; z-index:1; } header.top-site .ptb_MetaboxImages img{ margin:0; } header.top-site .ptb_MetaboxImages-paginate{ display:none; } header.top-site .ptb_MetaboxImages-pager-prev{} header.top-site .ptb_MetaboxImages-pager-next{} header.top-site .ptb_MetaboxImages-pager{} header.top-site{ position:relative; min-width:320px; background:none; z-index:200; } /* ---------------------------------------------- */ /* /!\ MENU SUR L'IMAGE !! */ .page-template-tpl_homepage header.top-site{ overflow:hidden; min-height:290px; } /* Block info Top */ header.top-site .homepage-bottom{ position:absolute; left:0; right:0; bottom:0.8em; display:block; width:30px; height:17px; margin:0 auto; background:url(images/flc-small-bottom.png) center center no-repeat; cursor:pointer; z-index:3; } header.top-site .homepage-bottom2{ position:absolute; left:0; right:0; bottom:0; max-width:400px; height:70px; margin:0 auto; padding:0.8em 0; z-index:2; box-sizing:border-box; } header.top-site .homepage-bottom2 a{ display:block; font-size:1.2em; text-align:center; color:#fff; text-shadow:1px 1px #000; text-decoration:none; cursor:pointer; } /* Timer */ #timer-to-event{ position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); float:left; width:100%; max-width:960px; margin:70px auto 0; font-size:7em; line-height:1em; color:#fff; font-weight:500; text-align:center; z-index:3; } #timer-to-event h1{ margin:0; padding:0 0 0.5em; font-size:0.6em; line-height:1em; color:#fff; font-weight:700; } #timer-to-event h1 span{ font-weight:300; } #timer-to-event h2{ margin:0 0 1em; padding:0 0 0.5em; font-size:0.3em; line-height:1.2em; color:#fff; font-weight:600; text-shadow:1px 1px #000; border:none; } #test-timer-days{ box-sizing:border-box; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} #test-timer{ display:inline-block; } #test-timer .hours{ box-sizing:border-box; -webkit-border-radius:40px 0; -moz-border-radius:40px 0; border-radius:40px 0;} #test-timer .minutes{ box-sizing:border-box; -webkit-border-radius:0 40px; -moz-border-radius:0 40px; border-radius:0 40px;} #test-timer .seconds{ box-sizing:border-box; -webkit-border-radius:0 40px; -moz-border-radius:0 40px; border-radius:0 40px;} #test-timer-days, #test-timer .hours, #test-timer .minutes, #test-timer .seconds{ display:inline-block; width:180px; margin:0.12em 0; padding:0 20px 10px; background:url(images/bkg-header-timer.png) top left repeat; font-size:0.65em; border:1px solid #bbb; -webkit-box-shadow:0 5px 5px -5px #000; -moz-box-shadow:0 5px 5px -5px #000; box-shadow:0 5px 5px -5px #000; } #test-timer-days span.titre, #test-timer .hours span.titre, #test-timer .minutes span.titre, #test-timer .seconds span.titre{ display:block; padding:0.5em 0 0; font-size:0.25em; line-height:1em; color:#fff; font-weight:400; border-top:2px solid #FDB131; text-shadow:1px 1px #000; } #test-timer-days span.count, #test-timer .hours span.count, #test-timer .minutes span.count, #test-timer .seconds span.count{ text-shadow:1px 1px #000; font-weight:600; } /* Logo - Timeline */ header.top-site .inside-container{ position:relative; background:#FDB946 url(images/header-site.jpg) top center no-repeat; z-index:4; } header.top-site .inside{ overflow:hidden; max-width:1000px; height:180px; margin:0 auto; padding:0 1.5em; box-sizing:border-box; } #header-1{ float:left; width:47%; margin:1em 1.5em 0 0; } #header-2{ overflow:hidden; margin:3em 0 0; } #header-2 .header-2a{ float:left; margin:0 1em 0 0; } #header-2 .edition{ display:block; color:#9C062C; font-size:3.2em; line-height:1em; font-weight:700; text-shadow:3px 2px #fff; } #header-2 .edition sup{ font-size:0.9em;} #header-2 .edition span{ font-size:1.5em; } #header-2 .date{ display:block; margin:0 0 0 3.5em; font-size:1.5em; line-height:1em; font-weight:600; color:#333; /* EDITION ANNULEE */ visibility: hidden; } #header-2 .header-2b{ overflow:hidden; margin:0; font-size:6.5em; line-height:0.9em; color:#fff; font-weight:800; text-shadow:1px 1px 1px #333; } #header-2 .header-2c{ float:left; margin:0 0 0 3.5em; padding:0.2em 0; font-size:1.3em; line-height:1.5em; color:#fff; text-shadow:1px 1px 1px #333; /* EDITION ANNULEE */ visibility: hidden; } header.top-site h1{ margin:0; padding:0; font-size:1.8em; font-weight:600; } header.top-site h1 a{ color:#333; text-decoration:none; } header.top-site h1 .header-title0{ display:block; font-size:0.8em; line-height:1em; font-weight:300; } header.top-site h1 .header-title0 sup{ bottom:1.5ex; font-size:12px; } header.top-site h1 .header-title0 span{ font-weight:400; } header.top-site h1 .header-title1{ display:block; font-size:1.2em; line-height:1.4em; font-weight:800; } header.top-site h1 .header-title1 span{ font-weight:400; } header.top-site h1 .header-title2{ color:#9C062C; font-weight:700; } header.top-site h2{ margin:1em 0 0; padding:0.8em 0 0; font-size:1.1em; color:#333; font-weight:500; border-top:1px dashed #333; } header.page-header{ background:none; margin:0 0 1.5em; } header.page-header h1{ font-size: 0.8em; line-height: 2.6em; letter-spacing: 0.1em; margin:0; text-transform: uppercase; font-weight: 500; } header.entry-header{ background:none; } header.entry-header h1{ padding:0 0.4em 0.1em; border-left:0.3em solid #FDB131; } /**************/ /** MENU TOP **/ /**************/ #access-mobile{ float:left; width:100%; margin:0; display:none; background:#89A1BC; } #access-mobile ul{ overflow:hidden; margin:0; padding:0; list-style:none; } #access-mobile li.mobile-menu1{ overflow:hidden; } #access-mobile li.mobile-menu2, #access-mobile li.mobile-menu3{ float:right; } #access-mobile a{ display: block; margin:0; padding:0 1em; line-height:2em; font-size:1em; text-decoration:none; color:#515D75; cursor:pointer; } #access-mobile li.mobile-menu1 a{ padding:0 1em; color:#fff; text-transform:uppercase; } #access-mobile li.mobile-menu2 a, #access-mobile li.mobile-menu3 a{ background:#A58de4; } #access-mobile li.mobile-menu3 a{ margin:0; } #access-mobile a.selected, #access-mobile a:hover{} #access { float:left; width:100%; background:#9C062C; display: block; overflow:hidden; margin:0; z-index:110; -webkit-box-shadow:0 5px 5px -5px #000; -moz-box-shadow:0 5px 5px -5px #000; box-shadow:0 5px 5px -5px #000; } #access ul { overflow:hidden; max-width:830px; width:100%; margin:0 auto; padding:0; list-style: none; z-index:110; } #access li { display:table-cell; max-width:150px; vertical-align:middle; text-align:center; } /* Gestion du dernier item */ #access li.last{ float:none; overflow:hidden; } #access a { display: block; margin:0; padding:0.3em 1.5em; line-height:1.2em; font-size:1em; text-decoration:none; background:#9C062C; color:#fff; } /* Afficher la presence d'un sous-menu */ #access ul li.menu-item-has-children a{ display:inline-block; } #access ul li.menu-item-has-children ul.sub-menu a{ display:block; } #access li .more-items{ float:right; } #access li .more-items a{ width:2em; height:2em; margin:0; padding:0; background:#000; color:#fff; cursor:pointer; } #access li .more-items a:hover{ background:#9C062C; color:#fff; } html#ie7 #access .more-items{ display:none; } /* Mettre en valeur un item */ #access li.important-item:hover, #access li.important-item:hover > a{ background:#fff; } /* la couleur de l'item au hover */ #access .important-item, #access .important-item > a{ background:#FDB946; } /* la couleur de l'item */ #access ul ul { float:none; width:auto; width:inherit; position: absolute; display: none; margin:0; padding:0; } #access ul ul li { position:relative; float:none; width:200px; } #access ul ul li a { margin:0; padding: 0 1em; line-height:2em; background:#F7744D; } #access ul ul ul { top:0; left:200px; } #access ul ul ul li { } #access ul ul ul li a { background:#F93; } #access li:hover, #access li:hover > a, #access ul ul :hover > a{ text-decoration:none; background:#fff; color:#333; } #access a:focus {} #access .current-menu-ancestor, #access .current-menu-parent, #access .current-menu-item { background:#fff; color:#333; } #access .current-post-ancestor, #access .current-page-ancestor, #access .current-category-ancestor { } #access .current-menu-ancestor > a, #access .current-menu-parent > a, #access .current-menu-item > a { background:#fff; color:#333; } #access .current-post-ancestor > a, #access .current-page-ancestor > a, #access .current-category-ancestor > a { } #access .current-menu-ancestor li > a, #access .current-menu-parent li > a, #access .current-menu-item li > a { } #access .current-post-ancestor li > a, #access .current-page-ancestor li > a, #access .current-category-ancestor li > a { } #access .current-menu-ancestor a:hover, #access .current-menu-parent a:hover, #access .current-menu-item a:hover { } #access .current-post-ancestor a:hover, #access .current-page-ancestor a:hover, #access .current-category-ancestor a:hover { } #access ul li:hover > ul { display: block; } #access-bottom{ float:left; width:100%; height:20px; background:none; } /**********/ /** POST **/ /**********/ .entry-summary, .entry-content { float:left; width:100%; } /* LISTE */ .entry-content ul{ margin:0 0 1.5em 1em; } .entry-content ul li{ padding:0 0 0 0.5em; line-height:1.5em; } .entry-content ul ul{ list-style:disc; margin:0 0 0 1em; } .entry-content ul li li{ padding:0; background:none; } .entry-content ol{ margin:0 0 1.5em 1em; } .entry-content ol li{ padding:0 0 0 0.5em; line-height:1.5em; } .entry-content ol ol{ list-style:disc; margin:0 0 0 1em; } .entry-content ol li li{ padding:0; background:none; } /* IMAGES */ .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.aligncenter{ -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } /* EDIT POUR REPERER LES ZONES SUPP */ .zone-supp-edit{ float:left; width:100%; padding:0.5em 0; background:red; text-align:center; display:none; } .zone-supp-edit a{ color:#fff; font-weight:700; } /************/ /* SPONSORS */ /************/ #sponsors-list{} #sponsors-list ul{ float:left; width:100%; margin:0 0 1.5em; padding:0; list-style:none; } #sponsors-list li{ float:left; width:16.66%; margin:0; padding:0; background:#fff; border-left:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; box-sizing:border-box; } #sponsors-list a.sponsors-list-link{ display:block; cursor:pointer; } #sponsors-list a.sponsors-list-link2{ display:block; padding:0 0 0.5em; text-align:center; font-style:italic; cursor:pointer; } #sponsors-list img{ max-width:100%; margin-bottom:0; opacity:0.55; filter:alpha(opacity=55); } #sponsors-list h3{ margin:0 0 1px; padding:0.5em 0.8em; background:#5A789A; font-size:1.2em; color:#fff; } #sponsors-list-dl{ float:left; width:100%; padding:0; text-align:right; box-sizing:border-box; } #sponsors-list-dl a{ display:inline-block; margin:0 0 0.5em; padding:0.3em 1em; background:#FDB131; text-align:center; color:#333; text-decoration:none; -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } #sponsors-list-dl a:hover{ background:#9C062C; color:#fff; } #sponsors-list-detail{ float:left; width:100%; padding:1.5em 0 0; } #sponsors-list-detail .sponsors-list-detail-item{ float:left; width:100%; display:none; } #sponsors-list-detail-left{ float:left; width:25%; text-align:center; box-sizing:border-box; } #sponsors-list-detail-right{ overflow:hidden; box-sizing:border-box; } /****************************/ /* PLEINIERES / CONFERENCES */ /****************************/ #plenieres-list{ float:left; width:100%; margin:0; } #plenieres-list .ptb_MetaboxImages{ max-width:100%; background:#E0E0E0; } #plenieres-list .plenieres-list-left{ float:left; width:33.33%; } #plenieres-list .plenieres-list-left img{ max-width:100%; height:auto; margin:-5% auto; } #plenieres-list .plenieres-list-right{ overflow:hidden; padding:1.5em; box-sizing:border-box; } #plenieres-list .plenieres-list-right span.knowMore{ position:absolute; bottom:0; right:0; margin:0; display:none; } #plenieres-list .plenieres-list-right span.knowMore a{ -webkit-border-radius:12px 0 0; -moz-border-radius:12px 0 0; border-radius:12px 0 0; } #plenieres-list .ptb_MetaboxImages .ptb_MetaboxImages-paginate{ /*right:130px;*/ } #plenieres-list .ptb_MetaboxImages-pager-prev{ display:none; } #plenieres-list .ptb_MetaboxImages-pager-next{ display:none; } #plenieres-list .ptb_MetaboxImages-pager{ width:33.33%; /*padding-left:20px;*/ } /***********************/ /* Infos pratiques Map */ /***********************/ #ptb-infos-plan{ margin:0; } #ptb-infos-map{ width:100%; height:350px; } #ptb-infos-map img{ max-width:inherit; max-width:none; } #ptb-infos-map .infowindomap{ overflow:hidden; min-width:200px; max-width:300px; } #ptb-infos-map h4{ color:#9C062C; } /****************/ /** SHORTCODES **/ /****************/ .sep-shortcode{ float:left; width:100%; height:1px; } .ptb-two-columns{ float:left; width:50%; margin:0 0 1.5em; padding:0 1.5em; box-sizing:border-box; line-height:1.5em; } .ptb-two-columns.last{ float:none; overflow:hidden; width:inherit; width:auto; margin:0 0 1.5em 0; padding:0 1.5em; } .ptb-three-columns{ float:left; width:33.33%; margin:0 0 1.5em; padding:0 1.5em; box-sizing:border-box; line-height:1.5em; } .ptb-three-columns.middle{ float:left; width:33.33%; margin:0 0 1.5em; padding:0 1.5em; line-height:1.5em; } .ptb-three-columns.last{ float:none; overflow:hidden; width:inherit; width:auto; margin:0 0 1.5em 0; padding:0 1.5em; } .ptb-chiffre-content{ position:relative; float:left; width:100%; margin:1em 0; padding:0 5px 5px; box-sizing:border-box; } .ptb-chiffre-content-num{ float:left; display:inline-block; margin:0.5em 0.5em 0; padding:0; font-size:2.8em; line-height:1em; font-weight:700; letter-spacing:1px; text-shadow:1px 1px 1px #fff; } .ptb-chiffre-content-content{ min-height:75px; padding:1em; background:#E0E0E0 url(images/bkg-chiffre.png) bottom right no-repeat; font-size:1.1em; font-weight:400; text-shadow:1px 1px #fff; -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } .ptb-chiffre-content-content p{ overflow:hidden; margin:0; } .ptb-chiffre-content-content p::first-letter{} .ptb-button{} .ptb-button.btn-left{ text-align:left; } .ptb-button.btn-middle{ text-align:center; } .ptb-button.btn-right{ text-align:right; } .ptb-button-content{ display:inline-block; margin:0 0 0.5em; padding:0.8em 1em; font-size:1.2em; text-align:center; color:#333; -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } .ptb-button-content small{ font-size:0.7em; } .ptb-button-content.bkg-bleu-clair{} .ptb-button-content.bkg-bleu{} .ptb-button-content.bkg-bleu-fonce{ color:#fff; } .ptb-button-content.bkg-orange{} .ptb-button-content.bkg-rouge{ color:#fff; } .ptb-button-content.bkg-gris{} .ptb-button-content.bkg-text{ color:#fff; } .ptb-button-content p{ margin:0; } .ptb-button-content a{ display:block; color:#333; } .ptb-button-content.full-button{ display:block; } /*************/ /** EXCERPT **/ /*************/ span.knowMore{ display:block; } span.knowMore a{ display:inline-block; float:right; margin:0.5em 0 0; padding:0.2em 0.8em; background:#333; font-style:italic; color:#fff; font-weight:500; text-decoration:none; -webkit-border-radius:12px 0; -moz-border-radius:12px 0; border-radius:12px 0; } span.knowMore a:hover{ background:#9C062C; } /***********/ /** METAS **/ /***********/ .entry-meta-top{ background-color:#F96; margin:0 0 0.5em; line-height:2em; } .entry-meta-bottom{ float:left; width:100%; margin:0; padding:0; background:none; line-height:2em; box-sizing:border-box; } .entry-meta-bottom span{ display:inline-block; background:#E0E0E0; -webkit-border-radius:12px 0; -moz-border-radius:12px 0; border-radius:12px 0; } .entry-meta-bottom .meta-cat-list{ padding:0 1.5em; } .entry-meta-bottom .meta-date{ display:none; } .entry-meta-bottom .meta-author{ display:none; } .entry-meta-bottom .meta-tags{ display:none; } .entry-meta-bottom .meta-comments-link{ display:none; } .tag-archive-meta, .category-archive-meta{ float:left; width:100%; margin:0 0 1.5em; } /****************/ /** PAGINATION **/ /****************/ nav.paginate { float:left; width:100%; } nav.paginate ul { float:left; list-style:none; margin-left:0; } nav.paginate li { float:left; width:20px; background-color:#F96; margin:0 0.2em; padding:0; text-align:center; } nav.paginate li .current { display:block; background-color:#FFF; margin:0; padding:0; line-height:2em; } nav.paginate li .dots { display:block; background-color:#FFF; margin:0; padding:0; line-height:2em; } nav.paginate li .page-numbers {} nav.paginate li .prev {} nav.paginate li .next {} nav.paginate a { display:block; margin:0; padding:0; line-height:2em; } nav.paginate a.prev { background-color:#FFF; } nav.paginate a.next { background-color:#FFF; } /******************/ /** COMMENTAIRES **/ /******************/ #comments{ overflow:hidden; width:100%; display:none; } #comments .commentlist{ margin:0 0 1.5em; list-style:none; } .comment-meta{ background-color:#F96; margin:0 0 0.5em; line-height:2em; } .commentlist .avatar{ float:left; margin:0 0.5em 0.5em 0 } .commentlist .reply{ margin:0 0 1.5em; line-height:2em; } .commentlist > li.odd{ background-color:#fff; margin:0 0 1em; } .commentlist > li.even{ background-color:#ddd; margin:0 0 1em; } .commentlist .children li.odd{ background-color:#fff; } .commentlist .children li.even{ background-color:#ddd; } p.nocomments{} /*************/ /** SIDEBAR **/ /*************/ aside .inside{ padding:1.5em 1.5em 0; } aside .inside h3{ background:none; font-size:1.4em; line-height:1.4em; padding:0; } aside .inside ul{ list-style:none; margin:0; } aside .inside ul ul{ list-style:none; margin:0 0 0 1em; } /*************/ /** WIDGETS **/ /*************/ aside .widget{} /**********************/ /** SIDEBAR HOMEPAGE **/ /**********************/ /*************/ /** WIDGETS **/ /*************/ section#content .widget, section#content2 .widget, section#content3 .widget, section#content4 .widget, section#content5 .widget{ float:left; width:33.33%; padding:0 1.5em 1.5em; box-sizing:border-box; } #wrap .ptb_widget_container, #wrap2 .ptb_widget_container, #wrap3 .ptb_widget_container, #wrap4 .ptb_widget_container, #wrap5 .ptb_widget_container{} #wrap .ptb_widget_container h3, #wrap2 .ptb_widget_container h3, #wrap3 .ptb_widget_container h3, #wrap4 .ptb_widget_container h3, #wrap5 .ptb_widget_container h3{ background:none; font-size:1.3em; line-height:1.4em; margin:0 0 0.5em; padding:0.3em 0; color:#fff; border-bottom:1px solid #ccc; } #wrap .ptb_widget_container ul, #wrap2 .ptb_widget_container ul, #wrap3 .ptb_widget_container ul, #wrap4 .ptb_widget_container ul, #wrap5 .ptb_widget_container ul{ list-style:none; margin:0; } #wrap .ptb_widget_container ul ul, #wrap2 .ptb_widget_container ul ul, #wrap3 .ptb_widget_container ul ul, #wrap4 .ptb_widget_container ul ul, #wrap5 .ptb_widget_container ul ul{ list-style:none; margin:0 0 0 1em; } /* PTB Widgets */ .ptb_widget_container{ margin:0; padding:0; background:#E0E0E0; box-sizing:border-box; -webkit-box-shadow:5px 5px 10px -5px #aaa; -moz-box-shadow:5px 5px 10px -5px #aaa; box-shadow:5px 5px 10px -5px #aaa; } section#content2 .ptb_widget_container{ background:#fff; } section#content3 .ptb_widget_container{ background:#E0E0E0; } section#content4 .ptb_widget_container{ background:#fff; } section#content5 .ptb_widget_container{ background:#E0E0E0; } /* Resume d'une page + image a la une : widget_ptb_pages_widget */ .widget_ptb_pages_widget{} .widget_ptb_pages_widget .widget-title{ display:none; } .widget_ptb_pages_widget ul{ margin:0; list-style:none; } .widget_ptb_pages_widget li{ position:relative; overflow:hidden; width:100%; } .widget_ptb_pages_widget .ptb_Pages_Widget-link{ display:block; overflow:hidden; } .widget_ptb_pages_widget .ptb_Pages_Widget-img{ margin:0; padding:0; } .widget_ptb_pages_widget .ptb_Pages_Widget-title-1{ display:none; } .widget_ptb_pages_widget .ptb_Pages_Widget-title-1 h3{ margin:0; padding:0.5em 0; } .widget_ptb_pages_widget .ptb_Pages_Widget-title-2{ margin:0; padding:0.5em 0; } .widget_ptb_pages_widget .ptb_Pages_Widget-content{ position:absolute; bottom:-100px; min-height:140px; width:100%; margin:0; padding:0 1.5em 1em; background:url(images/bkg-tuile-content2.png) top left repeat; color:#fff; box-sizing:border-box; } .widget_ptb_pages_widget .ptb_Pages_Widget-content p{ margin:0; } .widget_ptb_pages_widget span.knowMore a{ background:#fff; color:#9C062C; } /* Resume d'un atelier + image a la une : widget_ptb_ateliers_widget */ section#content .widget_ptb_ateliers_widget, section#content2 .widget_ptb_ateliers_widget, section#content3 .widget_ptb_ateliers_widget, section#content4 .widget_ptb_ateliers_widget, section#content5 .widget_ptb_ateliers_widget{ width:50%; } .widget_ptb_ateliers_widget{} .widget_ptb_ateliers_widget .widget-title{ display:none; } .widget_ptb_ateliers_widget ul{ margin:0; list-style:none; } .widget_ptb_ateliers_widget li{ position:relative; overflow:hidden; width:100%; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-link, .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-anchor{ display:block; overflow:hidden; cursor:pointer; } .widget_ptb_ateliers_widget .readmoreatelier{ font-weight: 300; font-style: italic; cursor:pointer; text-decoration: underline; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-img{ margin:0; padding:0; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-title-1{ display:none; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-title-1 h3{ margin:0; padding:0.5em 0; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-title-2{ margin:0; padding:0.5em 0; font-size:1.2em !important; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-content{ position:absolute; bottom:-100px; min-height:140px; width:100%; margin:0; padding:0 1.5em 1em; background:#5A789A; color:#fff; box-sizing:border-box; } .widget_ptb_ateliers_widget .ptb_Ateliers_Widget-content p{ margin:0; } /* Specifique Ateliers */ .ptb_Ateliers_Widget-theme{ width:340px; padding:0 1.5em; font-size:0.9em; line-height:2em; color:#333; font-weight:600; background:#F2F2F2; border:1px solid #E0E0E0; border:1px solid #ccc; border-bottom:none; box-sizing:border-box; } .ptb_Ateliers_Widget-images{ position:absolute; top:20px; bottom:55px; left:1.5em; right:1.5em; background:#fff; box-sizing:border-box; } .ptb_Ateliers_Widget-img1{ float:left; width:25%; } .ptb_Ateliers_Widget-img1 a{ float:left; } .ptb_Ateliers_Widget-img1 img{ margin-bottom:0; } .ptb_Ateliers_Widget-descript{ position:absolute; top:0; right:0; bottom:0; width:75%; padding:0.8em; box-sizing:border-box; } .ptb_Ateliers_Widget-descript h4{ margin:0; padding:0; font-size:1.2em; line-height:1.3em; color:#333; font-weight:600; } .ptb_Ateliers_Widget-descript p{ margin:0 0 1em; font-size:0.9em; } .ptb_Ateliers_Widget-descript .logo-atelier{ max-width:120px; margin:0; } /* Details */ #ateliers-list-detail{ float:left; width:100%; padding:1.5em 0 0; } #ateliers-list-detail .ateliers-list-detail-item{ float:left; width:100%; display:none; } #ateliers-list-detail-left{ float:left; width:25%; text-align:center; box-sizing:border-box; } #ateliers-list-detail-left img{ -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } #ateliers-list-detail-left a img{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #ateliers-list-detail-right{ overflow:hidden; padding: 0 1.5em; box-sizing:border-box; } #ateliers-list-detail-right .ateliers-details-title{} /* ****************** */ /* Resume d'un atelier + image a la une : widget_ptb_ateliers-double_widget (DOUBLE) */ section#content .widget_ptb_ateliers-double_widget, section#content2 .widget_ptb_ateliers-double_widget, section#content3 .widget_ptb_ateliers-double_widget, section#content4 .widget_ptb_ateliers-double_widget, section#content5 .widget_ptb_ateliers-double_widget{ width:50%; } .widget_ptb_ateliers-double_widget{ width:66.66%; } .widget_ptb_ateliers-double_widget .widget-title{ display:none; } .widget_ptb_ateliers-double_widget ul{ margin:0; list-style:none; } .widget_ptb_ateliers-double_widget li{ position:relative; overflow:hidden; width:100%; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-link, .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-anchor{ display:block; overflow:hidden; cursor:pointer; } .widget_ptb_ateliers-double_widget .readmoreatelierdouble{ font-weight: 300; font-style: italic; cursor:pointer; text-decoration: underline; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-img{ margin:0; padding:0; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-title-1{ display:none; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-title-1 h3{ margin:0; padding:0.5em 0; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-title-2{ margin:0; padding:0.5em 0; font-size:1.2em !important; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-content{ position:absolute; bottom:-100px; min-height:140px; width:100%; margin:0; padding:0 1.5em 1em; background:#5A789A; color:#fff; box-sizing:border-box; } .widget_ptb_ateliers-double_widget .ptb_Ateliers-double_Widget-content p{ margin:0; } /* Specifique Ateliers (DOUBLE) */ .ptb_Ateliers-double_Widget-theme{ width:340px; padding:0 1.5em; font-size:0.9em; line-height:2em; color:#333; font-weight:600; background:#F2F2F2; border:1px solid #E0E0E0; border:1px solid #ccc; border-bottom:none; box-sizing:border-box; } .ptb_Ateliers-double_Widget-images{ position:absolute; top:20px; bottom:55px; left:1.5em; right:1.5em; background:#fff; box-sizing:border-box; } .ptb_Ateliers-double_Widget-img1{ float:left; width:25%; } .ptb_Ateliers-double_Widget-img1 a{ float:left; } .ptb_Ateliers-double_Widget-img1 a:hover img, .ptb_Ateliers-double_Widget-img1 img{ clear:both; margin:0; } .ptb_Ateliers-double_Widget-descript{ position:absolute; top:0; right:0; bottom:0; width:75%; padding:0.8em; box-sizing:border-box; } .ptb_Ateliers-double_Widget-descript h4{ margin:0; padding:0; font-size:1.2em; line-height:1.3em; color:#333; font-weight:600; } .ptb_Ateliers-double_Widget-descript p{ margin:0 0 1em; font-size:0.9em; } .ptb_Ateliers-double_Widget-descript .logo-atelier{ max-width:120px; margin:0; } /* Details */ #ateliers-list-detail{ float:left; width:100%; padding:1.5em 0 0; } #ateliers-list-detail .ateliers-list-detail-item{ float:left; width:100%; display:none; } #ateliers-list-detail-left{ float:left; width:25%; text-align:center; box-sizing:border-box; } #ateliers-list-detail-left img{ -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } #ateliers-list-detail-left a img{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #ateliers-list-detail-right{ overflow:hidden; padding: 0 1.5em; box-sizing:border-box; } #ateliers-list-detail-right .ateliers-details-title{} /* Resume d'un partenaire + image a la une : widget_ptb_partenaires_widget */ #partenaire-list{ float:left; width:100%; margin:0 0 1.5em; padding:0 1.5em; box-sizing:border-box; } #partenaire-list .ptb_widget_container{ height:100px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #partenaire-middle-mobile{ float:left; width:100%; padding:1.5em; background:#fff; border-bottom:1px solid #E0E0E0; box-sizing:border-box; display:none; } #partenaire-middle-mobile .partenaire-middle-content{ font-size:1.2em; font-weight:500; text-align:center; } #partenaire-top{ float:left; width:100%; background:#fff; } section#content4 #partenaire-top .widget_ptb_partenaires_widget{ width:20%; padding:0; background:#fff; } #partenaire-left{ float:left; width:20%; background:#fff; } section#content4 #partenaire-left .widget_ptb_partenaires_widget{ width:100%; padding:0; background:#fff; } #partenaire-middle{ float:left; width:60%; background:#E0E0E0; box-sizing:border-box; } #partenaire-middle .partenaire-middle-content{ font-size:1.5em; line-height:200px; font-weight:500; text-align:center; -moz-box-shadow:inset 0px 0px 5px 0px #aaa; -webkit-box-shadow:inset 0px 0px 5px 0px #aaa; -o-box-shadow:inset 0px 0px 5px 0px #aaa; box-shadow:inset 0px 0px 5px 0px #aaa; } #partenaire-right{ float:left; width:20%; background:#fff; } section#content4 #partenaire-right .widget_ptb_partenaires_widget{ width:100%; padding:0; background:#fff; } #partenaire-bottom{ float:left; width:100%; background:#fff; } section#content4 #partenaire-bottom .widget_ptb_partenaires_widget{ width:20%; padding:0; background:#fff; } /* En mode caroussel */ #partenaire-list-caroussel{ overflow:hidden; width:100%; max-width:1000px; margin:0 auto 1.5em; } section#content4 #partenaire-list-caroussel .widget{ float:none; width:inherit; width:auto; height:auto; padding:0; } .widget_ptb_partenaires_widget{ border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; } .widget_ptb_partenaires_widget .widget-title{ display:none; } .widget_ptb_partenaires_widget ul{ margin:0; list-style:none; } .widget_ptb_partenaires_widget li{ position:relative; overflow:hidden; width:100%; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-link{ display:block; overflow:hidden; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-img{ margin-bottom:0; padding:0; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-title-1{ display:none; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-title-1 h3{ margin:0; padding:0.5em 0; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-title-2{ margin:0; padding:0.5em 0; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-content{ position:absolute; bottom:-100px; width:100%; min-height:140px; margin:0; padding:0 1.5em 1em; background:url(images/bkg-tuile-content.png) top left repeat; color:#fff; box-sizing:border-box; } .widget_ptb_partenaires_widget .ptb_Partenaires_Widget-content p{ margin:0; } /* Resume d'un article + image a la une : widget_ptb_posts_widget */ .widget_ptb_posts_widget{} .widget_ptb_posts_widget .widget-title{ display:none; } .widget_ptb_posts_widget ul{ margin:0; list-style:none; } .widget_ptb_posts_widget li{ position:relative; overflow:hidden; width:100%; } .widget_ptb_posts_widget a{ color:#fff; } .widget_ptb_posts_widget .ptb_Post_Widget-link{ display:block; overflow:hidden; } .widget_ptb_posts_widget .ptb_Post_Widget-img{ margin:0; padding:0; } .widget_ptb_posts_widget .ptb_Post_Widget-title-1{ display:none; } .widget_ptb_posts_widget .ptb_Post_Widget-title-1 h3{ margin:0; padding:0.5em 0; } .widget_ptb_posts_widget .ptb_Post_Widget-title-2{ margin:0; padding:0.5em 0; } .widget_ptb_posts_widget .ptb_Post_Widget-content{ position:absolute; bottom:-100px; width:100%; min-height:140px; margin:0; padding:0 1.5em 1em; background:url(images/bkg-tuile-content2.png) top left repeat; color:#fff; box-sizing:border-box; } .widget_ptb_posts_widget .ptb_Post_Widget-content p{ margin:0; } .widget_ptb_posts_widget span.knowMore a{ background:#fff; color:#9C062C; } /* Resumes d'articles d'une categorie + images a la une : widget_ptb_categories_widget */ .widget_ptb_categories_widget{ position:relative; } .widget_ptb_categories_widget .widget-title{ margin:0; padding:0 0 0.5em; } .widget_ptb_categories_widget ul.ptb_Categories_Widget-slider{ overflow:hidden; margin:0; list-style:none; } .widget_ptb_categories_widget li{ overflow:hidden; width:100%; } .widget_ptb_categories_widget .ptb_Categories_Widget-link{ display:block; overflow:hidden; } .widget_ptb_categories_widget .ptb_Categories_Widget-img{ margin:0; padding:0; } .widget_ptb_categories_widget .ptb_Categories_Widget-title-1{ display:none; } .widget_ptb_categories_widget .ptb_Categories_Widget-title-2{ margin:0; padding:0.5em 0; } .widget_ptb_categories_widget .ptb_Categories_Widget-content{} .widget_ptb_categories_widget .ptb_Categories_Widget-content p{ margin:0; } .widget_ptb_categories_widget .ptb_Categories_Widget-paginate{ overflow:hidden; margin:1em 0 0; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager{ text-align:center; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager span{ display:inline-block; width:12px; font-size:26px; cursor:pointer; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager span.cycle-pager-active{ color:#9C062C; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager-prev{ float:left; width:20px; height:20px; background:#000; cursor:pointer; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager-prev:hover{ background:#9C062C; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager-next{ float:right; width:20px; height:20px; background:#000; cursor:pointer; } .widget_ptb_categories_widget .ptb_Categories_Widget-pager-next:hover{ background:#9C062C; } /* Nuage de mots clés : widget_ptb_tagcloud_widget */ .widget_ptb_tagcloud_widget{} .widget_ptb_tagcloud_widget .tagcloud{ text-align:center; } .widget_ptb_tagcloud_widget .tagcloud a{ display:inline-block; padding:0.1em 0.2em; } /* Commentaires recents + avatar : widget_ptb_comments_widget */ .widget_ptb_comments_widget{} .widget_ptb_comments_widget li.comment-author{ overflow:hidden; margin:0 0 1em; } .widget_ptb_comments_widget img.avatar{ float:left; display:inline; max-width:100%; height:auto; margin:0 1em 0 0; padding:0; } .widget_ptb_comments_widget p{ margin:0; } .widget_ptb_comments_widget .says{ display:block; } .widget_ptb_comments_widget .comment-author{} .widget_ptb_comments_widget .comment-post-title{} .widget_ptb_comments_widget .comment-date{} /************/ /** FOOTER **/ /************/ /* Footer Site */ footer.bottom-site{ position:relative; min-width:320px; background:#FDB131; } footer.bottom-site .inside{ overflow:hidden; max-width:1200px; margin:0 auto; padding:0.5em 0; box-sizing:border-box; } footer.bottom-site .inside p{ margin:0; } footer.bottom-site .inside ul{ margin:0; } footer.bottom-site .inside li{ margin:0; } footer.bottom-site .inside strong span{ font-weight:400; } footer.bottom-site .footer-left{ float:left; box-sizing:border-box; } footer.bottom-site .footer-right{ overflow:hidden; text-align:right; box-sizing:border-box; } /*************/ /** PLUGINS **/ /*************/ /* Breadcrumb */ #breadcrumbs{ float:left; width:100%; padding:0.5em 1.5em; font-size:0.9em; text-align:right; font-style:italic; box-sizing:border-box; } /* PTB Contact Form */ #ptb-contact{ overflow:hidden; } #ptb-contact form{} #ptb-contact fieldset{ float:left; width:50%; margin:0 0 1em; padding:0; background:#fff; border:none; box-sizing:border-box; } #ptb-contact fieldset.left{ clear:both; } #ptb-contact fieldset.right{} #ptb-contact fieldset.fieldset-full{ width:100%; } #ptb-contact fieldset.blk-download{ padding:2em 1.5em 1.5em; background:#89A1BC; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow:3px 3px 3px 0px #aaa; -moz-box-shadow:3px 3px 3px 0px #aaa; box-shadow:3px 3px 3px 0px #aaa; } #ptb-contact fieldset.blk-download h4{ font-size:1.5em; color:#fff; } #ptb-contact fieldset.blk-download h5{ margin:0 0 1em; } #ptb-contact legend{ background:#9C062C; margin:0 1em; padding:0 1em; line-height:2em; display:none; } #ptb-contact ul{ margin:0; padding:0; list-style:none; } #ptb-contact li{ float:none; overflow:hidden; margin:0 0 0.2em; padding:0; } #ptb-contact li.type-inscrit{} #ptb-contact li.type-inscrit div{ float:left; margin:0.5em 0 1.5em; padding:0.5em 2em 0.5em 1em; background:#89A1BC; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow:1px 1px 1px 0px #aaa; -moz-box-shadow:1px 1px 1px 0px #aaa; box-shadow:1px 1px 1px 0px #aaa; } #ptb-contact li.type-inscrit label{ width:120px; font-size:1.2em; color:#fff; font-weight:600; } #ptb-contact label{ float:left; display:block; width:100px; margin:0; padding:0; line-height:24px; } #ptb-contact label span.required-label{ color:#9C062C; } #ptb-contact label.label-check{ width:200px; } #ptb-contact input.label-checkput{ float:left; margin:5px 0.5em 0 0; } #ptb-contact label.labelfull{ width:100%; } #ptb-contact #ptb-contact-form-filelist{ float:left; width:100%; line-height:24px; color:green; } #ptb-contact #ptb-contact-form-container{ overflow:hidden; width:100%; } #ptb-contact #console{ float:left; width:100%; line-height:24px; color:#9C062C; } #ptb-contact p.infos{ font-size:0.9em; line-height:1.3em; } #ptb-contact input.error, #ptb-contact select.error, #ptb-contact textarea.error{ background:#F99; border:1px solid #A80230; } #ptb-contact label.error{ display:none !important; } #ptb-contact .error-msg{ background:#FFF8F4; color:#A80230; display:none; } #ptb-contact .error-msg span{ display:block; padding:0 1em; border:1px solid #A80230; line-height:1.5em; text-align:right; } #ptb-contact .good-msg{ background:#E0F1B5; color:#4F5F39; display:none; } #ptb-contact .good-msg span{ display:block; padding:0 1em; border:1px solid #fff; line-height:1.5em; text-align:right; } /* IE Security */ #ptb-contact .ie-security{ margin:0 0 0 1.5em; } #ptb-contact .ie-security p{ text-align:center; } /* Google map */ #ptb-contact-plan{ margin:0 0 1em; } #ptb-contact-map{ width:100%; height:430px; } #ptb-contact-map img{ max-width:inherit; max-width:none; } #ptb-contact-map .infowindomap{ overflow:hidden; min-width:200px; max-width:280px; } /* PTB Widgets Masonry */ section#content #widgetzone-container{ background:#fff; } section#content #widgetzone-container #default-item{ width:100%; height:100px; background:url(ptb-widgetsMasonry/img/loader.gif) center center no-repeat; } section#content #widgetzone-container .widget{ float:left; width:25%; height:auto; margin:0; padding:0; } section#content #widgetzone-container .widget.ptb_widget_type-type-25{ width:25%; } section#content #widgetzone-container .widget.ptb_widget_type-type-50{ width:50%; } section#content #widgetzone-container .widget.ptb_widget_type-type-75{ width:75%; } section#content #widgetzone-container .widget.ptb_widget_type-type-100{ width:100%; } /* INUTILISE : TEST section#content2 .stamp, section#content3 .stamp, section#content4 .stamp, section#content5 .stamp{ float:left; position:absolute; left:33.33% !important; top:0 !important; width:33.33%; padding:0 1.5em 1.5em; box-sizing:border-box; } */ /* PTB Metabox Agenda */ .widget_ptb_calendrier_widget{} .widget_ptb_calendrier_widget .widget-title{} .widget_ptb_calendrier_widget .widget-title span{ float:right; } .widget_ptb_calendrier_widget ul{} .widget_ptb_calendrier_widget li{} #ptb-calendrier{ margin:0 0 0.5em; padding:0.3em; background:#fff; } #ptb-calendrier table{ width:100%; margin:0; padding:0; border:1px solid #ccc; border-top:none; border-right:none; } #ptb-calendrier tr{ margin:0; padding:0; } #ptb-calendrier td{ margin:0; padding:0; font-size:1em; line-height:2em; text-align:center; border:1px solid #ccc; border-left:none; border-bottom:none; color:#333; } #ptb-calendrier td.last{ border-bottom:none; /*color:#bbb;*/ } #ptb-calendrier td.last a{ /*color:#bbb;*/ } #ptb-calendrier td a{ display:block; text-decoration:none; } #ptb-calendrier tbody td a{ background:#9C062C; color:#fff; } #ptb-calendrier td.header-month{ font-weight:bold; } #ptb-calendrier td.header-month-prev, #ptb-calendrier td.header-month-next{ background:#ccc; } #ptb-calendrier td.header-month-prev a, #ptb-calendrier td.header-month-next a{ color:#fff; } #ptb-calendrier td.header-day{ font-size:0.7em; line-height:2.1em; font-weight:bold; color:#000; } .ptb-agenda-meta-top{ float:left; width:100%; background-color:#F96; margin:0; padding:0; line-height:2em; } /* PTB Metabox Images */ .ptb_MetaboxImages{ position:relative; max-width:90%; margin:0 auto; background:#fff; -webkit-box-shadow:5px 5px 10px -5px #aaa; -moz-box-shadow:5px 5px 10px -5px #aaa; box-shadow:5px 5px 10px -5px #aaa; } .ptb_MetaboxImages .widget-title{ margin:0; padding:0 0 0.5em; } .ptb_MetaboxImages ul.ptb_MetaboxImages-slider{ overflow:hidden; margin:0; list-style:none; } .ptb_MetaboxImages ul li{ overflow:hidden; width:100%; padding:0; } .ptb_MetaboxImages img{ margin:-12% auto -8%; } .ptb_MetaboxImages .ptb_MetaboxImages-paginate{ position:absolute; bottom:0; left:0;right:0; margin:0 auto; overflow:hidden; z-index:100; } .ptb_MetaboxImages .ptb_MetaboxImages-pager{ margin:0 0 0.5em; text-align:center; } .ptb_MetaboxImages .ptb_MetaboxImages-pager span{ display:inline-block; width:20px; height:20px; background:url(images/bkg-pager-slider.png) center center no-repeat; font-size:0; cursor:pointer; } .ptb_MetaboxImages .ptb_MetaboxImages-pager span.cycle-pager-active{ background:url(images/bkg-pager-slider-active.png) center center no-repeat; font-size:0; color:#9C062C; } .ptb_MetaboxImages .ptb_MetaboxImages-pager-prev{ float:left; width:20px; height:20px; background:#000; cursor:pointer; } .ptb_MetaboxImages .ptb_MetaboxImages-pager-prev:hover{ background:#9C062C; } .ptb_MetaboxImages .ptb_MetaboxImages-pager-next{ float:right; width:20px; height:20px; background:#000; cursor:pointer; } .ptb_MetaboxImages .ptb_MetaboxImages-pager-next:hover{ background:#9C062C; } /* PTB Metabox Localisation */ #ptb-localisation-plan{ margin:0 0 1em; } #ptb-localisation-map{ width:100%; height:430px; } #ptb-localisation-map img{ max-width:inherit; max-width:none; } #ptb-localisation-map .infowindomap{ overflow:hidden; min-width:200px; max-width:280px; } /* Pour some CSS below ========================================================= */ /* The H1 declarations - for @font-face presentational purposes only */ /* =Responsive Structure ----------------------------------------------- */ /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 20px) and (max-width: 1200px) { /* Styles */ /************/ /** HEADER **/ /************/ /* Timer */ #timer-to-event{ font-size:4.5em; } #test-timer-days span.titre, #test-timer .hours span.titre, #test-timer .minutes span.titre, #test-timer .seconds span.titre{ font-size:0.4em; } /*************/ /** SIDEBAR **/ /*************/ /* Resume d'un atelier + image a la une : widget_ptb_ateliers-double_widget (DOUBLE) */ section#content .widget_ptb_ateliers-double_widget, section#content2 .widget_ptb_ateliers-double_widget, section#content3 .widget_ptb_ateliers-double_widget, section#content4 .widget_ptb_ateliers-double_widget, section#content5 .widget_ptb_ateliers-double_widget{ width:50%; } /* Specifique Atelier) */ .ptb_Ateliers_Widget-img1 img{ max-width:85px; } .ptb_Ateliers_Widget-descript h4{ font-size:0.8em; } .ptb_Ateliers_Widget-descript p{ font-size:0.8em; } .ptb_Ateliers_Widget-descript .logo-atelier{ display:none; } /* Specifique Ateliers (DOUBLE) */ .ptb_Ateliers-double_Widget-img1 img{ max-width:85px; } .ptb_Ateliers-double_Widget-descript h4{ font-size:0.8em; } .ptb_Ateliers-double_Widget-descript p{ font-size:0.8em; } .ptb_Ateliers-double_Widget-descript .logo-atelier{ display:none; } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 20px) and (max-width: 960px) { /* Styles */ /* Basic Structure ============================================================= */ #wrap{ margin:0 auto; position:relative; max-width:800px; } /* Content */ section#content2, section#content3, section#content4, section#content5, section#content{ width: 100%; max-width:800px; min-width:320px; } section#content2 .inside, section#content3 .inside, section#content5 .inside, section#content .inside{ margin:0 0 1.5em; } /* Sidebar */ aside{ width: 100%; min-width:320px; clear:left; } /************/ /** HEADER **/ /************/ #header-1{ font-size:0.9em; } #header-2{ font-size:0.8em; } /**************/ /** MENU TOP **/ /**************/ #access-mobile{ display:block; } body #access{ display:none; position:absolute; left:0; right:0; width:auto; width:inherit; min-width:280px; height:0; margin:2em 0 0; } body #access ul{ float:none; width:100%; max-width:none; margin:0; background:#777; border-top:1px dotted #F5F5F5; padding:0; } body #access li{ display:block; float:none; width:100%; max-width:none; margin:0; border-bottom:1px dotted #F5F5F5; } body #access a{ margin:0; } /* Afficher la presence d'un sous-menu */ #access ul li.menu-item-has-children a, #access ul li.menu-item-has-children ul.sub-menu a{ display:block; } body #access ul ul{ position:relative; display:block; } body #access ul ul li{ width:auto; width:inherit; border:none; } body #access ul ul li a{ border:none; padding-left:2em; } body #access ul ul ul{ top:0; left:0; } body #access ul ul ul li a{ padding-left:3em; } body #access ul ul ul ul li a{ padding-left:4em; } /**********/ /** POST **/ /**********/ /************/ /* SPONSORS */ /************/ #sponsors-list li{ width:25%; } /****************/ /** SHORTCODES **/ /****************/ .ptb-three-columns{ width:50%; } .ptb-three-columns.middle{ width:50%; } /*************/ /** SIDEBAR **/ /*************/ /* Specifique Atelier) */ .ptb_Ateliers_Widget-theme{ width:100%; } .ptb_Ateliers_Widget-img1 img{ max-width:60px; } .ptb_Ateliers_Widget-descript h4{ font-size:0.8em; } .ptb_Ateliers_Widget-descript p{ display:none; } /* Specifique Ateliers (DOUBLE) */ .ptb_Ateliers-double_Widget-theme{ width:100%; } .ptb_Ateliers-double_Widget-img1 img{ max-width:60px; } .ptb_Ateliers-double_Widget-descript h4{ font-size:0.8em; } .ptb_Ateliers-double_Widget-descript p{ display:none; } /**********************/ /** SIDEBAR HOMEPAGE **/ /**********************/ /*************/ /** WIDGETS **/ /*************/ section#content .widget, section#content2 .widget, section#content3 .widget, section#content4 .widget, section#content5 .widget{ width:50%; } #wrap .ptb_widget_container h3, #wrap2 .ptb_widget_container h3, #wrap3 .ptb_widget_container h3, #wrap4 .ptb_widget_container h3, #wrap5 .ptb_widget_container h3{ font-size:1.1em; } /* Resume d'un partenaire + image a la une : widget_ptb_partenaires_widget */ #partenaire-middle-mobile{ display:block; } #partenaire-top{ float:left; width:100%; } section#content4 #partenaire-top .widget_ptb_partenaires_widget{ width:20%; } #partenaire-left{ float:left; width:40%; } section#content4 #partenaire-left .widget_ptb_partenaires_widget{ width:50%; } #partenaire-middle{ float:left; width:20%; height:100px; line-height:100px; border:none; } #partenaire-middle .partenaire-middle-content{ display:none; } #partenaire-right{ float:left; width:40%; } section#content4 #partenaire-right .widget_ptb_partenaires_widget{ width:50%; } #partenaire-bottom{ float:left; width:100%; } section#content4 #partenaire-bottom .widget_ptb_partenaires_widget{ width:20%; } /*************/ /** PLUGINS **/ /*************/ /* PTB Widgets Masonry */ section#content #widgetzone-container{} section#content #widgetzone-container .widget{ width:25%; } section#content #widgetzone-container .widget.ptb_widget_type-type-25{ width:25%; } section#content #widgetzone-container .widget.ptb_widget_type-type-50{ width:50%; } section#content #widgetzone-container .widget.ptb_widget_type-type-75{ width:75%; } section#content #widgetzone-container .widget.ptb_widget_type-type-100{ width:100%; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width : 20px) and (max-width: 800px) { /* Styles */ /************/ /** HEADER **/ /************/ /* Timer */ #timer-to-event{ display:none; } #header-1{ float:left; width:100%; margin:0.5em 0 1em; font-size:0.8em; text-align:center; } #header-2{ overflow:hidden; width:100%; max-width:320px; margin:0 auto; font-size:0.7em; } #header-2 .header-2b{ font-size:6em; line-height:1em; } header.top-site h2{ display:none; } /**********/ /** POST **/ /**********/ /************/ /* SPONSORS */ /************/ #sponsors-list li{ width:33.33%; } #sponsors-list-detail-left{ float:left; width:100%; } #sponsors-list-detail-right{ float:left; width:100%; } /****************************/ /* PLEINIERES / CONFERENCES */ /****************************/ #plenieres-list .plenieres-list-left{ float:left; width:100%; } #plenieres-list .plenieres-list-right{ float:left; width:100%; } /*************/ /** SIDEBAR **/ /*************/ /* Resume d'un atelier + image a la une : widget_ptb_ateliers_widget */ /* Details */ #ateliers-list-detail-left{ float:left; width:100%; } #ateliers-list-detail-right{float:left; width:100%; } /*************/ /** PLUGINS **/ /*************/ /* PTB Contact Form */ #ptb-contact fieldset{ width:100%; } /* PTB Widgets Masonry */ section#content #widgetzone-container{} section#content #widgetzone-container .widget{ width:50%; } section#content #widgetzone-container .widget.ptb_widget_type-type-25{ width:50%; } section#content #widgetzone-container .widget.ptb_widget_type-type-50{ width:50%; } section#content #widgetzone-container .widget.ptb_widget_type-type-75{ width:50%; } section#content #widgetzone-container .widget.ptb_widget_type-type-100{ width:100%; } /************/ /** FOOTER **/ /************/ /* Footer Site */ footer.bottom-site{ position:relative; min-width:320px; background:#FDB131; } footer.bottom-site .inside{ overflow:hidden; max-width:1200px; margin:0 auto; padding:0.5em 0; box-sizing:border-box; } footer.bottom-site .inside p{ margin:0; } footer.bottom-site .inside ul{ margin:0; } footer.bottom-site .inside li{ margin:0; } footer.bottom-site .inside strong span{ font-weight:400; } footer.bottom-site .footer-left{ float:left; width:100%; padding:0 1.5em; text-align:center; } footer.bottom-site .footer-right{ float:left; width:100%; padding:0 1.5em; text-align:center; } } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ /************/ /** HEADER **/ /************/ /* Background cover (FIXE) */ #bgHeader{ display:none; } #bgHeaderMask{ display:none; } /* ---------------------------------------------- */ /* /!\ MENU SUR L'IMAGE !! */ .page-template-tpl_homepage header.top-site{ overflow:visible; background:#9C062C; } #header-1{ margin:1.5em 0 1em; font-size:0.7em; } #header-2{ font-size:0.6em; } /**********/ /** POST **/ /**********/ /************/ /* SPONSORS */ /************/ #sponsors-list li{ width:50%; } /****************/ /** SHORTCODES **/ /****************/ .ptb-two-columns{ width:100%; } .ptb-two-columns.last{ width:100%; } .ptb-three-columns{ width:100%; } .ptb-three-columns.middle{ width:100%; } /*************/ /** SIDEBAR **/ /*************/ /**********************/ /** SIDEBAR HOMEPAGE **/ /**********************/ /*************/ /** WIDGETS **/ /*************/ section#content .widget, section#content2 .widget, section#content3 .widget, section#content4 .widget, section#content5 .widget{ width:100%; } /*************/ /** PLUGINS **/ /*************/ /* PTB Widgets Masonry */ section#content #widgetzone-container{} section#content #widgetzone-container .widget{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-25{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-50{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-75{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-100{ width:100%; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ /************/ /** HEADER **/ /************/ /* Background cover (FIXE) */ #bgHeader{ display:none; } #bgHeaderMask{ display:none; } /* ---------------------------------------------- */ /* /!\ MENU SUR L'IMAGE !! */ .page-template-tpl_homepage header.top-site{ overflow:visible; background:#9C062C; } #header-1{ margin:1.5em 0 1em; font-size:0.7em; } #header-2{ font-size:0.6em; } /**********/ /** POST **/ /**********/ /************/ /* SPONSORS */ /************/ #sponsors-list li{ width:50%; } /****************/ /** SHORTCODES **/ /****************/ .ptb-two-columns{ width:100%; } .ptb-two-columns.last{ width:100%; } .ptb-three-columns{ width:100%; } .ptb-three-columns.middle{ width:100%; } /*************/ /** SIDEBAR **/ /*************/ /**********************/ /** SIDEBAR HOMEPAGE **/ /**********************/ /*************/ /** WIDGETS **/ /*************/ section#content .widget, section#content2 .widget, section#content3 .widget, section#content4 .widget, section#content5 .widget{ width:100%; } /*************/ /** PLUGINS **/ /*************/ /* PTB Widgets Masonry */ section#content #widgetzone-container{} section#content #widgetzone-container .widget{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-25{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-50{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-75{ width:100%; } section#content #widgetzone-container .widget.ptb_widget_type-type-100{ width:100%; } } @media only screen and (min-width: 960px) and (max-width: 1224px){ /* Styles */ /* Basic Structure ============================================================= */ /* Content */ section#content{ width: 70%; } section#content .inside{ } /* Sidebar */ aside{ width: 30%; float:left; clear:none; } /*************/ /** SIDEBAR **/ /*************/ /*************/ /** WIDGETS **/ /*************/ #wrap2 .ptb_widget_container h3, #wrap3 .ptb_widget_container h3, #wrap4 .ptb_widget_container h3, #wrap5 .ptb_widget_container h3{ font-size:1em; } /* Resume d'un partenaire + image a la une : widget_ptb_partenaires_widget */ #partenaire-middle .partenaire-middle-content{ margin:1.5em; line-height:1.5em; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ /* Basic Structure ============================================================= */ /* Content */ section#content{ width: 70%; } section#content .inside{ } /* Sidebar */ aside{ width: 30%; float:left; clear:none; } } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ /* Basic Structure ============================================================= */ /* Content */ section#content{ width: 100%; min-width:320px; } section#content .inside{ margin:0 0 1.5em; } /* Sidebar */ aside{ width: 100%; min-width:320px; clear:left; } } /* =Print ----------------------------------------------- */ @media print {}