Advertisement
Guest User

Untitled

a guest
Feb 27th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.61 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!
  7.  
  8. ___ ___ ___ ___ ___ ___ __ __
  9. / __|/ _ \ | \ | __|/ __| | _ )\ \ / /
  10. | (__| (_) || |) || _| \__ \ | _ \ \ V /
  11. \___|\___/ |___/ |___||___/ |___/ |_|
  12. ___ ___ _ _ ___ ___ ___ ___
  13. | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
  14. | _/| (_) || __ || /| (_) || /| (_) |
  15. |_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
  16.  
  17.  
  18. ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪
  19.  
  20.  
  21. -->
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  32.  
  33. <style type="text/css">
  34.  
  35. div#qTip /*styling hover text*/
  36. {
  37. font-size: 7px;
  38. color: #000000;
  39. text-align: left;
  40. text-transform: uppercase;
  41. letter-spacing: 1px;
  42. background: #ffffff;
  43. display: none;
  44. position: absolute;
  45. z-index: 99;
  46. font-family: Trebuchet MS;
  47. padding: 4px;
  48. margin: -15px 0 0 20px;
  49. box-shadow: 1px 1px 1px #e1e1e1;
  50. }
  51.  
  52. body
  53. {
  54. margin: 0;
  55. padding: 0;
  56. height: 100%;
  57. font-family: Trebuchet MS; /*body font*/
  58. color: #b1b1b1; /*body font color*/
  59. font-size: 10px; /*body font size*/
  60. background: url();
  61. }
  62.  
  63. a
  64. {
  65. color: #6da8ba; /*link color*/
  66. text-decoration: none;
  67. -webkit-transition: all 0.5s ease;
  68. -moz-transition: all 0.5s ease;
  69. transition: all 0.5s ease;
  70. }
  71.  
  72. a:hover
  73. {
  74. color: #000000; /*hover link color*/
  75. -webkit-transition: all 0.5s ease;
  76. -moz-transition: all 0.5s ease;
  77. transition: all 0.5s ease;
  78. }
  79.  
  80. #sideBackground
  81. {
  82. background: url(http://i.imgur.com/iqL0x3N.jpg); /*sidebar background image*/
  83. width: 500px;
  84. height: 100%;
  85. position: fixed;
  86. margin: 0 auto;
  87. z-index: -1;
  88. box-shadow: 1px 1px 1px #e1e1e1;
  89. }
  90.  
  91. #descriptionWrapper
  92. {
  93. width: 120px;
  94. height: 112px;
  95. margin: 35px 0 0 333px;
  96. position: absolute;
  97. background: #ffffff; /*background color of description*/
  98. padding: 10px;
  99. }
  100.  
  101. #description
  102. {
  103. width: 120px;
  104. height: 107px;
  105. font-family: Libre Baskerville; /*description font*/
  106. line-height: 10px;
  107. padding-bottom: 5px;
  108. opacity: 1;
  109. overflow: auto;
  110. text-align: justify;
  111. padding-right: 4px;
  112. }
  113.  
  114. #description:first-letter
  115. {
  116. width: 22px;
  117. height: 22px;
  118. padding: 5px;
  119. margin-right: 5px;
  120. border: 3px double #ffffff;
  121. float: left;
  122. background: #000000; /*background color of the first letter in description*/
  123. font-family: Libre Baskerville;
  124. color: white;
  125. font-size: 22px;
  126. font-style: italic;
  127. line-height: 22px;
  128. text-transform: uppercase;
  129. text-align: center;
  130. }
  131.  
  132. #navigation
  133. {
  134. height: 150px;
  135. width: 20px;
  136. text-align: center;
  137. position: absolute;
  138. margin: 45px 0 0 490px;
  139. }
  140.  
  141. #navigation a
  142. {
  143. display: block;
  144. background: #000000; /*navigation link color*/
  145. height: 20px;
  146. width: 20px;
  147. margin-bottom: 10px;
  148. color: #ffffff;
  149. line-height: 20px;
  150. font-family: Libre Baskerville;
  151. text-align: center;
  152. border-radius: 100%;
  153. font-size: 8px;
  154. box-shadow: 1px 1px 1px #e1e1e1;
  155. }
  156.  
  157. #navigation a:hover
  158. {
  159. background: #6da8ba; /*navigation hover link color*/
  160. }
  161.  
  162. #title
  163. {
  164. font-size: 100px; /*title size*/
  165. position: absolute;
  166. margin: 30px 0 0 525px;
  167. font-style: italic;
  168. text-transform: lowercase;
  169. letter-spacing: 3px;
  170. font-family: Libre Baskerville; /*title font*/
  171. color: #000000; /*title color*/
  172. text-shadow: 1px 1px 1px #e1e1e1;
  173. }
  174.  
  175. #title a
  176. {
  177. color: #000000; /*title color*/
  178. }
  179.  
  180. #title a:hover
  181. {
  182. color: #6da8ba; /*title hover color*/
  183. }
  184.  
  185. table
  186. {
  187. width: 680px;
  188. margin-left: 330px;
  189. margin-top: 190px;
  190. padding-bottom: 20px;
  191. position: absolute;
  192. }
  193.  
  194. .iconBox
  195. {
  196. width: 160px;
  197. padding-bottom: 20px;
  198. }
  199.  
  200. .iconBox img
  201. {
  202. border: 20px solid #ffffff; /*icon border color*/
  203. width: 100px;
  204. height: 100px;
  205. }
  206.  
  207. .infoBox
  208. {
  209. padding-left: 30px;
  210. line-height: 13px;
  211. text-align: justify;
  212. }
  213.  
  214. .stat
  215. {
  216. border-left: 2px solid #6da8ba; /*left border color of stat*/
  217. color: #000000; /*stat color*/
  218. letter-spacing: 1px;
  219. padding-left: 3px;
  220. font-family: Libre Baskerville; /*stat font*/
  221. text-transform: uppercase;
  222. font-size: 8px;
  223. }
  224.  
  225. ::-webkit-scrollbar
  226. {
  227. height: 10px;
  228. width: 2px;
  229. background: white;
  230. }
  231.  
  232. ::-webkit-scrollbar-thumb:vertical
  233. {
  234. background: #000000; /*scrollbar color*/
  235. }
  236.  
  237. ::selection
  238. {
  239. background: #6da8ba; /*selection color*/
  240. color: white;
  241. }
  242.  
  243. ::-moz-selection
  244. {
  245. background: #6da8ba; /*selection color*/
  246. color: white;
  247. }
  248.  
  249. p::selection
  250. {
  251. background: #6da8ba; /*selection color*/
  252. color: white;
  253. }
  254.  
  255. p::-moz-selection
  256. {
  257. background: #6da8ba; /*selection color*/
  258. color: white;
  259. }
  260.  
  261. /* Credits to http://pohroro.tumblr.com */
  262.  
  263. #c
  264. {
  265. width: 55px;
  266. height: 18px;
  267. font-family: Arial;
  268. font-size: 7px;
  269. text-transform: uppercase;
  270. text-align: center;
  271. bottom: 10px;
  272. right: 10px;
  273. letter-spacing: 1px;
  274. line-height: 4px;
  275. padding: 10px 3px;
  276. display: block;
  277. color: #ffffff;
  278. background: #000000;
  279. position: fixed;
  280. }
  281.  
  282. #c a
  283. {
  284. font-weight: bold;
  285. line-height: 17px;
  286. font-size: 15px;
  287. font-family: Libre Baskerville;
  288. text-transform: lowercase;
  289. font-style: italic;
  290. letter-spacing: -1px;
  291. }
  292.  
  293. #c a:hover
  294. {
  295. color: #606060;
  296. }
  297.  
  298.  
  299. </style>
  300. </head>
  301. <body>
  302. <div id="sideBackground"></div>
  303. <div id="descriptionWrapper"><div id="description">
  304. <!--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-->
  305. </div></div>
  306.  
  307. <div id="navigation">
  308. <a href="/" title="Home">01</a>
  309. <a href="https://twitter.com/bpr_Jimin" title="Twitter">02</a>
  310. <a href="https://www.youtube.com/watch?v=IUhmH7Qqkso" title="Lie">03</a><!--custom link-->
  311. <a href="https://twitter.com/PromoBloop" title="Bloop Rol">04</a><!--custom link-->
  312. </div>
  313.  
  314. <div id="title"><a href="/">
  315. <!--start of title-->Park Jimin.<!--end of title-->
  316. </a></div>
  317.  
  318. <table>
  319.  
  320. <!--start of member 1-->
  321. <tr>
  322. <td class="iconBox">
  323. <a href="http://tumblr.com"><!--member url-->
  324. <img src="http://i.imgur.com/lteurLl.gif"><!--member icon-->
  325. </a>
  326. </td>
  327. <td class="infoBox">
  328. <span class="stat">Nombre:</span>Park Jimin<br />
  329. <span class="stat">Edad:</span> 88<br />
  330. <span class="stat">Cumpleaños:</span> Mañana<br />
  331. <span class="stat">Oficio:</span> Puto. Puedes poner más de estos si lo quieres, copia uno y lo pegas debajo y listo.
  332. </td>
  333. </tr>
  334. <!--end of member 1-->
  335.  
  336. <!--start of member 2-->
  337. <tr>
  338. <td class="iconBox">
  339. <a href="http://tumblr.com"><!--member url-->
  340. <img src="http://i.imgur.com/UHc2mXm.gif"><!--member icon-->
  341. </a>
  342. </td>
  343. <td class="infoBox">
  344. 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.
  345. </td>
  346. </tr>
  347. <!--end of member 2-->
  348.  
  349. <!--start of member 3-->
  350. <tr>
  351. <td class="iconBox">
  352. <a href="http://tumblr.com"><!--member url-->
  353. <img src="http://i.imgur.com/1w1yBFi.gif"><!--member icon-->
  354. </a>
  355. </td>
  356. <td class="infoBox">
  357. 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.
  358. </td>
  359. </tr>
  360. <!--end of member 3-->
  361.  
  362. <!--start of member 4-->
  363. <tr>
  364. <td class="iconBox">
  365. <a href="http://tumblr.com"><!--member url-->
  366. <img src="http://i.imgur.com/7GNwa6e.gif"><!--member icon-->
  367. </a>
  368. </td>
  369. <td class="infoBox">
  370. 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.
  371. </td>
  372. </tr>
  373. <!--end of member 4-->
  374.  
  375. <!--start of member 5-->
  376. <tr>
  377. <td class="iconBox">
  378. <a href="http://tumblr.com"><!--member url-->
  379. <img src="http://i.imgur.com/3OPC4DE.gif"><!--member icon-->
  380. </a>
  381. </td>
  382. <td class="infoBox">
  383. 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.
  384. </td>
  385. </tr>
  386. <!--end of member 5-->
  387.  
  388. </table>
  389.  
  390. <div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
  391.  
  392. </body>
  393. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement