API tools faq
paste
Belgrravia

Hoax

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