%PDF-
%PDF-
Mini Shell
Mini Shell
@media only screen and (max-width:1440px) {
#header {
&.scrolled {
#breadcrumbs { padding:5px 0 5px 9.9%; }
}
}
#breadcrumbs { padding:10px 0 10px 15.9%; }
}
@media only screen and (max-width:1280px) {
#header {
#google_translate_element { margin:22px 20px 0 0; }
#main_navigation { margin-left:174px;
ul {
li {
a { font-size:14px; padding:30px 10px 19px; }
}
}
}
&.scrolled {
#breadcrumbs { padding:5px 0 5px 10.9%; }
}
}
.loggin_holder, .top_search_holder { padding:20px 1% 20px 194px; }
#user_nav {
ul {
li {
&.dash_link { display:none!important; }
}
}
}
#breadcrumbs { padding:10px 0 10px 15.3%; }
.loggin_holder {
.forgot_pw { width:61%; }
}
}
@media only screen and (max-width:1140px) {
#header {
#login_tgl { padding:19px 12px; }
#google_translate_element { margin:22px 16px 0 0 }
&.scrolled {
#breadcrumbs { padding:5px 0 5px 12.2%; }
}
}
.top_search {
#tglTopSearch { padding:22.5px 22px; }
}
#user_nav {
ul {
li {
#toggleUserNav {
i { margin:0; }
span { display:none; }
}
.sub-menu { width:168px; }
}
}
}
#breadcrumbs { padding:10px 0 10px 17%; }
}
@media only screen and (max-width:1024px) {
#header {
#toggle_navigation { display:block; }
#main_navigation { display:none; position:fixed; margin-left:0; width:100%; padding-left:174px; top:68px; left:0; background:lighten($darkBlue, 5%);
ul {
li {
&:before { display:none; }
a { padding:14px 10px; }
.grow { display:block; float:left; color:lighten($lightBlue, 10%);; width:24px; height:24px; margin:11px 11px 0 0; border:1px solid lighten($lightBlue, 10%); border-radius:50%; text-align:center; }
.sub-menu { top:115px; padding:0 2% 0 167px!important;
li {
.grow { display:none; }
}
}
&:hover {
.sub-menu { display:none; }
}
&.open {
.sub-menu { display:block!important; }
}
}
}
}
&.scrolled {
#toggle_navigation { width:49px; height:49px;
span { max-width:20px;
&:nth-child(1) { top:17px; }
&:nth-child(2), &:nth-child(3) { top:24px; }
&:nth-child(4) { top:31px; }
}
}
#main_navigation { margin-left:0; padding-left:120px; top:49px;
ul {
li {
.sub-menu { padding:0 2% 0 115px!important; top:98px; }
}
}
}
}
}
.loggin_holder {
#loginform {
.login-password, .login-username { width:30%; }
.login-remember { margin:28px 0px 0 20px; }
.login-submit {
.button { -webkit-appearance:none; }
}
}
.not_registered, .forgot_pw { width:100%; }
}
.top_search_holder {
#searchform {
input { width:65%; }
}
}
}
@media only screen and (max-width:966px) {
#breadcrumbs { padding:10px 0 10px 20%; }
}
//Stående Ipad
@media only screen and (max-width:768px) {
#header {
#main_navigation {
ul {
li {
a { padding:14px 7px; font-size:12px; }
.sub-menu { top:113px; padding:0 2% 0 171px!important;
li {
a { font-size:12px; padding:8px 10px!important; }
}
}
}
}
}
&.scrolled {
#breadcrumbs { padding:10px 0 10px 16%; }
#main_navigation {
ul {
li {
a { padding:14px 7px; font-size:12px; }
.sub-menu { top:94px; padding:0 2% 0 113px!important;
li {
a { padding:6px 10px!important; }
}
}
}
}
}
}
}
#breadcrumbs { padding:10px 0 10px 24%; }
.loggin_holder {
.not_registered, .forgot_pw { width:62%; }
.not_registered { margin-top:-40px; }
.forgot_pw { margin-top:-15px; }
}
}
@media only screen and (max-width:667px) {
#header {
&.scrolled {
#breadcrumbs { padding:10px 0 10px 18%; }
}
}
#breadcrumbs { padding:10px 0 10px 27%; }
}
@media only screen and (max-width:568px) {
#header {
&.scrolled {
#breadcrumbs { padding:10px 0 10px 22%; }
}
}
#breadcrumbs { padding:10px 0 10px 32%; }
.loggin_holder {
.forgot_pw { margin-top:0; }
}
}
@media only screen and (max-width:450px) {
body { margin-top:93px;
&.home { margin-top:93px; }
}
#header {
#logotype { width:46%;
.logo-img { width:66%; }
}
.header_top { display:flex; flex-wrap:wrap; justify-content:flex-end;
#google_translate_element { order:1; width:100%; margin:10px 0;
.skiptranslate { float:right; width:115px!important;; }
}
#toggle_navigation { float:right; order:4; }
#login_tgl { float:right; order:3; }
#user_nav { order:3; }
.top_search { float:right; order:2; }
}
#toggle_navigation { width:49px; height:49px;
span { max-width:20px;
&:nth-child(1) { top:17px; }
&:nth-child(2), &:nth-child(3) { top:24px; }
&:nth-child(4) { top:31px; }
}
}
#main_navigation { top:93px; padding:0 2%;
ul {
li { width:100%; position:relative;
a { width:100%; padding:10px 7px; }
.sub-menu { position:static; padding:0 0 0 5%!important; background:lighten($darkBlue, 8%);
li {
a { width:100%; color:#fff; }
}
}
&.menu-item-has-children {
a { width:86%; }
.grow { float:right; margin:6px 11px 0 0; }
}
}
}
}
#tglTopSearch { padding:13px 16px; }
#login_tgl { padding:9px 20px; }
&.scrolled {
#logotype { width:46%; }
#main_navigation { top:93px; padding:0 2%;
ul {
li {
a { padding:10px 7px; }
.sub-menu { padding:0 0 0 5%!important; box-shadow:none!important; }
}
}
}
#user_nav {
ul {
li {
#toggleUserNav { padding:9.5px 10px; }
}
}
}
}
}
#user_nav {
ul {
li {
#toggleUserNav { padding:9.5px 10px; }
}
}
}
.loggin_holder, .top_search_holder { padding:20px 3%; }
.top_search_holder {
#searchform {
input { width:65%; margin-right:0; }
}
}
.loggin_holder {
#loginform {
.login-password, .login-username { width:50%; }
.login-password { padding-left:2%; padding-right:0; }
.login-username { padding-right:2%; }
.login-remember { margin:10px 0 0; }
.login-submit { float:right; margin:10px 0 0; }
}
.not_registered { width:inherit!important; margin-top:-11px; }
.forgot_pw { width:72%!important; margin-top:6px; }
}
#breadcrumbs { display:none; }
}
@media only screen and (max-width:414px) {
.top_search_holder {
#searchform {
button { padding:13px 30px; margin:0; float:right; }
}
}
.loggin_holder {
.forgot_pw { width:100%!important; }
}
}
@media only screen and (max-width:360px) {
#header {
#logotype { top:10px; width:33%;
.logo-img { width:100%; }
}
&.scrolled {
#logotype { top:10px; width:33%;
.logo-img { width:100%; }
}
}
}
}
@media only screen and (max-width:320px) {
#header {
#logotype { top:19px; width:28%;
.logo-img { width:100%; }
}
&.scrolled {
#logotype { top:19px; width:28%;
.logo-img { width:100%; }
}
}
}
.loggin_holder {
.not_registered { width:56%!important; }
}
}
Zerion Mini Shell 1.0