main nav optimized on mousemove AND touchmove + misc

This commit is contained in:
Bachir Soussi Chiadmi
2015-03-25 16:28:31 +01:00
parent 3b69b020d4
commit 9bda2a72a3
9 changed files with 346 additions and 1402 deletions
+23 -8
View File
@@ -110,7 +110,7 @@ $animeLogoDuration:6s;
$animeNodesDuration:3s;
#header{
z-index:1;
z-index:0;
position:absolute;
overflow:hidden;
width:700px;
@@ -173,6 +173,7 @@ div.messages{
position:absolute;
width:100%; height:100%;
overflow:hidden;
z-index: 2;
&>.region, &>.region>.block-system, &>.region>.block-system>.content{
position:relative;
@@ -342,7 +343,7 @@ div.messages{
// transition-delay:0;
>.field-type-text{
opacity:0;
transition:1s ease-out 0.9s;
transition:0.7s ease-out 0.9s;
transition-property: opacity;
}
>.field-name-field-vignette{
@@ -359,8 +360,9 @@ div.messages{
top:1px; left:1px; bottom:2px; right:2px;
}
.line{
// transition: 0.1s ease-out;
// transition-property:height transform;
// transition: 0.4s ease-out;
// transition-property:opacity;
opacity:0;
}
/*
@@ -392,6 +394,9 @@ div.messages{
}
}
}
.line{
// opacity:1;
}
}
/*
@@ -740,11 +745,12 @@ div.messages{
background-color: #fff;
opacity:0;
transition:2s ease-out;
transition:0.5s ease-out;
transition-property:opacity;
&.visible{
opacity:0.9;
transition:1.5s ease-out;
z-index: 500;
}
@@ -758,10 +764,15 @@ div.messages{
}
>.inner{
padding:5em 7em 3em;
width:100%; height:100%; overflow-y:auto; overflow-x:hidden;
padding:5em 7em;
width:100%; height:100%; overflow:hidden;
>.node{
width:100%; height:100%; overflow-y:auto; overflow-x:hidden;
}
}
h2.node-title{
font-family: "epflulb";
text-transform: uppercase!important;
@@ -817,7 +828,7 @@ div.messages{
display:block;
font-size:inherit;
ul{
margin:0 0 0.5em; padding:0;
margin:0; padding:0;
li{
margin:0 1em 0 0; padding:0;
display:inline-block;
@@ -830,6 +841,10 @@ div.messages{
}
}
}
p{
margin:0;
}
}
/*
__ ____________ ______