API tools faq
paste
OdiseaCoding

Four Seasons (búsqueda)

OdiseaCoding
Oct 1st, 2016
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.78 KB | None | 0 0
raw download clone embed print report
  1. PRIMAVERA
  2.  
  3. <style>.prim1{height:150px; width:300px; border: 6px outset #de91d0;}.primdespl {width:302px; background: #de91d0; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px; overflow:hidden;}.primdespl:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.primdespl2 {width:302px; background: #518f5d; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px;overflow:hidden;}.primdespl2:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.estaname {font: 35px Amita; color: black; text-shadow: 2px 2px white; margin-bottom: -35px; width: 300px; position: relative; text-align: right;}.estatit{font: 20px Amita; color: black; text-align: center;text-shadow: 1px 1px white;}.odisey {font:7px calibri; text-align: left;text-transform: uppercase; letter-spacing: 4px; width:300px;}</style>
  4.  
  5. <center><link href='http://fonts.googleapis.com/css?family=Amita' rel='stylesheet' type='text/css'><div class="estaname">Lo que busco</div><div class="prim1" style="background-image:URL('http://bit.ly/1KC3sHF')"></div><div class="primdespl"><div class="estatit">Historia</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="primdespl2"><div class="estatit">Trama y datos</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="odisey"><a href="http://odiseascb.tumblr.com/">By Odisea</a></div></center>
  6.  
  7. VERANO
  8.  
  9. <style>.ver1{height:150px; width:300px; border: 6px outset green;}.verdespl {width:302px; background: green; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px; overflow:hidden;}.verdespl:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.verdespl2 {width:302px; background: brown; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px;overflow:hidden;}.verdespl2:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.estaname {font: 35px Amita; color: black; text-shadow: 2px 2px white; margin-bottom: -35px; width: 300px; position: relative; text-align: right;}.estatit{font: 20px Amita; color: black; text-align: center;text-shadow: 1px 1px white;}.odisey {font:7px calibri; text-align: left;text-transform: uppercase; letter-spacing: 4px; width:300px;}</style>
  10.  
  11. <center><link href='http://fonts.googleapis.com/css?family=Amita' rel='stylesheet' type='text/css'><div class="estaname">Lo que busco</div><div class="ver1" style="background-image:URL('http://bit.ly/1U3Abdn')"></div><div class="verdespl"><div class="estatit">Historia</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="verdespl2"><div class="estatit">Trama y datos</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="odisey"><a href="http://odiseascb.tumblr.com/">By Odisea</a></div></center>
  12.  
  13. OTOÑO
  14.  
  15. <style>.oto1{height:150px; width:300px; border: 6px outset #9c4414;}.otodespl {width:302px; background: #9c4414; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px; overflow:hidden;}.otodespl:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.otodespl2 {width:302px; background: #8f7c51; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px;overflow:hidden;}.otodespl2:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.estaname {font: 35px Amita; color: black; text-shadow: 2px 2px white; margin-bottom: -35px; width: 300px; position: relative; text-align: right;}.estatit{font: 20px Amita; color: black; text-align: center;text-shadow: 1px 1px white;}.odisey {font:7px calibri; text-align: left;text-transform: uppercase; letter-spacing: 4px; width:300px;}</style>
  16.  
  17. <center><link href='http://fonts.googleapis.com/css?family=Amita' rel='stylesheet' type='text/css'><div class="estaname">Lo que busco</div><div class="oto1" style="background-image:URL('http://bit.ly/1Mvf2Xp')"></div><div class="otodespl"><div class="estatit">Historia</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="otodespl2"><div class="estatit">Trama y datos</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="odisey"><a href="http://odiseascb.tumblr.com/">By Odisea</a></div></center>
  18.  
  19. INVIERNO
  20.  
  21. <style>.inv1{height:150px; width:300px; border: 6px outset #81aedb;}.invdespl {width:302px; background: #81aedb; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px; overflow:hidden;}.invdespl:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.invdespl2 {width:302px; background: #73767a; height: 35px; margin-top: 4px; font: 12px calibri; text-align: justify; padding: 5px;overflow:hidden;}.invdespl2:hover {height: 200px;overflow:auto;transition-delay: 0.6s; transition: 0.8s all ease-in-out; transition-duration: 0.8s;}.estaname {font: 35px Amita; color: black; text-shadow: 2px 2px white; margin-bottom: -35px; width: 300px; position: relative; text-align: right;}.estatit{font: 20px Amita; color: black; text-align: center;text-shadow: 1px 1px white;}.odisey {font:7px calibri; text-align: left;text-transform: uppercase; letter-spacing: 4px; width:300px;}</style>
  22.  
  23. <center><link href='http://fonts.googleapis.com/css?family=Amita' rel='stylesheet' type='text/css'><div class="estaname">Lo que busco</div><div class="inv1" style="background-image:URL('http://bit.ly/1LSD5yZ')"></div><div class="invdespl"><div class="estatit">Historia</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="invdespl2"><div class="estatit">Trama y datos</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare, dolor egestas viverra molestie, eros urna bibendum odio, non imperdiet lorem lectus quis dolor. Nam pharetra sed felis placerat ullamcorper. Ut ut vehicula arcu. Aenean vitae felis sapien. Aliquam condimentum facilisis venenatis. Nullam non lectus nulla. Curabitur varius quis tortor nec porta. Quisque at augue in lorem ultrices rhoncus</div><div class="odisey"><a href="http://odiseascb.tumblr.com/">By Odisea</a></div></center>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!