Advertisement
sexycullen

# 45 2

Nov 1st, 2013
1,558
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.66 KB | None | 0 0
  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 # 45 2
  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:background" content="#FFFFFF">
  24. <meta name="color:description" content="#4E4D4D">
  25. <meta name="color:linksbg" content="#262626">
  26. <meta name="color:info" content="#FFFFFF">
  27. <meta name="color:infohover" content="#FFFFFF">
  28. <meta name="color:phrase" content="#FFFFFF">
  29. <meta name="color:descriptionbg" content="#FFFFFF">
  30. <meta name="color:link" content="#5D5C5C">
  31. <meta name="color:bquote" content="#CCCBCB">
  32. <meta name="color:sidebarlink" content="#FFFFFF">
  33. <meta name="color:hover" content="#9FA7AA">
  34. <meta name="color:text" content="#4F4E4E">
  35. <meta name="color:border" content="#F5F5F5">
  36. <meta name="color:infobg" content="#222222">
  37. <meta name="color:left" content="#EEEEEE">
  38. <meta name="color:right" content="#222222">
  39. <meta name="color:slinkhover" content="#FDFDFD">
  40. <meta name="color:slinkhover2" content="#222222">
  41. <meta name="color:askbg" content="#FCFCFC">
  42.  
  43. <meta name="image:sidebar" content=""/>
  44. <meta name="text:phrase" content="">
  45.  
  46. <meta name="if:Show Link1" content="0" />
  47. <meta name="if:Show Link2" content="0" />
  48. <meta name="if:Show Link3" content="0" />
  49. <meta name="if:Show Link4" content="0" />
  50. <meta name="if:Show Link5" content="0" />
  51. <meta name="if:Show Link6" content="0" />
  52.  
  53. <meta name="text:link1" content="">
  54. <meta name="text:link1 url" content="/">
  55. <meta name="text:link1 hover" content="link1">
  56. <meta name="text:link2" content="">
  57. <meta name="text:link2 url" content="/">
  58. <meta name="text:link2 hover" content="link2">
  59. <meta name="text:link3" content="">
  60. <meta name="text:link3 url" content="/">
  61. <meta name="text:link3 hover" content="link3">
  62. <meta name="text:link4" content="">
  63. <meta name="text:link4 url" content="/">
  64. <meta name="text:link4 hover" content="link4">
  65. <meta name="text:link5" content="">
  66. <meta name="text:link5 url" content="/">
  67. <meta name="text:link5 hover" content="link5">
  68. <meta name="text:link6" content="">
  69. <meta name="text:link6 url" content="/">
  70. <meta name="text:link6 hover" content="link6">
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  73.  
  74. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=BenchNine:300,400,700' rel='stylesheet' type='text/css'>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  81.  
  82.  
  83. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  84. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  87.  
  88. <style type="text/css">
  89.  
  90. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:8px}
  91. ::-webkit-scrollbar-thumb:vertical {background-color:{color:right}; height:50px}
  92. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:sright}; height:8px!important}
  93.  
  94.  
  95. small {font-size:10px;
  96. line-height:90%;}
  97. sub {font-size:10px;
  98. line-height:90%;}
  99. sup {font-size:10px;
  100. line-height:90%;}
  101.  
  102. a {
  103. color:{color:link};
  104. text-decoration:none;
  105. }
  106.  
  107. a:hover {
  108. color:{color:hover};
  109. -moz-transition-duration:0.5s;
  110. -webkit-transition-duration:0.5s;
  111. -o-transition-duration:0.5s;
  112. }
  113.  
  114. body {
  115. background-color:{color:background};
  116. font-family:calibri;
  117. font-weight:normal;
  118. font-style:normal;
  119. }
  120.  
  121.  
  122. h1 {
  123. font-weight:normal;
  124. font-size:11px;
  125. text-align:center;
  126. font-style:italic;
  127. line-height:50%;
  128. letter-spacing:0px;
  129. font-family:cambria;
  130. text-transform:none;
  131. color:{color:text};
  132.  
  133. }
  134.  
  135. h2 {
  136. font-size:10px;
  137. text-align:left;
  138. line-height:120%;
  139. letter-spacing:0px;
  140. font-family:Merriweather Sans;
  141. color:{color:text};
  142. font-weight:normal;
  143. text-transform:normal;
  144. }
  145.  
  146. h2 a {
  147. font-style:normal;
  148. }
  149.  
  150.  
  151. blockquote {
  152. border-left:2px solid {color:bquote};
  153. padding-left:3px;
  154. margin:14px;
  155. }
  156.  
  157. blockquote img {
  158. max-width:470px;
  159. }
  160.  
  161. #theme {
  162. background-color:{color:background};
  163. width:700px;
  164. margin: 0 auto -72px auto;
  165. text-align: center;
  166. }
  167.  
  168. #leftbar {
  169. width:800px;
  170. height:800%;
  171. position:fixed;
  172. margin-left:-720px;
  173. margin-top:0px;
  174. overflow:hidden;
  175. padding:5px;
  176. background:{color:left};
  177. }
  178.  
  179. #rightbar {
  180. width:800px;
  181. height:800%;
  182. position:fixed;
  183. margin-left:650px;
  184. margin-top:0px;
  185. overflow:hidden;
  186. padding:5px;
  187. background:{color:right};
  188. }
  189.  
  190. #sidebar2 {
  191. position:fixed;
  192. height:auto;
  193. margin-top:230px;
  194. margin-left:660px;
  195. }
  196.  
  197. #links {
  198. width:100px;
  199. margin-left:20px;
  200. font-family:calibri;
  201. font-size:10px;
  202. text-transform:Inconsolata;
  203. text-align:left;
  204. letter-spacing:3px;
  205. padding:3px;
  206. }
  207.  
  208. #links a {
  209. width:40px;
  210. display:inline-block;
  211. padding:5px;
  212. color:{color:sidebarlink};
  213. background-color:{color:linksbg};
  214. }
  215.  
  216. #links a:hover{
  217. text-decoration:underline;
  218. color:{color:slinkhover};
  219. background-color:{color:right};
  220. }
  221.  
  222. #links2 {
  223. width:105px;
  224. font-family:calibri;
  225. font-size:8px;
  226. margin-bottom:9px;
  227. text-transform:uppercase;
  228. text-align:center;
  229. letter-spacing:1px;
  230. padding:4px;
  231. background-color:{color:right};
  232. }
  233.  
  234. #links2 a {
  235. padding:5px;
  236. color:{color:sidebarlink};
  237. }
  238.  
  239. #links2 a:hover{
  240. text-decoration:underline;
  241. color:{color:slinkhover2};
  242. background-color:{color:left};
  243. }
  244.  
  245. #phrase {
  246. width:105px;
  247. margin-left:0px;
  248. font-size:6px;
  249. padding:4px;
  250. font-family:Merriweather Sans;
  251. letter-spacing:1px;
  252. font-weight:normal;
  253. text-align:center;
  254. text-transform:uppercase;
  255. background-color:{color:right};
  256. color:{color:phrase};
  257. }
  258.  
  259. #sidebar {
  260. position:fixed;
  261. height:auto;
  262. margin-top:200px;
  263. margin-left:-78px;
  264. }
  265.  
  266. #sidebar img {
  267. width:100px;
  268. height:auto;
  269. margin-bottom:5px;
  270. outline:7px solid {color:background};
  271. }
  272.  
  273. .description {
  274. width:104px;
  275. margin-left:0px;
  276. position:absolute;
  277. margin-top:0px;
  278. padding:5px;
  279. text-transform:lowercase;
  280. text-align:center;
  281. font-size:10px;
  282. font-family:calibri;
  283. letter-spacing:0px;
  284. color:{color:description};
  285. background-color:{color:descriptionbg};
  286. }
  287.  
  288. .pagination {
  289. position:fixed;
  290. width:104px;
  291. margin-top:6px;
  292. margin-left:-5px;
  293. font-family:Inconsolata;
  294. font-size:10px;
  295. text-transform:lowercase;
  296. letter-spacing:0px;
  297. font-style:normal;
  298. text-align:center;
  299. padding:5px;
  300. background-color:{color:descriptionbg};
  301. }
  302.  
  303. .pagination a {
  304. padding:5px;
  305. color:{color:link};
  306. }
  307.  
  308. .pagination a:hover {
  309. background:{color:right};
  310. color:{color:background};
  311. }
  312.  
  313. #postcontainer {
  314. float:left;
  315. margin-left:120px;
  316. margin-top:40px;
  317. text-align:justify;
  318. background-color:{color:background};
  319. color:{color:text};
  320. }
  321.  
  322. #posts {
  323. width:500px;
  324. margin-top:80px;
  325. text-align:justify;
  326. font-size:10px;
  327. color:{color:text};
  328. }
  329.  
  330.  
  331. #info {
  332. width:483px;
  333. text-align:left;
  334. margin-top:19px;
  335. padding:8px;
  336. font-family:Merriweather Sans;
  337. letter-spacing:1px;
  338. line-height:140%;
  339. text-transform:uppercase;
  340. font-size:6px;
  341. background-color:{color:right};
  342. }
  343.  
  344. #info a {
  345. font-style:normal;
  346. color:{color:info};
  347. }
  348.  
  349. #info a:hover {
  350. text-decoration:underline;
  351. color:{color:infohover};
  352. }
  353.  
  354. #info2 {
  355. float:right;
  356. margin-top:-17px;
  357. padding-bottom:20px;
  358. padding-right:5px;
  359. letter-spacing:1px;
  360. font-family:trebuchet ms;
  361. line-height:140%;
  362. text-transform:uppercase;
  363. font-size:7px;
  364. }
  365.  
  366. #info2 a {
  367. color:{color:info};
  368. }
  369.  
  370. #info2 a:hover {
  371. text-decoration:underline;
  372. color:{color:infohover};
  373. }
  374.  
  375.  
  376. .caption {
  377. width:500px;
  378. text-align:justify;
  379. line-height:120%;
  380. }
  381.  
  382. .ask {
  383. text-align:left;
  384. font-family:trebuchet ms;
  385. font-size:9px;
  386. padding:10px;
  387. position: relative;
  388. background-color: {color:askbg};
  389. }
  390.  
  391. .ask a {
  392. color: {color:link};
  393. }
  394.  
  395. .ask a:hover {
  396. color: {color:hover};
  397. }
  398.  
  399. .askborder {
  400. float: left;
  401. margin: 2px 7px 4px 6px;
  402. padding: 1px;
  403. background: {color:border};
  404. }
  405.  
  406. .music {
  407. width:500px;
  408. padding-bottom:10px;
  409. background-color:{color:background};
  410. }
  411.  
  412. .albumart {
  413. float:left;
  414. padding:0px 10px 10px 0px;
  415. }
  416.  
  417. .albumart img {
  418. width:80px;
  419. height:80px;
  420. }
  421.  
  422. .playercontainer {
  423. text-align:left;
  424. padding:10px;
  425. padding-top:30px;
  426. background-color:{color:background};
  427. width:480px;
  428. }
  429.  
  430. .musicinfo {
  431. padding:10px;
  432. color:{color:text};
  433. }
  434.  
  435. .postnote {
  436. font-family:calibri;
  437. text-transform:uppercase;
  438. font-style:normal;
  439. letter-spacing:0px;
  440. font-size: 9px;
  441. text-align:left;
  442. line-height:90%;
  443. margin-left:-40px;
  444. margin-top:40px;
  445. }
  446.  
  447. .postnote li {
  448. list-style-type:none;
  449. border-bottom:1px solid {color:border};
  450. padding:10px 25px 10px 25px;
  451. text-align:left;
  452. margin:0px;
  453. -moz-transition-duration:0.5s;
  454. -webkit-transition-duration:0.5s;
  455. -o-transition-duration:0.5s;
  456. }
  457.  
  458. .tags {
  459. font-family:calibri;
  460. width:500px;
  461. text-transform:none;
  462. margin-top:-2px;
  463. letter-spacing:0px;
  464. line-height:140%;
  465. font-size:10px;
  466. text-align:left;
  467. padding:2px;
  468. -moz-transition-duration:0.5s;
  469. -webkit-transition-duration:0.5s;
  470. -o-transition-duration:0.5s;
  471. }
  472.  
  473. .tags a {
  474. font-style:normal;
  475. background-color:none;
  476. color:{color:text};
  477. }
  478.  
  479. .tags a:hover {
  480. color:{color:hover};
  481. text-decoration:underline;
  482. }
  483.  
  484. .quote {
  485. font-family:georgia;
  486. font-size:12px;
  487. font-style:italic;
  488. text-align:center;
  489. line-height:17px;
  490. }
  491.  
  492. .postlink {
  493. font-family:cambria;
  494. font-size:12px;
  495. font-style:italic;
  496. text-align:center;
  497. line-height:17px;
  498. }
  499.  
  500. ul.chat, .chat ol, .chat li {
  501. list-style:none;
  502. margin:0px;
  503. padding:2px;
  504. }
  505.  
  506. .tab {
  507. text-decoration:underline;
  508. font-weight:700;
  509. background-color:{color:background};
  510. margin-right:5px;
  511. }
  512.  
  513. #credit {
  514. position:fixed;
  515. padding:3px;
  516. font-family:Merriweather Sans;
  517. font-size:6px;
  518. font-weight:normal;
  519. line-height:150%;
  520. letter-spacing:2px;
  521. right:-3px;
  522. bottom:20px;
  523. text-transform:uppercase;
  524. text-align:center;
  525. background-color:{color:background};
  526. }
  527.  
  528. #credit a {
  529. font-style:normal;
  530. color:{color:link};
  531. -moz-transition-duration:0.5s;
  532. -webkit-transition-duration:0.5s;
  533. -o-transition-duration:0.5s;
  534. }
  535.  
  536. {CustomCSS}
  537.  
  538. </style></head>
  539.  
  540. <body>
  541. <div id="theme">
  542. <div id="leftbar">
  543. </div>
  544. <div id="rightbar">
  545. </div>
  546. <div id="sidebar">
  547. <div id="links2">
  548. <a href="/">home</a>
  549. <a href="/ask">questions</a>
  550. </div>
  551. <center><a href="/"><img src="{image:sidebar}"></a></center>
  552. <div id="phrase">{text:phrase}</div>
  553. <div class="description">
  554. {Description}
  555. {block:Pagination}
  556. <div class="pagination">
  557. {block:PreviousPage}
  558. <a href="{PreviousPage}"> - </a>
  559. {/block:PreviousPage}
  560. {block:JumpPagination length="3"}
  561. {block:CurrentPage}
  562. <span class="current_page">{PageNumber}</span>
  563. {/block:CurrentPage}
  564. {block:JumpPage}
  565. <a class="jump_page" href="{URL}">{PageNumber}</a>
  566. {/block:JumpPage}
  567. {/block:JumpPagination}
  568. {block:NextPage}
  569. <a href="{NextPage}"> + </a>
  570. {/block:NextPage}
  571. </div>
  572. {/block:Pagination}
  573. </div>
  574. </div>
  575.  
  576. <div id="sidebar2">
  577. <div id="links">
  578. {block:ifShowLink1}
  579. <span title={text:link1 hover}><a href="{text:link1 url}">01.</a></span>
  580. {/block:IfShowLink1}
  581. {block:ifShowLink2}
  582. <span title={text:link2 hover}><a href="{text:link2 url}">02.</a></span>
  583. {/block:IfShowLink2}
  584. {block:ifShowLink3}
  585. <span title={text:link3 hover}><a href="{text:link3 url}">03.</a></span>
  586. {/block:IfShowLink3}
  587. {block:ifShowLink4}
  588. <span title={text:link4 hover}><a href="{text:link4 url}">04.</a></span>
  589. {/block:IfShowLink4}
  590. {block:ifShowLink5}
  591. <span title={text:link5 hover}><a href="{text:link5 url}">05.</a></span>
  592. {/block:IfShowLink5}
  593. {block:ifShowLink6}
  594. <span title={text:link6 hover}><a href="{text:link6 url}">06.</a></span>
  595. {/block:IfShowLink6}
  596. </div>
  597. </div>
  598.  
  599. <div id="postcontainer">
  600.  
  601. {block:Posts}
  602.  
  603. <div id="posts">
  604. {block:Text}{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}{Body}{/block:Text}
  605.  
  606. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="from">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  607.  
  608. {block:Link}<div class="quote"><a href="{URL}">{Name}</a></div>
  609. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  610.  
  611. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  612.  
  613. {block:Photoset}<center>{Photoset-500}</center>
  614. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  615.  
  616. {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}
  617.  
  618. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  619.  
  620. {block:Answer}
  621. <div class="ask"><img src="{AskerPortraitURL-48}" width="20px" align="right" class="askborder"><b><i>{Asker}</span></span>:</b></i> {Question}</div> {Answer}
  622. {/block:Answer}
  623.  
  624. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  625. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  626. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  627. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  628. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  629.  
  630. {block:Date}
  631. <div id="info"><span style="color:{color:info}"> {block:NoteCount}<span style="font-size:7px;">▲</span> {NoteCountWithLabel}</span>{/block:NoteCount}</span>  <a href="{Permalink}">{TimeAgo}</a>{block:RebloggedFrom} </div><div id="info2"><span style="color:{color:info}"><span style="font-size:10px;">▸</span> <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}   <span style="color:{color:info}">© <a href="{SourceURL}"></a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div></span>
  632.  
  633. {block:HasTags}
  634. <div class="tags">
  635. <span style="font-family:calibri"><span style="font-size:8px;text-transform:uppercase;letter-spacing:1px;"><b>filed under:</b> </span></span>{block:Tags}<a href="{TagURL}">{Tag}</a>  {/block:Tags}</div>
  636. {/block:HasTags}
  637.  
  638. <div class="postnote">
  639. {block:PostNotes}{PostNotes}{/block:PostNotes}
  640. </div>
  641.  
  642. </div>{/block:Date}
  643. {/block:Posts}
  644.  
  645.  
  646. </div>
  647.  
  648. <div id="credit"><a href="http://spunkhandsome.tumblr.com/">spunk</a></div>
  649.  
  650. </div>
  651. </div>
  652. </div>
  653. </body>
  654. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement