API tools faq
paste
Laighlin

#3: Equinox

Laighlin
May 21st, 2016
574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link href='https://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
  7. <link href='https://www.dropbox.com/s/78u6sofrjvtcv76/space%20age.ttf' rel='stylesheet' type='text/css'>
  8. {block:ifCustomTooltip}<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>{/block:ifCustomTooltip}
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!-------------------- Equinox by Laighlin -------------------
  12.  
  13. please don't claim the theme as your own or use the code as a base.
  14. the credit link in the nav is pretty inoffensive, so I'd prefer if you left
  15. it as it is, but if you absolutely must move it please link my blog
  16. somewhere that's still visible from the index page. people should be able to
  17. find me and my work easily.
  18.  
  19. [version: 1.2 - post background colors no longer restricted to white/gray/black]
  20.  
  21. --------------------------------------------------------------->
  22.  
  23. <meta name="color:background color" content="#00c691"/>
  24. <meta name="color:borders" content="#00c691"/>
  25. <meta name="image:background" content="/"/>
  26. <meta name="image:favicon" content="http://static.tumblr.com/23238c8e69fed0c23cec6d597970b2a2/xwoxjom/MKTo7j4ez/tumblr_static_d34sv0deetws8sg44kg4kowko.png"/>
  27. <meta name="if:500 px" content="1"/>
  28. <meta name="if:left posts" content="0"/>
  29. <meta name="select:bg size" content="repeat" title="tiled"/>
  30. <meta name="select:bg size" content="cover" title="stretch"/>
  31. <meta name="if:black or white controls" content="0"/>
  32. <meta name="if:custom tooltip" content="1"/>
  33.  
  34. <meta name="color:title" content="#008947"/>
  35. <meta name="color:desc text" content="#555555"/>
  36. <meta name="color:post text" content="#313131"/>
  37. <meta name="color:posts bg" content="#fff"/>
  38. <meta name="color:bold" content="#ff3624"/>
  39. <meta name="color:italic" content="#ff9100"/>
  40. <meta name="color:link" content="#00c691"/>
  41. <meta name="color:link hover" content="#519700"/>
  42. <meta name="color:selection text" content="#fff"/>
  43. <meta name="color:selection bg" content="#00c691"/>
  44. <meta name="color:scroll thumb" content="#00c691"/>
  45. <meta name="color:custom links text" content="#008c48"/>
  46. <meta name="color:tags" content="#94c100"/>
  47. <meta name="color:tags hover" content="#ff7353"/>
  48.  
  49. <!-- text fields -->
  50. <meta name="text:body font" content="consolas"/>
  51. <meta name="text:desc font" content="consolas"/>
  52. <meta name="text:body font size" content="13px"/>
  53. <meta name="text:desc font size" content="11px"/>
  54. <meta name="text:title font" content="space-age"/>
  55. <meta name="text:element opacity" content=".7"/>
  56. <meta name="text:hover opacity" content=".9"/>
  57.  
  58. <style type="text/css">
  59.  
  60. @font-face {
  61. font-family: space-age;
  62. src: url(https://dl.dropboxusercontent.com/s/78u6sofrjvtcv76/space%20age.ttf);
  63. }
  64.  
  65. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  66. {block:ifLeftPosts}
  67. right:0px;
  68. {/block:ifLeftPosts}
  69. {block:ifNotLeftPosts}
  70. left:0px;
  71. {/block:ifNotLeftPosts}
  72. opacity:.8;
  73. z-index:9999999!important;
  74. transition:.3s all ease;
  75. }
  76.  
  77. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover {
  78. opacity:1;
  79. }
  80.  
  81. body {
  82. background:url({image:background}) {color:background color} fixed;
  83. background-size:{select:bg size};
  84. margin:0px;
  85. color:{color:post text};
  86. font-family:'{text:body font}';
  87. font-size:{text:body font size};
  88. line-height:130%;
  89. overflow:hidden;
  90. word-wrap:break-word;
  91. }
  92.  
  93. b, strong {
  94. color:{color:bold};
  95. }
  96.  
  97. i, em {
  98. color:{color:italic};
  99. }
  100.  
  101. a {
  102. text-decoration:none;
  103. outline:none;
  104. -moz-outline-style:none;
  105. color:{color:link};
  106. transition:.3s all ease-in-out;
  107. }
  108.  
  109. a:hover {
  110. color:{color:link hover};
  111. }
  112.  
  113. img {
  114. border:none;
  115. max-height:100%;
  116. max-width:100%;
  117. }
  118.  
  119. blockquote {
  120. padding-left:7px;
  121. margin-left:7px;
  122. border-left:1px solid {color:borders};
  123. margin-right:0px;
  124. }
  125.  
  126. blockquote blockquote {
  127. padding-left:7px;
  128. margin-left:7px;
  129. border-left:1px solid {color:blockquotes};
  130. margin-right:0px;
  131. }
  132.  
  133. h1 {
  134. font-size:15px;
  135. text-align:center;
  136. }
  137.  
  138.  
  139. #s-m-t-tooltip {{block:ifCustomTooltip}
  140. z-index: 100000;
  141. margin: 10px;
  142. padding: 5px;
  143. padding-top:4px;
  144. background: {color:custom links text};
  145. color:{color:posts bg};
  146. font-size: 12px;
  147. border-radius: 2px;
  148. text-decoration: none;
  149. opacity:.8;{/block:ifCustomTooltip}
  150. }
  151.  
  152.  
  153. ::selection {
  154. background: {color:selection bg};
  155. color: {color:selection text};
  156. }
  157. ::-moz-selection {
  158. background: {color:selection bg};
  159. color: {color:selection text};
  160. }
  161.  
  162. ::-webkit-scrollbar {
  163. background: transparent;
  164. background-clip:padding-box;
  165. height:14px;
  166. width:14px;
  167. }
  168.  
  169. /* Handle */
  170. ::-webkit-scrollbar-thumb {
  171. background: {color:scroll thumb};
  172. background-clip:content-box;
  173. border:2px solid rgba(0,0,0,0);
  174. border-right:4px solid rgba(0,0,0,0);
  175. border-radius:3px;
  176. }
  177.  
  178. #desc, #entries, #title, .links, #nav {
  179. background:rgba({RGBcolor:posts bg},{text:element opacity});
  180. transition:.3s all ease;
  181. }
  182.  
  183. #desc:hover, #entries:hover, #title:hover, .links:hover, #nav:hover {
  184. background:rgba({RGBcolor:posts bg},{text:hover opacity});
  185. }
  186.  
  187. #entries {
  188. padding:10px;
  189. top:0px;
  190. bottom:0px;
  191. {block:if500px}
  192. width:550px;
  193. {/block:if500px}
  194. {block:ifNot500px}
  195. width:450px;
  196. {/block:ifNot500px}
  197. {block:ifLeftPosts}
  198. left:30px;
  199. {/block:ifLeftPosts}
  200. {block:ifNotLeftPosts}
  201. right:30px;
  202. {/block:ifNotLeftPosts}
  203. overflow-y:auto;
  204. z-index:999;
  205. position:absolute;
  206. transition:.3s all ease;
  207. }
  208.  
  209. #post {
  210. {block:if500px}
  211. width:500px;
  212. {/block:if500px}
  213. {block:ifNot500px}
  214. width:400px;
  215. {/block:ifNot500px}
  216. padding:20px;
  217. }
  218.  
  219. .tags {
  220. display:inline;
  221. color:{color:tags};
  222. padding:3px;
  223. text-align:center;
  224. }
  225.  
  226. .tags a {
  227. color:{color:tags};
  228. }
  229.  
  230. .tags a:hover {
  231. color:{color:tags hover};
  232. }
  233.  
  234. .line {
  235. width:80%;
  236. margin:auto;
  237. height:1px;
  238. border-top:1px solid {color:borders};
  239. padding-top:3px;
  240. padding-bottom:3px;
  241. }
  242.  
  243. .quote {
  244. padding:5px;
  245. font-size:130%;
  246. font-family:'lucida sans unicode';
  247. }
  248.  
  249. #title, #desc, {
  250. border-radius:2px;
  251. }
  252.  
  253. #title {
  254. position:relative;
  255. top:50px;
  256. left:0px;
  257. right:0px;
  258. padding-top:10px;
  259. padding-bottom:10px;
  260. font-size:22px;
  261. color:{color:title};
  262. font-family:{text:title font};
  263. {block:ifLeftPosts}
  264. text-align:right;
  265. padding-right:20px;
  266. {/block:ifLeftPosts}
  267. {block:ifNotLeftPosts}
  268. text-align:left;
  269. padding-left:20px;
  270. {/block:ifNotLeftPosts}
  271. z-index:99;
  272. }
  273.  
  274. #title:hover {
  275. }
  276.  
  277. #desc {
  278. position:relative;
  279. margin-top:80px;
  280. height:266px;
  281. left:0px;
  282. right:0px;
  283. padding:2px;
  284. padding-top:6px;
  285. padding-bottom:6px;
  286. line-height:130%;
  287. font-family:'{text:desc font}';
  288. color:{color:desc text};
  289. font-size:{text:desc font size};
  290. z-index:9;
  291. }
  292.  
  293. #description {
  294. position:absolute;
  295. height:250px;
  296. width:350px;
  297. padding:8px;
  298. text-align:center;
  299. overflow-y:auto;
  300. {block:ifLeftPosts}
  301. right:20px;
  302. {/block:ifLeftPosts}
  303. {block:ifNotLeftPosts}
  304. left:20px;
  305. {/block:ifNotLeftPosts}
  306. }
  307.  
  308. #info {
  309. text-align:center;
  310. font-family:calibri;
  311. font-size:14px;
  312. padding:10px;
  313. padding-top:0px;
  314. padding-bottom:30px;
  315. }
  316.  
  317. #via {
  318. width:70%;
  319. margin:auto;
  320. padding:10px;
  321. padding-top:0px;
  322. text-align:center;
  323. font-family:calibri;
  324. font-size:14px;
  325. }
  326.  
  327. #via img {
  328. height:11px;
  329. margin-bottom:-1px;
  330. }
  331.  
  332. #lrb {
  333. text-align:center;
  334. margin:auto;
  335. opacity:.7;
  336. display:inline-block;
  337. padding-left:3px;
  338. padding-right:3px;
  339. }
  340.  
  341. #note {
  342. max-height:500px;
  343. overflow-y:auto;
  344. overflow-x:hidden;
  345. text-align:left;
  346. }
  347.  
  348. #asker {
  349. float:left;
  350. margin-right:5px;
  351. }
  352.  
  353. #aud {
  354. height:20px;
  355. width:20px;
  356. overflow:resize;
  357. }
  358.  
  359. #linkcont {
  360. position:fixed;
  361. right:-3px;
  362. left:-3px;
  363. z-index:999;
  364. }
  365.  
  366. .links {
  367. font-size:13px;
  368. display:block;
  369. margin-top:17px;
  370. padding:5px;
  371. {block:ifLeftPosts}
  372. text-align:right;
  373. padding-left:550px;
  374. padding-right:30px;
  375. {/block:ifLeftPosts}
  376. {block:ifNotLeftPosts}
  377. text-align:left;
  378. padding-right:550px;
  379. padding-left:30px;
  380. {/block:ifNotLeftPosts}
  381. color:{color:custom links text};
  382. border-radius:2px;
  383. }
  384.  
  385. #pag {
  386. margin-top:50px;
  387. margin-left:auto;
  388. margin-right:auto;
  389. text-align:center;
  390. font-family:consolas;
  391. padding-top:8px;
  392. padding-bottom:8px;
  393. font-size:14px;
  394. text-transform:bold;
  395. width:95%;
  396. border-top:1px solid {color:borders};
  397. border-bottom:1px solid {color:borders};
  398. }
  399.  
  400. #pag:hover a {
  401. color:{color:custom links};
  402. }
  403.  
  404. #nav {
  405. position:absolute;
  406. {block:ifLeftPosts}
  407. right:400px;
  408. {/block:ifLeftPosts}
  409. {block:ifNotLeftPosts}
  410. left:400px;
  411. {/block:ifNotLeftPosts}
  412. padding:10px;
  413. padding-top:110px;
  414. width:120px;
  415. top:0px;
  416. bottom:0px;
  417. z-index:9;
  418. }
  419.  
  420. {CustomCSS}</style></head>
  421.  
  422. <body>
  423.  
  424. <div id="title">{Title}</div>
  425.  
  426. <div id="desc">
  427. <div id="description">{Description}</div></div>
  428. <div id="nav">
  429. <i><p><a href="/"><small>i. </small>index</a>
  430. <p align="right"><a href="/ask"><small>ii.</small> message</a>
  431. <p><a href="/submit"><small>iii.</small> submit</a>
  432. <p align="right"><a href="/archive"><small>iv.</small> archive</a>
  433. <p><a href="http://linthm.tumblr.com/thm" title="equinox. by laighlin"><small>v.</small> theme</a></i>
  434. <p>
  435. {block:Pagination}
  436. <div id="pag">
  437. {block:PreviousPage}
  438. <a href="{PreviousPage}">
  439. ←
  440. </a>
  441. {/block:PreviousPage}
  442. {block:JumpPagination length="5"}
  443. {block:CurrentPage}<span>{PageNumber}.</span>{/block:CurrentPage}
  444. {block:JumpPage}<a href="{URL}">{PageNumber}.</a>{/block:JumpPage}{/block:JumpPagination}
  445. {block:NextPage}
  446. <a href="{NextPage}">
  447. →†’
  448. </a>
  449. {/block:NextPage}</div>
  450. {/block:Pagination}
  451.  
  452. </div>
  453.  
  454. <div id="linkcont">
  455. {block:Pages}<a href="{URL}"><div class="links">{Label}</div></a>{/block:Pages}
  456. </div>
  457.  
  458. <div id="entries">
  459.  
  460. {block:Posts}
  461.  
  462. <div id="post">
  463. {block:RebloggedFrom}<div id="via">
  464. <br>•
  465. {block:ifBlackOrWhiteControls}<img src="https://66.media.tumblr.com/965400f0f29766708d08fe114d13428c/tumblr_inline_o7f60nEp6g1seajvs_540.png">
  466. {/block:ifBlackOrWhiteControls}
  467. {block:ifNotBlackOrWhiteControls}<img src="https://66.media.tumblr.com/d5743b3162c9ca599dceff11d3fc3287/tumblr_inline_o7f60vOzNI1seajvs_540.png">
  468. {/block:ifNotBlackOrWhiteControls}
  469. <a href="{ReblogParentURL}"
  470. title="{ReblogParentTitle}">{ReblogParentName}</a> •
  471. </div>{/block:RebloggedFrom}
  472.  
  473. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  474.  
  475. {block:Photo}
  476. {LinkOpenTag}
  477. {block:if500px}
  478. <img src="{PhotoURL-500}">
  479. {/block:if500px}
  480. {block:ifNot500px}
  481. <img src="{PhotoURL-400}">
  482. {/block:ifNot500px}
  483. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  484. {/block:Photo}
  485.  
  486. {block:Photoset}
  487. {block:if500px}
  488. {Photoset-500}
  489. {/block:if500px}
  490. {block:ifNot500px}
  491. {Photoset-400}
  492. {/block:ifNot500px}
  493. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  494.  
  495. {block:Quote}<div class="quote">"{Quote}"</div><p align="right">{block:Source} - {Source}{/block:Source}</p>{/block:Quote}
  496.  
  497. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  498.  
  499. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  500.  
  501. {block:Audio}<div id="aud">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  502.  
  503. {block:Video}
  504. {block:if500px}
  505. {Video-500}
  506. {/block:if500px}
  507. {block:ifNot500px}
  508. {Video-400}
  509. {/block:ifNot500px}
  510. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  511.  
  512. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} whispered:<br><em>{Question}</em><br>{Answer}{/block:Answer}
  513.  
  514.  
  515.  
  516. {block:HasTags}<div class="line"></div>{block:Tags}<div class="tags"><a href="{TagURL}">• {Tag}</a></div> {/block:Tags}{/block:HasTags}
  517.  
  518. </div>
  519.  
  520. {block:Date}
  521. <div id="info">
  522. posted {TimeAgo} on <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> • <a href="{Permalink}">
  523. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  524.  
  525. <p>
  526. {block:ifBlackOrWhiteControls}
  527. <div id="lrb">{ReblogButton color="white" size="16"}</div><div id="lrb">{LikeButton color="white" size="16"}</div>
  528. {/block:ifBlackOrWhiteControls}
  529. {block:ifNotBlackOrWhiteControls}
  530. <div id="lrb">{ReblogButton color="black" size="16"}</div><div id="lrb">{LikeButton color="black" size="16"}</div>
  531. {/block:ifNotBlackOrWhiteControls}
  532. {/block:Date}
  533. {block:PostNotes} <p><div id="note">{PostNotes}</div>{/block:PostNotes}
  534. </div>
  535.  
  536. {/block:Posts}</div>
  537.  
  538. </body></html>
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!