sexycullen

# 67

Mar 16th, 2014
4,084
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.32 KB | None | 0 0
  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 # 67
  9. BY: http://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
  10.  
  11. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  12.  
  13. --------------------------------------------->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21.  
  22. <meta name="color:Link" content="#444444">
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  33.  
  34. <script type="text/javascript"
  35.  
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37.  
  38. <script type="text/javascript"
  39.  
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47.  
  48. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  49. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  51.  
  52. body {
  53. color: {color:Text};
  54. background-color:#FFFFFF;
  55. }
  56.  
  57. td {
  58. padding: 3px;
  59. width: 100px;
  60. vertical-align: top;
  61. }
  62.  
  63. table {
  64. width: auto;
  65. height: auto;
  66. margin-top: 40px;
  67. margin-left: 20px;
  68. }
  69.  
  70.  
  71. a {
  72. color: #4d4d4d;
  73. text-decoration: none;
  74. -moz-transition-duration: 0.5s;
  75. -o-transition-duration: 0.5s;
  76. -webkit-transition-duration: 0.5s;
  77. transition-duration: 0.5s;
  78. }
  79.  
  80. a:hover {
  81. color: #000000;
  82. -moz-transition-duration: 0.5s;
  83. -o-transition-duration: 0.5s;
  84. -webkit-transition-duration: 0.5s;
  85. transition-duration: 0.5s;
  86. }
  87.  
  88.  
  89. .container {
  90. width:900px;
  91. height:auto;
  92. position:relative;
  93. margin:auto;
  94. top: 10px;
  95. left:-50px;
  96. }
  97.  
  98. .part1 {
  99. padding:5px;
  100. margin-top:100px;
  101. margin-left:20px;
  102. }
  103.  
  104. .table1 {
  105. width:202px;
  106. padding:0px 10px 10px 10px;
  107. border: 1px solid #f0f0f0;
  108. }
  109.  
  110. .links1 {
  111. text-transform: uppercase;
  112. letter-spacing: 0px;
  113. font-family: Open Sans Condensed;
  114. font-size:14px;
  115. padding:4px;
  116. line-height:290%;
  117. margin: 15px 0 6px 0;
  118. color:#262626;
  119. }
  120.  
  121. .links1 a {
  122. border-bottom: 1px solid #f0f0f0;
  123. padding:3px;
  124. }
  125.  
  126. .links1 a:hover {
  127. letter-spacing:4px;
  128. -moz-transition-duration: 0.5s;
  129. -o-transition-duration: 0.5s;
  130. -webkit-transition-duration: 0.5s;
  131. transition-duration: 0.5s;
  132. }
  133.  
  134. .part2 {
  135. padding:5px;
  136. margin-top:20px;
  137. margin-left:-7px;
  138. }
  139.  
  140. .table2 {
  141. width:390px;
  142. height:auto;
  143. position:relative;
  144. padding:0px 10px 10px 10px;
  145. border: 1px solid #f0f0f0;
  146. }
  147.  
  148. .name {
  149. width:239px;
  150. padding:4px;
  151. margin-bottom:3px;
  152. font-size:15px;
  153. font-family: Open Sans Condensed;
  154. text-align: left;
  155. text-transform:lowercase;
  156. color:#1b1b1b;
  157. border-bottom: 1px solid #f0f0f0;
  158. }
  159.  
  160. .basic {
  161. padding:4px;
  162. margin:1px;
  163. text-align:justify;
  164. font-size:10px;
  165. line-height:100%;
  166. font-family: calibri;
  167. color:#4d4d4d;
  168. }
  169.  
  170. .links {
  171. text-transform: uppercase;
  172. letter-spacing: 0px;
  173. font-family: calibri;
  174. font-size:10px;
  175. padding:4px;
  176. line-height:290%;
  177. margin: 15px 0 6px 0;
  178. color:#4d4d4d;
  179. }
  180.  
  181. .links a {
  182. border-bottom: 1px solid #f0f0f0;
  183. padding:3px;
  184. }
  185.  
  186. .links a:hover {
  187. letter-spacing:5px;
  188. -moz-transition-duration: 0.5s;
  189. -o-transition-duration: 0.5s;
  190. -webkit-transition-duration: 0.5s;
  191. transition-duration: 0.5s;
  192. }
  193.  
  194. .info {
  195. padding:4px;
  196. margin:1px;
  197. text-align:justify;
  198. font-size:11px;
  199. font-family: calibri;
  200. color:#4d4d4d;
  201. }
  202.  
  203. .part3 {
  204. padding:5px;
  205. margin-top:16px;
  206. margin-left:-20px;
  207. }
  208.  
  209. .table3 {
  210. height:auto;
  211. position:relative;
  212. padding:0px 10px 10px 10px;
  213. }
  214.  
  215. .image {
  216. padding:4px;
  217. width:245px;
  218. height:auto;
  219. }
  220.  
  221. .credit {
  222. position:fixed;
  223. font-family:calibri;
  224. font-size:8px;
  225. font-weight:normal;
  226. line-height:150%;
  227. letter-spacing:0px;
  228. left:5px;
  229. bottom:20px;
  230. text-transform:uppercase;
  231. text-align:center;
  232. }
  233.  
  234. .credit a {
  235. font-style:normal;
  236. padding:3px;
  237. color:{color:Link};
  238. -moz-transition-duration:0.5s;
  239. -webkit-transition-duration:0.5s;
  240. -o-transition-duration:0.5s;
  241. }
  242.  
  243. </style>
  244. </head>
  245. <body>
  246. <div class="container">
  247. <table>
  248. <td>
  249.  
  250. <div class="part1">
  251. <div class="table1">
  252.  
  253. <div class="links1">
  254. <a href="/">verses</a><br>
  255. <a href="/">paras</a><br>
  256. <a href="/">starters</a><br>
  257. <a href="/">pictures</a><br>
  258. <a href="/">musings</a><br>
  259. <small><small><a href="/">back to blog</a> / <a href="/ask">questions</a> / <a href="/">muses</a></small></small>
  260. </div>
  261.  
  262. </div>
  263. </div>
  264. </td>
  265.  
  266.  
  267.  
  268. <td>
  269. <div class="part2">
  270. <div class="table2">
  271.  
  272. <div class="name">
  273. "I found myself and this time I'll do the right thing.
  274. No more mistakes."
  275. </div>
  276.  
  277. <div class="basic">
  278.  
  279. 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.
  280. </div>
  281.  
  282. <div class="name">
  283. basic information
  284. </div>
  285.  
  286. <div class="info">
  287. <span style="text-transform:uppercase;font-weight:bold;">
  288. Name:</span>
  289. Frederick Edwards
  290. <br>
  291.  
  292. <span style="text-transform:uppercase;font-weight:bold;">
  293. Nicknames:</span> Freddy, Fred, Ed, Edward
  294. <br>
  295. <span style="text-transform:uppercase;font-weight:bold;">
  296. Date of Birth:</span> October 18th
  297. <br>
  298. <span style="text-transform:uppercase;font-weight:bold;">
  299. Birthplace:</span> London
  300. <br>
  301. <span style="text-transform:uppercase;font-weight:bold;">
  302. Residence:</span> New York
  303. <span style="text-transform:uppercase;font-weight:bold;">
  304. <br>
  305. Occupation:</span> Bartender
  306.  
  307. <br><br>
  308.  
  309. <span style="text-transform:uppercase;font-weight:bold;">
  310. Parents:</span> Philip and Genevieve Edwards
  311. <br>
  312. <span style="text-transform:uppercase;font-weight:bold;">
  313. Siblings:</span> Leslie Edwards
  314.  
  315. <br><br>
  316.  
  317. <span style="text-transform:uppercase;font-weight:bold;">
  318. Sexual Orientation:</span> Straight
  319. <br>
  320. <span style="text-transform:uppercase;font-weight:bold;">
  321. Relationship Status:</span> Single
  322. <br>
  323. <span style="text-transform:uppercase;font-weight:bold;">
  324. Drinks:</span> Yes
  325. <br>
  326. <span style="text-transform:uppercase;font-weight:bold;">
  327. Drugs:</span> In the past, but not anymore
  328. <br>
  329. <span style="text-transform:uppercase;font-weight:bold;">
  330. Smokes:</span> Occasionally
  331. <br>
  332. <span style="text-transform:uppercase;font-weight:bold;">
  333. Traits:</span>
  334. <br>
  335. + confident, persistent, caring
  336. <br>
  337. - impulsive, stubborn, melodramatic, indecisive
  338. </div>
  339.  
  340. </div>
  341. </div>
  342. </td>
  343.  
  344.  
  345. <td>
  346.  
  347. <div class="part3">
  348. <div class="table3">
  349.  
  350. <img src="https://31.media.tumblr.com/a08758ad99220d44db9a79a82803548d/tumblr_inline_n2jonhQ38D1rv574r.png" class="image">
  351.  
  352. </div>
  353. </div>
  354. </td>
  355.  
  356. <div class="credit"><a href="http://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
  357.  
  358.  
  359.  
  360. </body>
  361. </html>
Advertisement
Add Comment
Please, Sign In to add comment