quiddittch

Celestial

Apr 6th, 2015
6,650
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.24 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--------------------------------------------------------------------
  5.  
  6. theme by jaebium
  7. ----------------
  8.  
  9. dont steal parts of the code
  10. dont remove credit
  11. edit as much as you want
  12. ask me if you have a question
  13.  
  14. --------------------------------------------------------------------->
  15.  
  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. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="color:Background" content="#f8f8f8"/>
  24. <meta name="color:Text" content="#7e7e7e"/>
  25. <meta name="color:Links" content="#b0b0b0"/>
  26. <meta name="color:Hover" content="#7e7e7e"/>
  27. <meta name="color:Border" content="#e7e7e7"/>
  28. <meta name="color:Posts" content="#ffffff"/>
  29. <meta name="color:H1 text color" content="#ffffff"/>
  30. <meta name="color:Accent" content="d6eae9"/>
  31. <meta name="color:Scrollbar" content="#a0a0a0"/>
  32.  
  33. <meta name="text:Link 1" content=""/>
  34. <meta name="text:Link 1 URL" content="/"/>
  35. <meta name="text:Link 2" content=""/>
  36. <meta name="text:Link 2 URL" content="/"/>
  37. <meta name="text:Link 3" content=""/>
  38. <meta name="text:Link 3 URL" content="/"/>
  39.  
  40. <meta name="if:Tumblr Controls" content="1"/>
  41. <meta name="if:Grayscale" content="1"/>
  42. <meta name="if:Show Caption" content="1"/>
  43.  
  44. <!------javascript------->
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  47.  
  48. <!-------tooltips-------->
  49. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  50.  
  51. <script>
  52.  
  53. (function($){
  54.  
  55. $(document).ready(function(){
  56.  
  57. $("a[title]").style_my_tooltips({
  58.  
  59. tip_follows_cursor:true,
  60.  
  61. tip_delay_time:0,
  62.  
  63. tip_fade_speed:300,
  64.  
  65. attribute:"title"
  66.  
  67. });
  68.  
  69. });
  70.  
  71. })(jQuery);
  72.  
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. {block:IfTumblrControls}
  79. {block:IndexPage}
  80. #tumblr_controls{display:none;}
  81. {/block:IndexPage}
  82.  
  83. #controls {
  84. position:fixed;
  85. top:11px;
  86. right:20px;
  87. font-size:7px;
  88. text-transform:uppercase;
  89. word-spacing:14px;
  90. font-weight:bold;
  91. letter-spacing:1px;
  92. z-index:9;
  93. }
  94. {/block:IfTumblrControls}
  95.  
  96. #s-m-t-tooltip{
  97. font-size:8px;
  98. position:absolute;
  99. margin-top:30px;
  100. margin-left:10px;
  101. z-index:9999999;
  102. background:{color:Posts};
  103. border-bottom:2px solid {color:Accent};
  104. border-right:2px solid {color:Accent};
  105. padding:4px 8px 4px 8px;
  106. text-transform:lowercase;
  107. letter-spacing:1px;
  108. }
  109.  
  110. ::selection {color:text}; background: {color:accent};}
  111. ::-moz-selection {color: {color:text}; background: {color:accent};}
  112. ::-webkit-selection {color: {color:text}; background: {color:accent};}
  113.  
  114. ::-webkit-scrollbar {
  115. width: 4px; height: 3px; background: {color:background};
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb {
  119. background-color:{color:scrollbar};
  120. }
  121.  
  122. body {
  123. margin:0;
  124. line-height:170%;
  125. font-size:9.5px;
  126. font-family: arial, trebuchet ms;
  127. color:{color:Text};
  128. background:{color:Background};
  129. }
  130.  
  131. a {
  132. color:{color:Links};
  133. text-decoration:none;
  134. -webkit-transition:0.4s all;
  135. -moz-transition:0.4s all;
  136. -o-transition:0.4s all;
  137. transition:0.4s all;
  138. }
  139.  
  140. a:hover {
  141. color:{color:Hover};
  142. -webkit-transition:0.3s all;
  143. -moz-transition:0.3s all;
  144. -o-transition:0.3s all;
  145. transition:0.3s all;
  146. }
  147.  
  148. pre {
  149. white-space: pre-wrap;
  150. white-space: -moz-pre-wrap;
  151. white-space: -pre-wrap;
  152. white-space: -o-pre-wrap;
  153. word-wrap: break-word;
  154. }
  155.  
  156. li {
  157. list-style-type:square;
  158. }
  159.  
  160. blockquote {
  161. border-left:2px solid {color:Border};
  162. margin-left:0px;
  163. padding-left:15px;
  164. -webkit-transition:0.6s all;
  165. -moz-transition:0.6s all;
  166. -o-transition:0.6s all;
  167. transition:0.6s all;
  168. }
  169.  
  170. .entry:hover blockquote {
  171. border-left:2px solid {color:Accent};
  172. -webkit-transition:0.6s all;
  173. -moz-transition:0.6s all;
  174. -o-transition:0.6s all;
  175. transition:0.6s all;
  176. }
  177.  
  178. h1 {
  179. text-transform:uppercase;
  180. letter-spacing:1px;
  181. padding:4px 6px 4px 7px;
  182. background:{color:Posts};
  183. -webkit-transition:0.4s all;
  184. -moz-transition:0.4s all;
  185. -o-transition:0.4s all;
  186. transition:0.4s all;
  187. font-size:7px;
  188. }
  189.  
  190. .entry:hover h1 {
  191. background:{color:Accent};
  192. color:{color:h1 text color};
  193. padding:4px 6px 4px 10px;
  194. -webkit-transition:0.4s all;
  195. -moz-transition:0.4s all;
  196. -o-transition:0.4s all;
  197. transition:0.4s all;
  198. }
  199.  
  200. img {
  201. max-width:100%;
  202. {block:IndexPage}
  203. opacity:.75;
  204. {block:IfGrayscale}
  205. -webkit-filter: Grayscale(80%); /*you can change this to any percentage*/ {/block:IfGrayScale}
  206. -webkit-transition-duration: 0.6s;
  207. -moz-transition-duration:0.6s;
  208. -o-transition-duration:0.6s;
  209. transition-duration:0.6s;
  210. {/block:IndexPage}
  211. }
  212.  
  213. .entry:hover img {
  214. {block:IndexPage}
  215. opacity:1;
  216. -webkit-filter: Grayscale(0%);
  217. -webkit-transition-duration: 0.6s;
  218. -moz-transition-duration:0.6s;
  219. transition-duration:0.6s;
  220. -o-transition-duration:0.6s;
  221. {/block:IndexPage}
  222. }
  223.  
  224. .html_photoset {
  225. {block:IndexPage}
  226. opacity:.75;
  227. {block:IfGrayscale}
  228. -webkit-filter: Grayscale(80%); /*you can change this to any percentage*/
  229. {/block:IfGrayscale}
  230. -webkit-transition-duration: 0.6s;
  231. -moz-transition-duration:0.6s;
  232. transition-duration:0.6s;
  233. -o-transition-duration:0.6s;
  234. {/block:IndexPage}
  235. }
  236.  
  237. .entry:hover .html_photoset {
  238. {block:IndexPage}
  239. opacity:1;
  240. -webkit-filter: Grayscale(0%);
  241. -webkit-transition-duration: 0.6s;
  242. -moz-transition-duration:0.6s;
  243. transition-duration:0.6s;
  244. -o-transition-duration:0.6s;
  245. {/block:IndexPage}
  246. }
  247.  
  248. #cen {
  249. position:absolute;
  250. margin-left:-319px;
  251. width:607px;
  252. left:50%;
  253. }
  254.  
  255. /*-----sidebar-----*/
  256.  
  257. #sidebar {
  258. position:fixed;
  259. margin-left:-80px;
  260. width:170px;
  261. margin-top:149px;
  262. font-size:8px;
  263. }
  264.  
  265. #sidebar img {
  266. -webkit-filter: Grayscale(30%);
  267. -webkit-transition-duration: 0.8s;
  268. -moz-transition-duration:0.8s;
  269. -o-transition-duration:0.8s;
  270. transition-duration:0.8s;
  271. opacity:.9;
  272. width:170px;
  273. height:110px;
  274. background:white;
  275. z-index:1;
  276. border:1px solid {color:Border};
  277. }
  278.  
  279. #sidebar img:hover {
  280. opacity:1;
  281. }
  282.  
  283. #title {
  284. background:{color:Posts};
  285. padding:11px 20px 11px 10px;
  286. letter-spacing:2px;
  287. font-style:italic;
  288. font-weight:bold;
  289. width:140px;
  290. margin-bottom:-1px;
  291. word-spacing:7px;
  292. text-align:right;
  293. text-transform:uppercase;
  294. font-size:8px;
  295. border:1px solid {color:Border};
  296. }
  297.  
  298. #links {
  299. background:{color:Posts};
  300. position:fixed;
  301. z-index:8;
  302. text-transform:uppercase;
  303. letter-spacing:1px;
  304. word-spacing:1px;
  305. text-align:left;
  306. font-weight:bold;
  307. height:20px;
  308. width:100%;
  309. padding:11px 20px 10px 17px;
  310. border-bottom:1px solid {color:Border};
  311. font-size:7px;
  312. }
  313.  
  314. #links a {
  315. margin-right:9px;
  316. margin-left:9px;
  317. }
  318.  
  319. #description {
  320. font-family:trebuchet ms;
  321. text-align:justify;
  322. margin-top:-6px;
  323. width:140px;
  324. background:{color:Posts};
  325. font-size:8px;
  326. padding:10px 15px 10px 15px;
  327. text-transform:lowercase;
  328. letter-spacing:1px;
  329. border:1px solid {color:Border};
  330. }
  331.  
  332. /*-------posts-------*/
  333.  
  334. #posts {
  335. z-index:1;
  336. margin-top:47px;
  337. margin-left:170px;
  338. padding:102px 0px 30px 20px;
  339. width:400px;
  340. }
  341.  
  342. .entry {
  343. background:{color:Posts};
  344. width:400px;
  345. border:1px solid {color:border};
  346. margin-bottom:100px;
  347. padding:14px 14px 8px 14px;
  348. }
  349.  
  350. .info {
  351. position:absolute;
  352. word-spacing:1px;
  353. text-transform:uppercase;
  354. letter-spacing:1px;
  355. font-size:7px;
  356. font-weight:bold;
  357. padding:8px 10px 8px 0px;
  358. margin-top:10px;
  359. width:400px;
  360. {block:IndexPage}
  361. text-align:center;
  362. opacity:0;
  363. {/block:IndexPage}
  364. -webkit-transition:0.6s all;
  365. -moz-transition:0.6s all;
  366. -o-transition:0.6s all;
  367. transition:0.6s all;
  368. }
  369.  
  370. .tags {
  371. {block:IndexPage}
  372. font-size:7px;
  373. letter-spacing:1px;
  374. display:inline;
  375. font-weight:none;
  376. {/block:IndexPage}
  377. {block:PermalinkPage}
  378. text-transform:uppercase;
  379. font-size:7px;
  380. opacity:1;
  381. {/block:PermalinkPage}
  382. }
  383.  
  384. .entry:hover .info {
  385. opacity:1;
  386. -webkit-transition:0.6s all;
  387. -moz-transition:0.6s all;
  388. -o-transition:0.6s all;
  389. transition:0.6s all;
  390. }
  391.  
  392. /*----text posts----*/
  393.  
  394. .text {
  395. padding:0px 15px 10px 15px;
  396. }
  397.  
  398. /*------quote posts------*/
  399.  
  400. #quote {
  401. padding:8px 12px 8px 12px;
  402. background:{color:Posts};
  403. text-align:center;
  404. text-transform:uppercase;
  405. font-size:7px;
  406. letter-spacing:1px;
  407. }
  408.  
  409. #src {
  410. text-align:center;
  411. border-top:1px solid {color:Border};
  412. padding:8px 12px 8px 12px;
  413. background:{color:Posts};
  414. text-align:center;
  415. text-transform:uppercase;
  416. font-size:7px;
  417. letter-spacing:1px;
  418. }
  419.  
  420. /*-----link posts----*/
  421.  
  422. #link-posts {
  423. padding-top:7px;
  424. text-transform:uppercase;
  425. font-weight:bold;
  426. letter-spacing:1px;
  427. font-size:7px;
  428. }
  429.  
  430. #link-posts a {
  431. padding-bottom:1px;
  432. border-bottom:1px solid {color:accent};
  433. }
  434.  
  435. /*------chat posts------*/
  436.  
  437. #chat {
  438. font-size:8.5px;
  439. }
  440.  
  441. #chat:nth-of-type(odd) {
  442. border:1px solid {color:Border};
  443. padding:5px 10px 5px 10px;
  444. margin-top:-1px;
  445. }
  446.  
  447. #chat:nth-of-type(even) {
  448. padding:5px 10px 5px 10px;
  449. margin-top:-1px;
  450. }
  451.  
  452. .textc {
  453. padding:0px 0px 5px 0px;
  454. }
  455.  
  456. /*-------ask posts------*/
  457.  
  458. #asker {
  459. text-align:center;
  460. text-transform:uppercase;
  461. font-weight:bold;
  462. font-size:7px;
  463. letter-spacing:1px;
  464. display:inline;
  465. }
  466.  
  467. #question {
  468. font-size:9px;
  469. margin-top:-1px;
  470. display:inline;
  471. }
  472.  
  473. #border-q {
  474. margin-top:15px;
  475. width:40px;
  476. height:2px;
  477. background:{color:Border};
  478. -webkit-transition:0.4s all;
  479. -moz-transition:0.4s all;
  480. -o-transition:0.4s all;
  481. transition:0.4s all;
  482. }
  483.  
  484. .entry:hover #border-q {
  485. background:{color:Accent};
  486. -webkit-transition:0.6s all;
  487. -moz-transition:0.6s all;
  488. -o-transition:0.6s all;
  489. transition:0.6s all;
  490. }
  491.  
  492. #answer {
  493. padding-top:10px;
  494. }
  495.  
  496. /*-------audio posts-------*/
  497.  
  498. #play {
  499. width:30px;
  500. height:30px;
  501. z-index:7;
  502. opacity:1;
  503. position:absolute;
  504. margin-top:-35px;
  505. margin-left:7px;
  506. background:#fff;
  507. overflow:hidden;
  508. -webkit-transition:0.6s all;
  509. -moz-transition:0.6s all;
  510. -o-transition:0.6s all;
  511. transition:0.6s all;
  512. }
  513.  
  514. .record:hover #play {
  515. opacity:1;
  516. -webkit-transition:0.6s all;
  517. -moz-transition:0.6s all;
  518. -o-transition:0.6s all;
  519. transition:0.6s all;
  520. }
  521.  
  522. .record {
  523. position:absolute;
  524. width:50px;
  525. height:50px;
  526. }
  527.  
  528. #names {
  529. height:40px;
  530. padding:10px 10px 0px 10px;
  531. margin-left:60px;
  532. text-transform:uppercase;
  533. font-weight:bold;
  534. font-size:7px;
  535. letter-spacing:1px;
  536. }
  537.  
  538. /*-------pagination--------*/
  539.  
  540. #pagination {
  541. display:inline;
  542. word-spacing:0px;
  543. font-size:8px;
  544. padding-left:5px;
  545. }
  546.  
  547. /*------permalink notes------*/
  548.  
  549. .notes {
  550. text-transform:lowercase;
  551. font-size:9px;
  552. letter-spacing:1px;
  553. list-style-type:none;
  554. }
  555.  
  556. .notes li {
  557. padding:3px 2px 3px 2px;
  558. list-style-type:none;
  559. }
  560.  
  561. .notes ol {
  562. width:400px;
  563. list-style-type:none;
  564. margin-top:20px;
  565. margin-left:-28px;
  566. }
  567.  
  568. .notes img {
  569. display:none;
  570. }
  571.  
  572. #line {
  573. margin-top:10px;
  574. width:200px;
  575. border:1px solid {color:Border};
  576. }
  577.  
  578. /*-----credit-----*/
  579.  
  580. #credit {
  581. right:20px;
  582. bottom:20px;
  583. position:fixed;
  584. padding:3px;
  585. font-size:6px;
  586. text-transform:uppercase;
  587. text-align:right;
  588. font-weight:bold;
  589. }
  590.  
  591. {CustomCSS}</style></head><body>
  592.  
  593. {block:IfTumblrControls}
  594. <div id="controls">
  595. <a href="http://tumblr.com/follow/{Name}">follow</a>
  596. <a href="http://tumblr.com/dashboard/">dashboard</a>
  597. </div>
  598. {/block:IfTumblrControls}
  599.  
  600. <div id="links">
  601. <a href="/">home</a>
  602. <a href="/ask">ask</a>
  603. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  604. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  605. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  606.  
  607. {block:Pagination}
  608. <div id="pagination">
  609. {block:PreviousPage}
  610. <a href="{PreviousPage}" title="backwards">-</a>
  611. {/block:PreviousPage}
  612.  
  613. {block:NextPage}
  614. <a href="{NextPage}" title="forwards">+</a>
  615. {/block:NextPage}
  616. </div>
  617. {/block:Pagination}
  618. </div>
  619.  
  620.  
  621. <div id="cen">
  622.  
  623. <div id="sidebar">
  624. <div id="title">{Title}</div>
  625. <a href="/" title="index"><img src="{image:Sidebar}"></a>
  626. <div id="description">{Description}</div>
  627. </div>
  628.  
  629. <div id="posts">
  630. {block:Posts}
  631. <div class="entry">
  632.  
  633. {block:ContentSource}
  634. <!------ {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  635. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  636. {/block:SourceLogo}
  637. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  638. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  639.  
  640. {block:ContentSource}
  641. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  642. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  643. {/block:SourceLogo}
  644. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  645. {/block:ContentSource}
  646.  
  647. {block:Text}<div class="text">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  648.  
  649. {block:Photo}
  650. {LinkOpenTag}
  651. <img src="{PhotoURL-400}">
  652. {LinkCloseTag}
  653. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  654. {/block:Photo}
  655.  
  656. {block:Photoset}
  657. {Photoset-400}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  658. {/block:Photoset}
  659.  
  660. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div id="src">{Source}</div>{/block:Source}{/block:Quote}
  661.  
  662. {block:Link}<div class="text"><div id="link-posts"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  663.  
  664. {block:Chat}<div class="textc">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines} {block:Label}<div id="chat"><b>{Label}</b> {/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  665.  
  666. {block:Video}{Video-400}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Video}
  667.  
  668. {block:Audio}
  669. <div id="names">
  670. {block:TrackName}
  671. {TrackName}
  672. {/block:TrackName}
  673.  
  674. {block:Artist}
  675. - {Artist}
  676. {/block:Artist}
  677.  
  678. {block:PlayCount}<br>{PlayCountWithLabel}{/block:PlayCount}
  679. </div>
  680. <div id="play">{AudioPlayerWhite}</div></p>
  681.  
  682. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  683. {/block:Audio}
  684.  
  685. {block:Answer}
  686. <div class="text">
  687. <div id="answer">
  688. <div id="asker">{Asker} asked:</div>
  689. <div id="question">{Question}</div></div>
  690. <div id="border-q"></div>
  691. <div id="answer">{Answer}</div>
  692.  
  693. </div>
  694. {/block:Answer}
  695.  
  696.  
  697. {block:Date}
  698. <div class="info">
  699.  
  700. <div id="perm">
  701. {block:IndexPage}
  702. <a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithZero}</a>
  703. {block:NoteCount} &nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">+&nbsp;{NoteCount}</a>&nbsp;{/block:NoteCount}
  704. {/block:IndexPage}
  705.  
  706. {block:HasTags}
  707. <div class="tags"> {block:PermalinkPage}tagged as:{/block:PermalinkPage}&nbsp;&nbsp;
  708. {block:Tags}
  709. <a href="{TagURL}">{block:IndexPage}{/block:IndexPage}{Tag} &nbsp;</a>
  710. {/block:Tags}
  711. </div>
  712. {/block:HasTags}
  713.  
  714. {block:PermalinkPage}
  715. Posted {Month} {DayOfMonth} on {12Hour}:{Minutes} {CapitalAmPm}
  716. {block:RebloggedFrom}<br>Reblogged From <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  717.  
  718. {block:RebloggedFrom}<br>Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  719. {block:PermalinkPage}
  720.  
  721. </div>
  722.  
  723. </div>
  724. {/block:Date}
  725.  
  726. </div>
  727. {/block:Posts}
  728.  
  729. {block:PermalinkPage}
  730. <div class="notes">{block:PostNotes}<div id="line"></div>{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  731. </div>
  732. </div>
  733. </div>
  734.  
  735. <!--------dont remove------->
  736. <div id="credit"><a href="http://jaebium.tumblr.com" title="theme by jaebium" target="_blank">th</a></div>
  737.  
  738. </body>
  739. </html>
Advertisement
Add Comment
Please, Sign In to add comment