quiddittch

Cosmic redux

Aug 4th, 2015
6,638
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.49 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!------------------------------------------------------------------
  6.  
  7. COSMIC REDUX: JAEBIUM.TUMBLR.COM
  8. -don't steal
  9. -don't remove credit
  10.  
  11. -------------------------------------------------------------------->
  12.  
  13. <title>{Title} {block:PostTitle}- {PostTitle}{/block:PostTitle}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  17.  
  18. <meta name="color:Background" content="#f8f8f8"/>
  19. <meta name="color:Text" content="#9f9898"/>
  20. <meta name="color:Links" content="#848484"/>
  21. <meta name="color:Hover" content="#b4cace"/>
  22. <meta name="color:Title" content="#8f8f8f"/>
  23. <meta name="color:Border" content="#f0f0f0"/>
  24. <meta name="color:Posts" content="#ffffff"/>
  25. <meta name="color:Scrollbar" content="#000000"/>
  26. <meta name="color:Accent" content="#000000"/>
  27.  
  28. <meta name="select:Post Width" content="post-500" title="500px"/>
  29. <meta name="select:Post Width" content="post-400" title="400px"/>
  30. <meta name="select:Post Width" content="post-250" title="250px"/>
  31.  
  32. <meta name="if:Show Caption" content="1"/>
  33. <meta name="if:Inverted Tumblr Controls" content="1"/>
  34.  
  35. <meta name="text:Ask Link Title" content="ask"/>
  36. <meta name="text:Ask Title Link" content="/ask"/>
  37. <meta name="text:Link 1 Title" content=""/>
  38. <meta name="text:Link 1 URL" content="/"/>
  39. <meta name="text:Link 2 Title" content=""/>
  40. <meta name="text:Link 2 URL" content="/"/>
  41. <meta name="text:Link 3 Title" content=""/>
  42. <meta name="text:Link 3 URL" content="/"/>
  43.  
  44. <!----jquery--->
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50.  
  51. <!---tooltip--->
  52.  
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54.  
  55. <script>
  56.  
  57. (function($){
  58.  
  59. $(document).ready(function(){
  60.  
  61. $("a[title]").style_my_tooltips({
  62.  
  63. tip_follows_cursor:true,
  64.  
  65. tip_delay_time:0,
  66.  
  67. tip_fade_speed:300,
  68.  
  69. attribute:"title"
  70.  
  71. });
  72.  
  73. });
  74.  
  75. })(jQuery);
  76.  
  77. </script>
  78.  
  79. <!----icons---->
  80.  
  81. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  82.  
  83. <!---google fonts--->
  84.  
  85. <link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic,800italic,400,600,700,800' rel='stylesheet' type='text/css'>
  86.  
  87. <style type="text/css">
  88.  
  89. /*---tumblr controls---*/
  90.  
  91. .tmblr-iframe {
  92. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:1;
  93. }
  94. .tmblr-iframe {
  95. position:fixed !important;
  96. -webkit-filter: invert(100%)
  97. }
  98.  
  99. /*---tooltip---*/
  100.  
  101. #s-m-t-tooltip {
  102. position:absolute;
  103. color:white;
  104. background:{color:Accent};
  105. margin-top:20px;
  106. margin-left:10px;
  107. max-width:300px;
  108. z-index:9999999999;
  109. letter-spacing:1px;
  110. font-size:7px;
  111. font-style:italic;
  112. padding:0px 5px;
  113. text-transform:uppercase;
  114. border-left:0px solid {color:Border};
  115. }
  116.  
  117. /*---scrollbar---*/
  118.  
  119. ::-webkit-scrollbar {
  120. width: 7px; height: 3px; background: {color:background};
  121. }
  122.  
  123. ::-webkit-scrollbar-thumb {
  124. background-color:{color:scrollbar};
  125. }
  126.  
  127. /*---selection---*/
  128.  
  129. ::selection {color:#000; background: #f9f9f9;}
  130. ::-moz-selection {color: #000; background: #f9f9f9;}
  131. ::-webkit-selection {color: #000; background: #f9f9f9;}
  132.  
  133. /*---basics--*/
  134.  
  135. body {
  136. margin:0;
  137. line-height:16px;
  138. background:{color:Background};
  139. color:{color:Text};
  140. font-size:9px;
  141. font-family:'open sans', sans-serif, arial, trebuchet ms, calibri;
  142. font-weight:600;
  143. }
  144.  
  145. a {
  146. text-decoration:none;
  147. color:{color:Links};
  148. -webkit-transition:0.4s all;
  149. -moz-transition:0.4s all;
  150. -o-transition:0.4s all;
  151. transition:0.4s all;
  152. }
  153.  
  154. a:hover {
  155. color:{color:Hover};
  156. -webkit-transition:0.4s all;
  157. -moz-transition:0.4s all;
  158. -o-transition:0.4s all;
  159. transition:0.4s all;
  160. }
  161.  
  162. h1, h2 {
  163. font-family:arial, trebuchet ms, arial;
  164. font-weight:bold;
  165. letter-spacing:1px;
  166. font-size:11px;
  167. text-transform:lowercase;
  168. color:{color:Links};
  169. padding-left:0px;
  170. margin-left:20px;
  171. margin-right:20px;
  172. padding-top:5px;
  173. padding-bottom:15px;
  174. border-bottom:1px solid {color:Border};
  175. }
  176.  
  177. h1::first-letter {
  178. text-transform:uppercase;
  179. }
  180.  
  181. pre {
  182. white-space: pre-wrap;
  183. white-space: -moz-pre-wrap;
  184. white-space: -pre-wrap;
  185. white-space: -o-pre-wrap;
  186. word-wrap: break-word;
  187. }
  188.  
  189. blockquote {
  190. border-left:2px solid {color:Border};
  191. margin-left:0px;
  192. max-width: 100%;
  193. padding:0px 0px 0px 20px;
  194. }
  195.  
  196. blockquote blockquote {margin: 0px 0px 0px 12px;}
  197.  
  198. img {max-width:100%;height:auto;}
  199.  
  200. #center {
  201. width:400px;
  202. margin:0px auto;
  203. }
  204.  
  205. #sidebar {
  206. width:165px;
  207. position:fixed;
  208. text-align:center;
  209. top:290px;
  210. {block:PermalinkPage}
  211. margin-left:-140px;
  212. {/block:PermalinkPage}
  213. }
  214.  
  215. .post-500 #sidebar {{block:IndexPage}margin-left:-170px;{/block:IndexPage}}
  216. .post-400 #sidebar {{block:IndexPage}margin-left:-140px;{/block:IndexPage}}
  217. .post-250 #sidebar {{block:IndexPage}margin-left:-150px;{/block:IndexPage}}
  218.  
  219. #title {
  220. margin-bottom:0px;
  221. text-align:left;
  222. color:{color:Title};
  223. border:2px solid {color:posts};
  224. font-weight:bold;
  225. text-transform:uppercase;
  226. letter-spacing:1px;
  227. font-family:'open sans' sans-serif, arial;
  228. font-weight:700;
  229. font-size:7px;
  230. padding:10px 15px;
  231. }
  232.  
  233. #description {
  234. padding:9px 16px;
  235. margin-top:4px;
  236. font-family:arial, helvetica, calibri;
  237. font-size:8px;
  238. font-weight:none;
  239. text-align:left;
  240. letter-spacing:1px;
  241. background:{color:Posts};
  242. }
  243.  
  244. .links {
  245. margin-top:4px;
  246. border:3px solid {color:Posts};
  247. padding:7px 0px;
  248. text-transform:uppercase;
  249. letter-spacing:1px;
  250. font-size:6px;
  251. text-align:center;
  252. word-spacing:5px;
  253. background:{color:Posts};
  254. }
  255.  
  256. /*---posts---*/
  257.  
  258. #posts {
  259. padding-top:120px;
  260. {block:PermalinkPage}
  261. width:400px;
  262. margin-left:150px;
  263. {/block:PermalinkPage}
  264. }
  265.  
  266. .entry {
  267. padding:5px 5px 2px 5px;
  268. background:{color:Posts};
  269. {block:IndexPage}
  270. margin-bottom:130px;
  271. {/block:IndexPage}
  272. {block:PermalinkPage}
  273. margin-bottom:90px;
  274. width:400px;
  275. {/block:PermalinkPage}
  276. position:relative;
  277. }
  278.  
  279. .post-500 #posts {{block:IndexPage}width:500px;margin-left:120px;{/block:IndexPage}}
  280. .post-500 .entry {{block:IndexPage}width:500px;{/block:IndexPage}}
  281. .post-400 #posts {{block:IndexPage}width:400px;margin-left:150px;{/block:IndexPage}}
  282. .post-400 .entry {{block:IndexPage}width:400px;{/block:IndexPage}}
  283. .post-250 #posts {{block:IndexPage}width:250px;margin-left:160px;{/block:IndexPage}}
  284. .post-250 .entry {{block:IndexPage}width:250px;{/block:IndexPage}}
  285.  
  286. .post-500 .element-post-250,
  287. .post-500 .element-post-400,
  288. .post-400 .element-post-250,
  289. .post-400 .element-post-500,
  290. .post-250 .element-post-400,
  291. .post-250 .element-post-500 {display:none;}
  292.  
  293. .text-wrap {
  294. padding:10px 20px 10px 20px;
  295. word-wrap:break-word;
  296. position:relative;
  297. }
  298.  
  299. /*---info---*/
  300.  
  301. #details {
  302. border-top:4px solid {color:Background};
  303. background:{color:Posts};
  304. margin-left:-5px;
  305. margin-right:-5px;
  306. padding:7px 15px;
  307. text-transform:uppercase;
  308. letter-spacing:1px;
  309. font-size:7px;
  310. -webkit-transition:0.4s all;
  311. -moz-transition:0.4s all;
  312. -o-transition:0.4s all;
  313. transition:0.4s all;
  314. }
  315.  
  316. #float-reblog {float:right;}
  317.  
  318. .tags {
  319. {block:IndexPage}
  320. opacity:0;
  321. position:absolute;
  322. font-style:italic;
  323. -webkit-transition:0.4s all;
  324. -moz-transition:0.4s all;
  325. -o-transition:0.4s all;
  326. transition:0.4s all;
  327. margin-top:-1px;
  328. {/block:IndexPage}
  329. {block:PermalinkPage}
  330. width:390px;
  331. {/block:PermalinkPage}
  332. }
  333.  
  334. .entry:hover .tags {
  335. {block:IndexPage}
  336. opacity:1;
  337. margin-top:20px;
  338. -webkit-transition:0.4s all;
  339. -moz-transition:0.4s all;
  340. -o-transition:0.4s all;
  341. transition:0.4s all;
  342. {/block:IndexPage}
  343. }
  344.  
  345. .post-500 .tags {{block:IndexPage}width:490px;{/block:IndexPage}}
  346. .post-400 .tags {{block:IndexPage}width:390px;{/block:IndexPage}}
  347. .post-250 .tags {{block:IndexPage}width:240px;{/block:IndexPage}}
  348.  
  349. /*---quote posts---*/
  350.  
  351. #source {
  352. margin-left:-21px;
  353. margin-top:-11px;
  354. margin-right:-21px;
  355. font-size:9px;
  356. font-family:trebuchet ms, arial, helvetica;
  357. text-transform:lowercase;
  358. letter-spacing:1px;
  359. background:{color:Background};
  360. padding:10px 15px;
  361. }
  362.  
  363. #quote {
  364. font-family:arial, trebuchet ms, helvetica;
  365. font-size:9px;
  366. letter-spacing:1px;
  367. text-align:left;
  368. font-weight:bold;
  369. padding-top:15px;
  370. padding-bottom:10px;
  371. }
  372.  
  373. /*---chat posts---*/
  374.  
  375. #chat {
  376. padding-bottom:5px;
  377. }
  378.  
  379. .label {
  380. text-transform:uppercase;
  381. letter-spacing:1px;
  382. display:inline;
  383. font-size:7px;
  384. font-weight:bold;
  385. }
  386.  
  387. /*---link posts---*/
  388.  
  389. #link {
  390. text-transform:uppercase;
  391. letter-spacing:1px;
  392. font-size:8px;
  393. }
  394.  
  395. /*---audio posts---*/
  396.  
  397. #audio-wrap {
  398. border-bottom:1px solid {color:Border};
  399. padding-bottom:5px;
  400. }
  401.  
  402. #audioplay {
  403. width:30px;
  404. height:30px;
  405. position:absolute;
  406. overflow:hidden;
  407. opacity:.4;
  408. z-index:2;
  409. margin-top:25px;
  410. background:black;
  411. margin-left:25px;
  412. -webkit-transition:0.5s all;
  413. -moz-transition:0.5s all;
  414. -o-transition:0.5s all;
  415. transition:0.5s all;
  416. }
  417.  
  418. #audioplay:hover {
  419. opacity:.7;
  420. -webkit-transition:0.3s all;
  421. -moz-transition:0.3s all;
  422. -o-transition:0.3s all;
  423. transition:0.3s all;
  424. }
  425.  
  426. .art {
  427. z-index:1;
  428. width:50px;
  429. height:50px;
  430. padding:15px 15px 13px 15px;
  431. opacity:.8;
  432. -webkit-filter: Grayscale(80%);
  433. -webkit-transition-duration: 0.6s;
  434. -moz-transition-duration:0.6s;
  435. -o-transition-duration:0.6s;
  436. transition-duration:0.6s;
  437. }
  438.  
  439. #audio-wrap:hover .art {
  440. opacity:1;
  441. -webkit-filter: Grayscale(0%);
  442. -webkit-transition-duration: 0.4s;
  443. -moz-transition-duration:0.4s;
  444. -o-transition-duration:0.4s;
  445. transition-duration:0.4s;
  446. }
  447.  
  448. #track-details {
  449. float:right;
  450. text-align:right;
  451. text-transform:uppercase;
  452. font-size:7px;
  453. padding-top:20px;
  454. padding-right:20px;
  455. letter-spacing:1px;
  456. }
  457.  
  458. /*---answer posts---*/
  459.  
  460. .asker {border-bottom:1px solid {color:Border};padding-bottom:1px;}
  461.  
  462. #question {
  463. padding:14px 0px;
  464. border-bottom:1px solid {color:Border};
  465. margin-left:20px;
  466. margin-right:20px;
  467. font-size:7px;
  468. text-transform:uppercase;
  469. letter-spacing:1px;
  470. font-family:calibri, trebuchet ms, arial;
  471. }
  472.  
  473. /*---permalink notes---*/
  474.  
  475. .notes {
  476. text-transform:uppercase;
  477. font-size:7px;
  478. letter-spacing:1px;
  479. }
  480.  
  481. .notes ul, ol {
  482. list-style-type:none;
  483. margin-left:-12px;
  484. padding-right:10px;
  485. }
  486.  
  487. .notes li {
  488. padding-bottom:5px;
  489. }
  490.  
  491. .notes img {
  492. width:15px;
  493. height:15px;
  494. margin-right:13px;
  495. border-radius:20px;
  496. margin-left:-15px;
  497. margin-bottom:-5px;
  498. -webkit-filter: Grayscale(100%);
  499. -webkit-transition-duration: 0.6s;
  500. -moz-transition-duration:0.6s;
  501. -o-transition-duration:0.6s;
  502. transition-duration:0.6s;
  503. }
  504.  
  505. /*---pagination----*/
  506.  
  507. #pagination {
  508. margin-bottom:120px;
  509. text-transform:uppercase;
  510. letter-spacing:1px;
  511. text-align:center;
  512. word-spacing:10px;
  513. font-size:6px;
  514. }
  515.  
  516. #pagination a {
  517. background:{color:Posts};
  518. padding:4px 5px;
  519. border-bottom:1px solid transparent;
  520. }
  521.  
  522. #pagination a:hover {
  523. border-bottom:1px solid {color:Accent};
  524. }
  525.  
  526. /*---credit---*/
  527.  
  528. #credit {
  529. position:fixed;
  530. bottom:15px;
  531. right:15px;
  532. font-weight:bold;
  533. font-size:6px;
  534. text-transform:lowercase;
  535. letter-spacing:1px;
  536. text-align:right;
  537. font-family:trebuchet ms;
  538. }
  539.  
  540. {CustomCSS}</style></head><body>
  541.  
  542.  
  543. <div id="center" class="{select:Post Width}">
  544.  
  545. <div id="sidebar">
  546. <div id="title">{Title}</div>
  547. <div id="description">{Description}</div>
  548. <div class="links">
  549. <a href="/" title="home">un</a>
  550. <a href="/ask" title="ask">deux</a>
  551. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">trois</a>
  552. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">quatre</a>
  553. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">cinq</a>
  554. </div>
  555. </div>
  556.  
  557. <div id="posts">
  558. {block:Posts}
  559. <div class="entry">
  560.  
  561. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="text-wrap">{Body}</div>{/block:Text}
  562.  
  563. {block:Photo}{LinkOpenTag}{block:IndexPage}<img class="element-post-500" src="{PhotoURL-500}" alt="{PhotoAlt}"/><img class="element-post-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/><img class="element-post-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:PermalinkPage}{LinkCloseTag}{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text-wrap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Photo}
  564.  
  565. {block:Photoset}{block:IndexPage}<div class="element-post-500">{Photoset-500}</div><div class="element-post-400">{Photoset-400}</div><div class="element-post-250">{Photoset-250}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text-wrap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}{/block:Photoset}
  566.  
  567. {block:Quote}
  568. <div class="text-wrap">
  569. {block:Source}<div id="source">{Source}</div>{/block:Source}
  570. <div id="quote"><i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i></div></div>
  571. {/block:Quote}
  572.  
  573. {block:Link}
  574. <div class="text-wrap">
  575. <div id="link"><i class="fa fa-share-alt"></i> | <a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}</div>
  576. {/block:Link}
  577.  
  578. {block:Chat}
  579. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="text-wrap"><div id="chat">{block:Lines} {block:Label}<div class="label">{Label}</div> {/block:Label}{Line}<br>{/block:Lines} </div></div>
  580. {/block:Chat}
  581.  
  582. {block:Audio}
  583. <div id="audio-wrap"><div id="track-details">{block:Album}{Album}{/block:Album}{block:TrackName}</br>{TrackName}{/block:TrackName}</div>{block:AudioPlayer}<div id="audioplay">{AudioPlayerBlack}</div>{/block:AudioPlayer}{block:AlbumArt}<img src="{AlbumArtURL}" class="art">{/block:AlbumArt}</div>{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text-wrap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}
  584. {/block:Audio}
  585.  
  586. {block:Video}
  587. {block:IndexPage}<div class="element-post-500">{Video-500}</div><div class="element-post-400">{video-400}</div><div class="element-post-250">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:IfShowCaption}{block:IndexPage}{block:Caption}<div class="text-wrap">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaption}
  588. {/block:Video}
  589.  
  590. {block:Answer}
  591. <div id="question"><span class="asker"><b>{Asker} asked:</b></span> <br>{Question}</div>
  592. <div class="text-wrap">{Answer}</div>
  593. {/block:Answer}
  594.  
  595. {block:PermalinkPage}{block:Caption}<div class="text-wrap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  596.  
  597. {block:Date}
  598. <div id="details">
  599. {block:IndexPage}<div id="float-reblog"><a href="{ReblogURL}">Reblog</a></div>
  600. <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year} </a>
  601. {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}{/block:IndexPage}
  602. {block:PermalinkPage}
  603. Posted on {Month} {DayOfMonth}, {Year}<br>
  604. {block:RebloggedFrom}Via - <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  605. source - <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  606. {/block:PermalinkPage}
  607. {block:HasTags}<div class="tags">Filed as: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}</div>
  608. {/block:HasTags}
  609. </div>
  610. {block:PermalinkPage}{block:NoteCount}<div id="details">{NoteCountWithLabel}</div>{/block:NoteCount}
  611. {/block:PermalinkPage}
  612. {/block:Date}
  613.  
  614. {block:PermalinkPage}
  615. {block:PostNotes}{PostNotes}{/block:PostNotes}
  616. {/block:PermalinkPage}
  617.  
  618. {block:ContentSource}
  619. <!------ {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  620. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  621. {/block:SourceLogo}
  622. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  623. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  624.  
  625. </div>
  626. {/block:Posts}
  627.  
  628. {block:Pagination}
  629. <div id="pagination">
  630. {block:PreviousPage}<a href="{PreviousPage}">previous</a> {/block:PreviousPage}
  631. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
  632. {/block:Pagination}
  633.  
  634. </div>
  635. </div></div>
  636.  
  637. <!---theme credit (dont remove)--->
  638. <div id="credit"><a href="http://jaebium.tumblr.com" title="theme credit">th.</a></div>
  639.  
  640. </body>
  641. </html>
Advertisement
Add Comment
Please, Sign In to add comment