/* Theme Name: Codium Extend Description: Codium Extend is a very simple wordpress theme with all the new features in Wordpress 3.1: personalized menus, choosing a color for the background, ready for translation, custom header image ... This theme is ideal for anyone seeking simplicity with the full articles on the homepage! Bonus : this theme is optimized for handheld and mobile devices (iphone, ipad, and smartphone). Un thème disponible en français aussi! Author: Henri Labarre Theme URI: http://www.code-2-reduction.fr/codium_extend/ Version: 1.0.9 Tags: custom-colors, two-columns, fixed-width, custom-background, custom-header, threaded-comments, sticky-post, light, white, custom-background, translation-ready,custom-menu License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ *{margin:0; padding:0} body{font:62.5% Helvetica,Verdana,Arial,Sans-Serif; color:#444; background-color:#fff;background-repeat:repeat-x;background-attachment:fixed;}blockquote{border-left:0.4em solid #eee; margin:0 0 0 1.5em; padding:0 0 0 1em} /* Links */ a img, :link img, :visited img{border:0; outline:none; text-decoration:none; max-width:100%; height: auto;} a{color:#444; text-decoration:none; outline:none} a:hover{background:#f3f3f3; color:#237D9C; text-decoration:none; outline:0} /* Heading */ h1, h2, h3, h4{font-family:Helvetica,Verdana,Arial,Sans-Serif;} h1{font-family:Helvetica,Verdana,Arial,Sans-Serif;font-size:4.5em;} h1.blogtitle{font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:4em;margin: 0 0 0 8px;} h1 a{color:#444;} h1 a:hover{color:#444;background:transparent;} h1 a:link{color:#444} h1 a:visited{color:#444} h2 a,h3 a, h4 a{color:#000000; font-weight:normal} h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:28px;} h2.single-entry-title{color:#444; font-weight:bold;;margin:0 0 0.5em 0;font-size:28px;} h2.page-title{font-weight:bold !important; margin:0 0 0.5em 0;font-size:28px;} h3.widgettitle{color:#fff; background-color:#EE3C0C;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px; padding:5px; font-size:1.5em !important;} .description{color:#444;font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:1.3em;margin:0.5em 0 0 8px;} /* Navigation and header*/ div#crispheader{margin: 7px 0 0 0; padding: 4px; background: white;} #crispheader a:hover, #crispbanner a:hover{background-color:#fff} div#header{margin:0; padding:1em 1em 1em 1em; height:8em; background:transparent} div#headertop{margin:0 0 0 0; background-color:transparent} #logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;} * html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;} #logo a{background-color:transparent} #crispbanner {float:right; padding:4px 4px 0 0;max-width:70%;} #access{background:#fff;float:left;width:100%;margin:7px auto 0;text-transform: uppercase;border-bottom:solid 4px #EE3C0C; -moz-border-radius-topleft:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;} #access .menu-header,div.menu{font-size:1.3em;margin-left:10px;} #access .menu-header ul,div.menu ul{list-style:none;margin:0;} #access .menu-header li,div.menu li{float:left;position:relative;} #access ul a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:180px;z-index:99999;} #access ul ul li{min-width:180px;} #access ul ul ul{left:100%;top:0;} #access ul ul a{background:#ffffff;line-height:1em;width:160px;height:auto;padding:10px;} #access li:hover > a,#access ul ul :hover > a{background:#EE3C0C;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #access ul li:hover > ul{display:block;} #access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{background:#EE3C0C;color:#fff;} /* Layout */ #wrapperpub{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left;} #wrapper{margin: 0 auto;background-color:#FFF; position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} #wrappertop{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left} #container{background-color:#fff; clear:both;} #containerlarge{margin:0.8em 0 2em 2em; float:left; display:inline; clear:both;background-color:#fff;} * html #containerlarge{margin:2em 0 2em 2em; float:left; background-color:#fff;} #content{background-color:#FFF; padding: 10px 0 0 0;overflow:hidden;} #content h1{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h2{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h3{font-size:1.8em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h4{font-size:1.5em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h5{font-size:1.3em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h6{font-size:1.1em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #footer{color:#bbb;margin:auto; padding:3em 0 0.5em 2em; clear:both; text-align:left; font-size:1.1em; line-height:1.5em;} #footer a,#footerlink a{color:#bbb; text-decoration:none; outline:none} #footer a:hover,#footerlink a:hover{background:#f3f3f3; color:#444; text-decoration:none; outline:0} #footer p,#footerlink p{color:#bbb;} #footerlink{color:#bbb;margin-bottom:2em; padding:1em 0 1em 0; clear:both; text-align:left; font-size:1.1em; line-height:1em;} /* sidebar */ div.sidebar{float:right; overflow:hidden; margin:0 8px 0 0; background-color:#fff} .sidebar h3{font-size:1.5em; font-weight:normal; letter-spacing:-0.03em} .sidebar li{margin:0; padding:0;} .sidebar ul li ul li{padding:0.5em 0 0} .sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0} .sidebar ul{list-style:none; margin:0; padding:0} div#primary{clear:right} * html #primary{} div#secondary{clear:right} * html #secondary{margin:1em 1em 0 1em} /* Misc */ .clear{clear:both} /* Post area */ .hentry{font-weight:normal; margin-bottom:2em} .entry-content{font:1.3em/1.8em Helvetica,Arial,sans-serif; text-align:left; color:#444; margin:auto} .entry-content p{margin:0 0 0.5em 0} * html .entry-content p{margin:0em 0} .entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ol li{margin:0 0 0.2em} .entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ul li{margin:0 0 0.2em} .entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;} .entry-content a{color:#444;background:#f3f3f3;} .entry-content a:visited{color:#237D9C;} .entry-content a:hover{color:#237D9C;} .entry-content h2{font-size:1.8em !important} .entry-content h3{font-size:1.5em !important} .entry-content h4{font-size:1.3em !important} .entry-content h5{font-size:1em !important} .entry-content h6{font-size:0.9em !important} .alignleft{float:left} .alignright{float:right} .center{text-align:center;margin:0 0 1.5em 0} .entry-meta{color:#bbb; padding:0em; font-size:1.1em; line-height:1.5em} .entry-meta .tag-links a{color:#444; background:#f3f3f3} .entry-meta .tag-links a:hover{color:#f3f3f3; background:#444} .sticky{background-color:transparent} .single-entry-author-description{padding: 0.5em 0} /* Page navigation */ .navigation{margin:0 0 2em; height:1em; width:auto} .navigation a{color:#777} .navigation a:hover{text-decoration:none} .nav-next{float:right} .nav-previous{float:left} .navigation_mobile{display:none} /* Comment */ #comments li{margin:1em 0; padding:1em 1em; background-color:#F8F8F5; } #comments li.alt{margin:1em 0; padding:1em 1em; background-color:#FFF;} #comments{list-style-type:none; margin:0; padding:0} #comments .byuser{} #comments .byuser.alt{} #comments .bypostauthor{background-color:#E0E0E0 !important;} #comments .bypostauthor.alt{background-color:#F1F1F1 !important;} #comments .comment p{padding:1em 0; font-size:1.2em} #comments .comment-author{margin: 0 0 0 3px;font-size:1.5em; font-weight:bold; letter-spacing:-0.1em} #comments .comment-meta a{color:#777} #comments .comment-meta{margin:0.3em 0; color:#777} #comments .comment-author-admin{background-color: #FFF; background-repeat: no-repeat; background-position:right top;} #comments ul.children{list-style:none;margin:0 -1em 0 0} #comments .count {float:right;padding: 10px;font-size:20px;color:#606566;} div.formcontainer{width:100%} #commentform .comment-form-author, .comment-form-email, .comment-form-url{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; width:40%; clear:both} #commentform .comment-form-comment{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; clear:both} #commentform #comment-notes{margin:1em 0 0 0; color:#bbb} #commentform #submit{width:auto;margin:0.5em 0; float:right} #commentform label{margin:1em 0;padding:1em 0 1em; color:#777; font:1.1em Helvetica,Arial,sans-serif;} #commentform textarea#comment{padding:0.3em 0 0.3em 0.3em; font:1.1em Helvetica,Arial,sans-serif; color:#777; width:99%; height:15em} #commentform .form-allowed-tags {line-height: 1em;} #commentform .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;} #commentform .form-allowed-tags code {font-size: 11px;} #commentform .required {color: #ff4b33;font-weight: bold;} #commentform .comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0} #commentform .page-numbers.current{text-decoration: underline;} span.rss-url, a.rss-url {color: #237D9C; padding: 5px 0px 5px 15px; background: url('/wp-content/uploads/2011/09/feed-icon-10x10.png') no-repeat 0 50%;} .rss-block { background: none repeat scroll 0 0 transparent; font-size: 1.2em; margin: 0 0 0.5em; padding: 0.5em 0 0;} /* Error page */ .four04 #content p{font-size:1.2em} .four04 .sidebar{clear:right; display:block} .four04 #content{width:590px; text-align:left} /*widget*/ .widget {} .widgetblock{font-size:1.2em;background: transparent;margin:0 0 0.5em 0;padding:0.5em 0 0 0;} .widgettitleb{margin: 0 0 0.5em 0; padding:0;color:#444;border-bottom:2px solid #f1f2f4;} .screen-reader-text{display:none} /* date */ .entry-date{color:#bbb;margin:-1em 0 0.5em 0} /*Gallery Shorcode*/ .gallery {margin: auto;} .gallery-item {float: left;margin-top: 10px;margin-bottom: 10px;text-align: center;width:33%} .gallery img {border: 2px solid #cfcfcf;} .gallery-caption {display:none} /*line break style*/ .linebreak {padding :1em 0 0.5em 0; border-top:2px solid #f1f2f4;} .linebreaktop {float: right; font-size:0.8em; } /*Gravatar*/ img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;} /*Caption and images*/ #content .wp-caption{background:#edebe0;line-height:18px;margin-bottom:20px;text-align:center;padding:4px;} #content .wp-caption img{margin:5px 5px 0;} #content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;} #content .attachment img{max-width:100%; height:auto;} #content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} #content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;} #content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;} #content img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;} #content .attachment img {display: block;margin: 0 auto;} /*malo*/ .dp5,.dp10,.dp20,.dp25,.dp30,.dp40,.dp50,.dp60,.dp70,.dp80,.dp100{float:left;display:inline;margin-left:-0.04em;margin-bottom:0.5em;} .dp5{width:5%;} .dp10{width:10%;} .dp20{width:20%;} .dp25{width:25%;} .dp30{width:30%;} .dp40{width:40%;} .dp50{width:50%;} .dp60{width:60%;} .dp70{width:70%;} .dp80{width:80%;} .dp100{width:100%;} .clear{clear:both;} p { padding:0em 0em 1em;color:#111;} .dp20 li{margin:0 0 0 1em;} /*form box*/ #formbox label{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;} #formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;} #formbox .avatar{margin-top:16px;float:left;border:0;} #formbox .avatar img{border:1px solid #ccc;padding:0;} #formbox .inputarea{padding-left:66px;height:100%;font-size:12px;} #formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;} #wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;line-height:16px;padding:5px 7px;} #sidebar form input[type="text"]{background:#fff;} #formbox input#tags#display-name#m-address#home-page{width:75%;float:left;} #formbox input#submit{margin-left:6px;float:right;padding:0 20px;} #formbox .postrow{height:28px;} #wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;line-height:27px;height:28px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:700;color:#333;padding:0 10px;} #wrapper button{margin:10px 10px 0 0;} #wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;} /*searchbox*/ #search fieldset {border: none;position: relative;} #search input[type="text"]{border:1px solid #CCCCCC;color:#516064;font-family: Helvetica,arial,sans-serif;font-size:14px;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;} #search label{font-family: Helvetica,arial,sans-serif;font-size: 15px;font-weight: bold;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;} #search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;} #search input.button:hover{background-position:0 0px;} #search input.button {background-position:0 -27px;} input#searchsubmitbutton{right:10px;width:100px;} /*category color*/ span.cat-links a {color: #FFF;text-transform: uppercase;line-height:2em;background:#444;padding: 4px 6px 4px 6px;-moz-border-radius:3px;border-radius:3px;} /*Image sur homepage*/ .postthumb{float:left} .postthumb-gallery{float:left;width:125px;height:125px} .postthumbimg-ds{float:left; background:url('images/shadow.png') no-repeat bottom right; margin:10px 2px 0 6px; padding:0 0 0 0} .postthumbimg-dsr{float:right; background:url('images/shadow.png') no-repeat bottom right; margin:10px 2px 0 6px; padding:0 0 0 0} .postthumbimg-ds img{background-color:#fff; border:1px solid #a9a9a9; display:block; margin:-5px 5px 5px -5px; padding:4px; position:relative} .postthumbimg-dsr img{background-color:#fff; border:1px solid #a9a9a9; display:block; margin:-5px 5px 5px -5px; padding:4px; position:relative} * html .postthumbimg{margin:0 0 0 0} /*Table*/ table {border-collapse:collapse;margin:0 0 0.5em 0} th {font-size:1.2em;padding:4px 6px;border-width:1px;border-style:solid} td {padding:4px;border-width:1px;border-style:solid} /*definition*/ dt {clear: both;width: 20%;float: left;padding-right: 5px;font-weight: bold;text-align: left;} dd {float: left;width: 78%;margin: 0 0 0.5em 0.25em;padding: 0;} .mobileon{display:none} /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .container .one.column { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 348px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } .container iframe, object, embed{width: 100%;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .columns, .column { margin: 10px; } .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 280px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } .container iframe, object, embed{width: 100%;} #access,.wp-pagenavi,.mobileoff{display:none} #accessmobile{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;} .mobileon{width:auto;} .navigation_mobile{display:inline} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .columns, .column { margin: 10px; } .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 400px; } .container iframe, object, embed{width: 100%;} #access,.wp-pagenavi,.mobileoff{display:none} #accessmobile{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;} .mobileon{width:auto;} .navigation_mobile{display:inline} }