API tools faq
paste
Advertisement
lizabethspb

Theme 19

lizabethspb
Mar 28th, 2014
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.61 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <meta name="color:hover text" content="black"/>
  12. <meta name="color:hover text bg" content="white"/>
  13. <meta name="color:header" content="gray"/>
  14. <meta name="color:title" content="white"/>
  15. <meta name="color:description background" content="#ffffff"/>
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:text" content="#a8a8a8"/>
  18. <meta name="color:sb links" content="white"/>
  19. <meta name="color:sb link background" content="black"/>
  20. <meta name="color:sb link hover" content="black"/>
  21. <meta name="color:sb link background hover" content="white"/>
  22. <meta name="color:link" content="#b8b8b8"/>
  23. <meta name="color:link hover" content="#f2f2f2"/>
  24. <meta name="color:border" content="#eeeeee"/>
  25. <meta name="color:scrollbar" content="black"/>
  26. <meta name="color:scrollbar background" content="ffffff"/>
  27. <meta name="color:ask background" content="#eeeeee"/>
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:title" content="" />
  32. <meta name="text:link 1 title" content="link 1" />
  33. <meta name="text:link 1 url" content="/" />
  34. <meta name="text:link 2 title" content="link 2" />
  35. <meta name="text:link 2 url" content="/" />
  36. <meta name="text:link 3 title" content="link 3" />
  37. <meta name="text:link 3 url" content="/" />
  38. <meta name="text:link 4 title" content="link 4" />
  39. <meta name="text:link 4 url" content="/" />
  40. <meta name="text:link 5 title" content="link 5" />
  41. <meta name="text:link 5 url" content="/" />
  42. <meta name="text:link 6 title" content="link 6" />
  43. <meta name="text:link 6 url" content="/" />
  44. <meta name="text:link 7 title" content="link 7" />
  45. <meta name="text:link 7 url" content="/" />
  46. <meta name="text:link 8 title" content="link 8" />
  47. <meta name="text:link 8 url" content="/" />
  48.  
  49. <meta name="if:Header" content="" />
  50. <meta name="if:Show Link 1" content="1" />
  51. <meta name="if:Show Link 2" content="1" />
  52. <meta name="if:Show Link 3" content="1" />
  53. <meta name="if:Show Link 4" content="1" />
  54. <meta name="if:Show Link 5" content="1" />
  55. <meta name="if:Show Link 6" content="1" />
  56. <meta name="if:Show Link 7" content="1" />
  57. <meta name="if:Show Link 8" content="1" />
  58.  
  59.  
  60. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  61.  
  62. <style>
  63.  
  64.  
  65. div#qTip {
  66. display: none;
  67. padding:5px;
  68. padding-bottom:4px;
  69. text-align: center;
  70. position: absolute;
  71. font-size:9px;
  72. line-height:10px;
  73. font-family:cambria, calibri;
  74. z-index: 1000;
  75. background: {color:hover text bg};
  76. color: {color:hover text};
  77. text-transform:uppercase;
  78. letter-spacing: 2px;
  79. -moz-transition-duration:.5s;
  80. -webkit-transition-duration:.5s;
  81. -o-transition-duration:.5s;
  82. }
  83.  
  84.  
  85. </style>
  86.  
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91. *, body, a {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  92.  
  93. a:hover {cursor:url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  94.  
  95. /*- body -*/
  96.  
  97. body {
  98. font-family:calibri;
  99. font-size:11px;
  100. line-height:115%;
  101. color:{color:text};
  102. background:{color:background};
  103. }
  104.  
  105. img {
  106. border:none;
  107. }
  108.  
  109. a {
  110. text-decoration:none;
  111. outline:none;
  112. -moz-outline-style:none;
  113. color:{color:link};
  114. -webkit-transition: all 0.6s ease;
  115. -moz-transition: all 0.6s ease;
  116. -o-transition: all 0.6s ease
  117. }
  118.  
  119. a:hover {
  120. color:{color:link hover};
  121. -webkit-transition: all 0.8s ease;
  122. -moz-transition: all 0.8s ease;
  123. -o-transition: all 0.8s ease
  124. }
  125.  
  126. h1 {
  127. font-size:11px;
  128. text-transform:uppercase;
  129. font-weight: bold;
  130. }
  131.  
  132. blockquote {
  133. padding-left:5px;
  134. border-left:2px solid;
  135. }
  136.  
  137. blockquote blockquote {
  138. padding-left:5px;
  139. border-left:2px solid;
  140. }
  141.  
  142. /*- posts/entries -*/
  143.  
  144.  
  145. #entries {
  146. width:520px;
  147. margin-left:450px;
  148. margin-top:80px;
  149. font-size:10px;
  150. }
  151.  
  152. {block:IfHeader}
  153. #entries {
  154. margin-top:180px;
  155. }{/block:IfHeader}
  156.  
  157.  
  158. #post {
  159. width:500px;
  160. padding:10px;
  161. margin-bottom:20px;
  162. }
  163.  
  164. {block:IfHeader}
  165. #header {
  166. position:absolute;
  167. background-color:{color:header};
  168. width:100%;
  169. height:120px;
  170. margin-top:-160px;
  171. }
  172.  
  173. @font-face{font-family:Marmellata Jam; src: url(http://static.tumblr.com/9wzbixa/mf3mj3kzl/marmellata_jam__demo.ttf);}
  174.  
  175. #title {
  176. color:{color:title};
  177. font-family:Marmellata Jam;
  178. position:absolute;
  179. font-size:60px;
  180. margin-left:20px;
  181. margin-top:60px;
  182. }{/block:IfHeader}
  183.  
  184.  
  185. #sidebar {
  186. position:fixed;
  187. width: 110px;
  188. margin-left:180px;
  189. margin-top:110px;
  190. }
  191.  
  192. #sidebarimage {
  193. background-color:transparent;
  194. }
  195.  
  196. #sidebarimage img {
  197. width: 200px;
  198. padding:5px;
  199. border:solid 1px {color:border};
  200. }
  201.  
  202. #description {
  203. background-color:{color:description background};
  204. margin-top:-1px;
  205. margin-left:3px;
  206. width:196px;
  207. font-family:calibri;
  208. line-height:100%;
  209. font-size:9px;
  210. padding:5px;
  211. text-align:justify;
  212. }
  213.  
  214. #links {
  215. margin-top:-5px;
  216. display:inline-block;
  217. width:212px;
  218. height:auto;
  219. padding-top: 5px;
  220. padding-bottom: 5px;
  221. text-align:center;
  222. font-size:8px;
  223. font-family:calibri;
  224. word-spacing:2px;
  225. text-transform:uppercase;
  226. margin-left:-2px;
  227. }
  228.  
  229. #links a {
  230. color:{color:sb links};
  231. display:inline-block;
  232. padding:4px;
  233. margin-top:6px;
  234. background-color:{color:sb link background};
  235. width:40px;
  236. font-size: 9px;
  237. -webkit-transition: all 0.4s ease;
  238. -moz-transition: all 0.4s ease;
  239. -o-transition: all 0.4s ease
  240. }
  241.  
  242. #links a:hover {
  243. color:{color:sb link hover};
  244. background-color:{color:sb link background hover};
  245. -webkit-transition: all 0.4s ease;
  246. -moz-transition: all 0.4s ease;
  247. -o-transition: all 0.4s ease
  248. }
  249.  
  250.  
  251. #pagination {
  252. position:fixed;
  253. width:680px;
  254. height: 10px;
  255. font-size:9px;
  256. text-align:center;
  257. left: 370px;
  258. bottom: 0px;
  259. padding: 10px;
  260. font-family:consolas;
  261. letter-spacing:4px;
  262. opacity: 1;
  263. background-color: {color:background};
  264. }
  265.  
  266. #pagination a {
  267. color:{color:tab};
  268. }
  269.  
  270.  
  271. /*- others -*/
  272.  
  273. ::-webkit-scrollbar {
  274. width: 5px;height: 5px;}
  275. ::-webkit-scrollbar-button:start:decrement,
  276. ::-webkit-scrollbar-button:end:increment {
  277. height: 6px;display: block;background-color: white;}
  278. ::-webkit-scrollbar-track-piece {
  279. background-color:{color:scrollbar background};}
  280. ::-webkit-scrollbar-thumb:vertical {
  281. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  282.  
  283. #info {
  284. text-align:right;
  285. margin-top:10px;
  286. padding: 5px;
  287. font-size: 8px;
  288. color: {color:link};
  289. text-transform: uppercase;
  290. font-style: italic;
  291. border-top: 1px solid {color:border};
  292. }
  293.  
  294. #tags {
  295. margin-top:8px;
  296. text-align:right;
  297. text-transform:lowercase;
  298. font-size:8px;
  299. font-style:normal;
  300. letter-spacing:0px;
  301. font-family:cambria;
  302. opacity: 0;
  303. -webkit-transition: all 0.6s ease-in-out;
  304. -moz-transition: all 0.6s ease-in-out;
  305. -o-transition: all 0.6s ease-in-out;
  306. -ms-transition: all 0.6s ease-in-out;
  307. transition: all 0.6s ease-in-out;
  308. }
  309.  
  310. #tags a {
  311. padding:3px;
  312. background-color:{color:Tags};
  313. display:inline;
  314. text-align:left;
  315. -webkit-transition: all 0.6s ease-in-out;
  316. -moz-transition: all 0.6s ease-in-out;
  317. -o-transition: all 0.6s ease-in-out;
  318. -ms-transition: all 0.6s ease-in-out;
  319. transition: all 0.6s ease-in-out;
  320. }
  321.  
  322. #post:hover #tags {
  323. opacity:1;
  324. }
  325.  
  326. .cover {
  327. position: relative;z-index: 1; width: 90px; float:left;}
  328.  
  329. .button {
  330. width:20px;
  331. height:30px;
  332. overflow: hidden;
  333. position: relative;
  334. z-index: 99;
  335. margin: 15px 24px 13px 16px;
  336. }
  337.  
  338. .musicbox {
  339. background-color: #fff;
  340. position: absolute;
  341. z-index: 99;
  342. margin-top: 15px;
  343. margin-left: 15px;
  344. opacity: 0.3;
  345. -webkit-transition: opacity 0.2s linear;
  346. -webkit-transition: all 0.2s linear;
  347. -moz-transition: all 0.2s linear;
  348. -o-transition: all 0.2s linear;
  349. }
  350. .musicbox:hover {opacity:0.9;}
  351. .musicinfo {
  352. padding:20px; font-size:12px;margin-left: 100px;text-align:center;background:#f7f7f7;margin-top:5px;}
  353.  
  354. #asker {
  355. padding:15px;
  356. font-family:cambria;
  357. letter-spacing:1px;
  358. text-align:left;
  359. font-style:normal;
  360. margin-left:0px;
  361. background-color:{color:ask background};
  362. }
  363.  
  364. #texttitle {
  365. color:{color:bold};
  366. font-size:25px;
  367. letter-spacing:-2px;
  368. font-family:Arial;
  369. line-height:90%;
  370. text-transform:lowercase;
  371. }
  372.  
  373. #textlinks {
  374. padding-top:20px;
  375. padding-bottom:20px;
  376. text-align:center;
  377. font-size:20px;
  378. background-color:#eeeeee;
  379. }
  380.  
  381. #credit {
  382. position:fixed;
  383. right:0px;
  384. bottom:0px;
  385. padding:4px;
  386. text-transform:uppercase;
  387. letter-spacing:2px;
  388. font-size:9px;
  389. margin-bottom:3px;
  390. margin-right:3px;
  391. border-color:#bbb;
  392. background: #fff;
  393. -moz-transition-duration:1s;
  394. -webkit-transition-duration:1s;
  395. -o-transition-duration:1s;
  396. }
  397.  
  398. #credit:hover {
  399. font-size:12px;
  400. background: black;
  401. color: white;
  402. -moz-transition-duration:1s;
  403. -webkit-transition-duration:1s;
  404. -o-transition-duration:1s;
  405. }
  406.  
  407. {CustomCSS}</style></head><body>
  408.  
  409. {block:IfHeader}<div id="header">
  410. <div id="title">{text:title}</div>
  411. </div>{/block:IfHeader}
  412.  
  413. <div id="sidebar">
  414.  
  415.  
  416. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  417.  
  418. <div id="links">
  419.  
  420. {block:IfShowLink1}
  421. <a href="{text:link 1 url}">{text:link 1 title}</a>
  422. {/block:IfShowLink1}
  423. {block:IfShowLink2}
  424. <a href="{text:link 2 url}">{text:link 2 title}</a>
  425. {/block:IfShowLink2}
  426. {block:IfShowLink3}
  427. <a href="{text:link 3 url}">{text:link 3 title}</a>
  428. {/block:IfShowLink3}
  429. {block:IfShowLink4}
  430. <a href="{text:link 4 url}">{text:link 4 title}</a>
  431. {/block:IfShowLink4}
  432. {block:IfShowLink5}
  433. <a href="{text:link 5 url}">{text:link 5 title}</a>
  434. {/block:IfShowLink5}
  435. {block:IfShowLink6}
  436. <a href="{text:link 6 url}">{text:link 6 title}</a>
  437. {/block:IfShowLink6}
  438. {block:IfShowLink7}
  439. <a href="{text:link 7 url}">{text:link 7 title}</a>
  440. {/block:IfShowLink7}
  441. {block:IfShowLink8}
  442. <a href="{text:link 8 url}">{text:link 8 title}</a>
  443. {/block:IfShowLink8}
  444.  
  445. </div>
  446.  
  447. <div id="description">{Description}</div>
  448.  
  449. </div>
  450.  
  451.  
  452. <div id="pagination">
  453.  
  454. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big>&laquo;</big></a>{/block:PreviousPage}{/block:Pagination}
  455. {block:JumpPagination length="5"}
  456. {block:CurrentPage}<span class="pagination_a">{PageNumber}</span>{/block:CurrentPage}
  457. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  458. {/block:JumpPagination}
  459. {block:Pagination}{block:NextPage}<big><a href="{NextPage}">&raquo;</a></big>{/block:NextPage}{/block:Pagination}
  460. </div>
  461.  
  462. <div id="entries">{block:Posts}<div id="post">
  463.  
  464. {block:Text}<h1>{block:Title}<div id="texttitle">{Title}</div>{/block:Title}</h1>{Body}{/block:Text}
  465.  
  466. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  467.  
  468. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  469.  
  470. {block:Quote}<big><big><big><big><i>{Quote}</i></big></big></big></big>{/block:Quote}
  471.  
  472. {block:Link}<div id="textlinks"><h1><a href="{URL}" {Target}>{Name}</a></h1></div>{block:Description}{Description}{/block:Description}{/block:Link}
  473.  
  474. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  475.  
  476. {block:Audio}<div class="musicbox"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="musicinfo">
  477. {block:TrackName}<div style="font-size:12px; font-style:italic; padding:5px!imporant;">{TrackName}</div>{/block:Trackname}<br>{block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}{block:Album} - {Album}</span>{/block:Album}<br><br>{block:PlayCount}<span style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px;">{PlayCount} plays</span> {/block:PlayCount}</div><div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  478.  
  479. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  480.  
  481. {block:Answer}<div id="asker">{Question} —<span style="font-family:cambria;font-size:11px; font-style:italic; text-align:right;">{Asker}</span></div><left><font face="cambria">{Answer}</font>{/block:Answer}
  482.  
  483. <div id="info">
  484. {block:Date}<a href="{Permalink}">
  485. {TimeAgo}</a></a>{/block:Date} | <a href="{Permalink}">
  486. {NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"
  487. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} <br> {block:HasTags} <div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  488.  
  489. </div>
  490.  
  491. </div>
  492. {/block:Posts}
  493. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  494. {/block:Posts}</div></div></div>
  495.  
  496. <div id="credit"><a href="http://caskisses.tumblr.com" target="_blank">©LB</a></div>
  497.  
  498.  
  499. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!