sliding top menu
This commit is contained in:
Open-Steps.org
parent
057a63d15e
commit
7dcbe77c2d
24 changed files with 918 additions and 123 deletions
|
|
@ -1,3 +1,6 @@
|
|||
/*blue 2098d1
|
||||
lila 9775af*/
|
||||
|
||||
body{
|
||||
color:#fff;
|
||||
font-family: 'Abel', sans-serif;
|
||||
|
|
@ -18,7 +21,7 @@ a:hover{
|
|||
}
|
||||
|
||||
.button{
|
||||
|
||||
|
||||
}
|
||||
|
||||
.navbar-header{
|
||||
|
|
@ -46,6 +49,23 @@ a:hover{
|
|||
color:#000;
|
||||
}
|
||||
|
||||
.navigator{
|
||||
padding:20px;
|
||||
background: #fff;
|
||||
margin-top:40px;
|
||||
border-top: 1px solid #333;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.navigator li{
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.navigator h4{
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.site-header{
|
||||
background:#fff;
|
||||
}
|
||||
|
|
@ -64,7 +84,7 @@ a:hover{
|
|||
}
|
||||
|
||||
.event-date a{
|
||||
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.event-date p{
|
||||
|
|
@ -84,6 +104,7 @@ a:hover{
|
|||
|
||||
.event-date li{
|
||||
list-style:none;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.artist-media {
|
||||
|
|
@ -92,12 +113,17 @@ a:hover{
|
|||
background: #000;
|
||||
}
|
||||
|
||||
.artist-media img {
|
||||
width: 100%;
|
||||
.artist_media{
|
||||
background: #000;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.artist_media img{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.event{
|
||||
padding:10px;
|
||||
#padding:10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -108,7 +134,7 @@ a:hover{
|
|||
}
|
||||
|
||||
.dark_bg{
|
||||
padding: 10px;
|
||||
#padding: 10px;
|
||||
background: rgb(0, 0, 0) transparent;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
|
||||
|
|
@ -121,14 +147,14 @@ a:hover{
|
|||
}
|
||||
|
||||
.talk{
|
||||
padding:0px;
|
||||
padding:20px 5px;
|
||||
}
|
||||
|
||||
.talk :hover{
|
||||
}
|
||||
|
||||
.talk_detail{
|
||||
padding:10px;
|
||||
|
||||
}
|
||||
|
||||
.talk_detail h3{
|
||||
|
|
@ -215,6 +241,7 @@ a:hover{
|
|||
|
||||
.footer{
|
||||
margin-top:10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.footer li{
|
||||
|
|
@ -230,10 +257,16 @@ a:hover{
|
|||
padding: 4px;
|
||||
}
|
||||
|
||||
.footer-supporters li img{
|
||||
height: 90px;
|
||||
.supporters li{
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footer-social li{
|
||||
|
||||
.supporters li img{
|
||||
height: 60px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer-social li img{
|
||||
height:40px;
|
||||
}
|
||||
|
|
|
|||
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