API tools faq
paste
sexycullen

# 74

sexycullen
May 16th, 2014 (edited)
6,221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.64 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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. THEME # 74
  9. BY: https://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 https-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21.  
  22. <meta name="color:Link" content="#444444">
  23.  
  24. <link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='https://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='https://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='https://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  35.  
  36. <script type="text/javascript"
  37.  
  38. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39.  
  40. <script type="text/javascript"
  41.  
  42. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43.  
  44.  
  45. <script type="text/javascript"
  46.  
  47. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48.  
  49. <script type="text/javascript"
  50.  
  51. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52.  
  53. <script>
  54.  
  55. $(document).ready(function() {
  56.  
  57. //
  58.  
  59. $('a.poplight[href^=#]').click(function() {
  60.  
  61. var popID = $(this).attr('rel'); //Get Popup Name
  62.  
  63. var popURL = $(this).attr('href'); //Get Popup href to define size
  64.  
  65. var query= popURL.split('?');
  66.  
  67. var dim= query[1].split('&');
  68.  
  69. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  70.  
  71. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<span style="font-family:Open Sans Condensed; letter-spacing:-1px; font-size:13px;font-weight:normal;"><a href="#" class="close">CLOSE</a></span>');
  72.  
  73. var popMargTop = ($('#' + popID).height() + 80) / 2;
  74.  
  75. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  76.  
  77. //Apply Margin to Popup
  78.  
  79. $('#' + popID).css({
  80.  
  81. 'margin-top' : -popMargTop,
  82.  
  83. 'margin-left' : -popMargLeft
  84.  
  85. });
  86.  
  87. $('body').append('<div id="fade"></div>');
  88.  
  89. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  90.  
  91. return false;
  92.  
  93. });
  94.  
  95. $('a.close, #fade').live('click', function() {
  96.  
  97. $('#fade , .popup_block').fadeOut(function() {
  98.  
  99. $('#fade, a.close').remove(); //fade them both out
  100.  
  101. });
  102.  
  103. return false;
  104.  
  105. });
  106.  
  107. });
  108.  
  109. </script>
  110.  
  111.  
  112. <style type="text/css">
  113.  
  114. .popup_block{
  115. display: none;
  116. background: #fff;
  117. padding: 10px;
  118. border: 1px solid #f0f0f0;
  119. float: left;
  120. text-align:justify;
  121. font-size:9px;
  122. font-family: arial;
  123. color:#4d4d4d;
  124. position: fixed;
  125. top: 50%; left: 50%;
  126. z-index: 1;
  127. -webkit-border-radius: 10px;
  128. -moz-border-radius: 10px;
  129. border-radius: 10px;
  130. }
  131. img.btn_close {
  132. float: right;
  133. margin: -5px -5px 0 0;
  134. }
  135. *html .popup_block {
  136. position: absolute;
  137. }
  138.  
  139. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  140. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
  141. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  142.  
  143. code {
  144. width:500px;
  145. font-size:11px;
  146. font-family:cutive mono;
  147. text-align: left;
  148. word-wrap: break-word;
  149. color:#4d4d4d;
  150. }
  151.  
  152. pre {
  153. width:500px;
  154. font-size:11px;
  155. font-family:cutive mono;
  156. text-align: left;
  157. word-wrap: break-word;
  158. color:#4d4d4d;
  159. }
  160.  
  161. body {
  162. color: #444444;
  163. background-color:#FFFFFF;
  164. }
  165.  
  166. i, em {
  167. color: #444444;
  168. }
  169.  
  170. td {
  171. padding: 3px;
  172. width: 100px;
  173. vertical-align: top;
  174. }
  175.  
  176. table {
  177. width: auto;
  178. height: auto;
  179. margin-top: 40px;
  180. margin-left: 20px;
  181. }
  182.  
  183.  
  184. a {
  185. color: #4d4d4d;
  186. text-decoration: none;
  187. -moz-transition-duration: 0.5s;
  188. -o-transition-duration: 0.5s;
  189. -webkit-transition-duration: 0.5s;
  190. transition-duration: 0.5s;
  191. }
  192.  
  193. a:hover {
  194. color: #000000;
  195. -moz-transition-duration: 0.5s;
  196. -o-transition-duration: 0.5s;
  197. -webkit-transition-duration: 0.5s;
  198. transition-duration: 0.5s;
  199. }
  200.  
  201. .container {
  202. width:900px;
  203. height:auto;
  204. position:relative;
  205. margin:auto;
  206. top: -10px;
  207. left:5px;
  208. background-color:;
  209. }
  210.  
  211. .part1 {
  212. padding:5px;
  213. margin-top:80px;
  214. margin-left:30px;
  215. }
  216.  
  217. .table1 {
  218. width:200px;
  219. padding:0px 10px 10px 10px;
  220. border-right: 1px solid #F5F5F5;
  221. }
  222.  
  223. .links1 {
  224. text-transform: uppercase;
  225. letter-spacing: 0px;
  226. font-family: Open Sans Condensed;
  227. font-size:11px;
  228. letter-spacing:1px;
  229. text-align:right;
  230. padding:4px;
  231. line-height:290%;
  232. margin: 15px 0 6px 0;
  233. color:#262626;
  234. }
  235.  
  236. .links1 a {
  237. border-bottom: 1px solid #f0f0f0;
  238. padding:3px;
  239. }
  240.  
  241. .links1 a:hover {
  242. letter-spacing:4px;
  243. -moz-transition-duration: 0.5s;
  244. -o-transition-duration: 0.5s;
  245. -webkit-transition-duration: 0.5s;
  246. transition-duration: 0.5s;
  247. }
  248.  
  249. .part2 {
  250. padding:5px;
  251. margin-top:76px;
  252. margin-left:-5px;
  253. }
  254.  
  255. .table2 {
  256. height:auto;
  257. position:relative;
  258. padding:0px 10px 10px 10px;
  259. }
  260.  
  261. .image {
  262. padding:4px;
  263. width:160px;
  264. height:auto;
  265. }
  266.  
  267. .name {
  268. width:160px;
  269. padding:4px;
  270. margin-bottom:3px;
  271. font-size:15px;
  272. font-family: Open Sans Condensed;
  273. text-align: left;
  274. text-transform:lowercase;
  275. color:#1b1b1b;
  276. border-bottom: 1px solid #F5F5F5;
  277. }
  278.  
  279. .part3 {
  280. padding:5px;
  281. margin-top:80px;
  282. margin-left:-7px;
  283. }
  284.  
  285. .table3 {
  286. width:290px;
  287. height:auto;
  288. position:relative;
  289. padding:0px 10px 10px 10px;
  290. border-left: 1px solid #F5F5F5;
  291. }
  292.  
  293. .basic {
  294. padding:4px;
  295. margin:1px;
  296. text-align:justify;
  297. font-size:10px;
  298. line-height:100%;
  299. font-family: calibri;
  300. }
  301.  
  302. .basic strong,
  303. .basic bold,
  304. .basic b {
  305. color: #4444444;
  306. }
  307.  
  308. .basic em,
  309. .basic i{
  310. color: #4444444;
  311. }
  312.  
  313.  
  314. .info {
  315. padding:4px;
  316. margin:1px;
  317. text-align:justify;
  318. font-size:10px;
  319. line-height:120%;
  320. font-family: cambria;
  321. }
  322.  
  323. .info span {
  324. color:#444444;
  325. text-transform: uppercase;
  326. font-weight: bold;
  327. }
  328.  
  329.  
  330. .links {
  331. text-transform: uppercase;
  332. letter-spacing: 0px;
  333. font-family: calibri;
  334. font-size:8px;
  335. padding:4px;
  336. line-height:290%;
  337. margin: 15px 0 6px 0;
  338. color:#4d4d4d;
  339. }
  340.  
  341. .links a {
  342. border-bottom: 1px solid #F5F5F5;
  343. padding:3px;
  344. }
  345.  
  346. .links a:hover {
  347. letter-spacing:5px;
  348. -moz-transition-duration: 0.5s;
  349. -o-transition-duration: 0.5s;
  350. -webkit-transition-duration: 0.5s;
  351. transition-duration: 0.5s;
  352. }
  353.  
  354. .credit {
  355. position:fixed;
  356. font-family:calibri;
  357. font-size:8px;
  358. font-weight:normal;
  359. line-height:150%;
  360. letter-spacing:0px;
  361. left:5px;
  362. bottom:20px;
  363. text-transform:uppercase;
  364. text-align:center;
  365. }
  366.  
  367. .credit a {
  368. font-style:normal;
  369. padding:3px;
  370. color:#262626;
  371. -moz-transition-duration:0.5s;
  372. -webkit-transition-duration:0.5s;
  373. -o-transition-duration:0.5s;
  374. }
  375.  
  376. </style>
  377. </head>
  378. <body>
  379. <div class="container">
  380. <table>
  381. <td>
  382.  
  383. <div class="part1">
  384. <div class="table1">
  385.  
  386. <div class="links1">
  387. <a href="/tagged/">verses</a><br>
  388. <a href="/tagged/">paras</a><br>
  389. <a href="/tagged/">starters</a><br>
  390. <a href="/tagged/">pictures</a><br>
  391. <a href="/tagged/">musings</a><br>
  392. <small><small><a href="https://britishrobert.tumblr.com/">back</a> / <a href="/ask">ask</a> / <a href="/chars">muses</a></small></small>
  393. </div>
  394.  
  395. </div>
  396. </div>
  397. </td>
  398.  
  399.  
  400. <td>
  401.  
  402. <div class="part2">
  403. <div class="table2">
  404.  
  405. <img src="https://31.media.tumblr.com/978884ca1b420217bc6a3ee6b5b40377/tumblr_inline_n1zocpM26y1sso8d0.png" class="image">
  406.  
  407. <div class="basic">
  408. lorem ipsum sit amet, consectetuer adipiscing elit sit amet.lorem ipsum dolor sit amet pulvinar id,<strong> commodo</strong> <em>feugiat</em>, vehicula et 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.
  409. </div>
  410.  
  411. </div>
  412. </div>
  413. </td>
  414.  
  415.  
  416. <td>
  417. <div class="part3">
  418. <div class="table3">
  419.  
  420. <div class="name">
  421. basic information
  422. </div>
  423.  
  424. <div class="info">
  425. <span>
  426. Name:</span>
  427. Frederick Edwards
  428. <br>
  429. <span>
  430. AGE:</span> 20
  431. <br>
  432. <span>
  433. Nicknames:</span> Freddy, Fred, Ed, Edward
  434. <br>
  435. <span>
  436. Date of Birth:</span> October 18th
  437. <br>
  438. <span>
  439. Birthplace:</span> London
  440. <br>
  441. <span>
  442. Residence:</span> New York
  443. <span>
  444. <br>
  445. Occupation:</span> Bartender
  446.  
  447. <br><br>
  448.  
  449. <span>
  450. Parents:</span> Philip and Genevieve Edwards
  451. <br>
  452. <span>
  453. Siblings:</span> Leslie Edwards
  454.  
  455. <br><br>
  456.  
  457. <span>
  458. Like[s]:</span> Making people laugh; have his own space; dogs; pizza; indie/pop music; video games; sing; play guittar
  459. <br>
  460. <span>
  461. Disliked[s]:</span> people who say what he should do; ignorant people; pudding; disloyalty; cold
  462. <br>
  463. <span>
  464. Fear[s]:</span> flying; drowning/water; snakes
  465.  
  466. <br>
  467. <span>
  468. <br>
  469. Best Known As:</span> The Confident One
  470. <br>
  471. <span>
  472. Sexual Orientation:</span> Straight
  473. <br>
  474. <span>
  475. Relationship Status:</span> Single
  476. <br>
  477. <span>
  478. Life Goal:</span> Undecided
  479. <br>
  480. <span>
  481. Drinks | Drugs | Smokes :</span> Yes | Not anymore | Occasionally
  482. <br>
  483. <span>
  484. POSITIVE TRAITS:</span> confident, persistent, caring
  485. <br>
  486. <span>
  487. NEGATIVE TRAITS:</span> impulsive, stubborn, melodramatic, indecisive
  488. </div>
  489.  
  490. </div>
  491. </div>
  492. </td>
  493.  
  494.  
  495. <div class="credit"><a href="https://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
  496.  
  497.  
  498.  
  499. </body>
  500. </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!