API tools faq
paste
Belgrravia

These Days Are Numbered

Belgrravia
Jun 13th, 2015
749
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.59 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. these days are numbered
  3. theme by kalopsiathemes
  4. Please do not
  5. -remove the credit
  6. -steal parts of code
  7. -use as a base
  8.  
  9. Feel free to
  10. -edit parts of the theme
  11. -ask me any questions
  12. -->
  13. <!DOCTYPE html>
  14. <head>
  15. <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:link" content="#090909"/>
  25. <meta name="color:link hover" content="#090909"/>
  26. <meta name="color:borders" content="#090909"/>
  27. <meta name="color:title" content="#090909"/>
  28. <meta name="color:text" content="#090909"/>
  29. <meta name="image:Background" content=""/>
  30. <meta name="image:sidebar" content=""/>
  31.  
  32. <meta name="if:500px posts" content="0"/>
  33. <meta name="if:400px posts" content="1"/>
  34. <meta name="if:250px posts" content="0"/>
  35.  
  36.  
  37. <meta name="text:link1" content="">
  38. <meta name="text:link1url" content="" />
  39. <meta name="text:link2" content="">
  40. <meta name="text:link2url" content="" />
  41. <meta name="text:link3" content="">
  42. <meta name="text:link3url" content="" />
  43. <meta name="text:link4" content="">
  44. <meta name="text:link4url" content="" />
  45. <meta name="text:link5" content="">
  46. <meta name="text:link5url" content="" />
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  50.  
  51. <script>
  52.  
  53. (function($){
  54.  
  55. $(document).ready(function(){
  56.  
  57. $("a[title]").style_my_tooltips({
  58.  
  59. tip_follows_cursor:true,
  60.  
  61. tip_delay_time:30,
  62.  
  63. tip_fade_speed:300,
  64.  
  65. attribute:"title"
  66.  
  67. });
  68.  
  69. });
  70.  
  71. })(jQuery);
  72.  
  73. </script>
  74.  
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. #s-m-t-tooltip {max-width:400px;
  80. padding:2px;
  81. margin:10px 0px 0px 10px;
  82. padding:2px 4px;
  83. background-color:{color:text};
  84. text-transform:uppercase;
  85. font-size:7px;
  86. letter-spacing:3px;
  87. color:{color:background};
  88. font-weight:700;
  89. font-family: 'Helvetica', sans-serif;
  90. z-index:999999999;
  91. }
  92.  
  93. ::-webkit-scrollbar {height: 0px;
  94. width: 3px;
  95. -webkit-border-radius: 0px;
  96. background-color:{color:background}}
  97. ::-webkit-scrollbar-thumb{background-color:{color:text};
  98. }
  99.  
  100. html, body {margin:0;padding:0;height:100%;}
  101.  
  102. body {
  103. background-color:{color:background};
  104. color:{color:text};
  105. font-size:9px;
  106. margin:0;
  107. font-family: 'Droid Sans', sans-serif;
  108. background-image: url("{image:background}");
  109. background-repeat:repeat;
  110. background-position: bottom;
  111. background-attachment: fixed;
  112. }
  113.  
  114. #posts {
  115. {block:If500pxposts}
  116. width:500px;
  117. {/block:If500pxposts}
  118. {block:If400pxposts}
  119. width:400px;
  120. {/block:If400pxposts}
  121. {block:If250pxposts}
  122. width:250px;
  123. {/block:If250pxposts}
  124. margin-top:100px;
  125. }
  126.  
  127. #posts img {
  128. {block:If500pxposts}
  129. max-width:500px;
  130. {/block:If500pxposts}
  131. {block:If400pxposts}
  132. max-width:400px;
  133. {/block:If400pxposts}
  134. {block:If250pxposts}
  135. max-width:250px;
  136. {/block:If250pxposts}
  137. }
  138.  
  139.  
  140. #posts, #posts img, #posts blockquote {
  141. font-size:11px;
  142. color:{color:text};
  143. }
  144.  
  145.  
  146. .entries {
  147. {block:If500pxposts}
  148. width:500px;
  149. {/block:If500pxposts}
  150. {block:If400pxposts}
  151. width:400px;
  152. {/block:If400pxposts}
  153. {block:If250pxposts}
  154. width:250px;
  155. {/block:If250pxposts}
  156. padding:10px;
  157.  
  158. }
  159.  
  160. small {
  161. font-size:10px;
  162. }
  163.  
  164. big {
  165. font-size:12px;
  166. }
  167.  
  168.  
  169. h2 {
  170. font-size:14px;
  171. color:{color:title};
  172. text-align:center;
  173. text-transform:lowercase;
  174. }
  175.  
  176. h1 {
  177. font-size:10px;
  178. Text-align:center;
  179. letter-spacing:1px;
  180. color:{color:text};
  181. }
  182.  
  183. h3 {
  184. font-size:11px;
  185. color:{color:text};
  186. letter-spacing:1px;
  187.  
  188. }
  189.  
  190.  
  191. #content {
  192. width:100%;
  193. margin-left:40%;
  194. padding-top:50px;
  195. {block:If500pxposts}
  196. width:500px;
  197. {/block:If500pxposts}
  198. {block:If400pxposts}
  199. width:400px;
  200. {/block:If400pxposts}
  201. {block:If250pxposts}
  202. width:250px;
  203. {/block:If250pxposts}
  204. }
  205.  
  206. #top {
  207. width:100%;
  208. height:100px;
  209. top:0px;
  210. position:fixed;
  211. background-color:{color:Background};
  212. border-bottom:1px solid {color:borders};
  213. }
  214.  
  215. #container {
  216. width:300px;
  217. height:100%;
  218. top:100px;
  219. position:fixed;
  220. border-right:1px solid {color:borders};
  221. }
  222.  
  223. #sidebar {
  224. width:100px;
  225. padding-right:10px;
  226. padding-top:10px;
  227. float:right;
  228. text-align:right;
  229. word-wrap:break-word;
  230. }
  231.  
  232.  
  233. #nav {
  234. text-transform:lowercase;
  235. word-wrap:break-word;
  236. font-size:9px;
  237. margin-top:10px;
  238. letter-spacing:.2px;
  239. line-height:125%;
  240. }
  241.  
  242. .link {
  243. width:100px;
  244. padding-top:4px;
  245. border-bottom:1px solid {color:borders};
  246. }
  247.  
  248. #nav a:hover {
  249. cursor:help;
  250. }
  251.  
  252. #side {
  253. width:300px;
  254. height:100px;
  255. position:fixed;
  256. display:table;
  257. border-right:1px solid {color:borders};
  258. }
  259.  
  260. #title {
  261. word-wrap:break-word;
  262. text-align:right;
  263. display:table-cell;
  264. vertical-align:bottom;
  265. font-size:13px;
  266. text-transform:lowercase;
  267. color:{color:title};
  268. font-family:Arial, sans-serif;
  269. font-weight:700;
  270. }
  271.  
  272. #title p {
  273. width:100px;
  274. float:right;
  275. padding-right:10px;
  276. }
  277.  
  278. #description {
  279. font-size:10px;
  280. line-height:140%;
  281. margin-top:5px;
  282. font-style:italic;
  283. }
  284.  
  285.  
  286. #postinfo {
  287. {block:If500pxposts}
  288. width:500px;
  289. {/block:If500pxposts}
  290. {block:If400pxposts}
  291. width:400px;
  292. {/block:If400pxposts}
  293. {block:If250pxposts}
  294. width:250px;
  295. {/block:If250pxposts}
  296. font-size:9px;
  297. margin-top:5px;
  298. padding-top:5px;
  299. letter-spacing:.5px;
  300. text-align:left;
  301. text-transform:lowercase;
  302. border-bottom:1px solid {color:borders};
  303. }
  304.  
  305. a:visited, a:link {
  306. text-decoration:none;
  307. color:{color:link};
  308. }
  309.  
  310. a:hover {
  311. cursor: crosshair;
  312. color:{color:link hover};
  313. }
  314.  
  315. .source {
  316. padding-top:3px;
  317. padding-bottom:3px;
  318. border-top:1px solid {color:borders};
  319. }
  320.  
  321. .date {
  322. padding-bottom:3px;
  323. }
  324.  
  325.  
  326. .pagenotes {
  327. {block:IndexPage}
  328. display: none;
  329. {/block:IndexPage}
  330. {block:If500pxposts}
  331. width:500px;
  332. {/block:If500pxposts}
  333. {block:If400pxposts}
  334. width:400px;
  335. {/block:If400pxposts}
  336. {block:If250pxposts}
  337. width:250px;
  338. {/block:If250pxposts}
  339. padding:10px;
  340. margin-bottom:30px;
  341. margin-top:20px;
  342. letter-spacing:.5px;
  343. text-transform:lowercase;
  344. font-size:10px;
  345. }
  346.  
  347. .pagenotes img {
  348. display:none;
  349. }
  350. .pagenotes li {
  351. {block:If500pxposts}
  352. width:500px;
  353. {/block:If500pxposts}
  354. {block:If400pxposts}
  355. width:400px;
  356. {/block:If400pxposts}
  357. {block:If250pxposts}
  358. width:250px;
  359. {/block:If250pxposts}
  360. list-style-type:none;
  361. padding:5px 0px;
  362. text-align:left;
  363. margin-left:-40px;
  364. border-bottom:1px solid {color:borders};
  365. }
  366. .tags {
  367. {block:If500pxposts}
  368. width:500px;
  369. {/block:If500pxposts}
  370. {block:If400pxposts}
  371. width:400px;
  372. {/block:If400pxposts}
  373. {block:If250pxposts}
  374. width:250px;
  375. {/block:If250pxposts}
  376. font-size:9px;
  377. padding-top:3px;
  378. padding-bottom:3px;
  379. letter-spacing:.5px;
  380. word-wrap:break-word;
  381. text-align:left;
  382. border-top:1px solid {color:borders};
  383. text-transform:lowercase;
  384. }
  385.  
  386. .tags a {
  387. text-transform:lowercase;
  388. text-decoration:none;
  389. }
  390.  
  391. .pagi {
  392. {block:If500pxposts}
  393. width:500px;
  394. {/block:If500pxposts}
  395. {block:If400pxposts}
  396. width:400px;
  397. {/block:If400pxposts}
  398. {block:If250pxposts}
  399. width:250px;
  400. {/block:If250pxposts}
  401. margin-left:40%;
  402. text-align:center;
  403. word-spacing:5px;
  404. margin-top:50px;
  405. letter-spacing:1px;
  406. margin-bottom:50px;
  407. color:{color:link};
  408. font-size:10px;
  409. color:{color:title};
  410. font-weight:700;
  411. }
  412.  
  413. .pagi a {
  414. color:{color:title};
  415. }
  416. .player {
  417. width:50px;
  418. height:25px;
  419. overflow:hidden;
  420. position:absolute;
  421. background:white;}
  422.  
  423. .audioinfo {
  424. margin-left:50px;
  425. font-size:12px;
  426. }
  427.  
  428. .q {
  429. text-align:center;
  430. font-weight:bold;
  431. }
  432.  
  433. .as {
  434. font-weight:bold;
  435. text-transform:uppercase;
  436. margin-bottom:10px;
  437. }
  438.  
  439.  
  440. .a {
  441. margin-top:10px;
  442.  
  443. }
  444.  
  445. .chat ol {
  446. padding:0;
  447. list-style:none;
  448. }
  449.  
  450. .label {font-weight:bold;
  451. }
  452.  
  453. .newplayerbutton {
  454. position: relative;
  455. width: 28px;
  456. height: 27px;
  457. overflow: hidden;
  458. }
  459.  
  460. .playerbuttonhug {
  461. position: absolute;
  462. top: -11px;
  463. left: -12px;
  464. }
  465.  
  466.  
  467. .tumblr_audio_player {
  468. border: none;
  469. padding: 0px;
  470. margin: 0px;
  471. height: 50px;
  472. width: 500px;
  473. }
  474.  
  475. .playerbuttonbg {
  476. position: absolute;
  477. z-index:999;
  478. left: 30px;
  479. top: 30px;
  480. width: 28px;
  481. height: 28px;
  482. background-color: #ffffff;
  483. padding: 10px;
  484. -webkit-border-radius: 40px;
  485. -moz-border-radius: 40px;
  486. border-radius: 0px;
  487. opacity: .4;
  488. filter: alpha(opacity=40);
  489. -moz-opacity: 0.4;
  490. -khtml-opacity: 0.4;
  491. transition: opacity .7s ease-in-out;
  492. -moz-transition: opacity .7s ease-in-out;
  493. -webkit-transition: opacity .7s ease-in-out;
  494. }
  495.  
  496. .playerbuttonbg:hover {
  497. opacity: 1;
  498. filter: alpha(opacity=100);
  499. -moz-opacity: 1;
  500. -khtml-opacity: 1;
  501. }
  502.  
  503. .audioimgwrapper {
  504. position: absolute;
  505. padding:10px;
  506. background-color:{color:sidebar background};
  507. left: 0px;
  508. top: 0px;
  509. -webkit-border-radius: 50px;
  510. -moz-border-radius: 50px;
  511. border-radius: 0px;
  512. overflow: hidden;
  513. width: 90px;
  514. height: 88px;
  515. }
  516.  
  517. .audioimgwrapper img {
  518. width: 100%;
  519. height: auto;
  520. -webkit-border-radius: 50px;
  521. -moz-border-radius: 50px;
  522. border-radius: 0px;
  523. }
  524.  
  525. .trackdetails {
  526. width: auto;
  527. display:inline-block;
  528. margin-left: 120px;
  529. line-height:200%;
  530. min-height: 85px;
  531. margin-top:0px;
  532. }
  533.  
  534. .audiowrapper {
  535. position: relative;
  536. display:inline-block;
  537. margin-bottom:20px;
  538. }
  539. #credit {
  540. position:fixed;
  541. color:{color:text};
  542. bottom:2px;
  543. right:1px;
  544. padding:4px;
  545. font-size:12px;
  546. }
  547.  
  548. #credit a {
  549. text-decoration:none;
  550. }
  551.  
  552.  
  553.  
  554. </style>
  555. </head>
  556. <body>
  557.  
  558. <div id="top">
  559. <div id="side">
  560. <div id="title"><p>{title}</p></div>
  561. </div>
  562. </div>
  563. <div id="container">
  564. <div id="sidebar">
  565. <div id="description">{Description}</div>
  566. <div id="nav">
  567. <div class="link"><a href="{text:link1url}">{text:link1}</a></div>
  568. <div class="link"><a href="{text:link2url}">{text:link2}</a></div>
  569. <div class="link"><a href="{text:link3url}">{text:link3}</a></div>
  570. <div class="link"><a href="{text:link4url}">{text:link4}</a></div>
  571. </div>
  572. </div></div>
  573.  
  574. <div id="content">
  575. {block:Posts}<div id="posts">
  576.  
  577. <div class="entries">
  578. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  579.  
  580. {block:Quote}<h2>&#147;{Quote}&#148;</h2><h1>{Source}</h1>{/block:Quote}
  581.  
  582. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  583.  
  584. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  585.  
  586. {block:Photo} {block:If500pxposts}<img src="{PhotoURL-500}" />{block:Caption}{Caption}{/block:Caption} {/block:If500pxposts}{block:If400pxposts}<img src="{PhotoURL-400}" />{block:Caption}{Caption}{/block:Caption} {/block:If400pxposts}{block:If250pxposts}<img src="{PhotoURL-250}" />{block:Caption}{Caption}{/block:Caption} {/block:If250pxposts}{/block:Photo}
  587.  
  588. {block:Photoset}
  589. {block:If500pxposts}
  590. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  591. {/block:If500pxposts}
  592. {block:If400pxposts}
  593. <center>{Photoset-400}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  594.  
  595. {/block:If400pxposts}
  596. {block:If250pxposts}
  597. <center>{Photoset-250}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  598.  
  599. {/block:If250pxposts}
  600. {/block:Photoset}
  601.  
  602. {block:Chat}<ul class="chat">{block:Title}<h3>{Title}</h3>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  603.  
  604. {block:Video} {block:If500pxposts} {Video-500}{block:Caption}{Caption}{/block:Caption}
  605. {/block:If500pxposts}
  606. {block:If400pxposts}
  607. {Video-400}{block:Caption}{Caption}{/block:Caption}
  608. {/block:If400pxposts}
  609. {block:If250pxposts}
  610. {Video-250}{block:Caption}{Caption}{/block:Caption}
  611. {/block:If250pxposts}{/block:Video}
  612.  
  613. {block:Audio}{block:AudioPlayer}
  614. <div class="audiowrapper">
  615. {block:AlbumArt}
  616. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  617. {/block:AlbumArt}
  618.  
  619. <div class="playerbuttonbg">
  620. <div class="newplayerbutton">
  621. <div class="playerbuttonhug">
  622.  
  623. {AudioPlayerWhite}
  624.  
  625. </div>
  626. </div>
  627. </div>
  628.  
  629. <div class="trackdetails">
  630.  
  631. {block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}<br/>
  632. {block:Artist}<em>{Artist}</em> {/block:Artist}<br/>
  633. {block:Album}{Album}{/block:Album}<br/>
  634. {PlayCountWithLabel}
  635.  
  636. </div>
  637. </div>
  638. {/block:AudioPlayer}{/block:Audio}
  639.  
  640.  
  641. {block:Answer}
  642. <div class="q">
  643. <div class="as">{Asker} inquired: </div>
  644. {Question}</div>
  645. <div class="a">{Answer}</div>
  646. {/block:Answer}
  647.  
  648. {block:Date}<div id="postinfo"><div class="date"><a href="{permalink}">{ShortMonth}&nbsp;{DayofMonth}{DayofMonthSuffix}</a> //&nbsp;<a href="{permalink}">{NoteCount} notes</a></div><div class="source">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">//&nbsp;src</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{block:HasTags}<div class="tags">filed under: {block:Tags}<a href="{TagUrl}">{Tag},&nbsp;</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  649. </div>
  650. {block:PostNotes}
  651. <div class="pagenotes">
  652. {PostNotes}
  653. </div>
  654. {/block:PostNotes}
  655. </div>
  656. {/block:Posts}
  657. </div>
  658. </div>
  659. <div class="pagi">
  660. {block:Pagination}
  661. {block:PreviousPage}
  662. <a href="{PreviousPage}"> back</a> //
  663. {/block:PreviousPage}
  664.  
  665.  
  666. {block:NextPage}
  667. <a href="{NextPage}">next </a>
  668. {/block:NextPage}
  669. {/block:Pagination}
  670. </div>
  671.  
  672.  
  673. {block:ContentSource}
  674. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  675. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  676. {/block:SourceLogo}
  677. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  678. {/block:ContentSource}
  679. <div id="credit">
  680. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#916;</a></div>
  681.  
  682. </body></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!