Advertisement
jellychess

# Orenji - Tablilla de Búsqueda

Sep 8th, 2015
805
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.30 KB | None | 0 0
  1. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  2. <center><div style="width: 400px; padding: 6px; border-radius: 35px 35px 0px 0px; font-size: 30px; font-family: 'Poiret One', cursive; font-weight: bold; text-shadow: 2px 1px #F2F2F2; color: #BE9081; border-bottom: 20px solid #F1EDE6;">NOMBRE APELLIDO</div><div style="background: #F1EDE6; height: 410px; width: 430px; padding: 20px; border-bottom: 2px solid #DF9333;"><div style="margin-top: -30px; width:100%; text-align: center;"><a href="/" style="text-decoration:none;"><div style="background: #EE9E69; color: #fff; width: 100px; display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Poiret One', cursive; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease;">Botón 1</div></a><a href="/" style="text-decoration:none;"><div style="background: #EE9E69; color: #fff; width: 100px; margin-left: 10px; margin-right: 10px; display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Poiret One', cursive; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease;">BOTÓN 2</div></a><a href="/" style="text-decoration:none;"><div style="background: #EE9E69; color: #fff; width: 100px; display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Poiret One', cursive; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease;">BOTÓN 3</div></a>
  3. </div><div style="height: 300px; width: 200px; float:left;"><img src="URL DE LA IMÁGEN"></div> <div style="background: #F9F9F9; height: 400px; width: 210px; float:right; overflow: auto; text-align: justify; text-justify: inter-word; font-size: 13px; padding: 5px; font-family: calibri; color: #51524D;">TEXTO DE LA BÚSQUEDA - OVERFLOW AUTOMÁTICO.</div>
  4. <div style="background: #F9F9F9; height: 16px; width: 190px; float:left; margin-top: 11.5px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-size: 12px; vertical-align: middle; color: #51524D; border-left: 10px solid #C72B2C;">DATO 1</div>
  5. <div style="background: #F9F9F9; height: 16px; width: 190px; float:left; margin-top: 11.5px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-size: 12px; vertical-align: middle; color: #51524D; border-left: 10px solid #C72B2C;">DATO 2</div>
  6. <div style="background: #F9F9F9; height: 16px; width: 190px; float:left; margin-top: 11.5px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-size: 12px; vertical-align: middle; color: #51524D; border-left: 10px solid #C72B2C;">DATO 3</div>
  7. <div style="background: #F9F9F9; height: 16px; width: 190px; float:left; margin-top: 11.5px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-size: 12px; vertical-align: middle; color: #51524D; border-left: 10px solid #C72B2C;">DATO 4</div>
  8. </div><div style="margin-top: 3px;" a="color: #773344; font-size: 10px; text-transform: uppercase; font-family: calibri; font-weight: bold;"><a href="http://jellychess.tumblr.com/" style="text-decoration:none;">© Jellychess</a></div>
  9. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement