| Current Path : /home/jcjack6/transformptyoga.com/media/com_maximenuck/presets/horizontal/effect9/ |
| Current File : /home/jcjack6/transformptyoga.com/media/com_maximenuck/presets/horizontal/effect9/custom.css |
|ID| .level1 {
vertical-align: top;
position: relative !important;
}
|ID| .level1 > a:before,
|ID| .level1 > a:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
|ID| .level1 > a:after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
|ID| .level1 > a span.titreck {
z-index: 2;
display: block;
font-weight: 300;
}
|ID| .level1 > a span.descck {
z-index: 1;
display: block;
padding: 8px 0 0 0;
color: rgba(0,0,0,0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
|ID| .level1 > a:hover:before,
|ID| .level1 > a:focus:before {
height: 6px;
}
|ID| .level1 > a:hover:before,
|ID| .level1 > a:hover:after,
|ID| .level1 > a:focus:before,
|ID| .level1 > a:focus:after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
|ID| .level1 > a:hover span.descck,
|ID| .level1 > a:focus span.descck {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}