API tools faq
paste
Advertisement
sorrism

thyme

sorrism
Jan 9th, 2016
26,447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.98 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. word-wrap:break-word;
  179. text-align:left;
  180. {block:ifjustifytext}
  181. text-align:justify;
  182. {/block:ifjustifytext}
  183. -moz-osx-font-smoothing:grayscale;
  184. -webkit-font-smoothing:antialiased;
  185. font-smoothing:antialiased;
  186. margin:0;
  187. }
  188.  
  189. a {
  190. color:{color:text};
  191. text-decoration:none;
  192. transition:all .4s linear;
  193. -webkit-transition:all .4s linear;
  194. -o-transition:all .4s linear;
  195. -moz-transition:all .4s linear;
  196. }
  197.  
  198. a, a img {cursor:pointer;}
  199.  
  200. a:hover {
  201. color:{color:link};
  202. text-decoration:none;
  203. }
  204.  
  205. .tex a, .a a, .caption a, .title a, .source a {border-bottom:1px solid {color:text borders};}
  206.  
  207. .tex a:hover, .a a:hover, .caption a:hover, .title a:hover, .source a:hover {border-color:{color:link}!important;}
  208.  
  209. img {
  210. opacity:1;
  211. border:none;
  212. text-decoration:none;
  213. }
  214.  
  215. blockquote {
  216. padding:.25em 0 .25em 15px;
  217. margin:.5em 0;
  218. border-left:2px solid {color:text borders};
  219. }
  220.  
  221. pre {
  222. padding:0;
  223. margin:0;
  224. line-height:inherit!important;
  225. background:transparent;
  226. font-family:inherit!Important;
  227. font-size:inherit!important;
  228. white-space:pre-wrap;
  229. white-space:-moz-pre-wrap;
  230. white-space:-pre-wrap;
  231. white-space:-o-pre-wrap;
  232. word-wrap:break-word;
  233. }
  234.  
  235. p {margin:1em 0;}
  236.  
  237. p:first-of-type {margin-top:0;}
  238.  
  239. p:last-of-type {margin-bottom:0;}
  240.  
  241. b, strong, b a, strong a {color:{color:title};}
  242.  
  243. ol, ul {
  244. list-style:none;
  245. text-align:left;
  246. padding-left:0;
  247. }
  248.  
  249. li {
  250. position:relative;
  251. padding:.1em 0 .1em 35px;
  252. }
  253.  
  254. ol li {counter-increment:list;}
  255.  
  256. ol li:before, ul li:before {
  257. left:15px;
  258. position:absolute;
  259. vertical-align:baseline!important;
  260. }
  261.  
  262. ol li:before {content:counter(list) '.';}
  263.  
  264. ul li:before {content:'›';}
  265.  
  266. .chat li:before, .same li:before {display:none;}
  267.  
  268. small, big, sub, pre {
  269. font-size:1em!important;
  270. line-height:1.5em!important;
  271. vertical-align:baseline!important;
  272. }
  273.  
  274. h1, h2, h3, h4 {
  275. font-size:1.2em;
  276. margin:.25em 0;
  277. padding:0;
  278. color:{color:title};
  279. font-weight:normal;
  280. }
  281.  
  282. .post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child {margin-top:0;}
  283.  
  284. hr {
  285. border:none;
  286. box-shadow:0;
  287. margin:1.5em 25%;
  288. border-top:1px solid {color:text borders};
  289. }
  290.  
  291. /*side*/
  292.  
  293. header {
  294. margin:100px 0 0 300px;
  295. width:{select:post width}px;
  296. left:0;
  297. position:relative;
  298. -webkit-animation-name: fade-in;
  299. -webkit-animation-duration: 1.5s;
  300. }
  301.  
  302. .wrap {position:relative;}
  303.  
  304. .wrap:before {
  305. height:100%;
  306. content:'';
  307. position:absolute;
  308. left:-75px;
  309. width:1px;
  310. background:{color:borders};
  311. }
  312.  
  313. .o {
  314. width:50px;
  315. height:50px;
  316. position:absolute;
  317. -moz-border-radius:100%;
  318. -webkit-border-radius:100%;
  319. border-radius:100%;
  320. -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  321. display:block;
  322. margin-left:-101px;
  323. z-index:10;
  324. overflow:hidden!important;
  325. background:{color:borders};
  326. }
  327.  
  328. .o img {
  329. width:50px;
  330. -moz-border-radius:100%;
  331. -webkit-border-radius:100%;
  332. border-radius:100%;
  333. height:50px;
  334. display:block;
  335. -webkit-backface-visibility:hidden;
  336. }
  337.  
  338. .stick .o {
  339. position:fixed;
  340. top:25px;
  341. }
  342.  
  343. header .o span {
  344. -ms-transform:scale(1.4);
  345. -webkit-transform:scale(1.4);
  346. -moz-transform:scale(1.4);
  347. transform:scale(1.4);
  348. display:block;
  349. z-index:6;
  350. position:absolute;
  351. width:40px;
  352. top:5px;
  353. left:5px;
  354. height:40px;
  355. -moz-border-radius:100%;
  356. -webkit-border-radius:100%;
  357. border-radius:100%;
  358. line-height:40px;
  359. text-align:center;
  360. cursor:help;
  361. opacity:0;
  362. color:{color:title};
  363. font-weight:bold;
  364. font-style:italic;
  365. font-family:serif;
  366. font-size:18px;
  367. background:rgba({RGBcolor:borders},.95);
  368. transition:all .4s linear;
  369. -webkit-transition:all .4s linear;
  370. -o-transition:all .4s linear;
  371. -moz-transition:all .4s linear;
  372.  
  373. }
  374.  
  375. .o:hover span {
  376. background:{color:background};
  377. -ms-transform:scale(1);
  378. -webkit-transform:scale(1);
  379. -moz-transform:scale(1);
  380. transform:scale(1);
  381. opacity:1;
  382. }
  383.  
  384. .tai {
  385. font-size:14px;
  386. position:relative;
  387. line-height:1em;
  388. display:inline-block;
  389. color:{color:title};
  390. }
  391.  
  392. .tai:after {
  393. content:'';
  394. display:block;
  395. height:1px;
  396. width:100%;
  397. margin:10px 0;
  398. background:{color:borders};
  399. }
  400.  
  401. .tai:before {
  402. content:'';
  403. display:block;
  404. height:1px;
  405. width:0;
  406. left:0;
  407. bottom:10px;
  408. position:absolute;
  409. transition:all .4s linear;
  410. -webkit-transition:all .4s linear;
  411. -o-transition:all .4s linear;
  412. -moz-transition:all .4s linear;
  413. }
  414.  
  415. header:hover .tai:before {
  416. width:100%;
  417. background:{color:link};
  418. }
  419.  
  420. nav a {
  421. margin-right:5px;
  422. color:{color:text};
  423. }
  424.  
  425. nav a:hover {color:{color:link};}
  426.  
  427. #d {margin-top:10px;}
  428.  
  429. /*pagination*/
  430.  
  431. footer {
  432. {block:ifinfinitescroll}
  433. {block:ifnotmanualload}
  434. display:none;
  435. {/block:ifnotmanualload}
  436. {/block:ifinfinitescroll}
  437. position:relative;
  438. left:0;
  439. text-align:right;
  440. font-style:italic;
  441. margin:0 0 150px 300px;
  442. width:{select:post width}px;
  443. -webkit-animation-name: fade-in;
  444. -webkit-animation-duration: 1.5s;
  445. }
  446.  
  447. #pagination {
  448. {block:ifinfinitescroll}
  449. display:none;
  450. {/block:ifinfinitescroll}
  451. }
  452.  
  453. footer a {
  454. display:inline-block;
  455. margin:0 10px;
  456. }
  457.  
  458. footer a:last-of-type {margin-right:0;}
  459.  
  460. .nice {
  461. position:fixed;
  462. right:15px;
  463. bottom:10px;
  464. }
  465.  
  466. .nice a {color:{color:text};}
  467.  
  468. #infscr-loading {display:none!important;}
  469.  
  470. /*posts*/
  471.  
  472. section {
  473. left:0;
  474. margin:0 0 75px 225px;
  475. padding:75px 0 0 75px;
  476. position:relative;
  477. width:{select:post width}px;
  478. }
  479.  
  480. section:before {
  481. content:'';
  482. position:absolute;
  483. height:100%;
  484. width:1px;
  485. left:0;
  486. top:0;
  487. background:{color:borders};
  488. -webkit-animation-name: fade-in;
  489. -webkit-animation-duration: 1.5s;
  490. }
  491.  
  492. article {
  493. width:{select:post width}px;
  494. margin-bottom:{text:post spacing}px;
  495. position:relative;
  496. counter-increment:post;
  497. display:block;
  498. -webkit-animation-name: fade-in;
  499. -webkit-animation-duration: 1.5s;
  500.  
  501. }
  502.  
  503. .post img {
  504. height:auto;
  505. max-width:{select:post width}px;
  506. -webkit-backface-visibility:hidden;
  507. backface-visibility:hidden;
  508. }
  509.  
  510. .photo img {
  511. width:{select:post width}px;
  512. display:block;
  513. }
  514.  
  515. .media, .photo-slideshow {
  516. position:relative;
  517. display:block;
  518. }
  519.  
  520. .read_more {text-transform:lowercase;}
  521.  
  522. /*text and captions*/
  523.  
  524. .title {
  525. font-size:1.2em;
  526. line-height:1.5em;
  527. }
  528.  
  529. .title, .title a {color:{color:title};}
  530.  
  531. .ted {margin-top:15px;}
  532.  
  533. .quote {
  534. font-style:italic;
  535. font-size:1.4em;
  536. }
  537.  
  538. .source {margin-top:15px;}
  539.  
  540. /*captions*/
  541.  
  542. .caption {
  543. position:relative;
  544. margin-top:25px;
  545. }
  546.  
  547. .caption blockquote {padding-left:15px;}
  548.  
  549. .inl .caption *:not(a):not(ul):not(ol):not(li) {
  550. margin:0;
  551. padding:0;
  552. display:inline;
  553. }
  554.  
  555. .inl .caption p:first-of-type {display:inline!important;}
  556.  
  557. .inl .caption p:first-of-type::after {content:' ';}
  558.  
  559. .inl .caption blockquote {
  560. padding:0;
  561. display:block;
  562. border:0;
  563. }
  564.  
  565. .inl .caption blockquote p{display:block!important;}
  566.  
  567. .inl .caption p {
  568. display:block!important;
  569. margin:.5em 0!important;
  570. }
  571.  
  572. .inl .caption p:first-of-type {
  573. display:inline!important;
  574. margin:0!important;
  575. }
  576.  
  577. .inl .caption *::after:not(a):not(ul):not(ol):not(li) {content:' ';}
  578.  
  579. .post img, .post li, .post blockquote, .caption img, .caption iframe {max-width:100%;}
  580.  
  581. .caption *:last-child, .a *:last-child, .tex *:last-child {
  582. margin-bottom:0!important;
  583. padding-bottom:0!Important;
  584. }
  585.  
  586. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  587.  
  588. /*audio*/
  589.  
  590. .tumblr_audio_player {
  591. width:250px;
  592. height:30px;
  593. margin-top:-2px;
  594. }
  595.  
  596. .player {
  597. width:25px;
  598. height:25px;
  599. display:inline-block;
  600. overflow:hidden;
  601. vertical-align:middle;
  602. }
  603.  
  604. .audio_info {
  605. padding-left:15px;
  606. margin-left:14px;
  607. border-left:1px solid {color:borders};
  608. vertical-align:middle;
  609. display:inline-block;
  610. width:calc({select:post width} - 55px);
  611. }
  612.  
  613. .audio_info span {display:block;}
  614.  
  615. /*asks*/
  616.  
  617. .q {
  618. margin-bottom:15px;
  619. font-style:italic;
  620. }
  621.  
  622. .as:before, .source:before, .t:before {
  623. content:'';
  624. display:inline-block;
  625. vertical-align:middle;
  626. width:15px;
  627. height:1px;
  628. background:{color:text borders};
  629. margin-right:5px;
  630. }
  631.  
  632. .as {
  633. margin:15px 0 0 50%;
  634. text-transform:lowercase;
  635. }
  636.  
  637. .w250 .as, .w275 .as, .w300 .as {margin-left:15px;}
  638.  
  639. .a {margin-top:15px}
  640.  
  641. /*chats*/
  642.  
  643. .chat ol {
  644. margin:0;
  645. padding:0;
  646. list-style:none;
  647. text-align:left;
  648. }
  649.  
  650. .l {
  651. margin:5px 0;
  652. padding:0;
  653. }
  654.  
  655. .chat li:first-of-type {margin-top:0px;}
  656.  
  657. .chat li:last-of-type {margin-bottom:0;}
  658.  
  659. .label {
  660. color:{color:title};
  661. display:inline-block;
  662. }
  663.  
  664. /*permalink and notes*/
  665.  
  666. #permalink {
  667. margin-top:25px;
  668. }
  669.  
  670. #permalink span {display:block;}
  671.  
  672. .when {
  673. position:absolute;
  674. top:calc(50% - 1.8em);
  675. left:-79px;
  676. line-height:1.2em;
  677. text-transform:lowercase;
  678. }
  679.  
  680. .ipsum {
  681. width:9px;
  682. height:9px;
  683. display:block;
  684. position:absolute;
  685. -moz-border-radius:100%;
  686. -webkit-border-radius:100%;
  687. border-radius:100%;
  688. background:{color:borders};
  689. }
  690.  
  691. .when span, .ipsum {
  692. transition:all .4s linear;
  693. -webkit-transition:all .4s linear;
  694. -o-transition:all .4s linear;
  695. -moz-transition:all .4s linear;
  696. }
  697.  
  698. .post:hover .ipsum {background:{color:link};}
  699.  
  700. .when span {
  701. display:inline-block;
  702. text-align:right;
  703. margin-top:-1.5em;
  704. margin-left:-100px;
  705. {block:ifHoverInfo}
  706. opacity:0;
  707. margin-left:-75px;
  708. {/block:ifHoverInfo}
  709. }
  710.  
  711. {block:ifHoverInfo}
  712. .post:hover .when span {
  713. opacity:1;
  714. margin-left:-100px;
  715. }
  716. {/block:ifHoverInfo}
  717.  
  718. .when span:before {
  719. content:'entry #' counter(post);
  720. display:block;
  721. }
  722.  
  723. .when a {display:inline-block;}
  724.  
  725. .tags {
  726. padding-top:5px;
  727. font-size:.9em;
  728. }
  729.  
  730. .tags a {
  731. opacity:.7;
  732. display:inline;
  733. }
  734.  
  735. .tags a:hover {opacity:1;}
  736.  
  737. .same {display:none;}
  738.  
  739. ol.notes {
  740. list-style-type:none;
  741. padding:0px;
  742. margin:0;
  743. }
  744.  
  745. ol.notes li.note {
  746. display:block;
  747. margin-bottom:5px;
  748. padding:0;
  749. }
  750.  
  751. ol.notes li.note img.avatar {display:none!important;}
  752.  
  753. .t {
  754. display:block;
  755. margin-bottom:15px;
  756. font-size:11px;
  757. }
  758.  
  759. .more_notes_link {
  760. display:block;
  761. text-align:left!important;
  762. text-transform:lowercase;
  763. color:{color:title};
  764. }
  765.  
  766. /*modal*/
  767.  
  768. footer, section, .wrap, header {
  769. transition:all .4s linear;
  770. -webkit-transition:all .4s linear;
  771. -o-transition:all .4s linear;
  772. -moz-transition:all .4s linear;
  773. }
  774.  
  775. .modal footer, .modal section, .modal header {left:150px;}
  776.  
  777. .modal footer, .modal section, .modal .wrap {opacity:.4;}
  778.  
  779. body.modal {overflow:hidden;}
  780.  
  781. modal {
  782. position:fixed;
  783. left:0px;
  784. top:100px;
  785. width:0;
  786. overflow:hidden;
  787. }
  788.  
  789. .inner {
  790. padding:0 50px;
  791. opacity:0;
  792. width:275px;
  793. }
  794.  
  795. modal .title {margin-bottom:15px;}
  796.  
  797. .le {
  798. text-transform:lowercase;
  799. position:relative;
  800. text-align:left;
  801. width:100%;
  802. {block:ifPopupText}
  803. border-top:1px solid {color:borders};
  804. padding-top:15px;
  805. margin-top:15px;
  806. {/block:ifPopupText}
  807. }
  808.  
  809. .rest {
  810. margin-left:90px;
  811. display:block;
  812. }
  813.  
  814. .lee:after {
  815. content:'';
  816. visibility:hidden;
  817. display:block;
  818. height:0;
  819. clear:both;
  820. }
  821.  
  822. .lee {margin-bottom:15px;}
  823.  
  824. .le a, .lo {display:inline-block;}
  825.  
  826. .le a {
  827. width:calc(100% / 2)!important;
  828. float:left;
  829. }
  830.  
  831. .lo {
  832. color:{color:title};
  833. width:90px;
  834. float:left;
  835. position:relative;
  836. }
  837.  
  838. .lo span {
  839. display:inline-block;
  840. background:{color:background};
  841. padding-right:17px;
  842. }
  843.  
  844. .lo:before {
  845. content:'';
  846. height:1px;
  847. background:{color:borders};
  848. width:65px;
  849. z-index:-1;
  850. left:0px;
  851. top:.75em;
  852. position:absolute;
  853. }
  854.  
  855. {CustomCSS}
  856.  
  857. </style>
  858.  
  859. <!--script-->
  860. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  861. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  862.  
  863. <script>
  864. $(document).ready(function() {
  865. $(document).tooltip({
  866. track:true
  867. });
  868. $('.t').click(function() {
  869. $('.same').slideToggle(400);
  870. });
  871. {block:ifpopup}
  872. $('.o').click(function(event){
  873. event.preventDefault();
  874. if ($(this).hasClass('op')) {
  875. $('.inner').fadeTo("200", 0);
  876. $('modal').animate({width:0}, 600);
  877. $('body').delay(600).removeClass('modal');
  878. $('.when').delay(600).fadeIn();
  879. }
  880. else {
  881. $('.when').fadeOut();
  882. $('body').delay(400).addClass('modal');
  883. $('modal').stop().animate({width:$('.inner').outerWidth()}, 400);
  884. $('.inner').delay(300).fadeTo("200", 1);
  885. }
  886. $(this).toggleClass('op');return false;
  887. });
  888. {/block:ifpopup}
  889. $('.photo-slideshow').pxuPhotoset({
  890. lightbox: true,
  891. rounded: false,
  892. gutter: '3px',
  893. photoset: '.photo-slideshow',
  894. photoWrap: '.photo-data',
  895. photo: '.pxu-photo'
  896. });
  897. {block:indexpage}{block:ifIconImage}{block:ifPopup}
  898. var top = $('.o').offset();
  899. $(document).scroll(function(){
  900. var scrolled = $(document).scrollTop();
  901. if (scrolled < top.top - 125) {$('body').removeClass('stick');}
  902. else {$('body').addClass('stick');}
  903. });
  904. {/block:ifPopup}{/block:ifIconImage}{/block:indexpage}
  905. });
  906. </script>
  907.  
  908. </head>
  909.  
  910. <body>
  911.  
  912. {block:ifpopup}<modal><div class="inner">{block:ifPopupTitle}<div class="title">{text:popup title}</div>{/block:ifPopupTitle}{block:ifPopupText}{text:popup text}{/block:ifPopupText}<div class="le">
  913.  
  914. <!--link group #1-->
  915. <div class="lee">
  916.  
  917. <!--link group name-->
  918. <span class="lo"><span>Links</span></span>
  919.  
  920. <span class="rest">
  921.  
  922. <!--links-->
  923.  
  924. <a href="">potatoes</a>
  925. <a href="">potatoes</a>
  926. <a href="">potatoes</a>
  927. <a href="">potatoes</a>
  928.  
  929. </span></div>
  930. <!--end link group-->
  931.  
  932. <!--link group #2-->
  933. <div class="lee">
  934.  
  935. <!--link group name-->
  936. <span class="lo"><span>tags</span></span>
  937.  
  938. <span class="rest">
  939.  
  940. <!--links-->
  941.  
  942. <a href="">boil 'em</a>
  943. <a href="">mash 'em</a>
  944. <a href="">stick 'em in</a>
  945. <a href="">a stew</a>
  946.  
  947. </span></div>
  948. <!--end link group-->
  949.  
  950. </div></div></modal>{/block:ifpopup}
  951.  
  952. <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>
  953.  
  954. <section>{block:Posts}<article class="post {select:captions} w{select:post width}">
  955.  
  956. {block:Quote}
  957. <div class="title quote">{Quote}</div>
  958. {block:Source}<div class="source">{Source}</div>{/block:Source}
  959. {/block:Quote}
  960.  
  961. {block:Text}
  962. {block:Title}<div class="title">{Title}</div>{/block:Title}
  963. <div class="tex {block:title}ted{/block:title}">{Body}</div>{/block:Text}
  964.  
  965. {block:Link}
  966. <div class="title"><a href="{URL}">{Name}</a></div>
  967. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  968. {/block:Link}
  969.  
  970. {block:Chat}
  971. {block:Title}<div class="title">{Title}</div>{/block:Title}
  972. <ol class="chat {block:title}ted{/block:title}">
  973. {block:Lines}
  974. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  975. {/block:Lines}
  976. </div>
  977. {/block:Chat}
  978.  
  979. {block:Photo}
  980. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  981. {/block:Photo}
  982.  
  983. {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>
  984. {/block:Photoset}
  985.  
  986. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  987.  
  988. {block:Audio}
  989. {block:AudioPlayer}
  990. <div class="hold"><div class="player">{AudioPlayerwhite}</div><div class="audio_info">
  991. {block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}
  992. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  993. </div></div>{/block:AudioPlayer}
  994. {/block:Audio}
  995.  
  996. {block:Answer}
  997. <div class="q">{Question}</div>
  998. <div class="as">sent by {Asker}</div>
  999. <div class="a">{Answer}</div>
  1000. {/block:Answer}
  1001.  
  1002. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1003.  
  1004. {block:Date}{block:indexpage}
  1005. <div class="when"><div class="ipsum"></div>
  1006. <span><a href="{Permalink}" target="_blank">{dayofweek}</a><br><a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  1007. {block:ifnothidetags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifnothidetags}
  1008. {/block:indexpage}
  1009.  
  1010. {block:permalinkpage}
  1011. <div id="permalink">
  1012. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  1013. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  1014. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  1015. {/block:permalinkpage}
  1016.  
  1017. {/block:Date}
  1018.  
  1019. {block:PostNotes}
  1020. <a class="t">{NoteCountWithLabel}</a><div class="same">{PostNotes}</div>
  1021. {/block:PostNotes}
  1022.  
  1023. </article>{/block:Posts}</section>
  1024.  
  1025. {block:pagination}<footer><div id="pagination">
  1026. {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}
  1027. {block:indexpage}{block:ifinfinitescroll}
  1028. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1029. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1030. <script>
  1031. $(document).ready(function() {
  1032. var $container = $('section');
  1033. $container.infinitescroll({
  1034. itemSelector: 'article',
  1035. navSelector: '#pagination',
  1036. nextSelector: '#pagination a',
  1037. loadingImg: '',
  1038. loadingText: '<em></em>',
  1039. errorCallback: function(){$('.load').text('no more posts').parent().delay(4000).hide();},
  1040. bufferPx: 3000
  1041. },
  1042. function( newElements ) {
  1043. var $newElems = $( newElements );
  1044. $newElems.css({opacity: 0, zIndex: -1});
  1045. $newElems.find('.photo-slideshow').pxuPhotoset({
  1046. lightbox: true,
  1047. rounded: false,
  1048. gutter: '3px',
  1049. photoset: '.photo-slideshow',
  1050. photoWrap: '.photo-data',
  1051. photo: '.pxu-photo'
  1052. })
  1053. resizeVideos();
  1054. $newElems.imagesLoaded(function(){
  1055. $container.masonry( 'appended', $newElems );
  1056. $newElems.delay(600).animate({opacity: 1, zIndex: 1});
  1057. });
  1058. });
  1059. {block:ifmanualload}
  1060. $(window).unbind('.infscr');
  1061. $('.load').click(function(){
  1062. $(this).parent().fadeTo("400", 0);
  1063. $('section').delay(400).infinitescroll('retrieve').parent('body').find('.load').parent().delay(400).fadeTo("400", 1); return false;
  1064. });
  1065. {/block:ifmanualload}
  1066. });
  1067. </script>{/block:ifinfinitescroll} {/block:indexpage}<a class="nice" href="http://sorrism.tumblr.com" target="_blank">σ</a>
  1068. {block:ContentSource}
  1069. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1070. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1071. {/block:SourceLogo}
  1072. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1073. {/block:ContentSource}
  1074.  
  1075. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!