API tools faq
paste
Belgrravia

Canyon Moon

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