API tools faq
paste
Belgrravia

Gone

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