- .link_nav {
- display:none;
- }
- .link_nav:before {
- content:"» ";
- }
-
- @media only screen and (max-width:480px) {
- .js .link_nav {
- display:block;
- position:fixed;
- left:0px;
- top:5px;
- margin: 0 0 0 -1px;
-
- background:#fff;
- background:rgba(255,255,255,0.9);
- border:1px solid #666;
- border:1px solid rgba(0,0,0,0.6);
- border-left: 0 none;
- z-index: 100;
-
- -moz-transition: all 1s;
- -webkit-transition: all 1s;
- -ms-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- .js .menu_main > ul {
- position:fixed;
- width:65%;
- left:-65%;
- top:0;
- margin-left:-1px;
-
- background:#fff;
- background:rgba(255,255,255,0.9);
- border:1px solid #666;
- border:1px solid rgba(0,0,0,0.6);
- border-left:0;
-
- -moz-transition: all 1s;
- -webkit-transition: all 1s;
- -ms-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s;
- }
- .js .menu_main ul li {
- display:block;
- text-align:left;
- }
-
- .js .menu_main ul ul {
- display:block;
- margin-left:1.5em;
- position:static;
- }
-
- .js .header,
- .js .info,
- .js .footer {
- width:96%;
- margin-left:0%;
-
- -moz-transition: margin 1s;
- -webkit-transition: margin 1s;
- -ms-transition: margin 1s;
- -o-transition: margin 1s;
- transition: margin 1s;
- }
-
-
-
- .mobile_nav .container {
- overflow-x: hidden;
- width:100%;
- }
- .mobile_nav .header,
- .mobile_nav .info,
- .mobile_nav .footer {
- margin-left: 70%;
- }
-
- .mobile_nav .menu_main > ul {
- display:block;
- top:0;
- left:0%;
- width:65%;
- }
-
- .mobile_nav .link_nav {
- left:65%;
- }
- .mobile_nav .link_nav:before {
- content:"« ";
- }
- }
.link_nav {
display:none;
}
.link_nav:before {
content:"» ";
}
@media only screen and (max-width:480px) { /* Smartphone custom styles */
.js .link_nav {
display:block;
position:fixed;
left:0px;
top:5px;
margin: 0 0 0 -1px;
background:#fff;
background:rgba(255,255,255,0.9);
border:1px solid #666;
border:1px solid rgba(0,0,0,0.6);
border-left: 0 none;
z-index: 100;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.js .menu_main > ul {
position:fixed;
width:65%;
left:-65%;
top:0;
margin-left:-1px;
background:#fff;
background:rgba(255,255,255,0.9);
border:1px solid #666;
border:1px solid rgba(0,0,0,0.6);
border-left:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.js .menu_main ul li {
display:block;
text-align:left;
}
/* Second level menu */
.js .menu_main ul ul {
display:block;
margin-left:1.5em;
position:static;
}
.js .header,
.js .info,
.js .footer {
width:96%;
margin-left:0%;
-moz-transition: margin 1s;
-webkit-transition: margin 1s;
-ms-transition: margin 1s;
-o-transition: margin 1s;
transition: margin 1s;
}
/* Navigation is opened */
.mobile_nav .container {
overflow-x: hidden;
width:100%;
}
.mobile_nav .header,
.mobile_nav .info,
.mobile_nav .footer {
margin-left: 70%;
}
.mobile_nav .menu_main > ul {
display:block;
top:0;
left:0%;
width:65%;
}
.mobile_nav .link_nav {
left:65%;
}
.mobile_nav .link_nav:before {
content:"« ";
}
}