In some sites, the switch theme capability has been disabled. Without the ability to "switch themes" you'll need to copy and paste the responsive css code into the theme editor of your site. Adding this code to your theme editor will update your site and make it mobile optimized for any device that visits your site.
In order to find the correct css code for your theme, use the table below to find your site's active theme in the left-hand column and copy the code displayed in the right-hand column. Use the Quick Links to easily jump down the page to your theme's group.
After you have copied your theme's code follow the steps in this article to paste it into the Responsive box in the Advanced CSS section of the Theme Editor.
Quick Links
Theme Name | Responsive CSS Code |
|
@media screen and (max-width: 1026px){ #container #below_page_body_inner, #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li a.first-gen { margin-right: 10px; } #container .module .hnav { background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-position: 0 0; } #container .menu-container { } #container .section .splash-image { margin-top:10px; } } @media screen and (max-width:640px) { #container .module .hnav { float: none; } #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; border:none; } #container .module ul.hnav li, #container .module ul.hnav li a.first-gen { background-image:none; } .module ul.hnav ul { background-color:transparent !important; } #container .hnav { height: 51px; } #container .module .menu-container { background-image:none; } } |
Avid - Chesterfield |
@media screen and (max-width: 1026px){ #container #below_page_body_inner, #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li a.first-gen { margin-right: 10px; } #container .module .hnav { background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-position: 0 0; } #container .menu-container { } #container .section .splash-image { margin-top:10px; } } @media screen and (max-width:640px) { #container .module .hnav { float: none; } #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; border:none; } #container .module ul.hnav li, #container .module ul.hnav li a.first-gen { background-image:none; } .module ul.hnav ul { background-color:transparent !important; } #container .hnav { height: 51px; } #container .module .menu-container { background-image:none; } } |
Avid - Jump |
@media screen and (max-width: 1026px){ #container #below_page_body_inner, #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li a.first-gen { margin-right: 10px; } #container .module .hnav { background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-position: 0 0; } #container .menu-container { } #container .section .splash-image { margin-top:10px; } } @media screen and (max-width:640px) { #container .module .hnav { float: none; } #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; border:none; } #container .module ul.hnav li, #container .module ul.hnav li a.first-gen { background-image:none; } .module ul.hnav ul { background-color:transparent !important; } #container .hnav { height: 51px; } #container .module .menu-container { background-image:none; } } |
Avid - Walden |
@media screen and (max-width: 1026px){ #container #below_page_body_inner, #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li a.first-gen { margin-right: 10px; } #container .module .hnav { background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px); background-position: 0 0; } #container .menu-container { } #container .section .splash-image { margin-top:10px; } } @media screen and (max-width:640px) { #container .module .hnav { float: none; } #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; border:none; } #container .module ul.hnav li, #container .module ul.hnav li a.first-gen { background-image:none; } .module ul.hnav ul { background-color:transparent !important; } #container .hnav { height: 51px; } #container .module .menu-container { background-image:none; } } |
|
@media screen and (max-width: 1026px) { #above_page_inner { margin-right:20px; margin-left:20px; width:auto; } #container .module ul.hnav li { border-left:transparent; border-right:transparent; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen{ padding-bottom:17px; padding-right:10px !important; padding-top:12px; padding-left:1em !important; } } |
Canasta - Rosa |
@media screen and (max-width: 1026px) { #above_page_inner { margin-right:20px; margin-left:20px; width:auto; } #container .module ul.hnav li { border-left:transparent; border-right:transparent; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen{ padding-bottom:17px; padding-right:10px !important; padding-top:12px; padding-left:1em !important; } } |
Canasta - Sage |
@media screen and (max-width: 1026px) { #above_page_inner { margin-right:20px; margin-left:20px; width:auto; } #container .module ul.hnav li { border-left:transparent; border-right:transparent; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen{ padding-bottom:17px; padding-right:10px !important; padding-top:12px; padding-left:1em !important; } } |
Canasta - Sloop |
@media screen and (max-width: 1026px) { #above_page_inner { margin-right:20px; margin-left:20px; width:auto; } #container .module ul.hnav li { border-left:transparent; border-right:transparent; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen{ padding-bottom:17px; padding-right:10px !important; padding-top:12px; padding-left:1em !important; } } |
|
@media screen and (max-width:1026px) { #container .menu-container { margin-left: -20px; margin-right: -20px; border-bottom:none; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li { border-right-style: none; } #container .module ul.hnav ul { left: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } } |
Ceja - Cocina |
@media screen and (max-width:1026px) { #container .menu-container { margin-left: -20px; margin-right: -20px; border-bottom:none; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li { border-right-style: none; } #container .module ul.hnav ul { left: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } } |
Ceja - Techo |
@media screen and (max-width:1026px) { #container .menu-container { margin-left: -20px; margin-right: -20px; border-bottom:none; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li { border-right-style: none; } #container .module ul.hnav ul { left: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } } |
Ceja - Winger |
@media screen and (max-width:1026px) { #container .menu-container { margin-left: -20px; margin-right: -20px; border-bottom:none; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .module ul.hnav li { border-right-style: none; } #container .module ul.hnav ul { left: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } } |
|
@media screen and (max-width: 1026px) { #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { margin-left:-20px; margin-right:-20px; } #container #page_body_content_inner { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width:1026px) { #container #below_page_inner, #container #page_body_footer_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .section .menu-container { margin-bottom: 0px; } .module ul.hnav li a#menu-link { padding:10px 10px 10px 1em !important; } } |
Essence - Ribbon |
@media screen and (max-width: 1026px) { #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { margin-left:-20px; margin-right:-20px; } #container #page_body_content_inner { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width:1026px) { #container #below_page_inner, #container #page_body_footer_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .section .menu-container { margin-bottom: 0px; } .module ul.hnav li a#menu-link { padding:10px 10px 10px 1em !important; } } |
Essence - Slater |
@media screen and (max-width: 1026px) { #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { margin-left:-20px; margin-right:-20px; } #container #page_body_content_inner { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width:1026px) { #container #below_page_inner, #container #page_body_footer_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .section .menu-container { margin-bottom: 0px; } .module ul.hnav li a#menu-link { padding:10px 10px 10px 1em !important; } } |
|
@media screen and (max-width: 1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { padding-bottom: 1px; } #header { padding: 0 !important; } #header_body { padding: 0 20px !important; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } } |
Forte - Hunter |
@media screen and (max-width: 1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { padding-bottom: 1px; } #header { padding: 0 !important; } #header_body { padding: 0 20px !important; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } } |
Forte - Paprika |
@media screen and (max-width: 1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { padding-bottom: 1px; } #header { padding: 0 !important; } #header_body { padding: 0 20px !important; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } } |
Forte - Paradise |
@media screen and (max-width: 1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-left: 20px; padding-right: 20px; } #container .menu-container { padding-bottom: 1px; } #header { padding: 0 !important; } #header_body { padding: 0 20px !important; } } @media screen and (max-width: 640px) { #container ul.hnav ul { margin-left: 1em; border:none; } } |
|
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Boutonniere |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Bullet |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Denver |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - First Aid |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Lavender |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Lite |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Poolside |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Primavera |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
Geary - Scout |
@media screen and (max-width: 1026px){ #container #header { background-image: linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px); background-position: 0 0; } .splash_img img { display:block; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .horizontal_nav { float: none; margin-right:-20px; margin-left:-20px; } .module ul.hnav li a.first-gen { padding:10px 10px 10px 1em !important; } .module ul.hnav li { margin-right:0px !important; } .module ul.hnav li a.first-gen { padding-right:10px !important; } } |
|
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Caramel |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Carbon |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Clean Cut |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Cool Blue |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Ivory |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Leaf |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Noir |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Slate |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Granelle - Spice |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%); background-position: 0 0; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
|
|
Lifestyle - Flor |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Graphite |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Green Stem |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Latte |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Madman |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Ochre |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Rose | @media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Rafael |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Lifestyle - Zen |
@media screen and (max-width: 1026px) { #container #below_page_inner { padding-left: 15px; padding-right: 15px; } #container #header { padding: 0; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
|
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Beach |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Desk |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Earl Grey |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Greystripe |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - High Class |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Neon |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Original Blue |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Papyrus |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Sand |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
Manhattan - Soma |
@media screen and (max-width: 1026px) { #container .menu-container { padding-bottom:0; padding-top:0; margin-left: -20px; margin-right: -20px; background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px ); } .module ul.hnav li { margin-bottom:7px; margin-top:1px; } #container #page_body_inner { width:auto; } #container #below_page_body_inner { padding-left:20px; padding-right:20px; } #container #page_body_content_inner { padding-top: 8px; } } @media screen and (max-width: 640px) { #container .menu-container { background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border: none; padding-bottom:0; padding-top:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } |
|
@media screen and (max-width:1026px) { #container .menu-container { margin-right:-20px; margin-left:-20px; } #container .module ul.hnav li { border-left: none; } #container .module.header p.headerphone { float: right; position: static; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; padding:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Modern Times - Easy Reader |
@media screen and (max-width:1026px) { #container .menu-container { margin-right:-20px; margin-left:-20px; } #container .module ul.hnav li { border-left: none; } #container .module.header p.headerphone { float: right; position: static; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; padding:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Modern Times - Magazine |
@media screen and (max-width:1026px) { #container .menu-container { margin-right:-20px; margin-left:-20px; } #container .module ul.hnav li { border-left: none; } #container .module.header p.headerphone { float: right; position: static; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; padding:0; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
|
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module.horizontal_nav { float: none; } } |
Primary - Charcoal |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module.horizontal_nav { float: none; } } |
Primary - Grassy |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module.horizontal_nav { float: none; } } |
Primary - Marine |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module.horizontal_nav { float: none; } } |
Primary - Something Blue |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } #container .module.horizontal_nav { float: none; } } |
|
@media screen and (max-width:1026px) { #container .module.header { clear:both; padding-top:0; padding-left:0; padding-right:0; } #container .horizontal_nav { margin-right:-35px; margin-bottom:0; margin-top:0; } #container .menu-container { background-image: -moz-linear-gradient(to top, #3f3f3f 1px, #000 40px); background-image: -webkit-linear-gradient(top, #000, #3f3f3f); background-image: linear-gradient(to top, #3f3f3f 1px, #000 40px); background-position:0 0; padding-bottom:10px; padding-left:10px; margin-bottom:10px; box-shadow:7px 7px 7px rgba(0, 0, 0, 0.5); } #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container .module.horizontal_nav { float: none; margin-right:-25px; } #container ul.hnav ul { margin-left: 1em; margin-top: 2px; margin-bottom: 2px; border-width: 1px solid; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Sensei - Foster |
@media screen and (max-width:1026px) { #container .module.header { clear:both; padding-top:0; padding-left:0; padding-right:0; } #container .horizontal_nav { margin-right:-35px; margin-bottom:0; margin-top:0; } #container .menu-container { background-image: -moz-linear-gradient(to top, #3f3f3f 1px, #000 40px); background-image: -webkit-linear-gradient(top, #000, #3f3f3f); background-image: linear-gradient(to top, #3f3f3f 1px, #000 40px); background-position:0 0; padding-bottom:10px; padding-left:10px; margin-bottom:10px; box-shadow:7px 7px 7px rgba(0, 0, 0, 0.5); } #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container .module.horizontal_nav { float: none; margin-right:-25px; } #container ul.hnav ul { margin-left: 1em; margin-top: 2px; margin-bottom: 2px; border-width: 1px solid; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Sensei - Mabon |
@media screen and (max-width:1026px) { #container .module.header { clear:both; padding-top:0; padding-left:0; padding-right:0; } #container .horizontal_nav { margin-right:-35px; margin-bottom:0; margin-top:0; } #container .menu-container { background-image: -moz-linear-gradient(to top, #3f3f3f 1px, #000 40px); background-image: -webkit-linear-gradient(top, #000, #3f3f3f); background-image: linear-gradient(to top, #3f3f3f 1px, #000 40px); background-position:0 0; padding-bottom:10px; padding-left:10px; margin-bottom:10px; box-shadow:7px 7px 7px rgba(0, 0, 0, 0.5); } #container #below_page_inner { padding-left:20px; padding-right:20px; } } @media screen and (max-width:640px) { #container .module.horizontal_nav { float: none; margin-right:-25px; } #container ul.hnav ul { margin-left: 1em; margin-top: 2px; margin-bottom: 2px; border-width: 1px solid; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
|
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove - Crisp and Clean |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove - Decaf |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove - La Mediterranee |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove - Lavender |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove - Luke |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove -Modern |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
Smoove - Olive |
@media screen and (max-width:1026px) { #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { margin-right:-20px; margin-left:-20px; background-image:none; background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%); border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8); } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } body #container .menu-container { margin-bottom:0; } } |
|
@media screen and (max-width:1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-right: 20px; padding-left: 20px; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { border-bottom: 8px solid transparent; margin-bottom: 15px; } #container .module ul.hnav li a.first-gen { background-image:none; } #container .module ul.hnav li.current { background-image:none; border-bottom: 5px solid; margin-bottom: -5px; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Tally - Fairway |
@media screen and (max-width:1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-right: 20px; padding-left: 20px; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { border-bottom: 8px solid transparent; margin-bottom: 15px; } #container .module ul.hnav li a.first-gen { background-image:none; } #container .module ul.hnav li.current { background-image:none; border-bottom: 5px solid; margin-bottom: -5px; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Tally - Motorsport |
@media screen and (max-width:1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-right: 20px; padding-left: 20px; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { border-bottom: 8px solid transparent; margin-bottom: 15px; } #container .module ul.hnav li a.first-gen { background-image:none; } #container .module ul.hnav li.current { background-image:none; border-bottom: 5px solid; margin-bottom: -5px; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Tally - New Jack |
@media screen and (max-width:1026px) { #container #page_body_content_inner, #container #below_page_body_inner { padding-right: 20px; padding-left: 20px; } #container #below_page_inner { padding-left:20px; padding-right:20px; } #container .menu-container { border-bottom: 8px solid transparent; margin-bottom: 15px; } #container .module ul.hnav li a.first-gen { background-image:none; } #container .module ul.hnav li.current { background-image:none; border-bottom: 5px solid; margin-bottom: -5px; } #container .module ul.hnav li.sfHover, #container .module ul.hnav li:hover { background:none; } } @media screen and (max-width:640px) { #container ul.hnav ul { margin-left: 1em; border:none; } #container .menu ul li > a { padding: 10px 10px 10px 1em !important; } } |
Other Resources:
0 Comments