User:Ratentaisou/common.css

/*Warframe Nav Box START*/ .WarframeNavBox {   position: relative; display: inline-block; margin-top: 1px; margin-bottom: 2px; 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: 0 2px; line-height: 15px; } .WarframeNavBoxImage {   position: absolute; top: 0; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; opacity: 1; z-index: 1; } .WarframeNavBox:hover .WarframeNavBoxImage {   opacity: 0; }

/*Fade START*/ .WarframeNavBoxImage2 {   position: absolute; top: 0; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; opacity: 0; z-index: 2; } .WarframeNavBox:hover .WarframeNavBoxImage2 {   opacity: 1; }   /*Fade END*/ /*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.1); transform: scale(1.1); } } @-moz-keyframes WarframeNavBoxImage2 { 50% {       -moz-transform: scale(1.1); transform: scale(1.1); } } @-o-keyframes WarframeNavBoxImage2 { 50% {       -o-transform: scale(1.1); transform: scale(1.1); } } @keyframes WarframeNavBoxImage2 { 50% {       -webkit-transform: scale(1.1); transform: scale(1.1); } } .WarframeNavBoxImage2 { position: absolute; opacity: 0; top: 0; } .WarframeNavBox:hover .WarframeNavBoxImage2 { opacity: 1; -webkit-animation-name: WarframeNavBoxImage2; -moz-animation-name: WarframeNavBoxImage2; -ms-animation-name: WarframeNavBoxImage2; -o-animation-name: WarframeNavBoxImage2; animation-name: WarframeNavBoxImage2; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -ms-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; }   /*Pop END*/ /*Window START* .WarframeNavBoxImage2 { position: absolute; opacity: 0; top: 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: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .WarframeNavBox:hover { -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -ms-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }   /*Window END*/ /*Warframe Nav Box END*/