sliding top menu
This commit is contained in:
Open-Steps.org
parent
057a63d15e
commit
7dcbe77c2d
24 changed files with 918 additions and 123 deletions
108
css/hover.css
108
css/hover.css
|
|
@ -1391,7 +1391,7 @@
|
|||
transition-property: color, background-color;
|
||||
}
|
||||
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
|
||||
background-color: #2098d1;
|
||||
background-color: #9775af;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
|
@ -1419,7 +1419,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transform-origin: 0 50%;
|
||||
|
|
@ -1463,7 +1463,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
|
|
@ -1507,7 +1507,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
|
|
@ -1551,7 +1551,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0);
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
|
|
@ -1595,7 +1595,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transform-origin: 0 50%;
|
||||
|
|
@ -1641,7 +1641,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
|
|
@ -1687,7 +1687,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
|
|
@ -1733,7 +1733,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0);
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
|
|
@ -1781,7 +1781,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
border-radius: 100%;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
|
|
@ -1812,7 +1812,7 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transition-property: color;
|
||||
transition-property: color;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -1856,7 +1856,7 @@
|
|||
backface-visibility: hidden;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: relative;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transition-property: color;
|
||||
transition-property: color;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -1913,7 +1913,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
-webkit-transition-property: transform;
|
||||
|
|
@ -1942,7 +1942,7 @@
|
|||
backface-visibility: hidden;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: relative;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transition-property: color;
|
||||
transition-property: color;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -2001,7 +2001,7 @@
|
|||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transform-origin: 50%;
|
||||
|
|
@ -2032,7 +2032,7 @@
|
|||
backface-visibility: hidden;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: relative;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transition-property: color;
|
||||
transition-property: color;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -2091,7 +2091,7 @@
|
|||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
-webkit-transform: scaleY(0);
|
||||
transform: scaleY(0);
|
||||
-webkit-transform-origin: 50%;
|
||||
|
|
@ -2130,7 +2130,7 @@
|
|||
/* Hack to improve aliasing on mobile/tablet devices */
|
||||
}
|
||||
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
||||
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 0 0 4px #9775af, 0 0 1px rgba(0, 0, 0, 0);
|
||||
/* Hack to improve aliasing on mobile/tablet devices */
|
||||
}
|
||||
|
||||
|
|
@ -2388,7 +2388,7 @@
|
|||
left: 0;
|
||||
right: 100%;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transition-property: right;
|
||||
transition-property: right;
|
||||
|
|
@ -2421,7 +2421,7 @@
|
|||
left: 50%;
|
||||
right: 50%;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transition-property: left, right;
|
||||
transition-property: left, right;
|
||||
|
|
@ -2455,7 +2455,7 @@
|
|||
left: 100%;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transition-property: left;
|
||||
transition-property: left;
|
||||
|
|
@ -2488,7 +2488,7 @@
|
|||
left: 0;
|
||||
right: 100%;
|
||||
top: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transition-property: right;
|
||||
transition-property: right;
|
||||
|
|
@ -2521,7 +2521,7 @@
|
|||
left: 50%;
|
||||
right: 50%;
|
||||
top: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transition-property: left, right;
|
||||
transition-property: left, right;
|
||||
|
|
@ -2555,7 +2555,7 @@
|
|||
left: 100%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transition-property: left;
|
||||
transition-property: left;
|
||||
|
|
@ -2589,7 +2589,7 @@
|
|||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
border-color: #2098d1;
|
||||
border-color: #9775af;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
-webkit-transition-property: border-width;
|
||||
|
|
@ -2625,7 +2625,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transform: translateY(4px);
|
||||
transform: translateY(4px);
|
||||
|
|
@ -2661,7 +2661,7 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: #2098d1;
|
||||
background: #9775af;
|
||||
height: 4px;
|
||||
-webkit-transform: translateY(-4px);
|
||||
transform: translateY(-4px);
|
||||
|
|
@ -3171,7 +3171,7 @@
|
|||
position: absolute;
|
||||
left: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.1s;
|
||||
|
|
@ -3206,7 +3206,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.1s;
|
||||
|
|
@ -3270,7 +3270,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -3332,7 +3332,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -3363,7 +3363,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transition-duration: 1s;
|
||||
transition-duration: 1s;
|
||||
-webkit-transition-property: transform;
|
||||
|
|
@ -3430,7 +3430,7 @@
|
|||
right: 1em;
|
||||
opacity: 1;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -3470,7 +3470,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.5s;
|
||||
|
|
@ -3525,7 +3525,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
}
|
||||
.hvr-icon-float-away:after {
|
||||
opacity: 0;
|
||||
|
|
@ -3584,7 +3584,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -3622,7 +3622,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -3657,7 +3657,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -3714,7 +3714,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
|
|
@ -3763,7 +3763,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
|
|
@ -3814,7 +3814,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
|
|
@ -3867,7 +3867,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -3922,7 +3922,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -3963,7 +3963,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -4000,7 +4000,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -4035,7 +4035,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -4070,7 +4070,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -4105,7 +4105,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-transition-duration: 0.3s;
|
||||
|
|
@ -4188,7 +4188,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -4277,7 +4277,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -4382,7 +4382,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -4481,7 +4481,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -4540,7 +4540,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
@ -4679,7 +4679,7 @@
|
|||
position: absolute;
|
||||
right: 1em;
|
||||
padding: 0 1px;
|
||||
font-family: FontAwesome;
|
||||
font-family: 'Abel', sans-serif;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue