11,770
edits
Changes
Jump to navigation
Jump to search
Line 469:
Line 469: − } − − .AcronymButton{ − background-color:transparent; − font-size:2.4vw; − width:12vw; − height:7.7vw; − padding:.5vw .5vw; − display: inline-block; − position: relative; − border: .2vw solid #FFF; − overflow: hidden; − text-decoration: none; − text-align:center; − color: #FFF; − font-family: 'raleway', sans-serif; − box-shadow: .1vw .1vw .1vw gray; − } − .AcronymButton span { − -webkit-transition: 0.6s; − -moz-transition: 0.6s; − -o-transition: 0.6s; − transition: 0.6s; − -webkit-transition-delay: 0.2s; − -moz-transition-delay: 0.2s; − -o-transition-delay: 0.2s; − transition-delay: 0.2s; − } − − .AcronymButton:before, − .AcronymButton:after { − content: ''; − position: absolute; − top: 0.67em; − left: 0; − width: 100%; − text-align: center; − opacity: 0; − -webkit-transition: .4s,opacity .6s; − -moz-transition: .4s,opacity .6s; − -o-transition: .4s,opacity .6s; − transition: .4s,opacity .6s; − } − .AcronymButton:before { − content: attr(data-hover); − font-size:1vw; − -webkit-transform: translate(-150%,0); − -moz-transform: translate(-150%,0); − -ms-transform: translate(-150%,0); − -o-transform: translate(-150%,0); − transform: translate(-150%,0); − } − − /* :after */ − − .AcronymButton:after { − content: attr(data-active); − -webkit-transform: translate(150%,0); − -moz-transform: translate(150%,0); − -ms-transform: translate(150%,0); − -o-transform: translate(150%,0); − transform: translate(150%,0); − } − − /* Span on :hover and :active */ − − .AcronymButton:hover span, − .AcronymButton:active span { − font-size:1vw; − opacity: 0; − -webkit-transform: scale(0.3); − -moz-transform: scale(0.3); − -ms-transform: scale(0.3); − -o-transform: scale(0.3); − transform: scale(0.3); − } − − /* − We show :before pseudo-element on :hover − and :after pseudo-element on :active − */ − − .AcronymButton:hover:before, − .AcronymButton:active:after { − opacity: 1; − -webkit-transform: translate(0,0); − -moz-transform: translate(0,0); − -ms-transform: translate(0,0); − -o-transform: translate(0,0); − transform: translate(0,0); − -webkit-transition-delay: .4s; − -moz-transition-delay: .4s; − -o-transition-delay: .4s; − transition-delay: .4s; − } − − /* − We hide :before pseudo-element on :active − */ − − .AcronymButton:active:before { − -webkit-transform: translate(-150%,0); − -moz-transform: translate(-150%,0); − -ms-transform: translate(-150%,0); − -o-transform: translate(-150%,0); − transform: translate(-150%,0); − -webkit-transition-delay: 0s; − -moz-transition-delay: 0s; − -o-transition-delay: 0s; − transition-delay: 0s; − } − − .fadiquote { − height:8vw; − width:56.63vw; − } − − .primerbreak { − width:100%; − height:40px; − background-color:transparent;
no edit summary
min-height:13vw;
min-height:13vw;
border-radius:0;
border-radius:0;
}
}