quiddittch

Tessellate

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