WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Navigation background colour? (3 posts)

  1. schememag
    Member
    Posted 2 years ago #

    Hi,
    i have change it before and it worked now i cant remember how i did it or its not working. Heres my link http://schememagazine.com/
    i want to change the navigation background colour to white. Heres my style .css code

    /*
    Theme Name: Codium Extend
    Description: Codium Extend is a very simple wordpress theme with all the new features in WordPress 3.4: 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) with a responsive design. Un thème disponible en français aussi!
    Author: Henri Labarre
    Theme URI: http://codiumextend.code-2-reduction.fr/
    Author URI: http://www.vingthuitzerotrois.fr/
    Version: 1.1.6
    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:#fffff;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}
    abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
    pre{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}
    address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline}
    
    /* Links */
    a img, :link img, :visited img{border:0; outline:none; text-decoration:none}
    a{color:#444; text-decoration:none; outline:none}
    a:hover{background:#f3f3f3; color:#0299FF; 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 0px;}
    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; text-align:center; margin:0 0 0.5em 0;font-size:28px;}
    h3.widgettitle{color:#444; 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 0px;}
    
    /* header */
    div#header{margin:7px 0 0 0; padding:1em 1em 1em 0em; 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}
    
    /* Navigation */
    #access{background:#fffff;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;}
    #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 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:40px;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:#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;}
    #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:#444;background:rgba(0,0,0,0.7);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{}
    #containerlarge{margin:0.8em 0 2em 2em; display:inline; clear:both;background-color:#fff;}
    * html #containerlarge{margin:2em 0 2em 2em; background-color:#fff;}
    #content{background-color:#FFF; padding: 10px 0 0 0px;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}
    #content code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 11px;}
    #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:0 0.5em 2em 0.5em; padding:1em 0 1em 0; clear:both;  text-align:left; font-size:1.1em; line-height:1em;}
    
    /* sidebar */
    div.sidebar{overflow:hidden; 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{}
    * 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:justify; 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:#0299FF;}
    .entry-content a:hover{color:#0299FF;}
    .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}
    .page-link{clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em}
    .page-link a:link,
    .page-link a:visited{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5); font-weight:normal; padding:0.5em 0.75em; text-decoration:none;color:#444}
    .page-link a{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);color:#444}
    .page-link a:active,
    .page-link a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0}
    
    /* Page navigation */
    .navigation{margin:0 0 2em; height:1em; width:auto}
    .navigation a{color:#fffff}
    .navigation a:hover{text-decoration:none}
    .nav-next{float:right}
    .nav-previous{float:left}
    .navigation_mobile{display:none}
    
    /* Comment */
    #comments .comment-body{padding:1em 0; font-size:1.2em}
    #comments .comment-body ul,
    #comments .comment-body li,
    #comments .comment-body ol{margin:0 1em}
    #comments .comment-body p:last-child{margin-bottom:6px}
    #comments .comment-body blockquote p:last-child{margin-bottom:24px}
    #comments li{margin:1em 0; padding:1em 1em; background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);}
    #comments li.alt{margin:1em 0; padding:1em 1em;background-color:#F8F8F5;background-color: rgba(248, 248, 245, 0.9);}
    #comments{list-style-type:none; margin:0; padding:0}
    #comments .byuser{}
    #comments .byuser.alt{}
    #comments .bypostauthor{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); !important;}
    #comments .bypostauthor.alt{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); !important;}
    #comments .comment p{}
    #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 0 0 2em}
    #comments .count {float:right;padding: 10px;font-size:20px;color:#606566;}
    #comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px}
    .commentlist li.comment+li.pingback{margin-top:-6px}
    #comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0}
    #comments .pingback .url{font-size:13px; font-style:italic}
    #comments .nocomments {color: #bbb;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;}
    
    /* Comment form */
    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-form-comment label{background:#fff;-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);box-shadow:1px 2px 2px rgba(204,204,204,0.8);color:#555;display:inline-block;font-size:13px;left:4px;min-width:60px;padding:4px 10px;}
    #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 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;}
    
    /* Comment navigation */
    .comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0;clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;}
    .comments-navigation a{background:#f3f3f3; padding: 5px 7px;color:#0299FF; text-decoration:none; outline:0}
    .comments-navigation a:active{color:#0299FF; text-decoration:none; outline:0}
    .comments-navigation a:hover{background:#444; color:#FFF; text-decoration:none; outline: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.5em 0 0.5em 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:0 auto;padding:10px 0}
    .attachment-medium{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}
    .gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px}
    .gallery br+br{display:none}
    .attachment-thumbnail{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}
    
    /*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-left:auto !important;margin-right:auto !important;margin-bottom:20px;text-align:center;padding:0px;max-width: 100%;}
    #content .wp-caption img{margin:10px 10px;max-width: 90%;height: auto;}
    #content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;}
    #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;margin-top:4px;}
    #content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; }
    #content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; }
    iframe, object, embed{max-width: 100%;}
    
    /*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:3em;background:#444;padding: 4px 6px 4px 6px;-moz-border-radius:3px;border-radius:3px;}
    
    /*Image sur homepage*/
    .imgshadow img{-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}
    
    /*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*/
    dl{margin:0 0 24px 0}
    dt{font-weight:bold}
    dd{margin-bottom:18px}
    
    .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:#fffff;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:#fffff;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}
    
        }
    
    /* #Clearing
    ================================================== */
    
        /* Self Clearing Goodness */
        .container:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
    
        /* Use clearfix class on parent to clear nested columns,
        or wrap each row of columns in a <div class="row"> */
        .clearfix:before,
        .clearfix:after,
        .row:before,
        .row:after {
          content: '020';
          display: block;
          overflow: hidden;
          visibility: hidden;
          width: 0;
          height: 0; }
        .row:after,
        .clearfix:after {
          clear: both; }
        .row,
        .clearfix {
          zoom: 1; }
    
        /* You can also use a <br class="clear" /> to clear columns */
        .clear {
          clear: both;
          display: block;
          overflow: hidden;
          visibility: hidden;
          width: 0;
          height: 0;
        }
  2. ahortin
    Member
    Posted 2 years ago #

    The navigation background is already currently white or are you talking about the navigation links that turn grey when you hover over them?

  3. schememag
    Member
    Posted 2 years ago #

    oh i guess it just took awhile to update. thank anyways

Topic Closed

This topic has been closed to new replies.

About this Topic