sexycullen

# 102

Oct 29th, 2014
2,662
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.91 KB | None | 0 0
  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. SPUNKHANDSOME THEMES # 102
  9. THEME 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:Background" content="#FFFFFF">
  23. <meta name="color:Link" content="#CCCCCC">
  24. <meta name="color:Link Hover" content="#9F9F9F">
  25. <meta name="color:Text" content="#575757">
  26. <meta name="color:Scrollbar" content="#000000">
  27. <meta name="color:Blockquote" content="#EAEAEA">
  28. <meta name="color:Questions Border" content="#FBFBFB">
  29. <meta name="color:Info Border" content="#F9F9F9">
  30. <meta name="color:Icon Border" content="#F9F9F9">
  31. <meta name="color:Sidebar Link Border" content="#F9F9F9">
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34.  
  35. <meta name="text:Body Font Size" content="10px"/>
  36. <meta name="text:Body Font" content="Calibri"/>
  37.  
  38. <meta name="if:Show 245 sidebar" content="0"/>
  39. <meta name="if:Show Icon Border" content="1"/>
  40. <meta name="if:Show Link1" content="0" />
  41. <meta name="if:Show Link2" content="0" />
  42. <meta name="if:Show Link3" content="0" />
  43.  
  44. <meta name="text:link1" content="">
  45. <meta name="text:link1 url" content="/">
  46. <meta name="text:link2" content="">
  47. <meta name="text:link2 url" content="/">
  48. <meta name="text:link3" content="">
  49. <meta name="text:link3 url" content="/">
  50.  
  51.  
  52. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  53.  
  54. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  55.  
  56. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  57.  
  58. <link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Rambla:400,700,400italic,700italic|Anaheim|Hammersmith+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  67.  
  68. <link href='https://fonts.googleapis.com/css?family=Oranienbaum&subset=latin,latin-ext,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>
  69.  
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:90,
  78. tip_fade_speed:600,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85.  
  86. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  87. <script type="text/javascript">
  88. $(document).ready(function(){
  89. $(".hover_body").hide();
  90. $(".hover_head").click(function(){
  91. $(this).next(".hover_body").slideToggle('fast');
  92. }); }); </script>
  93.  
  94.  
  95. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. #scrollToTop:link,#scrollToTop:visited {
  102. display: none;
  103. font-family:Inconsolata;
  104. text-transform:uppercase;
  105. font-size:10px;
  106. }
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. margin-top:-30px;
  111. margin-left:-20px;
  112. font-size:9px;
  113. padding:4px;
  114. font-family:calibri;
  115. letter-spacing:1px;
  116. font-weight:normal;
  117. text-align:center;
  118. text-transform:uppercase;
  119. background-color:{color:Background};
  120. color:{color:text};
  121. z-index:999999999999999999999999999999999999;
  122. }
  123.  
  124.  
  125. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  126. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  127. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  128.  
  129.  
  130. h1 {
  131. font-weight:normal;
  132. font-size:11px;
  133. text-align:center;
  134. font-style:italic;
  135. line-height:50%;
  136. letter-spacing:0px;
  137. font-family:Josefin Slab;
  138. text-transform:none;
  139. color:{color:text};
  140. }
  141.  
  142. h2 {
  143. font-size:18px;
  144. font-family:Open Sans Condensed;
  145. letter-spacing:0px;
  146. margin-bottom:10px;
  147. padding-bottom:5px;
  148. font-weight:normal;
  149. line-height:90%;
  150. text-transform:lowercase;
  151. color: {color:Text};
  152. margin: 0px;
  153. border-bottom:0px solid {color:Info Border};
  154. }
  155.  
  156. pre {
  157. width:500px;
  158. font-size:11px;
  159. font-family:cutive mono;
  160. text-align: left;
  161. word-wrap: break-word;
  162. color:{color:Text};
  163. }
  164.  
  165. code {
  166. font-size:11px;
  167. font-family:Tahoma;
  168. letter-spacing:0px;
  169. }
  170.  
  171. code a {
  172. color: {color:Link};
  173. }
  174.  
  175. blockquote {
  176. border-left:1px solid {color:Blockquote};
  177. padding-left:13px;
  178. margin:10px;
  179. margin-top:20px;
  180. margin-bottom:10px;
  181. margin-left:20px;
  182. }
  183.  
  184. blockquote img {
  185. max-width:470px;
  186. }
  187.  
  188. body {
  189. color: {color:Text};
  190. line-height:90%;
  191. background-color:{color:Background};}
  192.  
  193. a {
  194. color: {color:Link};
  195. text-decoration: none;
  196. -moz-transition-duration: 0.5s;
  197. -o-transition-duration: 0.5s;
  198. -webkit-transition-duration: 0.5s;
  199. transition-duration: 0.5s;}
  200.  
  201. a:hover {
  202. color: {color:Link Hover};
  203. text-decoration:underline;
  204. -moz-transition-duration: 0.5s;
  205. -o-transition-duration: 0.5s;
  206. -webkit-transition-duration: 0.5s;
  207. transition-duration: 0.5s;}
  208.  
  209. .sidebar {
  210. width:260px;
  211. color:{color:Text};
  212. position: fixed;
  213. margin-top:120px;
  214. margin-left:12px;
  215. }
  216.  
  217. .sidebar a {
  218. color:{color:Link};
  219. }
  220.  
  221. .sidebar a:hover {
  222. color:{color:Link Hover};
  223. }
  224.  
  225. .sidebarimage {
  226. width:100px;
  227. height:100px;
  228. margin-top:-10px;
  229. border-radius:90px;
  230. margin-bottom:6px;
  231. margin-left:-9px;
  232. {block:ifShowIconBorder}
  233. border:2px solid {color:Icon Border};
  234. border-radius:100px;
  235. -webkit-border-radius:100px;
  236. -moz-border-radius:100px;
  237. {/block:ifShowIconBorder}
  238. }
  239.  
  240. .sidebarimage2 {
  241. width:245px;
  242. margin-left:0px;
  243. margin-bottom:4px;
  244. }
  245.  
  246. .sidebarlinks {
  247. width:260px;
  248. padding-top:5px;
  249. padding-bottom:7px;
  250. margin-bottom:4px;
  251. margin-top:4px;
  252. font-size:10px;
  253. font-family:calibri;
  254. text-transform:lowercase;
  255. text-align:center;
  256. font-weight:none;
  257. letter-spacing:1px;
  258. border-top:0px solid {color:Sidebar Link Border};
  259. border-bottom:1px solid {color:Sidebar Link Border};
  260. }
  261.  
  262.  
  263. .sidebarlinks a {
  264. color:{color:Text};
  265. padding:3px;
  266. -moz-transition-duration: 0.5s;
  267. -o-transition-duration: 0.5s;
  268. -webkit-transition-duration: 0.5s;
  269. transition-duration: 0.5s;}
  270.  
  271. .sidebarlinks a:hover {
  272. color:{color:Link Hover};
  273. text-decoration:underline;
  274. -moz-transition-duration: 0.5s;
  275. -o-transition-duration: 0.5s;
  276. -webkit-transition-duration: 0.5s;
  277. transition-duration: 0.5s;}
  278.  
  279.  
  280. .description {
  281. text-transform:lowercase;
  282. width:260px;
  283. padding:2px;
  284. line-height:115%;
  285. text-align:center;
  286. font-size:10px;
  287. font-family:calibri;
  288. color:{color:Text};
  289. letter-spacing:1px;
  290. }
  291.  
  292. .description a:hover {
  293. color:{color:Link Hover};
  294. }
  295.  
  296. .pagination {
  297. padding:3px;
  298. margin-top:8px;
  299. font-family:Tahoma;
  300. font-size:10px;
  301. text-transform:lowercase;
  302. }
  303.  
  304. .pagination a {
  305. padding:3px;
  306. color:{color:Text};
  307. }
  308.  
  309. .pagination a:hover {
  310. color:{color:Link Hover};
  311. }
  312.  
  313.  
  314. .container {
  315. width:900px;
  316. margin: auto;
  317. margin-top:-8px;
  318. outline:0px solid {color:Posts Border};
  319. }
  320.  
  321. .postscontainer {
  322. width:500px;
  323. margin: auto;
  324. margin-top:-60px;
  325. margin-left:360px;
  326. outline:0px solid {color:Posts Border};
  327. }
  328.  
  329. .posts {
  330. font-size: {text:Body Font Size};
  331. font-family: {text:Body Font};
  332. font-weight:lighter;
  333. width:500px;
  334. letter-spacing:1px;
  335. line-height:100%;
  336. margin-top:120px;
  337. text-align:justify;
  338. }
  339.  
  340. .posts img {
  341. max-width:500px;
  342. }
  343.  
  344.  
  345. .info {
  346. margin-top:23px;
  347. padding-bottom:5px;
  348. text-transform:uppercase;
  349. letter-spacing:1px;
  350. font-size:9px;
  351. font-family:calibri;
  352. border-bottom:1px solid {color:Info Border};
  353. }
  354.  
  355. .info a {
  356. color:{color:Text};
  357. }
  358.  
  359. .info a:hover {
  360. text-decoration:underline;
  361. color:{color:Link Hover};
  362. }
  363.  
  364. .info2 {
  365. text-align:right;
  366. margin-top:-16px;
  367. padding-top:2px;
  368. text-transform:lowercase;
  369. letter-spacing:0px;
  370. font-size:11px;
  371. font-family:arial;
  372. }
  373.  
  374. .info2 a {
  375. color:{color:Text};
  376. }
  377.  
  378. .info2 a:hover {
  379. text-decoration:underline;
  380. color:{color:Link Hover};
  381. }
  382.  
  383. .dashicons {
  384. margin-top:5px;
  385. margin-left:510px;
  386. padding-bottom:0px;
  387. line-height:0%;
  388. font-size:11px;
  389. -webkit-transition:0.7s ease; position:absolute; opacity:0;
  390. list-style: none;
  391. }
  392.  
  393. .dashicons a {
  394. color:{color:text};
  395. }
  396.  
  397. .posts:hover .dashicons {
  398. margin-top:5px;filter: alpha(opacity = 100);
  399. opacity:100;-webkit-transition: all 0.5s ease-out;
  400. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  401. }
  402.  
  403. .posts:hover .tags {
  404. {block:ifHoverTags}
  405. margin-top:7px;filter: alpha(opacity = 100);
  406. opacity:100;-webkit-transition: all 0.5s ease-out;
  407. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  408. {/block:ifHoverTags}}
  409.  
  410. .tags {{block:ifHoverTags}
  411. -webkit-transition:0.7s ease; position:absolute; opacity:0;
  412. {/block:ifHoverTags}
  413. max-width:500px;
  414. margin-top:7px;
  415. line-height:110%;
  416. text-transform:uppercase;
  417. letter-spacing:0px;
  418. font-size:10px;
  419. font-family:calibri;
  420. font-weight:lighter;
  421. text-align:left;
  422. padding:0px;
  423. border-top:0px solid {color:infobg};
  424. -moz-transition-duration:0.5s;
  425. -webkit-transition-duration:0.5s;
  426. -o-transition-duration:0.5s;
  427. }
  428.  
  429. .tags a {
  430. background-color:none;
  431. color:{color:Text};
  432. }
  433.  
  434. .tags a:hover {
  435. text-decoration:underline;
  436. color:{color:Link Hover};
  437. }
  438.  
  439. .postnote {
  440. max-width:500px;
  441. font-family:calibri;
  442. text-transform:lowercase;
  443. font-style:normal;
  444. letter-spacing:0px;
  445. font-size:10px;
  446. text-align:left;
  447. line-height:90%;
  448. margin-top:40px;
  449. }
  450.  
  451. .postnote li {
  452. list-style-type:none;
  453. border-bottom:1px solid {color:Questions Border};
  454. padding:37px 0px 3px 0px;
  455. text-align:left;
  456. margin:0px;
  457. -moz-transition-duration:0.5s;
  458. -webkit-transition-duration:0.5s;
  459. -o-transition-duration:0.5s;
  460. }
  461.  
  462. .postnote img {
  463. align: left;
  464. margin: 0px 2px -4px 1px;
  465. padding: 3px;
  466. }
  467.  
  468. .music {
  469. max-width:500px;
  470. padding-bottom:10px;
  471. }
  472.  
  473. .albumart {
  474. float:left;
  475. padding:10px 10px 10px 0px;
  476. }
  477.  
  478. .albumart img {
  479. width:30px;
  480. padding: 3px;
  481. margin:2px 7px -3px 6px;
  482. border:2px solid {color:Info Border};
  483. border-radius:100px;
  484. -webkit-border-radius:100px;
  485. -moz-border-radius:100px;
  486. }
  487.  
  488. .playercontainer {
  489. text-align:left;
  490. padding:5px 5px -5px;
  491. width:480px;
  492. }
  493.  
  494. .musicinfo {
  495. padding:10px;
  496. margin-top:9px;
  497. color:{color:text};
  498. }
  499.  
  500. .quote {
  501. font-size:18px;
  502. font-family:Open Sans Condensed;
  503. letter-spacing:0px;
  504. line-height:90%;
  505. font-weight:normal;
  506. text-align:center;
  507. text-transform:lowercase;
  508. }
  509.  
  510. .source {
  511. font-family:calibri;
  512. font-size:10px;
  513. font-style:normal;
  514. text-align:center;
  515. line-height:17px;
  516. }
  517.  
  518. .chat ol {
  519. font-family:Open Sans Condensed;
  520. font-size:12px;
  521. line-height:100%;
  522. padding:0px;
  523. list-style:none;
  524. }
  525. .label {
  526. font-family:Open Sans Condensed;
  527. text-transform:lowercase;
  528. font-size:12px;
  529. font-weight:bold;
  530. color:{color:Text};
  531. }
  532. .line.odd {
  533. padding:4px;
  534. margin-bottom:2px;
  535. }
  536. .line.even {
  537. padding:4px;
  538. margin-bottom:2px;
  539. }
  540.  
  541. .ask {
  542. font-size:18px;
  543. font-family:Open Sans Condensed;
  544. letter-spacing:0px;
  545. text-align:left;
  546. margin-top:3px;
  547. text-transform:lowercase;
  548. }
  549.  
  550. .question {
  551. max-width:500px;
  552. letter-spacing:1px;
  553. margin-top:10px;
  554. padding-bottom:4px;
  555. text-align:justify;
  556. color:{color:Text};
  557. border-bottom: 1px solid {color:Questions Border};
  558. }
  559.  
  560. .answer {
  561. max-width:500px;
  562. letter-spacing:1px;
  563. text-align:justify;
  564. padding-top:5px;
  565. margin-bottom:1px;
  566. color:{color:Text};
  567. }
  568.  
  569. .askimg {
  570. padding: 3px;
  571. margin:2px 7px -3px 6px;
  572. border:2px solid {color:Info Border};
  573. border-radius:100px;
  574. -webkit-border-radius:100px;
  575. -moz-border-radius:100px;
  576. }
  577.  
  578. .credit {
  579. position:fixed;
  580. font-family:calibri;
  581. font-size:8px;
  582. font-weight:normal;
  583. line-height:150%;
  584. letter-spacing:0px;
  585. right:5px;
  586. bottom:20px;
  587. text-transform:uppercase;
  588. text-align:center;
  589. }
  590.  
  591. .credit a {
  592. font-style:normal;
  593. padding:3px;
  594. color:{color:Link};
  595. -moz-transition-duration:0.5s;
  596. -webkit-transition-duration:0.5s;
  597. -o-transition-duration:0.5s;
  598. }
  599.  
  600. </style>
  601. </head>
  602.  
  603. <body>
  604. <div class="container">
  605. <div class="sidebar">
  606. <center>
  607. {block:ifNotShow245sidebar}
  608. <img src="{image:sidebar}" class="sidebarimage">
  609. {/block:ifNotShow245sidebar}
  610. {block:ifShow245sidebar}
  611. <img src="{image:sidebar}" class="sidebarimage2">
  612. {/block:ifShow245sidebar}
  613.  
  614. <div class="sidebarlinks">
  615. <a href="/">index</a>
  616. <a href="/ask">questions</a>
  617. {block:ifShowLink1}
  618. <a href="{text:link1 url}">{text:link1}</a>
  619. {/block:IfShowLink1}
  620. {block:ifShowLink2}
  621. <a href="{text:link2 url}">{text:link2}</a>
  622. {/block:IfShowLink2}
  623. {block:ifShowLink3}
  624. <a href="{text:link3 url}">{text:link3}</a>
  625. {/block:IfShowLink3}
  626. </div>
  627. <div class="description">
  628. {Description}
  629. </div>
  630. {block:Pagination}
  631. <div class="pagination">
  632. {block:PreviousPage}
  633. <a href="{PreviousPage}">←</a>
  634. {/block:PreviousPage}
  635. {block:NextPage}
  636. <a href="{NextPage}"> →</a>
  637. {/block:NextPage}
  638. </div>
  639. {/block:Pagination}
  640. </div>
  641.  
  642.  
  643.  
  644. <div class="postscontainer">
  645. {block:Posts}
  646.  
  647. <div class="posts">
  648.  
  649. <div class="dashicons">
  650. <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  651. </div>
  652.  
  653. {block:Text}
  654. {block:Title}<h2>{Title}</h2>{/block:Title}
  655. {Body}
  656. {/block:Text}
  657.  
  658. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  659.  
  660. {/block:Quote}
  661.  
  662. {block:Link}
  663. <h2><a href="{URL}">{Name}</a></h2>
  664. {block:Description}{Description}{/block:Description}
  665. {/block:Link}
  666.  
  667. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  668. </ol></div>{/block:Chat}
  669.  
  670. {block:Answer}<img src="{AskerPortraitURL-48}" width="20px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;">{Asker} asked:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  671.  
  672. {block:Photo}
  673. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  674. {/block:Photo}
  675.  
  676. {block:Photoset}
  677. {Photoset-500}
  678. {block:Caption}{Caption}{/block:Caption}
  679. {/block:Photoset}
  680.  
  681. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  682. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  683. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  684. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  685. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  686.  
  687. {block:Video}
  688. {Video-500}
  689. {block:Caption}{Caption}{/block:Caption}
  690. {/block:Video}
  691.  
  692. {block:Date}<div class="info"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount}{NoteCount} {/block:NoteCount} {block:RebloggedFrom} <a title="from {ReblogParentName}" href="{ReblogParentURL}"><i class="fa fa-list"></i></a> {block:ContentSource}<a title="by {ReblogRootName}" href="{SourceURL}"><i class="fa fa-share"></i></a> {/block:ContentSource}{/block:RebloggedFrom}{/block:RebloggedFrom}</div>{/block:Date}
  693.  
  694. {block:HasTags}
  695. <div class="tags">
  696. <i class="fa fa-tag"></i> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  697. {/block:HasTags}</div>
  698.  
  699. <div class="postnote">
  700. {block:PostNotes}{PostNotes}{/block:PostNotes}
  701. </div>
  702. {/block:Posts}
  703.  
  704. <div class="credit"><div class="credit"><a href="https://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
  705.  
  706. </div>
  707. </div>
  708. </div>
  709. </body>
Advertisement
Add Comment
Please, Sign In to add comment