kevin/anissah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modif comtabilite

Browse Source
This commit is contained in:
kevin
2019-01-16 16:23:31 +01:00
parent 6b741a9666
commit 9312edc3ae
1844 changed files with 158848 additions and 55874 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/anissabensalah/scss/theme/header.scss
+92 -117
View File
@@ -1,127 +1,102 @@
.midnightHeader{
margin-top: 0px;
}
.midnightHeader.default a{
color: white;
}
.midnightHeader.white a{
color: black;
}
.midnightHeader.black a{
color: white;
}
#header{
.language-selector{
display: flex;
position: fixed;
width: 160px;
left: 50%;
margin-top: 10px;
margin-left: -75px;
li{
display: flex;
&:nth-child(-n+2){
&::after{
margin: 0 10px;
display: block;
position: relative;
}
}
}
}
.navigation{
li{
position: fixed;
top: 0;
left: 0;
z-index: 999;
.navbar{
.language-selector{
z-index: 999;
position: fixed;
left: 50%;
top: 0;
width: 300px;
margin-left: -150px;
margin-top: 10px;
text-align: center;
&:first-child{
display: none;
}
&:nth-child(2){
// margin-bottom: 10px;
top: auto!important;
right: auto!important;
bottom: 10px!important;
left: auto!important;
width: 50%;
}
&:nth-child(3){
// margin-top: 10px;
top: 10px!important;
bottom: auto!important;
right: auto!important;
left: auto!important;
width: 50%;
}
&:nth-child(4){
// margin-bottom: 10px;
bottom: 10px!important;
top: auto!important;
right: 0!important;
left: auto!important;
width: 50%;
}
&:nth-child(5){
transform: rotate(90deg);
top: 50%!important;
width: 100%;
right: -48.6%!important;
left: auto!important;
bottom: auto!important;
// margin-right: 22px;
}
&:nth-child(6){
transform: rotate(-90deg);
top: 50%!important;
width: 100%;
left: -48.6%!important;
right: auto!important;
bottom: auto!important;
// margin-left: 22px;
}
&:nth-child(7){
// margin-top: 10px;
top: 10px!important;
right: 0!important;
bottom: auto!important;
left: auto!important;
width: 50%;
}
a{
position: relative;
margin: auto;
&:hover:before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
&:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: white;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
&>li{
display:inline-block;
}
}
.active{
a:before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
.navigation{
&>li{
width: 50%;
position: fixed;
&:nth-of-type(1){
display: none;
}
&:nth-of-type(2){
bottom: 0;
left: 0;
margin-bottom: 15px;
padding-left: 50px;
text-align: center;
}
&:nth-of-type(3){
bottom: 0px;
right: 0;
margin-bottom: 15px;
padding-right: 50px;
text-align: center;
}
&:nth-of-type(4){
top: 0px;
left: 0;
padding-left: 50px;
margin-top: 15px;
text-align: center;
}
&:nth-of-type(5){
top: 50%;
right: -25%;
margin-right: 23px;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
&:nth-of-type(6){
top: 50%;
left: -25%;
margin-left: 23px;
text-align: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
&:nth-of-type(7){
top: 0;
margin-top: 15px;
right: 0;
-webkit-transform-origin: center;
transform-origin: center;
text-align: center;
}
}
}
.nav_media_q{
display: none;
}
}
}
a{
position: relative;
}
a::before {
content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #4f100B;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a:hover::before, a.active::before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}