API tools faq
paste
sexycullen

# 58 2

sexycullen
Jan 13th, 2014
3,716
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.94 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. THEME # 58 2
  9. BY: http://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
  10.  
  11. Inspired by hellmouths
  12.  
  13. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  14.  
  15. --------------------------------------------->
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  35. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
  36. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  37.  
  38. body {
  39. color: {color:Text};
  40. background-color:#FFFFFF;
  41. }
  42.  
  43. a {
  44. color: #000000;
  45. text-decoration: none;
  46. -moz-transition-duration: 0.5s;
  47. -o-transition-duration: 0.5s;
  48. -webkit-transition-duration: 0.5s;
  49. transition-duration: 0.5s;
  50. }
  51.  
  52. a:hover {
  53. color: #000000;
  54. -moz-transition-duration: 0.5s;
  55. -o-transition-duration: 0.5s;
  56. -webkit-transition-duration: 0.5s;
  57. transition-duration: 0.5s;
  58. }
  59.  
  60. .sidebar {
  61. width: 1000px;
  62. position: relative;
  63. margin:auto;
  64. left:0px;
  65. top: 50px;
  66. z-index:10000;
  67. border: 0px solid #f0f0f0;
  68. }
  69.  
  70. .title {
  71. width:600px;
  72. font-size:18px;
  73. font-family:arial;
  74. letter-spacing:-2px;
  75. font-weight:bold;
  76. line-height:90%;
  77. text-transform:lowercase;
  78. color:#000000;
  79. }
  80.  
  81. .sidebarlinks {
  82. width:300px;
  83. margin-bottom:4px;
  84. margin-top:3px;
  85. padding-bottom:2px;
  86. text-transform:lowercase;
  87. font-family:helvetica;
  88. font-size:9px;
  89. text-align:left;
  90. font-weight:normal;
  91. border-bottom:1px solid #F5F5F5;
  92. -moz-transition-duration: 0.5s;
  93. -o-transition-duration: 0.5s;
  94. -webkit-transition-duration: 0.5s;
  95. transition-duration: 0.5s;
  96. }
  97.  
  98. .sidebarlinks a {
  99. color:#000000;
  100. padding:3px;
  101. -moz-transition-duration: 0.5s;
  102. -o-transition-duration: 0.5s;
  103. -webkit-transition-duration: 0.5s;
  104. transition-duration: 0.5s;
  105. }
  106.  
  107. .sidebarlinks a:hover {
  108. color:#FFFFFF;
  109. letter-spacing:2px;
  110. -moz-transition-duration: 0.5s;
  111. -o-transition-duration: 0.5s;
  112. -webkit-transition-duration: 0.5s;
  113. transition-duration: 0.5s;
  114. }
  115.  
  116. .container {
  117. width:1100px;
  118. position:relative;
  119. margin:auto;
  120. top: 90px;
  121. bottom:120px;
  122. left:20px;
  123. border: 0px solid #f0f0f0;
  124. }
  125.  
  126. .table {
  127. width:220px;
  128. height:400px;
  129. position:relative;
  130. margin-left:20px;
  131. margin-top:px;
  132. margin-bottom:20px;
  133. display:inline-block;
  134. padding:0px 10px 10px 10px;
  135. border: 1px solid #f0f0f0;
  136. overflow-y:scroll;
  137. overflow-x:hidden;
  138. }
  139.  
  140. .image {
  141. width:160px;
  142. height:auto;
  143. }
  144.  
  145. .name {
  146. width:154px;
  147. padding:3px;
  148. font-size:15px;
  149. font-family:arial;
  150. letter-spacing:-1px;
  151. font-weight:bold;
  152. text-align:center;
  153. text-transform:lowercase;
  154. background-color: #1b1b1b;
  155. color:#FFFFFF;
  156. }
  157.  
  158. .basic {
  159. font-family:Kotta One;
  160. font-size:10px;
  161. padding:4px 3px;
  162. margin: 15px 0 6px 0;
  163. color:#262626;
  164. border-bottom: 1px solid #f0f0f0;
  165. }
  166.  
  167. .links {
  168. text-transform: uppercase;
  169. letter-spacing: 0px;
  170. font-family: calibri;
  171. font-size:8px;
  172. padding:4px 3px;
  173. margin: 15px 0 6px 0;
  174. color:#262626;
  175. border-bottom: 1px solid #f0f0f0;
  176. }
  177.  
  178. .links a {
  179. padding:3px;
  180. }
  181.  
  182. .info {
  183. padding:4px;
  184. margin:1px;
  185. text-align:justify;
  186. font-size:10px;
  187. font-family: calibri;
  188. color:#000000;
  189. }
  190.  
  191.  
  192. </style>
  193. </head>
  194. <body>
  195.  
  196. <div class="sidebar">
  197. <div class="title">
  198. Don't go cryin' to your mama
  199. 'Cause you're on your own in the real world
  200. </div>
  201.  
  202. <div class="sidebarlinks">
  203. <a href="http://britishrobert.tumblr.com/">credit</a>
  204. <a href="http://britishrobert.tumblr.com/">back to blog</a>
  205. <a href="http://www.tumblr.com/dashboard">dashboard</a>
  206. </div>
  207. </div>
  208.  
  209. <div class="container">
  210.  
  211.  
  212.  
  213. <! 1 >
  214. <tr>
  215. <div class="table">
  216.  
  217. <center><img src="https://41.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_o0y8ynalqb1rv574r_540.png" class="image">
  218. <div class="name">
  219. frederick edwards
  220. </div>
  221. <div class="basic">
  222. 20 years old, single (main verse), from London
  223. </div>
  224. <div class="links">
  225. <a href="/fau">verses</a>
  226. <a href="/fpara">para</a>
  227. <a href="/tagged/s%20frederick">starters</a>
  228. <a href="/tagged/f">pictures</a>
  229. <a href="/tagged/f%20convo">convo</a>
  230. <a href="/frederick">+ info</a>
  231. </div></center>
  232.  
  233. <div class="info">
  234. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  235. </div>
  236.  
  237. </div>
  238.  
  239.  
  240.  
  241. <! 2 >
  242. <tr>
  243. <div class="table">
  244.  
  245. <center><img src="https://41.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_o0y8ynalqb1rv574r_540.png" class="image">
  246. <div class="name">
  247. isabella h. o’connelly
  248. </div>
  249. <div class="basic">
  250. 22 years old, single (main verse), from Seattle
  251. </div>
  252. <div class="links">
  253. <a href="/iau">verses</a>
  254. <a href="/ipara">para</a>
  255. <a href="/tagged/s%20isabella">starters</a>
  256. <a href="/tagged/i">pictures</a>
  257. <a href="/tagged/i%20convo">convo</a>
  258. <a href="/isabella">+ info</a>
  259. </div></center>
  260.  
  261. <div class="info">
  262. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  263. </div>
  264.  
  265. </div>
  266.  
  267.  
  268.  
  269.  
  270. <! 3 >
  271. <tr>
  272. <div class="table">
  273.  
  274. <center><img src="https://41.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_o0y8ynalqb1rv574r_540.png" class="image">
  275. <div class="name">
  276. barbara hendrick
  277. </div>
  278. <div class="basic">
  279. 20 years old, single (main verse), Los Angeles
  280. </div>
  281. <div class="links">
  282. <a href="/bau">verses</a>
  283. <a href="/bpara">para</a>
  284. <a href="/tagged/s%20barbara">starters</a>
  285. <a href="/tagged/b">pictures</a>
  286. <a href="/tagged/b%20convo">convo</a>
  287. <a href="/barbara">+ info</a>
  288. </div></center>
  289.  
  290. <div class="info">
  291. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  292. </div>
  293.  
  294. </div>
  295.  
  296.  
  297.  
  298.  
  299. <! 4 >
  300. <tr>
  301. <div class="table">
  302.  
  303. <center><img src="https://41.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_o0y8ynalqb1rv574r_540.png" class="image">
  304. <div class="name">
  305. donovan folkworth
  306. </div>
  307. <div class="basic">
  308. Apparently 20 years old, single (main verse), from Vancouver, he is a Vampire (TVD FANDOM)
  309. </div>
  310. <div class="links">
  311. <a href="/dau">verses</a>
  312. <a href="/dpara">para</a>
  313. <a href="/tagged/d%20starter">starters</a>
  314. <a href="/tagged/d">pictures</a>
  315. <a href="/tagged/d%20convo">convo</a>
  316. <a href="/donovan">+ info</a>
  317. </div></center>
  318.  
  319. <div class="info">
  320. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  321. </div>
  322.  
  323. </div>
  324.  
  325.  
  326.  
  327.  
  328.  
  329. </body>
  330. </html>
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!