Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!
- ___ ___ ___ ___ ___ ___ __ __
- / __|/ _ \ | \ | __|/ __| | _ )\ \ / /
- | (__| (_) || |) || _| \__ \ | _ \ \ V /
- \___|\___/ |___/ |___||___/ |___/ |_|
- ___ ___ _ _ ___ ___ ___ ___
- | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
- | _/| (_) || __ || /| (_) || /| (_) |
- |_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
- ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <style type="text/css">
- div#qTip /*styling hover text*/
- {
- font-size: 7px;
- color: #000000;
- text-align: left;
- text-transform: uppercase;
- letter-spacing: 1px;
- background: #ffffff;
- display: none;
- position: absolute;
- z-index: 99;
- font-family: Trebuchet MS;
- padding: 4px;
- margin: -15px 0 0 20px;
- box-shadow: 1px 1px 1px #e1e1e1;
- }
- body
- {
- margin: 0;
- padding: 0;
- height: 100%;
- font-family: Trebuchet MS; /*body font*/
- color: #b1b1b1; /*body font color*/
- font-size: 10px; /*body font size*/
- background: url();
- }
- a
- {
- color: #6da8ba; /*link color*/
- text-decoration: none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover
- {
- color: #000000; /*hover link color*/
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #sideBackground
- {
- background: url(http://i.imgur.com/iqL0x3N.jpg); /*sidebar background image*/
- width: 500px;
- height: 100%;
- position: fixed;
- margin: 0 auto;
- z-index: -1;
- box-shadow: 1px 1px 1px #e1e1e1;
- }
- #descriptionWrapper
- {
- width: 120px;
- height: 112px;
- margin: 35px 0 0 333px;
- position: absolute;
- background: #ffffff; /*background color of description*/
- padding: 10px;
- }
- #description
- {
- width: 120px;
- height: 107px;
- font-family: Libre Baskerville; /*description font*/
- line-height: 10px;
- padding-bottom: 5px;
- opacity: 1;
- overflow: auto;
- text-align: justify;
- padding-right: 4px;
- }
- #description:first-letter
- {
- width: 22px;
- height: 22px;
- padding: 5px;
- margin-right: 5px;
- border: 3px double #ffffff;
- float: left;
- background: #000000; /*background color of the first letter in description*/
- font-family: Libre Baskerville;
- color: white;
- font-size: 22px;
- font-style: italic;
- line-height: 22px;
- text-transform: uppercase;
- text-align: center;
- }
- #navigation
- {
- height: 150px;
- width: 20px;
- text-align: center;
- position: absolute;
- margin: 45px 0 0 490px;
- }
- #navigation a
- {
- display: block;
- background: #000000; /*navigation link color*/
- height: 20px;
- width: 20px;
- margin-bottom: 10px;
- color: #ffffff;
- line-height: 20px;
- font-family: Libre Baskerville;
- text-align: center;
- border-radius: 100%;
- font-size: 8px;
- box-shadow: 1px 1px 1px #e1e1e1;
- }
- #navigation a:hover
- {
- background: #6da8ba; /*navigation hover link color*/
- }
- #title
- {
- font-size: 100px; /*title size*/
- position: absolute;
- margin: 30px 0 0 525px;
- font-style: italic;
- text-transform: lowercase;
- letter-spacing: 3px;
- font-family: Libre Baskerville; /*title font*/
- color: #000000; /*title color*/
- text-shadow: 1px 1px 1px #e1e1e1;
- }
- #title a
- {
- color: #000000; /*title color*/
- }
- #title a:hover
- {
- color: #6da8ba; /*title hover color*/
- }
- table
- {
- width: 680px;
- margin-left: 330px;
- margin-top: 190px;
- padding-bottom: 20px;
- position: absolute;
- }
- .iconBox
- {
- width: 160px;
- padding-bottom: 20px;
- }
- .iconBox img
- {
- border: 20px solid #ffffff; /*icon border color*/
- width: 100px;
- height: 100px;
- }
- .infoBox
- {
- padding-left: 30px;
- line-height: 13px;
- text-align: justify;
- }
- .stat
- {
- border-left: 2px solid #6da8ba; /*left border color of stat*/
- color: #000000; /*stat color*/
- letter-spacing: 1px;
- padding-left: 3px;
- font-family: Libre Baskerville; /*stat font*/
- text-transform: uppercase;
- font-size: 8px;
- }
- ::-webkit-scrollbar
- {
- height: 10px;
- width: 2px;
- background: white;
- }
- ::-webkit-scrollbar-thumb:vertical
- {
- background: #000000; /*scrollbar color*/
- }
- ::selection
- {
- background: #6da8ba; /*selection color*/
- color: white;
- }
- ::-moz-selection
- {
- background: #6da8ba; /*selection color*/
- color: white;
- }
- p::selection
- {
- background: #6da8ba; /*selection color*/
- color: white;
- }
- p::-moz-selection
- {
- background: #6da8ba; /*selection color*/
- color: white;
- }
- /* Credits to http://pohroro.tumblr.com */
- #c
- {
- width: 55px;
- height: 18px;
- font-family: Arial;
- font-size: 7px;
- text-transform: uppercase;
- text-align: center;
- bottom: 10px;
- right: 10px;
- letter-spacing: 1px;
- line-height: 4px;
- padding: 10px 3px;
- display: block;
- color: #ffffff;
- background: #000000;
- position: fixed;
- }
- #c a
- {
- font-weight: bold;
- line-height: 17px;
- font-size: 15px;
- font-family: Libre Baskerville;
- text-transform: lowercase;
- font-style: italic;
- letter-spacing: -1px;
- }
- #c a:hover
- {
- color: #606060;
- }
- </style>
- </head>
- <body>
- <div id="sideBackground"></div>
- <div id="descriptionWrapper"><div id="description">
- <!--start of description-->This is <b>bold</b>. This is <i>italic</i>. This is <u>underline</u>. This is <s>strikethrough</s>. This is a <a href="/">link</a>. Aquí yo que sé escribe algo pequeñito o una frase así guapa y muy intensa.<!--end of description-->
- </div></div>
- <div id="navigation">
- <a href="/" title="Home">01</a>
- <a href="https://twitter.com/bpr_Jimin" title="Twitter">02</a>
- <a href="https://www.youtube.com/watch?v=IUhmH7Qqkso" title="Lie">03</a><!--custom link-->
- <a href="https://twitter.com/PromoBloop" title="Bloop Rol">04</a><!--custom link-->
- </div>
- <div id="title"><a href="/">
- <!--start of title-->Park Jimin.<!--end of title-->
- </a></div>
- <table>
- <!--start of member 1-->
- <tr>
- <td class="iconBox">
- <a href="http://tumblr.com"><!--member url-->
- <img src="http://i.imgur.com/lteurLl.gif"><!--member icon-->
- </a>
- </td>
- <td class="infoBox">
- <span class="stat">Nombre:</span>Park Jimin<br />
- <span class="stat">Edad:</span> 88<br />
- <span class="stat">Cumpleaños:</span> Mañana<br />
- <span class="stat">Oficio:</span> Puto. Puedes poner más de estos si lo quieres, copia uno y lo pegas debajo y listo.
- </td>
- </tr>
- <!--end of member 1-->
- <!--start of member 2-->
- <tr>
- <td class="iconBox">
- <a href="http://tumblr.com"><!--member url-->
- <img src="http://i.imgur.com/UHc2mXm.gif"><!--member icon-->
- </a>
- </td>
- <td class="infoBox">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus facilisis hendrerit enim. Quisque nec ante eu tortor posuere commodo nec et sem. Etiam euismod justo vitae ipsum fermentum, in tristique nisi pretium. Nam eu ligula non sem iaculis aliquam. Aliquam ac risus eget nisl tristique auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vestibulum, justo ac scelerisque dignissim, lorem leo lobortis est, ut dictum lorem metus non libero.
- </td>
- </tr>
- <!--end of member 2-->
- <!--start of member 3-->
- <tr>
- <td class="iconBox">
- <a href="http://tumblr.com"><!--member url-->
- <img src="http://i.imgur.com/1w1yBFi.gif"><!--member icon-->
- </a>
- </td>
- <td class="infoBox">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus facilisis hendrerit enim. Quisque nec ante eu tortor posuere commodo nec et sem. Etiam euismod justo vitae ipsum fermentum, in tristique nisi pretium. Nam eu ligula non sem iaculis aliquam. Aliquam ac risus eget nisl tristique auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vestibulum, justo ac scelerisque dignissim, lorem leo lobortis est, ut dictum lorem metus non libero.
- </td>
- </tr>
- <!--end of member 3-->
- <!--start of member 4-->
- <tr>
- <td class="iconBox">
- <a href="http://tumblr.com"><!--member url-->
- <img src="http://i.imgur.com/7GNwa6e.gif"><!--member icon-->
- </a>
- </td>
- <td class="infoBox">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus facilisis hendrerit enim. Quisque nec ante eu tortor posuere commodo nec et sem. Etiam euismod justo vitae ipsum fermentum, in tristique nisi pretium. Nam eu ligula non sem iaculis aliquam. Aliquam ac risus eget nisl tristique auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vestibulum, justo ac scelerisque dignissim, lorem leo lobortis est, ut dictum lorem metus non libero.
- </td>
- </tr>
- <!--end of member 4-->
- <!--start of member 5-->
- <tr>
- <td class="iconBox">
- <a href="http://tumblr.com"><!--member url-->
- <img src="http://i.imgur.com/3OPC4DE.gif"><!--member icon-->
- </a>
- </td>
- <td class="infoBox">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus facilisis hendrerit enim. Quisque nec ante eu tortor posuere commodo nec et sem. Etiam euismod justo vitae ipsum fermentum, in tristique nisi pretium. Nam eu ligula non sem iaculis aliquam. Aliquam ac risus eget nisl tristique auctor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vestibulum, justo ac scelerisque dignissim, lorem leo lobortis est, ut dictum lorem metus non libero.
- </td>
- </tr>
- <!--end of member 5-->
- </table>
- <div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement