Advertisement
sexycullen

# 103

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