Advertisement
thestarcrossed

Wicked.

Oct 27th, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.51 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto" rel="stylesheet"> <div class="jarrftw"> <div class="jarrftwtit">THERE AIN'T NO REST FOR THE</div> <div class="jarrftwtit2">WICKED</div> <div class="jarrftwtop"> <div class="jarrftwb"></div> <div class="jarrftwtag">@tagged</div> </div> <div class="jarrftwtext"> It is the first day of November and so, today, someone will die. Even under the brightest sun, the frigid autumn sea is all the colors of the night: dark blue and black and brown. I watch the ever-changing patterns in the sand as it’s pummeled by countless hooves.<br><br> They run the horses on the beach, a pale road between the black water and the chalk cliffs. It is never safe, but it’s never so dangerous as today, race day.<br><br> This time of year, I live and breathe the beach. My cheeks feel raw with the wind throwing sand against them. My thighs sting from the friction of the saddle. My arms ache from holding up two thousand pounds of horse. I have forgotten what it is like to be warm and what a full night’s sleep feels like and what my name sounds like spoken instead of shouted across yards of sand.<br><br> I am so, so alive </div> <div class="jarrftwbot"></div> </div> <div class="jarrftwcred"><a href="http://shine.jcink.net/index.php?">JARONART</a></div> <style> .jarrftw { width:300px; margin:0 auto; position:relative; } .jarrftwtit { font-family:Roboto; font-size:8px; color:#333; text-align:center; line-height:100%; letter-spacing:3px; text-transform:uppercase; } .jarrftwtit2 { font-family:Roboto Condensed; color:#333; text-transform:uppercase; text-align:center; line-height:75%; font-weight:bold; letter-spacing:20px; font-size:60px; width:300px; padding-left:5px; } .jarrftwtop { width:300px; height:50px; background:url(http://68.media.tumblr.com/bf04312fc9c8cb8792e719ef1be67170/tumblr_o6jz8tXL771v916xuo1_1280.jpg); background-size:cover; background-position:center center; border-top:5px solid #333; border-bottom:5px solid #333; position:relative; top:0; overflow:hidden; } .jarrftwtext { padding:40px; text-align:justify; font-family:Roboto Condensed; font-size:11px; color:#333; background:#f8f8f8; } .jarrftwbot { width:300px; border-bottom:6px solid #333; position:relative; bottom:0; } .jarrftwb { width:350px; height:50px; position:absolute; -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); background:rgba(0,0,0,0.7); left:-355px; top:0; opacity:0; transition:all 0.7s ease-in-out 0.5s; } .jarrftw:hover .jarrftwb { left:0; opacity:1; transition:all 0.7s ease-in-out; } .jarrftwtag { width:290px; padding:5px; position:absolute; color:#fff; font-size:8px; text-transform:uppercase; top:15px; line-height:100%; max-height:50px; overflow:auto; text-align:center; font-family:Roboto; opacity:0; transition:all 0.7s ease-in-out 0s; } .jarrftwtag a {color:#fff;} .jarrftw:hover .jarrftwtag {opacity:1;transition:all 0.7s ease-in-out 0.7s;} .jarrftwcred { color:#ccc; font-family:Roboto; font-size:8px; letter-spacing:1px; text-align:center; margin-top:3px; text-transform:uppercase; } .jarrftwcred a { font-family:Roboto; font-size:8px; letter-spacing:1px; color:#ccc; text-decoration:none; transition:all 0.3s ease-in-out; } .jarrftwcred a:hover {color:#888;} </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement