API tools faq
paste
Belgrravia

Specter

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