main nav optimized on mousemove AND touchmove + misc
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
/*
|
||||
__ ____________ ______
|
||||
|
||||
Reference in New Issue
Block a user