sexycullen

# 38 2 x245

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