User:FINNER/common.css

/*Relic Table START* .relic-refinement-common-bar{ border-collapse:collapse; width:76%; -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; } .bar-ani .relic-refinement-common-bar{ 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; }   /*Relic Table END*/

/*Combo Icon START*/ .CI { white-space: nowrap; position:relative; top:-4px; color:black; font-family:Roboto; font-weight: bold; padding:0.06em 0.7em 0.06em 0.06em; font-size:10px; } .CI-top-proc {   white-space: nowrap; position:relative; top:2px; } .CI-top-proc1 {   white-space: nowrap; position:absolute; top:-1.8em; } .CI-top-proc2 {   white-space: nowrap; position:absolute; top:-1.8em; left:11px; } .CI-multi {   white-space: nowrap; position:absolute; top:24px; left:4px; } .CI-multi1 {   white-space: nowrap; position:absolute; top:15px; left:4px; } .CI-multi2 {   white-space:nowrap; position:absolute; top:15px; } /*CI END*/ /*Combo Icon 2 START*/ .CI2 {   white-space: nowrap; position:relative; top:-4px; color:black; font-family:Roboto; font-weight: bold; font-size:10px; } .CI2-top-proc {   white-space: nowrap; position:relative; top:2px; } .CI2-top-proc1 {   white-space: nowrap; position:absolute; top:-1.8em; } .CI2-top-proc2 {   white-space: nowrap; position:absolute; top:-1.8em; } .CI2-multi {   white-space: nowrap; position:absolute; top:24px; } .CI2-multi1 {   white-space: nowrap; position:absolute; top:15px; left:4px; } .CI2-multi2 {   white-space:nowrap; position: absolute; top:15px; } .CI2-multi3 {   white-space:nowrap; position:absolute; top:33px; } .CI2-multi4 {   white-space:nowrap; position:absolute; top:42px; }   /*CI2 END*/

/*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*/