User:FINNER/common.css

/*Warframe Nav Box Effects START*/ /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /*Warframe Nav Box Effects END*/

/*Warframe Nav Box START*/ .WarframeNavBox {   position:relative; display:inline-block; margin-bottom:4px; height: 65px; width: 64px; z-index: 0; }

.WarframeNavBoxText {   position:absolute; left:0px; bottom:0px; font-size:11px; background:rgba(0,0,0,0.6); padding:0px 2px; line-height:15px; }

.WarframeNavBoxPrimeText {   position:absolute; left:0px; bottom:0px; font-size:11px; background:rgba(0,0,0,0.6); padding:0px 2px; line-height:15px; }

.WarframeNavBoxImage {   position:absolute; top:0px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; opacity:1; z-index:2; } .WarframeNavBoxImage2 .hvr-sweep-to-top {   position:absolute; top:0px; }

.WarframeNavBox:hover .WarframeNavBoxImage {   opacity:0; } .WarframeNavBox:hover .WarframeNavBoxImage2 {   opacity:1; } /*Warframe Nav Box END*/