API tools faq
paste
sexycullen

# 39

sexycullen
Oct 6th, 2013
622
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--------------------------------------------
  9. SPUNKHANDSOME THEMES # 39
  10. THEME BY: http://spunkhandsome.tumblr.com/
  11.  
  12. RULES, IMPORTANT:
  13. DON'T REMOVE THE CREDIT
  14. DON'T CLAIM AS YOUR OWN
  15. DON'T USE AS A BASE
  16.  
  17. --------------------------------------------->
  18.  
  19.  
  20. <head>
  21.  
  22.  
  23. <meta name="color:bg" content="#FFFFFF">
  24. <meta name="color:link" content="#757575">
  25. <meta name="color:sidebarlink" content="#686767">
  26. <meta name="color:hover" content="#DADADA">
  27. <meta name="color:text" content="#616161">
  28. <meta name="color:scrollbar" content="#777777">
  29. <meta name="color:border" content="#F5F5F5">
  30. <meta name="color:infobg" content="#F8F8F8">
  31. <meta name="color:askbg" content="#FCFCFC">
  32. <meta name="color:linkbg" content="#000000">
  33.  
  34. <meta name="image:sidebar" content=""/>
  35.  
  36. <meta name="text:link1" content="">
  37. <meta name="text:link1 url" content="/">
  38. <meta name="text:link2" content="">
  39. <meta name="text:link2 url" content="/">
  40. <meta name="text:link3" content="">
  41. <meta name="text:link3 url" content="/">
  42. <meta name="text:link4" content="">
  43. <meta name="text:link4 url" content="/">
  44. <meta name="text:link5" content="">
  45. <meta name="text:link5 url" content="/">
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=BenchNine:300,400,700' rel='stylesheet' type='text/css'>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  56.  
  57.  
  58. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  59. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <link rel="shortcut icon" href="{Favicon}" />
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  62.  
  63. <style type="text/css">
  64.  
  65. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:8px}
  66. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  67. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  68.  
  69.  
  70. small {font-size:10px;}
  71. sub {font-size:10px;}
  72.  
  73. a {
  74. color:{color:link};
  75. text-decoration:none;
  76. }
  77.  
  78. a:hover {
  79. color:{color:hover};
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. body {
  86. background-color:{color:background};
  87. font-family:calibri;
  88. font-weight:normal;
  89. font-style:normal;
  90. }
  91.  
  92.  
  93. h1 {
  94. font-weight:normal;
  95. font-size:11px;
  96. text-align:center;
  97. font-style:italic;
  98. line-height:50%;
  99. letter-spacing:0px;
  100. font-family:cambria;
  101. text-transform:none;
  102. color:{color:text};
  103.  
  104. }
  105.  
  106. h2 {
  107. font-size:13px;
  108. text-align:left;
  109. line-height:100%;
  110. letter-spacing:1px;
  111. font-family:Cuprum;
  112. color:{color:text};
  113. font-weight:normal;
  114. text-transform:lowercase;
  115. }
  116.  
  117.  
  118. blockquote {
  119. border-left:1px dotted {color:infobg};
  120. padding-left:3px;
  121. margin:14px;
  122. }
  123.  
  124. blockquote img {
  125. max-width:470px;
  126. }
  127.  
  128. #theme {
  129. background-color:{color:background};
  130. width:700px;
  131. margin: 0 auto -72px auto;
  132. text-align: center;
  133. }
  134.  
  135. #sidebar {
  136. position:fixed;
  137. width:160px;
  138. height:auto;
  139. margin-top:220px;
  140. margin-left:-90px;
  141. }
  142.  
  143. #sidebar img {
  144. width:160px;
  145. height:auto;
  146. margin-bottom:4px;
  147. }
  148.  
  149. #sidebar:hover .links { margin-top:-4px;filter: alpha(opacity = 1);
  150. opacity:1;-webkit-transition: all 0.5s ease-out;
  151. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  152.  
  153. #sidebar:hover .links2 {
  154. margin-top:-140px; margin-left:160px;(opacity = 1);
  155. opacity:1;}
  156.  
  157. #sidebar:hover .description { margin-top:36px;filter: alpha(opacity = 100);
  158. opacity:100;-webkit-transition: all 0.5s ease-out;
  159. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  160.  
  161. .links {
  162. -webkit-transition:0.7s ease; position:absolute; text-transform:uppercase; opacity:0;
  163. margin-left:60px;
  164. width:160px;
  165. font-family:calibri;
  166. font-size:8px;
  167. text-transform:uppercase;
  168. text-align:left;
  169. letter-spacing:1px;
  170. padding:3px;
  171. }
  172.  
  173. .links a {
  174. display:inline-block;
  175. padding:3px;
  176. color:{color:sidebarlink};
  177. }
  178.  
  179. .links a:hover{
  180. text-decoration:underline;
  181. color:{color:hover};
  182. letter-spacing:2px;
  183. background-color:{color:linkbg};
  184. }
  185.  
  186. .links2 {
  187. -webkit-transition:0.7s linear; position:absolute; text-transform:uppercase; opacity:0;
  188. width:160px;
  189. margin-top:-90px;
  190. margin-left:120px;
  191. font-family:calibri;
  192. font-size:8px;
  193. text-transform:uppercase;
  194. text-align:left;
  195. letter-spacing:1px;
  196. padding:3px;
  197. }
  198.  
  199. .links2 a {
  200. display:inline-block;
  201. padding:5px;
  202. color:{color:sidebarlink};
  203. }
  204.  
  205. .links2 a:hover{
  206. text-decoration:underline;
  207. color:{color:hover};
  208. letter-spacing:2px;
  209. background-color:{color:linkbg};
  210. }
  211.  
  212. .description {
  213. -webkit-transition:0.7s ease; position:absolute; opacity:80;
  214. position:absolute;
  215. text-transform:lowercase;
  216. width:160px;
  217. text-align:justify;
  218. font-size:10px;
  219. font-family:cambria;
  220. font-style:none;
  221. letter-spacing:2px;
  222. color:{color:text};
  223. letter-spacing:0px;
  224. }
  225.  
  226. .description a {
  227. color:{color:link};
  228. }
  229.  
  230. .pagination {
  231. width:160px;
  232. font-family:calibri;
  233. font-size:10px;
  234. margin-left:-5px;
  235. text-transform:lowercase;
  236. letter-spacing:0px;
  237. font-style:normal;
  238. text-align:right;
  239. padding:3px;
  240. }
  241.  
  242. .pagination a {
  243. color:{color:link};
  244. }
  245.  
  246. #postcontainer {
  247. float:left;
  248. margin-left:190px;
  249. margin-top:50px;
  250. text-align:justify;
  251. background-color:{color:background};
  252. color:{color:text};
  253. }
  254.  
  255.  
  256. #posts {
  257. width:500px;
  258. margin-top:105px;
  259. text-align:justify;
  260. font-size:10px;
  261. line-height:120%;
  262. color:{color:text};
  263. }
  264.  
  265. #info {
  266. text-align:left;
  267. margin-top:16px;
  268. padding-top:2px;
  269. padding:4px;
  270. font-family:calibri;
  271. line-height:140%;
  272. text-transform:lowercase;
  273. font-size:10px;
  274. background-color:{color:infobg};
  275. }
  276.  
  277. #info a {
  278. color:{color:link};
  279. }
  280.  
  281. #info a:hover {
  282. text-decoration:underline;
  283. color:{color:hover};
  284. }
  285.  
  286. #info2 {
  287. float:right;
  288. margin-top:-22px;
  289. padding:4px;
  290. padding-bottom:22px;
  291. font-family:calibri;
  292. line-height:140%;
  293. text-transform:lowercase;
  294. font-size:10px;
  295. }
  296.  
  297. #info2 a {
  298. color:{color:link};
  299. }
  300.  
  301. #info2 a:hover {
  302. text-decoration:underline;
  303. color:{color:hover};
  304. }
  305.  
  306. .caption {
  307. width:500px;
  308. text-align:justify;
  309. line-height:120%;
  310. }
  311.  
  312. .ask {
  313. text-align:justify;
  314. font-family:arial;
  315. font-size:11px;
  316. line-height:120%;
  317. padding:17px;
  318. position: relative;
  319. background-color: {color:askbg};
  320. }
  321.  
  322. .ask a {
  323. color: {color:link};
  324. }
  325.  
  326. .ask a:hover {
  327. color: {color:hover};
  328. }
  329.  
  330. .askborder {
  331. float: right;
  332. margin: 2px 7px 4px 6px;
  333. padding: 1px;
  334. background: {color:border};
  335. }
  336.  
  337. .music {
  338. width:500px;
  339. padding-bottom:10px;
  340. background-color:{color:bg};
  341. }
  342.  
  343. .albumart {
  344. float:left;
  345. padding:0px 10px 10px 0px;
  346. }
  347.  
  348. .albumart img {
  349. width:45px;
  350. height:45px;
  351. }
  352.  
  353. .playercontainer {
  354. text-align:left;
  355. padding:10px;
  356. background-color:#ffffff;
  357. width:480px;
  358. }
  359.  
  360. .musicinfo {
  361. padding:10px;
  362. color:{color:text};
  363. }
  364.  
  365. .postnote {
  366. font-family:calibri;
  367. text-transform:uppercase;
  368. font-style:normal;
  369. letter-spacing:0px;
  370. font-size: 9px;
  371. text-align:left;
  372. line-height:90%;
  373. margin-left:-40px;
  374. margin-top:40px;
  375. }
  376.  
  377. .postnote li {
  378. list-style-type:none;
  379. border-bottom:1px solid {color:border};
  380. padding:10px 25px 10px 25px;
  381. text-align:left;
  382. margin:0px;
  383. -moz-transition-duration:0.5s;
  384. -webkit-transition-duration:0.5s;
  385. -o-transition-duration:0.5s;
  386. }
  387.  
  388. .tags {
  389. font-family:trebuchet ms;
  390. width:490px;
  391. text-transform:none;
  392. margin-top:3px;
  393. letter-spacing:0px;
  394. line-height:140%;
  395. font-size:10px;
  396. text-align:left;
  397. padding:2px;
  398. -moz-transition-duration:0.5s;
  399. -webkit-transition-duration:0.5s;
  400. -o-transition-duration:0.5s;
  401. }
  402.  
  403. .tags a {
  404. background-color:none;
  405. color:{color:link};
  406. }
  407.  
  408. .tags a:hover {
  409. color:{color:hover};
  410. text-decoration:underline;
  411. }
  412.  
  413. .quote {
  414. font-family:georgia;
  415. font-size:12px;
  416. font-style:italic;
  417. text-align:center;
  418. line-height:17px;
  419. }
  420.  
  421. .postlink {
  422. font-family:cambria;
  423. font-size:12px;
  424. font-style:italic;
  425. text-align:center;
  426. line-height:17px;
  427. }
  428.  
  429. ul.chat, .chat ol, .chat li {
  430. list-style:none;
  431. margin:0px;
  432. padding:2px;
  433. }
  434.  
  435. .tab {
  436. text-decoration:underline;
  437. font-weight:700;
  438. background-color:{color:bg};
  439. margin-right:5px;
  440. }
  441.  
  442. #credit {
  443. position:fixed;
  444. font-family:BenchNine;
  445. font-size:12px;
  446. font-weight:normal;
  447. line-height:150%;
  448. letter-spacing:0px;
  449. right:10px;
  450. bottom:10px;
  451. text-transform:uppercase;
  452. text-align:center;
  453. border:1px solid {color:border};
  454. }
  455.  
  456. #credit a {
  457. padding:3px;
  458. color:{color:link};
  459. -moz-transition-duration:0.5s;
  460. -webkit-transition-duration:0.5s;
  461. -o-transition-duration:0.5s;
  462. }
  463.  
  464. {CustomCSS}
  465.  
  466. </style></head>
  467.  
  468. <body>
  469. <div id="theme">
  470. <div id="sidebar">
  471. {block:Pagination}
  472. <div class="pagination">
  473. {block:PreviousPage}
  474. <a href="{PreviousPage}">back</a>
  475. {/block:PreviousPage}
  476. ―
  477. {block:NextPage}
  478. <a href="{NextPage}">next</a>
  479. {/block:NextPage}
  480. </div>
  481. {/block:Pagination}
  482.  
  483. <center><a href="/"><img src="{image:sidebar}"><a></center>
  484. <div class="links">
  485. <a href="/">refresh</a><br>
  486. <a href="/ask">questions</a>
  487. </div>
  488. <div class="links2">
  489. <a href="{text:link1 url}">{text:link1}</a><br>
  490. <a href="{text:link2 url}">{text:link2}</a><br>
  491. <a href="{text:link3 url}">{text:link3}</a><br>
  492. <a href="{text:link4 url}">{text:link4}</a><br>
  493. <a href="{text:link5 url}">{text:link5}</a>
  494. </div>
  495. <div class="description">
  496. {Description}
  497. </div></div>
  498.  
  499. <div id="postcontainer">
  500.  
  501. {block:Posts}
  502.  
  503. <div id="posts">
  504.  
  505. {block:Text}{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}{Body}{/block:Text}
  506.  
  507. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="from">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  508.  
  509. {block:Link}<div class="quote"><a href="{URL}">{Name}</a></div>
  510. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  511.  
  512. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  513.  
  514. {block:Photoset}<center>{Photoset-500}</center>
  515. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  516.  
  517. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="tab">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  518.  
  519. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  520.  
  521. {block:Answer}
  522. <div class="ask"><img src="{AskerPortraitURL-48}" width="20px" align="right" class="askborder"><b><i><big>{Asker};</b></i></big> {Question}</div> {Answer}
  523. {/block:Answer}
  524.  
  525. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  526. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  527. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  528. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  529. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  530.  
  531. {block:Date}<div id="info">{block:NoteCount}<span style="font-size:7px;">&hearts;</span> {NoteCount}{/block:NoteCount}  <a href="{Permalink}">{TimeAgo}</a></div><div id="info2">{block:RebloggedFrom} @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}   © <a href="{SourceURL}"></a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  532.  
  533. {block:HasTags}
  534. <div class="tags">
  535. <img src="http://media.tumblr.com/24044c63e96d2ce4975ff89e131aa80b/tumblr_inline_mo5iqmT6rd1qz4rgp.gif"> {block:Tags}<a href="{TagURL}">{Tag}</a>  {/block:Tags}</div>
  536. {/block:HasTags}
  537.  
  538. <div class="postnote">
  539. {block:PostNotes}{PostNotes}{/block:PostNotes}
  540. </div>
  541.  
  542. </div>{/block:Date}
  543. {/block:Posts}
  544.  
  545.  
  546. </div>
  547.  
  548. <div id="credit"><a href="http://spunkhandsome.tumblr.com/">s</a></div>
  549.  
  550. </div>
  551. </div>
  552. </div>
  553. </body>
  554. </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!