css language switcher for more than 2 languages
This commit is contained in:
Bachir Soussi Chiadmi
@@ -257,6 +257,43 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#headerblock-left{
|
||||
@media #{$small-only}{display:none;}
|
||||
// @media #{$medium-only}{display:none;}
|
||||
}
|
||||
|
||||
#block-social-media-links-social-media-links{
|
||||
|
||||
ul.social-media-links{margin:0;line-height: 0;}
|
||||
|
||||
li{
|
||||
line-height: 1;
|
||||
&.facebook a{background-image: url("../img/socialicons/svg/Facebook-color.svg");}
|
||||
&.twitter a{background-image: url("../img/socialicons/svg/Twitter-color.svg");}
|
||||
&.linkedin a{background-image: url("../img/socialicons/svg/LinkedIn-color.svg");}
|
||||
&.pinterest a{background-image: url("../img/socialicons/svg/Pinterest-color.svg");}
|
||||
&.vimeo a{background-image: url("../img/socialicons/svg/Vimeo-color.svg");}
|
||||
&.rss a{background-image: url("../img/socialicons/svg/RSS-color.svg");}
|
||||
|
||||
// @media #{$small-only}{
|
||||
// &.linkedin,&.pinterest,&.vimeo{display:none;}
|
||||
// }
|
||||
@media #{$medium-only}{
|
||||
&.linkedin,&.pinterest,&.vimeo{display:none;}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
display:block; width:16px; height:16px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
img{display:none;}
|
||||
}
|
||||
|
||||
#block-materio-user-front-link{
|
||||
a{
|
||||
@include fs12;
|
||||
@@ -406,61 +443,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
|
||||
|
||||
#headerblock-right{
|
||||
.block{
|
||||
@include inlineblock; vertical-align: middle; padding:0;
|
||||
@include inlineblock; padding:0; vertical-align: middle;
|
||||
&:first-child{padding: 0;}
|
||||
}
|
||||
}
|
||||
|
||||
#headerblock-left{
|
||||
@media #{$small-only}{display:none;}
|
||||
@media #{$medium-only}{display:none;}
|
||||
}
|
||||
|
||||
#block-locale-language{
|
||||
// margin-left:1em;
|
||||
// border-left: 1px solid #707070;
|
||||
ul,li{
|
||||
margin:0;padding:0;list-style-type: none;
|
||||
@include fs12;
|
||||
line-height: 1;
|
||||
&.active{display:none;}
|
||||
}
|
||||
.ie8 &{padding-top:5px;}
|
||||
ul{padding-top:0.155em;}
|
||||
li{
|
||||
font-size: 0.9em;
|
||||
padding:0.33em 0.35em 0.3em;
|
||||
@include rounded(3px);
|
||||
&, >*{color:#fff; text-transform: uppercase;}
|
||||
background-color: #808080;
|
||||
@include transition-simply-prefix(background-color 0.3s ease-out);
|
||||
&:hover{background-color: #1A1A1A;}
|
||||
}
|
||||
}
|
||||
|
||||
// #block-menu-menu-about{
|
||||
// position:relative;
|
||||
// ul.menu{
|
||||
// position:absolute; padding: 0 5px 5px 5px; margin: 0; width:100px; display:none; right:0; text-align: right;
|
||||
// background-color: #e6e6e6; @include rounded(5px);
|
||||
// li{
|
||||
// height:0;
|
||||
// overflow:hidden; list-style-type: none;
|
||||
// .transition-simply-prefix(height 0.3s ease-out");
|
||||
// a{
|
||||
// display:block; width:100%; padding:2px 5px; .12;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &:hover{
|
||||
// ul.menu{
|
||||
// display:block;
|
||||
// li{height:25px;}
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
#block-menu-menu-top-menu{
|
||||
h2{
|
||||
.ie8 &{display:none;}
|
||||
@@ -511,33 +498,60 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
|
||||
} //change this
|
||||
}
|
||||
|
||||
#block-locale-language{
|
||||
position: relative;
|
||||
h2{
|
||||
@include fs9;
|
||||
line-height:1.6;
|
||||
display: inline-block;
|
||||
padding:0.20em 0.45em 0.10em; margin:0;
|
||||
@include rounded(3px);
|
||||
color:#fff; text-transform: uppercase;
|
||||
background-color: #4d4b4b;
|
||||
|
||||
// @media #{$small-only}{ span.menu-title{display:none;}}
|
||||
// @media #{$medium-only}{ span.menu-title{display:none;}}
|
||||
}
|
||||
|
||||
ul,li{
|
||||
margin:0;padding:0;list-style-type: none;
|
||||
@include fs12;
|
||||
line-height: 0.9;
|
||||
&.active{display:none;}
|
||||
}
|
||||
.ie8 &{padding-top:5px;}
|
||||
ul{
|
||||
padding-top:2.1em;
|
||||
position:absolute;
|
||||
top:0; left:0;
|
||||
text-align: left;
|
||||
}
|
||||
li{
|
||||
a{
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
padding:0.33em 0.34em 0.3em;
|
||||
// margin:0 0 0 0;
|
||||
@include rounded(3px);
|
||||
color:#fff; text-transform: uppercase;
|
||||
background-color: #808080;
|
||||
@include transition-simply-prefix(background-color 0.3s ease-out);
|
||||
&:hover{background-color: #1A1A1A;}
|
||||
}
|
||||
height:0;
|
||||
overflow: hidden;
|
||||
@include transition-simply-prefix(height 0.3s ease-in-out);
|
||||
}
|
||||
|
||||
&:hover{li{height:1.5em;}}
|
||||
}
|
||||
|
||||
#block-materio-user-old-database-link{
|
||||
a{
|
||||
@include fs12;
|
||||
;}
|
||||
}
|
||||
|
||||
#block-social-media-links-social-media-links{
|
||||
|
||||
ul.social-media-links{margin:0;line-height: 0;}
|
||||
|
||||
li{
|
||||
line-height: 1;
|
||||
&.facebook a{background-image: url("../img/socialicons/svg/Facebook-color.svg");}
|
||||
&.twitter a{background-image: url("../img/socialicons/svg/Twitter-color.svg");}
|
||||
&.linkedin a{background-image: url("../img/socialicons/svg/LinkedIn-color.svg");}
|
||||
&.pinterest a{background-image: url("../img/socialicons/svg/Pinterest-color.svg");}
|
||||
&.vimeo a{background-image: url("../img/socialicons/svg/Vimeo-color.svg");}
|
||||
&.rss a{background-image: url("../img/socialicons/svg/RSS-color.svg");}
|
||||
}
|
||||
a{
|
||||
display:block; width:16px; height:16px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
img{display:none;}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*
|
||||
|
||||
Reference in New Issue
Block a user