Volver arriba

Don't say a word || Kitha's corner

Ver el tema anterior Ver el tema siguiente Ir abajo

Don't say a word || Kitha's corner

Mensaje por Hailey A. Fiennes el Mar Dic 27, 2016 3:27 pm



My harmony house


Annika Drescher

 
We're riding down the boulevard

Käthe Dürrenmatt

 
We're riding into the dark night

Noëla Coster-DeHaes

 
With half the tank and empty heart

Hailey Fiennes

 
Pretending we're in love

Maisha Du Plessis

 
when it's never enough


Última edición por Hailey A. Fiennes el Mar Ene 24, 2017 1:35 pm, editado 1 vez
avatar
Mensajes : 415
Instructores

Liberales


Ver perfil de usuario

Volver arriba Ir abajo

Re: Don't say a word || Kitha's corner

Mensaje por Maisha Du Plessis el Miér Dic 28, 2016 2:22 pm

Código:
<link href='https://fonts.googleapis.com/css?family=Poppins:400,700|Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'><style type="text/css"> #shipper {width: 550px; height: 500px; background-color: #191919; margin: 25px auto; overflow: hidden; } #shipper .shiplbl { text-align: center; color: #fff; font-family: poppins; font-size: 50px; color: #fff; margin-top: 100px; } #shipper .panelone { width: 250px; height: 500px; background-image:url(http://i.imgur.com/VhHc0jX.png); float: left; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } #shipper .panelone .plot { width: 180px; height: 430px; opacity: 0; padding: 20px; margin: 10px auto; margin-top: 15px; background-color:rgba(0,0,0,0.8); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ase-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } #shipper .panelone .plot .txt {width: 178px; height: 430px; overflow: auto; padding-right: 2px; font-family: poppins; font-size: 11px; line-height: 115%; color: #fff; text-align: justify; } #shipper .paneltwo { width: 180px; height: 480px; padding: 10px; background-color: #000; float: left; } #shipper .panelthree { float: left; width: 100px; height: 500px; background-image:url(http://i.imgur.com/Y8gzcjl.png); } #shipper .paneltwo h1 { text-align: right; font-size: 25px; text-transform: uppercase; font-family: poppins; color: #fff; font-weight: normal; padding: 20px; line-height: 100%; margin-top: 200px; } #shipper .paneltwo h2 { font-family: poppins; font-size: 8px; text-transform: uppercase; letter-spacing: 3px; color: #cccccc; text-align: right; width: 125px; margin: -25px auto; padding: 5px; line-height: 100%; border-right: 1px solid #7dbcba; font-weight: normal; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } #shipper input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; display: none; } #shipper label { cursor: pointer; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } #shipper input[type=checkbox]:checked ~ .plot { background: rgba(0,0,0,0.8); opacity: 1; } .merc_cred { text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; margin-top: 5px; margin-bottom: 25px; } </style>
<div id="shipper"><div class="panelone" style="background-image:url(http://placehold.it/250x500);"><input type="checkbox" id="toggle-1"><div class="plot"><div class="txt">plot text goes here</div></div></div><div class="paneltwo"><div class="shiplbl"><label for="toggle-1">+</label></div> <h1>First Last</h1> <h2 style="border-right: 1px solid #HEXCODE"> Age (in letters)<br /> (year)th year<br /> playby</h2></div><div class="panelthree" style="background-image:url(http://placehold.it/100x500);"></div></div><div class="merc_cred"><a href="http://athousandfireflies.jcink.net/index.php?showuser=18">© merc</a></div>
avatar
Mensajes : 120
Intercambio

Liberales


Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:

No puedes responder a temas en este foro.