API tools faq
paste
rasperries

thym 2.0

rasperries
May 20th, 2016
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: thyme
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16.  
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--Default Variables-->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#cccccc"/>
  24. <meta name="color:Link" content="#a7a7a7"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Borders" content="#eeeeee"/>
  28. <meta name="color:Text Borders" content="#eeeeee"/>
  29.  
  30. <meta name="if:Infinite Scroll" content="1"/>
  31. <meta name="if:Manual Load" content="0"/>
  32. <meta name="if:Popup" content="1"/>
  33. <meta name="if:Hover Info" content="1"/>
  34. <meta name="if:Hide Tags" content="0"/>
  35. <meta name="if:Justify Text" content="0"/>
  36.  
  37. <meta name="select:Captions" content="def" title="Default"/>
  38. <meta name="select:Captions" content="inl" title="Inline"/>
  39. <meta name="select:Captions" content="hide" title="Hide"/>
  40.  
  41. <meta name="image:Icon" content=""/>
  42.  
  43. <meta name="text:Post Spacing" content="75"/>
  44. <meta name="text:Popup Title" content=""/>
  45. <meta name="text:Popup Text" content=""/>
  46.  
  47. <meta name="select:Post Width" content="250" title="250px"/>
  48. <meta name="select:Post Width" content="275" title="275px"/>
  49. <meta name="select:Post Width" content="300" title="300px"/>
  50. <meta name="select:Post Width" content="325" title="325px"/>
  51. <meta name="select:Post Width" content="350" title="350px"/>
  52. <meta name="select:Post Width" content="375" title="375px"/>
  53. <meta name="select:Post Width" content="400" title="400px"/>
  54. <meta name="select:Post Width" content="450" title="450px"/>
  55. <meta name="select:Post Width" content="500" title="500px"/>
  56. <meta name="select:Post Width" content="540" title="540px"/>
  57.  
  58. <meta name="text:Link 1 URL" content=""/>
  59. <meta name="text:Link 1" content=""/>
  60. <meta name="text:Link 2 URL" content=""/>
  61. <meta name="text:Link 2" content=""/>
  62. <meta name="text:Link 3 URL" content=""/>
  63. <meta name="text:Link 3" content=""/>
  64.  
  65. <meta name="text:Home Title" content="index"/>
  66. <meta name="text:Ask Title" content="contact"/>
  67. <meta name="text:Archive Title" content="archive"/>
  68.  
  69. <meta name="select:Font" content="karla" title="Karla"/>
  70. <meta name="select:Font" content="lato" title="Lato"/>
  71. <meta name="select:Font" content="source-sans-pro" title="Source Sans Pro"/>
  72. <meta name="select:Font" content="mako" title="Mako"/>
  73. <meta name="select:Font" content="maven-pro" title="Maven Pro"/>
  74. <meta name="select:Font" content="open-sans" title="Open Sans"/>
  75. <meta name="select:Font" content="arial" title="Arial"/>
  76. <meta name="select:Font" content="helvetica" title="Helvetica"/>
  77. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  78. <meta name="select:Font" content="inconsolata" title="Inconsolata"/>
  79. <meta name="select:Font" content="courier-prime" title="Courier Prime"/>
  80. <meta name="select:Font" content="lora" title="Lora"/>
  81. <meta name="select:Font" content="times" title="Times"/>
  82. <meta name="select:Font" content="georgia" title="Georgia"/>
  83. <meta name="select:Font" content="cambria" title="Cambria"/>
  84.  
  85. <meta name="select:Font Size" content="9px" title="9px"/>
  86. <meta name="select:Font Size" content="10px" title="10px"/>
  87. <meta name="select:Font Size" content="11px" title="11px"/>
  88. <meta name="select:Font Size" content="12px" title="12px"/>
  89.  
  90. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link href='http://static.tumblr.com/sas2ex2/82lo0p4wz/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/{select:font}:n4,i4,n5,n6,n7.js"></script>
  91.  
  92. <!--CSS customization here. -->
  93.  
  94. <style type="text/css">
  95.  
  96. /*tumblr controls and lightbox*/
  97.  
  98. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  99.  
  100. .tmblr-lightbox img {opacity:0;}
  101.  
  102. .lightbox-caption {
  103. color:{color:title}!important;
  104. font-family:inherit!important;
  105. font-size:1em!important;
  106. font-weight:normal!important;
  107. text-shadow:none!important;
  108. }
  109.  
  110. .lightbox-image {
  111. -moz-box-shadow:none!important;
  112. -webkit-box-shadow:none!important;
  113. box-shadow:none!important;
  114. -moz-border-radius:0px!important;
  115. -webkit-border-radius:0px!important;
  116. border-radius:0px!important;
  117. padding:0px!important;
  118. margin:0px!important;
  119. border:0!important;
  120. opacity:1!important;
  121. }
  122.  
  123. .vignette {opacity:0!Important;}
  124.  
  125. .iframe-controls--desktop {
  126. white-space:nowrap!important;
  127. -webkit-filter:invert(70%)!important;
  128. -moz-filter:invert(70%)!important;
  129. -ms-filter:invert(70%)!important;
  130. -o-filter:invert(70%)!important;
  131. filter:invert(70%)!important;
  132. top:10px!important;
  133. right:10px!important;
  134. opacity:.3!important;
  135. position:fixed!important;
  136. }
  137.  
  138. /*tooltip*/
  139.  
  140. .ui-tooltip {
  141. position:Absolute;
  142. z-index:9999;
  143. padding-top:15px;
  144. }
  145.  
  146. .ui-tooltip-content {
  147. background:{color:background};
  148. padding:2px 3px;
  149. border:1px solid {color:borders};
  150. font-style:italic;
  151. font-size:10px;
  152. text-transform:lowercase;
  153. }
  154.  
  155. /*scrollbar*/
  156. ::-webkit-scrollbar{
  157. height:2px;
  158. width:4px;
  159. background:inherit;
  160. }
  161.  
  162. ::-webkit-scrollbar-thumb {
  163. background:{color:scrollbar};
  164. border-radius:2px;
  165. -webkit-border-radius:2px;
  166. }
  167.  
  168. .same::-webkit-scrollbar {width:1px;}
  169.  
  170. .same::-webkit-scrollbar-thumb {background:{color:borders}!important;}
  171.  
  172. /*basics*/
  173.  
  174. body {
  175. background:{color:background};
  176. color:{color:text};
  177. font:normal {select:font size}/1.5em {select:font}, sans-serif;
  178. letter-spacing:0.02em;
  179. word-wrap:break-word;
  180. text-align:left;
  181. {block:ifjustifytext}
  182. text-align:justify;
  183. {/block:ifjustifytext}
  184. -moz-osx-font-smoothing:grayscale;
  185. -webkit-font-smoothing:antialiased;
  186. font-smoothing:antialiased;
  187. margin:0;
  188. }
  189.  
  190. a {
  191. color:{color:text};
  192. text-decoration:none;
  193. transition:all .4s linear;
  194. -webkit-transition:all .4s linear;
  195. -o-transition:all .4s linear;
  196. -moz-transition:all .4s linear;
  197. }
  198.  
  199. a, a img {cursor:pointer;}
  200.  
  201. a:hover {
  202. color:{color:link};
  203. text-decoration:none;
  204. }
  205.  
  206. .tex a, .a a, .caption a, .title a, .source a {border-bottom:1px solid {color:text borders};}
  207.  
  208. .tex a:hover, .a a:hover, .caption a:hover, .title a:hover, .source a:hover {border-color:{color:link}!important;}
  209.  
  210. img {
  211. opacity:1;
  212. border:none;
  213. text-decoration:none;
  214. }
  215.  
  216. blockquote {
  217. padding:.25em 0 .25em 15px;
  218. margin:.5em 0;
  219. border-left:1px solid {color:text borders};
  220. }
  221.  
  222. pre {
  223. padding:0;
  224. margin:0;
  225. line-height:inherit!important;
  226. background:transparent;
  227. font-family:inherit!Important;
  228. font-size:inherit!important;
  229. white-space:pre-wrap;
  230. white-space:-moz-pre-wrap;
  231. white-space:-pre-wrap;
  232. white-space:-o-pre-wrap;
  233. word-wrap:break-word;
  234. }
  235.  
  236. p {margin:1em 0;}
  237.  
  238. p:first-of-type {margin-top:0;}
  239.  
  240. p:last-of-type {margin-bottom:0;}
  241.  
  242. b, strong, b a, strong a {color:{color:title};font-weight:normal;}
  243.  
  244. ol, ul {
  245. list-style:none;
  246. text-align:left;
  247. padding-left:0;
  248. }
  249.  
  250. li {
  251. position:relative;
  252. padding:.1em 0 .1em 35px;
  253. }
  254.  
  255. ol li {counter-increment:list;}
  256.  
  257. ol li:before, ul li:before {
  258. left:15px;
  259. position:absolute;
  260. vertical-align:baseline!important;
  261. }
  262.  
  263. ol li:before {content:counter(list) '.';}
  264.  
  265. ul li:before {content:'›';}
  266.  
  267. .chat li:before, .same li:before {display:none;}
  268.  
  269. small, big, sub, pre {
  270. font-size:1em!important;
  271. line-height:1.5em!important;
  272. vertical-align:baseline!important;
  273. }
  274.  
  275. h1, h2, h3, h4 {
  276. font-size:1.2em;
  277. margin:.25em 0;
  278. padding:0;
  279. color:{color:title};
  280. font-weight:normal;
  281. }
  282.  
  283. .post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child {margin-top:0;}
  284.  
  285. hr {
  286. border:none;
  287. box-shadow:0;
  288. margin:1.5em 25%;
  289. border-top:1px solid {color:text borders};
  290. }
  291.  
  292. /*side*/
  293.  
  294. header {
  295. margin:100px 0 0 300px;
  296. width:{select:post width}px;
  297. left:0;
  298. position:relative;
  299. -webkit-animation-name: fade-in;
  300. -webkit-animation-duration: 1.5s;
  301. }
  302.  
  303. .wrap {position:relative;}
  304.  
  305. .wrap:before {
  306. height:100%;
  307. content:'';
  308. position:absolute;
  309. left:-75px;
  310. width:1px;
  311. background:{color:borders};
  312. }
  313.  
  314. .o {
  315. width:50px;
  316. height:50px;
  317. position:absolute;
  318. -moz-border-radius:100%;
  319. -webkit-border-radius:100%;
  320. border-radius:100%;
  321. -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  322. display:block;
  323. margin-left:-101px;
  324. z-index:10;
  325. overflow:hidden!important;
  326. background:{color:borders};
  327. }
  328.  
  329. .o img {
  330. width:50px;
  331. -moz-border-radius:100%;
  332. -webkit-border-radius:100%;
  333. border-radius:100%;
  334. height:50px;
  335. display:block;
  336. -webkit-backface-visibility:hidden;
  337. }
  338.  
  339. .stick .o {
  340. position:fixed;
  341. top:25px;
  342. }
  343.  
  344. header .o span {
  345. -ms-transform:scale(1.4);
  346. -webkit-transform:scale(1.4);
  347. -moz-transform:scale(1.4);
  348. transform:scale(1.4);
  349. display:block;
  350. z-index:6;
  351. position:absolute;
  352. width:40px;
  353. top:5px;
  354. left:5px;
  355. height:40px;
  356. -moz-border-radius:100%;
  357. -webkit-border-radius:100%;
  358. border-radius:100%;
  359. line-height:40px;
  360. text-align:center;
  361. cursor:help;
  362. opacity:0;
  363. color:{color:title};
  364. font-weight:bold;
  365. font-style:italic;
  366. font-family:serif;
  367. font-size:18px;
  368. background:rgba({RGBcolor:borders},.95);
  369. transition:all .4s linear;
  370. -webkit-transition:all .4s linear;
  371. -o-transition:all .4s linear;
  372. -moz-transition:all .4s linear;
  373.  
  374. }
  375.  
  376. .o:hover span {
  377. background:{color:background};
  378. -ms-transform:scale(1);
  379. -webkit-transform:scale(1);
  380. -moz-transform:scale(1);
  381. transform:scale(1);
  382. opacity:1;
  383. }
  384.  
  385. .tai {
  386. font-size:14px;
  387. position:relative;
  388. line-height:1em;
  389. display:inline-block;
  390. color:{color:title};
  391. }
  392.  
  393. .tai:after {
  394. content:'';
  395. display:block;
  396. height:1px;
  397. width:100%;
  398. margin:10px 0;
  399. background:{color:borders};
  400. }
  401.  
  402. .tai:before {
  403. content:'';
  404. display:block;
  405. height:1px;
  406. width:0;
  407. left:0;
  408. bottom:10px;
  409. position:absolute;
  410. transition:all .4s linear;
  411. -webkit-transition:all .4s linear;
  412. -o-transition:all .4s linear;
  413. -moz-transition:all .4s linear;
  414. }
  415.  
  416. header:hover .tai:before {
  417. width:100%;
  418. background:{color:link};
  419. }
  420.  
  421. nav a {
  422. margin-right:5px;
  423. color:{color:text};
  424. }
  425.  
  426. nav a:hover {color:{color:link};}
  427.  
  428. #d {margin-top:10px;}
  429.  
  430. /*pagination*/
  431.  
  432. footer {
  433. {block:ifinfinitescroll}
  434. {block:ifnotmanualload}
  435. display:none;
  436. {/block:ifnotmanualload}
  437. {/block:ifinfinitescroll}
  438. position:relative;
  439. left:0;
  440. text-align:right;
  441. font-style:italic;
  442. margin:0 0 150px 300px;
  443. width:{select:post width}px;
  444. -webkit-animation-name: fade-in;
  445. -webkit-animation-duration: 1.5s;
  446. }
  447.  
  448. #pagination {
  449. {block:ifinfinitescroll}
  450. display:none;
  451. {/block:ifinfinitescroll}
  452. }
  453.  
  454. footer a {
  455. display:inline-block;
  456. margin:0 10px;
  457. }
  458.  
  459. footer a:last-of-type {margin-right:0;}
  460.  
  461. .nice {
  462. position:fixed;
  463. right:15px;
  464. bottom:10px;
  465. }
  466.  
  467. .nice a {color:{color:text};}
  468.  
  469. #infscr-loading {display:none!important;}
  470.  
  471. /*posts*/
  472.  
  473. section {
  474. left:0;
  475. margin:0 0 75px 225px;
  476. padding:75px 0 0 75px;
  477. position:relative;
  478. width:{select:post width}px;
  479. }
  480.  
  481. section:before {
  482. content:'';
  483. position:absolute;
  484. height:100%;
  485. width:1px;
  486. left:0;
  487. top:0;
  488. background:{color:borders};
  489. -webkit-animation-name: fade-in;
  490. -webkit-animation-duration: 1.5s;
  491. }
  492.  
  493. article {
  494. width:{select:post width}px;
  495. margin-bottom:{text:post spacing}px;
  496. position:relative;
  497. counter-increment:post;
  498. display:block;
  499. -webkit-animation-name: fade-in;
  500. -webkit-animation-duration: 1.5s;
  501.  
  502. }
  503.  
  504. .post img {
  505. height:auto;
  506. max-width:{select:post width}px;
  507. -webkit-backface-visibility:hidden;
  508. backface-visibility:hidden;
  509. }
  510.  
  511. .photo img {
  512. width:{select:post width}px;
  513. display:block;
  514. }
  515.  
  516. .media, .photo-slideshow {
  517. position:relative;
  518. display:block;
  519. }
  520.  
  521. .read_more {text-transform:lowercase;}
  522.  
  523. /*text and captions*/
  524.  
  525. .title {
  526. font-size:1.2em;
  527. line-height:1.5em;
  528. }
  529.  
  530. .title, .title a {color:{color:title};}
  531.  
  532. .ted {margin-top:15px;}
  533.  
  534. .quote {
  535. font-style:;
  536. font-size:1em;
  537. }
  538.  
  539. .source {margin-top:15px;}
  540.  
  541. /*captions*/
  542.  
  543. .caption {
  544. position:relative;
  545. margin-top:25px;
  546. }
  547.  
  548. .caption blockquote {padding-left:15px;}
  549.  
  550. .inl .caption *:not(a):not(ul):not(ol):not(li) {
  551. margin:0;
  552. padding:0;
  553. display:inline;
  554. }
  555.  
  556. .inl .caption p:first-of-type {display:inline!important;}
  557.  
  558. .inl .caption p:first-of-type::after {content:' ';}
  559.  
  560. .inl .caption blockquote {
  561. padding:0;
  562. display:block;
  563. border:0;
  564. }
  565.  
  566. .inl .caption blockquote p{display:block!important;}
  567.  
  568. .inl .caption p {
  569. display:block!important;
  570. margin:.5em 0!important;
  571. }
  572.  
  573. .inl .caption p:first-of-type {
  574. display:inline!important;
  575. margin:0!important;
  576. }
  577.  
  578. .inl .caption *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  579.  
  580. .post img, .post li, .post blockquote, .caption img, .caption iframe {max-width:100%;}
  581.  
  582. .caption *:last-child, .a *:last-child, .tex *:last-child {
  583. margin-bottom:0!important;
  584. padding-bottom:0!Important;
  585. }
  586.  
  587. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  588.  
  589. /*audio*/
  590.  
  591. .tumblr_audio_player {
  592. width:250px;
  593. height:30px;
  594. margin-top:-2px;
  595. }
  596.  
  597. .player {
  598. width:25px;
  599. height:25px;
  600. display:inline-block;
  601. overflow:hidden;
  602. vertical-align:middle;
  603. }
  604.  
  605. .audio_info {
  606. padding-left:15px;
  607. margin-left:14px;
  608. border-left:1px solid {color:borders};
  609. vertical-align:middle;
  610. display:inline-block;
  611. width:calc({select:post width} - 55px);
  612. }
  613.  
  614. .audio_info span {display:block;}
  615.  
  616. /*asks*/
  617.  
  618. .q {
  619. margin-bottom:15px;
  620. font-style:italic;
  621. }
  622.  
  623. .as:before, .source:before, .t:before {
  624. content:'';
  625. display:inline-block;
  626. vertical-align:middle;
  627. width:15px;
  628. height:1px;
  629. background:{color:text borders};
  630. margin-right:5px;
  631. }
  632.  
  633. .as {
  634. margin:15px 0 0 50%;
  635. text-transform:lowercase;
  636. }
  637.  
  638. .w250 .as, .w275 .as, .w300 .as {margin-left:15px;}
  639.  
  640. .a {margin-top:15px}
  641.  
  642. /*chats*/
  643.  
  644. .chat ol {
  645. margin:0;
  646. padding:0;
  647. list-style:none;
  648. text-align:left;
  649. }
  650.  
  651. .l {
  652. margin:5px 0;
  653. padding:0;
  654. }
  655.  
  656. .chat li:first-of-type {margin-top:0px;}
  657.  
  658. .chat li:last-of-type {margin-bottom:0;}
  659.  
  660. .label {
  661. color:{color:title};
  662. display:inline-block;
  663. }
  664.  
  665. /*permalink and notes*/
  666.  
  667. #permalink {
  668. margin-top:25px;
  669. }
  670.  
  671. #permalink span {display:block;}
  672.  
  673. .when {
  674. position:absolute;
  675. top:calc(50% - 1.8em);
  676. left:-79px;
  677. line-height:1.2em;
  678. text-transform:lowercase;
  679. }
  680.  
  681. .ipsum {
  682. width:9px;
  683. height:9px;
  684. display:block;
  685. position:absolute;
  686. -moz-border-radius:100%;
  687. -webkit-border-radius:100%;
  688. border-radius:100%;
  689. background:{color:borders};
  690. }
  691.  
  692. .when span, .ipsum {
  693. transition:all .4s linear;
  694. -webkit-transition:all .4s linear;
  695. -o-transition:all .4s linear;
  696. -moz-transition:all .4s linear;
  697. }
  698.  
  699. .post:hover .ipsum {background:{color:link};}
  700.  
  701. .when span {
  702. display:inline-block;
  703. text-align:right;
  704. margin-top:-1.5em;
  705. margin-left:-100px;
  706. {block:ifHoverInfo}
  707. opacity:0;
  708. margin-left:-75px;
  709. {/block:ifHoverInfo}
  710. }
  711.  
  712. {block:ifHoverInfo}
  713. .post:hover .when span {
  714. opacity:1;
  715. margin-left:-100px;
  716. }
  717. {/block:ifHoverInfo}
  718.  
  719. .when span:before {
  720. content:'entry #' counter(post);
  721. display:block;
  722. }
  723.  
  724. .when a {display:inline-block;}
  725.  
  726. .tags {
  727. padding-top:5px;
  728. font-size:.9em;
  729. }
  730.  
  731. .tags a {
  732. opacity:.7;
  733. display:inline;
  734. }
  735.  
  736. .tags a:hover {opacity:1;}
  737.  
  738. .same {display:none;}
  739.  
  740. ol.notes {
  741. list-style-type:none;
  742. padding:0px;
  743. margin:0;
  744. }
  745.  
  746. ol.notes li.note {
  747. display:block;
  748. margin-bottom:5px;
  749. padding:0;
  750. }
  751.  
  752. ol.notes li.note img.avatar {display:none!important;}
  753.  
  754. .t {
  755. display:block;
  756. margin-bottom:15px;
  757. font-size:11px;
  758. }
  759.  
  760. .more_notes_link {
  761. display:block;
  762. text-align:left!important;
  763. text-transform:lowercase;
  764. color:{color:title};
  765. }
  766.  
  767. /*modal*/
  768.  
  769. footer, section, .wrap, header {
  770. transition:all .4s linear;
  771. -webkit-transition:all .4s linear;
  772. -o-transition:all .4s linear;
  773. -moz-transition:all .4s linear;
  774. }
  775.  
  776. .modal footer, .modal section, .modal header {left:150px;}
  777.  
  778. .modal footer, .modal section, .modal .wrap {opacity:.4;}
  779.  
  780. body.modal {overflow:hidden;}
  781.  
  782. modal {
  783. position:fixed;
  784. left:0px;
  785. top:100px;
  786. width:0;
  787. overflow:hidden;
  788. }
  789.  
  790. .inner {
  791. padding:0 50px;
  792. opacity:0;
  793. width:275px;
  794. }
  795.  
  796. modal .title {margin-bottom:15px;}
  797.  
  798. .le {
  799. text-transform:lowercase;
  800. position:relative;
  801. text-align:left;
  802. width:100%;
  803. {block:ifPopupText}
  804. border-top:1px solid {color:borders};
  805. padding-top:15px;
  806. margin-top:15px;
  807. {/block:ifPopupText}
  808. }
  809.  
  810. .rest {
  811. margin-left:90px;
  812. display:block;
  813. }
  814.  
  815. .lee:after {
  816. content:'';
  817. visibility:hidden;
  818. display:block;
  819. height:0;
  820. clear:both;
  821. }
  822.  
  823. .lee {margin-bottom:15px;}
  824.  
  825. .le a, .lo {display:inline-block;}
  826.  
  827. .le a {
  828. width:calc(100% / 2)!important;
  829. float:left;
  830. }
  831.  
  832. .lo {
  833. color:{color:title};
  834. width:90px;
  835. float:left;
  836. position:relative;
  837. }
  838.  
  839. .lo span {
  840. display:inline-block;
  841. background:{color:background};
  842. padding-right:17px;
  843. }
  844.  
  845. .lo:before {
  846. content:'';
  847. height:1px;
  848. background:{color:borders};
  849. width:65px;
  850. z-index:-1;
  851. left:0px;
  852. top:.75em;
  853. position:absolute;
  854. }
  855.  
  856. {CustomCSS}
  857.  
  858. </style>
  859.  
  860. <!--script-->
  861. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  862. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  863.  
  864. <script>
  865. $(document).ready(function() {
  866. $(document).tooltip({
  867. track:true
  868. });
  869. $('.t').click(function() {
  870. $('.same').slideToggle(400);
  871. });
  872. {block:ifpopup}
  873. $('.o').click(function(event){
  874. event.preventDefault();
  875. if ($(this).hasClass('op')) {
  876. $('.inner').fadeTo("200", 0);
  877. $('modal').animate({width:0}, 600);
  878. $('body').delay(600).removeClass('modal');
  879. $('.when').delay(600).fadeIn();
  880. }
  881. else {
  882. $('.when').fadeOut();
  883. $('body').delay(400).addClass('modal');
  884. $('modal').stop().animate({width:$('.inner').outerWidth()}, 400);
  885. $('.inner').delay(300).fadeTo("200", 1);
  886. }
  887. $(this).toggleClass('op');return false;
  888. });
  889. {/block:ifpopup}
  890. $('.photo-slideshow').pxuPhotoset({
  891. lightbox: true,
  892. rounded: false,
  893. gutter: '2px',
  894. photoset: '.photo-slideshow',
  895. photoWrap: '.photo-data',
  896. photo: '.pxu-photo'
  897. });
  898. {block:indexpage}{block:ifIconImage}{block:ifPopup}
  899. var top = $('.o').offset();
  900. $(document).scroll(function(){
  901. var scrolled = $(document).scrollTop();
  902. if (scrolled < top.top - 125) {$('body').removeClass('stick');}
  903. else {$('body').addClass('stick');}
  904. });
  905. {/block:ifPopup}{/block:ifIconImage}{/block:indexpage}
  906. });
  907. </script>
  908.  
  909. <style>
  910. {block:IndexPage}
  911. .x {
  912. display:none;
  913. }
  914. {/block:IndexPage}
  915.  
  916. {block:TagPage}
  917. .x {
  918. display:block;
  919. }
  920. {/block:TagPage}
  921. </style>
  922.  
  923. </head>
  924.  
  925. <body>
  926.  
  927. {block:ifpopup}<modal><div class="inner">{block:ifPopupTitle}<div class="title">{text:popup title}</div>{/block:ifPopupTitle}{block:ifPopupText}<i>In the middle of the journey of our life, I found myself within a dark woods where the straight way was lost.</i><br><br>Priti; indian, gemini, sleepy. Literature and coffee enthusiast.<br><br>Currently reading: Tess of the D'urbervilles by Thomas Hardy{/block:ifPopupText}<div class="le">
  928.  
  929. <!--link group #1-->
  930. <div class="lee">
  931.  
  932. <!--link group name-->
  933. <span class="lo"><span>links</span></span>
  934.  
  935. <span class="rest">
  936.  
  937. <!--links-->
  938.  
  939.  
  940. <a href="https://www.goodreads.com/tartte">goodreads</a>
  941. <a href="http://instagram.com/trish.pr">instagram</a>
  942. <a href="https://ello.co/zaara">ello</a>
  943. <a href="/ficrec">fic rec</a>
  944. <a href="/icons">icons</a>
  945. <a href="/blogroll">blogroll</a>
  946.  
  947. </span></div>
  948. <!--end link group-->
  949.  
  950. <!--link group #2-->
  951. <div class="lee">
  952.  
  953. <!--link group name-->
  954. <span class="lo"><span>tags</span></span>
  955.  
  956. <span class="rest">
  957.  
  958. <!--links-->
  959.  
  960. <a href="/tagged/ph">photography</a>
  961. <a href="/tagged/fashion">fashion</a>
  962. <a href="/tagged/art">art</a>
  963. <a href="/tagged/interiors">interiors</a>
  964. <a href="/tagged/homme">homme</a>
  965. <a href="/tagged/girls">femme</a>
  966. <a href="/tagged/dog">dogs</a>
  967. <a href="/tagged/cat">cats</a>
  968. <a href="/tagged/quote">quotes</a>
  969. <a href="/tagged/tunes">music</a>
  970.  
  971. </span></div>
  972. <!--end link group-->
  973.  
  974. <!--link group #3-->
  975. <div class="lee">
  976.  
  977. <!--link group name-->
  978. <span class="lo"><span>books</span></span>
  979.  
  980. <span class="rest">
  981.  
  982. <!--links-->
  983.  
  984. <a href="/tagged/tsh">the secret history</a>
  985. <a href="/tagged/the goldfinch">the goldfinch</a>
  986. <a href="/tagged/hp">harry potter</a>
  987. <a href="/tagged/the bell jar">the bell jar</a>
  988. <a href="/tagged/norwegian wood">norwegian wood</a>
  989. <a href="/tagged/deathless">deathless</a>
  990. <a href="/tagged/trc">the raven cycle</a>
  991. <a href="/tagged/six of crows">six of crows</a>
  992. <a href="/tagged/a farewell to arms">a farewell to arms</a>
  993. <a href="/tagged/east of eden">east of eden</a>
  994. <a href="/tagged/wuthering heights">wuthering heights</a>
  995. <a href="/tagged/white oleander">white oleander</a>
  996. <a href="/tagged/the kite runner">the kite runner</a>
  997. <a href="/tagged/pride and prejudice">pride & prejudice</a>
  998. <a href="/tagged/gone girl">gone girl</a>
  999. <a href="/tagged/tsoa">the song of achilles</a>
  1000. <a href="/tagged/acotar">a court of thorns...</a>
  1001.  
  1002.  
  1003.  
  1004.  
  1005. </span></div>
  1006. <!--end link group-->
  1007.  
  1008.  
  1009.  
  1010. </div></div></modal>{/block:ifpopup}
  1011.  
  1012. <header><span class="m"><a class="o" {block:ifnotpopup}href="/"{/block:ifnotpopup}>{block:ifpopup}<span>i</span>{/block:ifpopup}{block:ifIconImage}<img src="{image:icon}"/>{/block:ifIconImage}</a></span><div class="wrap"><a href="/" class="tai">{title}</a><nav>{block:ifHomeTitle}<a class="pro" href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}{block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}</nav><div id="d">{description}</div></div></header>
  1013.  
  1014. <section>{block:Posts}<article class="{TagsAsClasses} post {select:captions} w{select:post width}">
  1015.  
  1016. {block:Quote}
  1017. <div class="title quote">{Quote}</div>
  1018. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1019. {/block:Quote}
  1020.  
  1021. {block:Text}
  1022. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1023. <div class="tex {block:title}ted{/block:title}">{Body}</div>{/block:Text}
  1024.  
  1025. {block:Link}
  1026. <div class="title"><a href="{URL}">{Name}</a></div>
  1027. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1028. {/block:Link}
  1029.  
  1030. {block:Chat}
  1031. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1032. <ol class="chat {block:title}ted{/block:title}">
  1033. {block:Lines}
  1034. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1035. {/block:Lines}
  1036. </div>
  1037. {/block:Chat}
  1038.  
  1039. {block:Photo}
  1040. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  1041. {/block:Photo}
  1042.  
  1043. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1044. {/block:Photoset}
  1045.  
  1046. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1047.  
  1048. {block:Audio}
  1049. {block:AudioPlayer}
  1050. <div class="hold"><div class="player">{AudioPlayerwhite}</div><div class="audio_info">
  1051. {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  1052. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  1053. </div></div>{/block:AudioPlayer}
  1054. {/block:Audio}
  1055.  
  1056. {block:Answer}
  1057. <div class="q">{Question}</div>
  1058. <div class="as">sent by {Asker}</div>
  1059. <div class="a">{Answer}</div>
  1060. {/block:Answer}
  1061.  
  1062. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1063.  
  1064. {block:Date}{block:indexpage}
  1065. <div class="when"><div class="ipsum"></div>
  1066. <span><a href="{Permalink}" target="_blank">{dayofweek}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  1067. {block:ifnothidetags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifnothidetags}
  1068. {/block:indexpage}
  1069.  
  1070. {block:permalinkpage}
  1071. <div id="permalink">
  1072. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  1073. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  1074. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  1075. {/block:permalinkpage}
  1076.  
  1077. {/block:Date}
  1078.  
  1079. {block:PostNotes}
  1080. <a class="t">{NoteCountWithLabel}</a><div class="same">{PostNotes}</div>
  1081. {/block:PostNotes}
  1082.  
  1083. </article>{/block:Posts}</section>
  1084.  
  1085. {block:pagination}<footer><div id="pagination">
  1086. {block:previouspage}<a href="{previouspage}">&laquo; back</a>{block:nextpage}/{/block:nextpage}{/block:previouspage}{block:nextpage}<a href="{nextpage}">next &raquo;</a>{/block:nextpage}</div>{block:ifinfinitescroll}{block:ifmanualload}<a style="cursor:help;" class="load">load more</a>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:pagination}
  1087. {block:indexpage}{block:ifinfinitescroll}
  1088. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1089. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1090. <script>
  1091. $(document).ready(function() {
  1092. var $container = $('section');
  1093. $container.infinitescroll({
  1094. itemSelector: 'article',
  1095. navSelector: '#pagination',
  1096. nextSelector: '#pagination a',
  1097. loadingImg: '',
  1098. loadingText: '<em></em>',
  1099. errorCallback: function(){$('.load').text('no more posts').parent().delay(4000).hide();},
  1100. bufferPx: 3000
  1101. },
  1102. function( newElements ) {
  1103. var $newElems = $( newElements );
  1104. $newElems.css({opacity: 0, zIndex: -1});
  1105. $newElems.find('.photo-slideshow').pxuPhotoset({
  1106. lightbox: true,
  1107. rounded: false,
  1108. gutter: '2px',
  1109. photoset: '.photo-slideshow',
  1110. photoWrap: '.photo-data',
  1111. photo: '.pxu-photo'
  1112. })
  1113. resizeVideos();
  1114. $newElems.imagesLoaded(function(){
  1115. $container.masonry( 'appended', $newElems );
  1116. $newElems.delay(600).animate({opacity: 1, zIndex: 1});
  1117. });
  1118. });
  1119. {block:ifmanualload}
  1120. $(window).unbind('.infscr');
  1121. $('.load').click(function(){
  1122. $(this).parent().fadeTo("400", 0);
  1123. $('section').delay(400).infinitescroll('retrieve').parent('body').find('.load').parent().delay(400).fadeTo("400", 1); return false;
  1124. });
  1125. {/block:ifmanualload}
  1126. });
  1127. </script>{/block:ifinfinitescroll} {/block:indexpage}<a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  1128. {block:ContentSource}
  1129. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1130. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1131. {/block:SourceLogo}
  1132. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1133. {/block:ContentSource}
  1134.  
  1135. </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!