Advertisement
sexycullen

# 109

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