sexycullen

# 38

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