API tools faq
paste
Belgrravia

Dead Sea

Belgrravia
Jun 4th, 2015
803
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.13 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. dead sea
  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-weight:700;
  88. font-family: 'Helvetica', sans-serif;
  89. z-index:999999999;
  90. }
  91.  
  92. ::-webkit-scrollbar {height: 0px;
  93. width: 3px;
  94. -webkit-border-radius: 0px;
  95. background-color:{color:background}}
  96. ::-webkit-scrollbar-thumb{background-color:{color:text};
  97. }
  98.  
  99. html, body {margin:0;padding:0;height:100%;}
  100.  
  101. body {
  102. background-color:{color:background};
  103. color:{color:text};
  104. font-size:9px;
  105. margin:0;
  106. font-family: 'Fira Mono',monospace ;
  107. background-image: url("{image:background}");
  108. background-repeat:repeat;
  109. background-position: bottom;
  110. background-attachment: fixed;
  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-top:80px;
  124. }
  125.  
  126. #posts img {
  127. {block:If500pxposts}
  128. max-width:500px;
  129. {/block:If500pxposts}
  130. {block:If400pxposts}
  131. max-width:400px;
  132. {/block:If400pxposts}
  133. {block:If250pxposts}
  134. max-width:250px;
  135. {/block:If250pxposts}
  136. }
  137.  
  138.  
  139. #posts, #posts img, #posts blockquote {
  140. font-size:11px;
  141. color:{color:text};
  142. }
  143.  
  144.  
  145. .entries {
  146. {block:If500pxposts}
  147. width:500px;
  148. {/block:If500pxposts}
  149. {block:If400pxposts}
  150. width:400px;
  151. {/block:If400pxposts}
  152. {block:If250pxposts}
  153. width:250px;
  154. {/block:If250pxposts}
  155. padding:10px;
  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:auto;
  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. #sidebar {
  206. margin:auto;
  207. width:150px;
  208. margin-top:80px;
  209. text-align:center;
  210. word-wrap:break-word;
  211. }
  212.  
  213. #nav {
  214. text-transform:lowercase;
  215. font-size:9px;
  216. letter-spacing:.2px;
  217. text-align:center;
  218. margin-bottom:5px;
  219. font-weight:700;
  220. }
  221.  
  222. #nav a:hover {
  223. cursor:help;
  224. }
  225.  
  226. #title {
  227. word-wrap:break-word;
  228. font-size:16px;
  229. font-family: 'Helvetica', sans-serif;
  230. text-transform:uppercase;
  231. color:{color:title};
  232. margin-bottom:5px;
  233. font-weight:700;
  234. }
  235.  
  236. #description {
  237. font-size:10px;
  238. width:150px;
  239. line-height:140%;
  240. margin-top:5px;
  241. }
  242.  
  243.  
  244. #postinfo {
  245. {block:If500pxposts}
  246. width:500px;
  247. {/block:If500pxposts}
  248. {block:If400pxposts}
  249. width:400px;
  250. {/block:If400pxposts}
  251. {block:If250pxposts}
  252. width:250px;
  253. {/block:If250pxposts}
  254. font-size:9px;
  255. padding-top:10px;
  256. padding-bottom:5px;
  257. letter-spacing:.5px;
  258. text-align:left;
  259. text-transform:uppercase;
  260. }
  261.  
  262.  
  263. a:link, a:visited {
  264. text-decoration:underline;
  265. color:{color:link};
  266. }
  267.  
  268. a:hover {
  269. text-decoration:underline;
  270. cursor: crosshair;
  271. color:{color:link hover};
  272. }
  273.  
  274.  
  275. .pagenotes {
  276. {block:IndexPage}
  277. display: none;
  278. {/block:IndexPage}
  279. {block:If500pxposts}
  280. width:500px;
  281. {/block:If500pxposts}
  282. {block:If400pxposts}
  283. width:400px;
  284. {/block:If400pxposts}
  285. {block:If250pxposts}
  286. width:250px;
  287. {/block:If250pxposts}
  288. padding:10px;
  289. margin-bottom:30px;
  290. margin-top:20px;
  291. margin-left:-30px;
  292. letter-spacing:.5px;
  293. text-transform:uppercase;
  294. font-size:10px;
  295. }
  296.  
  297. .pagenotes img {
  298. display:none;
  299. }
  300. .pagenotes li {
  301. list-style-type:none;
  302. padding:5px 0px;
  303. text-align:left;
  304. }
  305. .tags {
  306. {block:If500pxposts}
  307. width:500px;
  308. {/block:If500pxposts}
  309. {block:If400pxposts}
  310. width:400px;
  311. {/block:If400pxposts}
  312. {block:If250pxposts}
  313. width:250px;
  314. {/block:If250pxposts}
  315. font-size:9px;
  316. margin-top:5px;
  317. letter-spacing:.5px;
  318. word-wrap:break-word;
  319. text-align:right
  320. text-transform:lowercase;
  321. }
  322.  
  323. .tags a {
  324. text-transform:lowercase;
  325. text-decoration:none;
  326. }
  327.  
  328. .pagi {
  329. {block:If500pxposts}
  330. width:500px;
  331. {/block:If500pxposts}
  332. {block:If400pxposts}
  333. width:400px;
  334. {/block:If400pxposts}
  335. {block:If250pxposts}
  336. width:250px;
  337. {/block:If250pxposts}
  338. margin:auto;
  339. text-align:center;
  340. word-spacing:5px;
  341. margin-top:50px;
  342. letter-spacing:1px;
  343. margin-bottom:50px;
  344. color:{color:link};
  345. font-size:11px;
  346. font-weight:700;
  347. }
  348. .player {
  349. width:50px;
  350. height:25px;
  351. overflow:hidden;
  352. position:absolute;
  353. background:white;}
  354.  
  355. .audioinfo {
  356. margin-left:50px;
  357. font-size:12px;
  358. }
  359.  
  360. .q {
  361. text-align:center;
  362. font-weight:bold;
  363. }
  364.  
  365. .as {
  366. font-weight:bold;
  367. text-transform:uppercase;
  368. margin-bottom:10px;
  369. }
  370.  
  371.  
  372. .a {
  373. margin-top:10px;
  374.  
  375. }
  376.  
  377. .chat ol {
  378. padding:0;
  379. list-style:none;
  380. }
  381.  
  382. .label {font-weight:bold;
  383. }
  384.  
  385. .newplayerbutton {
  386. position: relative;
  387. width: 28px;
  388. height: 27px;
  389. overflow: hidden;
  390. }
  391.  
  392. .playerbuttonhug {
  393. position: absolute;
  394. top: -11px;
  395. left: -12px;
  396. }
  397.  
  398.  
  399. .tumblr_audio_player {
  400. border: none;
  401. padding: 0px;
  402. margin: 0px;
  403. height: 50px;
  404. width: 500px;
  405. }
  406.  
  407. .playerbuttonbg {
  408. position: absolute;
  409. z-index:999;
  410. left: 30px;
  411. top: 30px;
  412. width: 28px;
  413. height: 28px;
  414. background-color: #ffffff;
  415. padding: 10px;
  416. -webkit-border-radius: 40px;
  417. -moz-border-radius: 40px;
  418. border-radius: 0px;
  419. opacity: .4;
  420. filter: alpha(opacity=40);
  421. -moz-opacity: 0.4;
  422. -khtml-opacity: 0.4;
  423. transition: opacity .7s ease-in-out;
  424. -moz-transition: opacity .7s ease-in-out;
  425. -webkit-transition: opacity .7s ease-in-out;
  426. }
  427.  
  428. .playerbuttonbg:hover {
  429. opacity: 1;
  430. filter: alpha(opacity=100);
  431. -moz-opacity: 1;
  432. -khtml-opacity: 1;
  433. }
  434.  
  435. .audioimgwrapper {
  436. position: absolute;
  437. padding:10px;
  438. background-color:{color:sidebar background};
  439. left: 0px;
  440. top: 0px;
  441. -webkit-border-radius: 50px;
  442. -moz-border-radius: 50px;
  443. border-radius: 0px;
  444. overflow: hidden;
  445. width: 90px;
  446. height: 88px;
  447. }
  448.  
  449. .audioimgwrapper img {
  450. width: 100%;
  451. height: auto;
  452. -webkit-border-radius: 50px;
  453. -moz-border-radius: 50px;
  454. border-radius: 0px;
  455. }
  456.  
  457. .trackdetails {
  458. width: auto;
  459. display:inline-block;
  460. margin-left: 120px;
  461. line-height:200%;
  462. min-height: 85px;
  463. margin-top:0px;
  464. }
  465.  
  466. .audiowrapper {
  467. position: relative;
  468. display:inline-block;
  469. margin-bottom:20px;
  470. }
  471. #credit {
  472. position:fixed;
  473. color:{color:text};
  474. bottom:2px;
  475. right:1px;
  476. padding:4px;
  477. font-size:12px;
  478. }
  479.  
  480. #credit a {
  481. text-decoration:none;
  482. }
  483.  
  484.  
  485.  
  486. </style>
  487. </head>
  488. <body>
  489.  
  490. <div id="sidebar">
  491. <div id="title">{title}</div>
  492. <div id="nav">
  493. <a href="{text:link1url}">{text:link1}</a>&nbsp;
  494. <a href="{text:link2url}">{text:link2}</a>&nbsp;
  495. <a href="{text:link3url}">{text:link3}</a>&nbsp;
  496. <a href="{text:link4url}">{text:link4}</a>
  497. </div>
  498. <div id="description">{Description}</div>
  499. </div>
  500.  
  501. <div id="content">
  502. {block:Posts}<div id="posts">
  503.  
  504. <div class="entries">
  505. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  506.  
  507. {block:Quote}<h2>&#147;{Quote}&#148;</h2><h1>{Source}</h1>{/block:Quote}
  508.  
  509. {block:Link}</div><a href="{URL}"><h3>{Name}</h3></a>
  510.  
  511. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  512.  
  513. {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}
  514.  
  515. {block:Photoset}
  516. {block:If500pxposts}
  517. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  518. {/block:If500pxposts}
  519. {block:If400pxposts}
  520. <center>{Photoset-400}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  521.  
  522. {/block:If400pxposts}
  523. {block:If250pxposts}
  524. <center>{Photoset-250}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  525.  
  526. {/block:If250pxposts}
  527. {/block:Photoset}
  528.  
  529. {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}
  530.  
  531. {block:Video} {block:If500pxposts} {Video-500}{block:Caption}{Caption}{/block:Caption}
  532. {/block:If500pxposts}
  533. {block:If400pxposts}
  534. {Video-400}{block:Caption}{Caption}{/block:Caption}
  535. {/block:If400pxposts}
  536. {block:If250pxposts}
  537. {Video-250}{block:Caption}{Caption}{/block:Caption}
  538. {/block:If250pxposts}{/block:Video}
  539.  
  540. {block:Audio}{block:AudioPlayer}
  541. <div class="audiowrapper">
  542. {block:AlbumArt}
  543. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  544. {/block:AlbumArt}
  545.  
  546. <div class="playerbuttonbg">
  547. <div class="newplayerbutton">
  548. <div class="playerbuttonhug">
  549.  
  550. {AudioPlayerWhite}
  551.  
  552. </div>
  553. </div>
  554. </div>
  555.  
  556. <div class="trackdetails">
  557.  
  558. {block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}<br/>
  559. {block:Artist}<em>{Artist}</em> {/block:Artist}<br/>
  560. {block:Album}{Album}{/block:Album}<br/>
  561. {PlayCountWithLabel}
  562.  
  563. </div>
  564. </div>
  565. {/block:AudioPlayer}{/block:Audio}
  566.  
  567.  
  568. {block:Answer}
  569. <div class="q">
  570. <div class="as">{Asker} inquired: </div>
  571. {Question}</div>
  572. <div class="a">{Answer}</div>
  573. {/block:Answer}
  574.  
  575. {block:Date}<div id="postinfo">&#8627;<a href="{permalink}">{ShortMonth}&nbsp;{DayofMonth}{DayofMonthSuffix}</a>&nbsp;<a href="{permalink}">{NoteCount} notes</a>{block:PermalinkPage}{block:RebloggedFrom}&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">&nbsp;src</a>{/block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag},&nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}</div>{/block:Date}
  576. </div>
  577. {block:PostNotes}
  578. <div class="pagenotes">
  579. {PostNotes}
  580. </div>
  581. {/block:PostNotes}
  582. </div>
  583. {/block:Posts}
  584. </div>
  585. </div>
  586. <div class="pagi">
  587. {block:Pagination}
  588. {block:PreviousPage}
  589. <a href="{PreviousPage}">back</a>
  590. {/block:PreviousPage}
  591.  
  592.  
  593. {block:NextPage}
  594. <a href="{NextPage}">next </a>
  595. {/block:NextPage}
  596. {/block:Pagination}
  597. </div>
  598.  
  599.  
  600. {block:ContentSource}
  601. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  602. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  603. {/block:SourceLogo}
  604. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  605. {/block:ContentSource}
  606. <div id="credit">
  607. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#916;</a></div>
  608.  
  609. </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!