Post by laika dogface on Jul 6, 2016 4:46:08 GMT
[nospaces][googlefont=Monserrat]
[newclass=.eastwood]background: #191919; border: solid 1px #363636; width: 380px; height: 350px; overflow: hidden; margin-top: 30px;[/newclass]
[newclass=.eastwood:hover .word]margin-right: -120px; opacity: 0; transition-delay: .0s;[/newclass]
[newclass=.eastwood:hover .lyr]margin-left: 10px; transition-delay: .8s;[/newclass]
[newclass=.eastwood:hover .line2]opacity: 1; transition-delay: 1.4s;[/newclass]
[newclass=.eastwood:hover .line3]margin-left: 10px; transition-delay: 1.8s;[/newclass]
[newclass=.eastwood .level]margin-top: 110px; height: 130px; overflow: hidden; transition: .5s; [/newclass]
[newclass=.eastwood .icon]border: solid 15px #363636;background: url(http://i.imgur.com/Sm4ZJ.png); width: 100px; height: 100px; float: left; margin-left: -25px; position: relative; z-index: 20; transition: .5s; transition-delay: 0s;[/newclass]
[newclass=.eastwood .word]border: solid 15px #363636; width: 96px; height: 96px; padding: 2px;float: right; margin-right: -16px; text-align: right; color: #426886; font: bold 22px/19px montserrat; text-transform: uppercase; letter-spacing: -1px; overflow: hidden; transition: .6s; transition-delay: 2s;[/newclass]
[newclass=.eastwood .word b]color: rgba(255,255,255,.6); [/newclass]
[newclass=.eastwood .lyr]float:left; width: 260px; margin-left: -250px; text-align: left; overflow: hidden; transition: .6s; transition-delay: 1.3s;[/newclass]
[newclass=.line1]font: bold 34px/34px montserrat; text-transform: uppercase; margin-top: 25px; letter-spacing: -2px; color: rgba(255,255,255,.4); text-shadow: 2px 2px #426886; transition-delay: .5s;[/newclass]
[newclass=.line2]font: bold 28px/28px montserrat; text-transform: uppercase;letter-spacing: -1px; color: #5F5F5F; margin-left: 5px; opacity: 0; transition: .4s; transition-delay: .8s;[/newclass]
[newclass=.line3]font: bold 14px/14px montserrat; text-transform: uppercase; letter-spacing: 2px; color: #5F5F5F; text-shadow: 1px 1px #721818; margin-left: -250px; transition: .6s; transition-delay: 0s;[/newclass]
[newclass=.eastwood:hover .level]margin-top: 10px; height: 130px; overflow: hidden; -webkit-transform: scale(.7, .7); transition-delay: 2s;[/newclass]
[newclass=.eastwood:hover .icon]transition: 4s; border-color:#191919; [/newclass]
[attr="class","eastwood"]
[attr="class","level"]
[attr="class","icon"]
[attr="class","lyr"]
[attr="class","line1"]no squealing
[attr="class","line2"]remember that
[attr="class","line3"]it's all in your head
[attr="class","word"]aspen lansing 00 info stats etc
[newclass=.eastwood]background: #191919; border: solid 1px #363636; width: 380px; height: 350px; overflow: hidden; margin-top: 30px;[/newclass]
[newclass=.eastwood:hover .word]margin-right: -120px; opacity: 0; transition-delay: .0s;[/newclass]
[newclass=.eastwood:hover .lyr]margin-left: 10px; transition-delay: .8s;[/newclass]
[newclass=.eastwood:hover .line2]opacity: 1; transition-delay: 1.4s;[/newclass]
[newclass=.eastwood:hover .line3]margin-left: 10px; transition-delay: 1.8s;[/newclass]
[newclass=.eastwood .level]margin-top: 110px; height: 130px; overflow: hidden; transition: .5s; [/newclass]
[newclass=.eastwood .icon]border: solid 15px #363636;background: url(http://i.imgur.com/Sm4ZJ.png); width: 100px; height: 100px; float: left; margin-left: -25px; position: relative; z-index: 20; transition: .5s; transition-delay: 0s;[/newclass]
[newclass=.eastwood .word]border: solid 15px #363636; width: 96px; height: 96px; padding: 2px;float: right; margin-right: -16px; text-align: right; color: #426886; font: bold 22px/19px montserrat; text-transform: uppercase; letter-spacing: -1px; overflow: hidden; transition: .6s; transition-delay: 2s;[/newclass]
[newclass=.eastwood .word b]color: rgba(255,255,255,.6); [/newclass]
[newclass=.eastwood .lyr]float:left; width: 260px; margin-left: -250px; text-align: left; overflow: hidden; transition: .6s; transition-delay: 1.3s;[/newclass]
[newclass=.line1]font: bold 34px/34px montserrat; text-transform: uppercase; margin-top: 25px; letter-spacing: -2px; color: rgba(255,255,255,.4); text-shadow: 2px 2px #426886; transition-delay: .5s;[/newclass]
[newclass=.line2]font: bold 28px/28px montserrat; text-transform: uppercase;letter-spacing: -1px; color: #5F5F5F; margin-left: 5px; opacity: 0; transition: .4s; transition-delay: .8s;[/newclass]
[newclass=.line3]font: bold 14px/14px montserrat; text-transform: uppercase; letter-spacing: 2px; color: #5F5F5F; text-shadow: 1px 1px #721818; margin-left: -250px; transition: .6s; transition-delay: 0s;[/newclass]
[newclass=.eastwood:hover .level]margin-top: 10px; height: 130px; overflow: hidden; -webkit-transform: scale(.7, .7); transition-delay: 2s;[/newclass]
[newclass=.eastwood:hover .icon]transition: 4s; border-color:#191919; [/newclass]