User:FINNER/common.css

/*Warframe Nav Box START*/ /* Sweep To Top START .WarframeNavBoxImage2 { position: absolute; top: 0; z-index: 2; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .WarframeNavBox:hover .WarframeNavBoxImage2 { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }   /* Sweep To Top END*/ /* Pop START @-webkit-keyframes WarframeNavBoxImage2 { 50% {       -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes WarframeNavBoxImage2 { 50% {       -webkit-transform: scale(1.2); transform: scale(1.2); } } .WarframeNavBoxImage2 { display: inline-block; opacity: 0; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .WarframeNavBox:hover .WarframeNavBoxImage2 { opacity: 1; -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }   /* Pop END*/ /* Glow START .WarframeNavBoxImage2 { display: inline-block; opacity: 0; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .WarframeNavBox:hover .WarframeNavBoxImage2 { opacity: 1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }   /*Glow END*/ /*Ripple-Out START*/ .WarframeNavBoxImage2 { opacity: 0; position: absolute; top: 0; } .WarframeNavBox:hover .WarframeNavBoxImage2{ opacity: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .WarframeNavBox:hover { display: inline-block; border: #e1e1e1 solid 6px; opacity: 1; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: absolute; top: 0; } @-webkit-keyframes WarframeNavBox { 100% {       top: 12px; right: 12px; bottom: 12px; left: 12px; opacity: 0; } } @keyframes WarframeNavBox { 100% {       top: 12px; right: 12px; bottom: 12px; left: 12px; opacity: 0; } }   /*Ripple-Out END*/

.WarframeNavBox {   position: relative; border: #e1e1e1 solid 6px; display: inline-block; margin-bottom: 3px; height: 65px; width: 64px; z-index: 0; } .WarframeNavBoxText {   position:absolute; z-index: 3; left: 0; bottom: 0; font-size: 11px; background: rgba(0,0,0,0.6); padding: 0px 2px; line-height: 15px; } .WarframeNavBoxImage {   position: absolute; top: 0; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; opacity: 1; z-index: 1; } .WarframeNavBox:hover .WarframeNavBoxImage {   opacity: 0; }