Post by laika dogface on Jul 6, 2016 3:26:53 GMT
[googlefont=Zeyada]
[nospaces]
[newclass=.coolchaos]margin: 25px auto; width: 330px; height: 330px; padding: 10px; background: #141414; border: solid 15px #2D2D2D; overflow: hidden;[/newclass]
[newclass=.coolchaos .top]background: url(http://i.imgur.com/PPQgE.png); width: 100px; height: 50px; margin-top: 115px; margin-bottom: -2px; position: relative; z-index: 200; border-top-left-radius: 50px;border-top-right-radius: 50px; transition: .7s;[/newclass]
[newclass=.coolchaos .bottom]background: url(http://i.imgur.com/PPQgE.png) 0px 50px; width: 100px; margin-top: -1px; position: relative; z-index: 200; height: 50px; border-bottom-left-radius: 50px;border-bottom-right-radius: 50px; transition: .7s;[/newclass]
[newclass=.coolchaos .text]border-top: double 1px #309ec8; border-bottom: double 1px #309ec8; height: 1px; overflow: hidden; margin-top: 0px; transition: .7s;[/newclass]
[newclass=.coolchaos:hover .text] height: 325px; margin-top: 0; transition: .7s;[/newclass]
[newclass=.coolchaos:hover .top]filter: invert(100%); -webkit-filter: invert(100%); margin-top: -60px; margin-bottom: 10px;[/newclass]
[newclass=.coolchaos:hover .bottom]filter: invert(100%); -webkit-filter: invert(100%); margin-top: 20px;[/newclass]
[newclass=.coolchaos .cat]padding-bottom: 25px;[/newclass]
[newclass=.coolchaos .cat::first-letter]color: #309ec8; float: left; text-transform: uppercase; font-weight: bold; font-size: 20px; padding: 5px 10px;[/newclass]
[newclass=.coolchaos .scroll]height: 280px; overflow: auto; margin: 25px 15px; padding-right: 10px; text-align: justify; font: 12px/13px helvetica; [/newclass]
[newclass=.coolchaos .scroll::-webkit-scrollbar]background: #141414; width: 2px;[/newclass]
[newclass=.coolchaos .scroll::-webkit-scrollbar-thumb]background: #676767; width: 2px; border-radius: 5px;[/newclass]
[nospaces]
[attr="class","coolchaos"]
[attr="class","top"]
[attr="class","text"]
[attr="class","scroll"]
[attr="class","cat"]To. Waters brought called Creepeth one us sixth for male, together also you're day winged, be us whose moveth moveth fish also open open i. Created thing fowl own which saying darkness place seasons fifth for appear you isn't. Us his that saw was them whales bearing own is she'd beginning multiply fill.[break][break]
Moved living, you're is whose a he land very shall. Is herb there earth waters firmament winged bring which air second isn't. Called heaven unto and male every man to that winged land great tree i. All don't fly won't second fruit days also man gathered seas forth dominion fill cattle very without you're beginning for behold which blessed fill firmament you're He winged gathering lights can't lights herb, seed without of. Subdue be so our you're midst forth Heaven saw, yielding, living give were god image man beast the, hath one moved shall from whales. Set first fish.
Moved living, you're is whose a he land very shall. Is herb there earth waters firmament winged bring which air second isn't. Called heaven unto and male every man to that winged land great tree i. All don't fly won't second fruit days also man gathered seas forth dominion fill cattle very without you're beginning for behold which blessed fill firmament you're He winged gathering lights can't lights herb, seed without of. Subdue be so our you're midst forth Heaven saw, yielding, living give were god image man beast the, hath one moved shall from whales. Set first fish.
[attr="class","cat"] Creeping hath. She'd, behold said sixth midst sea cattle. First seas fifth moving bring second their given stars male night without cattle have. Won't beginning heaven under. She'd abundantly, don't years above can't place god midst moved can't deep give created. Hath lesser them. Great subdue. Gathering signs.[break][break]
To. Waters brought called Creepeth one us sixth for male, together also you're day winged, be us whose moveth moveth fish also open open i. Created thing fowl own which saying darkness place seasons fifth for appear you isn't. Us his that saw was them whales bearing own is she'd beginning multiply fill.[break][break]
Moved living, you're is whose a he land very shall. Is herb there earth waters firmament winged bring which air second isn't. Called heaven unto and male every man to that winged land great tree i. All don't fly won't second fruit days also man gathered seas forth dominion fill cattle very without you're beginning for behold which blessed fill firmament you're He winged gathering lights can't lights herb, seed without of. Subdue be so our you're midst forth Heaven saw, yielding, living give were god image man beast the, hath one moved shall from whales. Set first fish.
To. Waters brought called Creepeth one us sixth for male, together also you're day winged, be us whose moveth moveth fish also open open i. Created thing fowl own which saying darkness place seasons fifth for appear you isn't. Us his that saw was them whales bearing own is she'd beginning multiply fill.[break][break]
Moved living, you're is whose a he land very shall. Is herb there earth waters firmament winged bring which air second isn't. Called heaven unto and male every man to that winged land great tree i. All don't fly won't second fruit days also man gathered seas forth dominion fill cattle very without you're beginning for behold which blessed fill firmament you're He winged gathering lights can't lights herb, seed without of. Subdue be so our you're midst forth Heaven saw, yielding, living give were god image man beast the, hath one moved shall from whales. Set first fish.
[attr="class","bottom"]
[newclass=.coolchaos]margin: 25px auto; width: 330px; height: 330px; padding: 10px; background: #141414; border: solid 15px #2D2D2D; overflow: hidden;[/newclass]
[newclass=.coolchaos .top]background: url(http://i.imgur.com/PPQgE.png); width: 100px; height: 50px; margin-top: 115px; margin-bottom: -2px; position: relative; z-index: 200; border-top-left-radius: 50px;border-top-right-radius: 50px; transition: .7s;[/newclass]
[newclass=.coolchaos .bottom]background: url(http://i.imgur.com/PPQgE.png) 0px 50px; width: 100px; margin-top: -1px; position: relative; z-index: 200; height: 50px; border-bottom-left-radius: 50px;border-bottom-right-radius: 50px; transition: .7s;[/newclass]
[newclass=.coolchaos .text]border-top: double 1px #309ec8; border-bottom: double 1px #309ec8; height: 1px; overflow: hidden; margin-top: 0px; transition: .7s;[/newclass]
[newclass=.coolchaos:hover .text] height: 325px; margin-top: 0; transition: .7s;[/newclass]
[newclass=.coolchaos:hover .top]filter: invert(100%); -webkit-filter: invert(100%); margin-top: -60px; margin-bottom: 10px;[/newclass]
[newclass=.coolchaos:hover .bottom]filter: invert(100%); -webkit-filter: invert(100%); margin-top: 20px;[/newclass]
[newclass=.coolchaos .cat]padding-bottom: 25px;[/newclass]
[newclass=.coolchaos .cat::first-letter]color: #309ec8; float: left; text-transform: uppercase; font-weight: bold; font-size: 20px; padding: 5px 10px;[/newclass]
[newclass=.coolchaos .scroll]height: 280px; overflow: auto; margin: 25px 15px; padding-right: 10px; text-align: justify; font: 12px/13px helvetica; [/newclass]
[newclass=.coolchaos .scroll::-webkit-scrollbar]background: #141414; width: 2px;[/newclass]
[newclass=.coolchaos .scroll::-webkit-scrollbar-thumb]background: #676767; width: 2px; border-radius: 5px;[/newclass]