API tools faq
paste
Advertisement
sorrism

sleepless

sorrism
Sep 17th, 2015
50,764
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.18 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: sleepless // updated 24.1.2019
  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="#f8f8f8"/>
  23. <meta name="color:Posts" content="#ffffff"/>
  24. <meta name="color:Text" content="#cccccc"/>
  25. <meta name="color:Link" content="#a7a7a7"/>
  26. <meta name="color:Title" content="#000000"/>
  27. <meta name="color:Scrollbar" content="#d5d5d5" />
  28. <meta name="color:Borders" content="#eeeeee"/>
  29. <meta name="color:Accents" content="#fbfbfb"/>
  30.  
  31. <meta name="if:Infinite Scroll" content="1"/>
  32. <meta name="if:Manual Load" content="0"/>
  33. <meta name="if:Click for Tags" content="1"/>
  34.  
  35. <meta name="image:Sidebar" content=""/>
  36.  
  37. <meta name="select:Post Width" content="350" title="350px"/>
  38. <meta name="select:Post Width" content="375" title="375px"/>
  39. <meta name="select:Post Width" content="400" title="400px"/>
  40. <meta name="select:Post Width" content="450" title="450px"/>
  41. <meta name="select:Post Width" content="500" title="500px"/>
  42. <meta name="select:Post Width" content="540" title="540px"/>
  43.  
  44. <meta name="text:Home Title" content="home"/>
  45. <meta name="text:Ask Title" content="message"/>
  46. <meta name="text:Archive Title" content="archive"/>
  47.  
  48. <meta name="text:Link 1 URL" content=""/>
  49. <meta name="text:Link 1" content=""/>
  50. <meta name="text:Link 2 URL" content=""/>
  51. <meta name="text:Link 2" content=""/>
  52. <meta name="text:Link 3 URL" content=""/>
  53. <meta name="text:Link 3" content=""/>
  54.  
  55. <!--CSS customization here. -->
  56.  
  57. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  58.  
  59. <link href="//fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,700" rel="stylesheet">
  60.  
  61. <style type="text/css">
  62.  
  63. /*tumblr controls and lightbox*/
  64.  
  65. .tmblr-lightbox {background:rgba(255,255,255, .95)!important;}
  66.  
  67. .tmblr-lightbox img {opacity:0;}
  68.  
  69. .lightbox-caption {
  70. color:{color:title}!important;
  71. font-family:inherit!important;
  72. font-size:10px!important;
  73. font-weight:normal!important;
  74. text-shadow:none!important;
  75. }
  76.  
  77. .lightbox-image {
  78. -moz-box-shadow:none!important;
  79. -webkit-box-shadow:none!important;
  80. box-shadow:none!important;
  81. -moz-border-radius:0px!important;
  82. -webkit-border-radius:0px!important;
  83. border-radius:0px!important;
  84. background:{color:posts}!important;
  85. opacity:1!important;
  86. }
  87.  
  88. .vignette {opacity:0!Important;}
  89.  
  90. /*tooltip*/
  91.  
  92. .ui-tooltip {
  93. z-index:6;
  94. position:Absolute;
  95. z-index:9999;
  96. padding-top:15px;
  97. }
  98.  
  99. .ui-tooltip-content {
  100. background:{color:posts};
  101. padding:2px 5px;
  102. font-size:.9em;
  103. text-transform:lowercase;
  104. color:{color:text};
  105. border:1px solid {color:accents};
  106. }
  107.  
  108. /*scrollbar*/
  109.  
  110. ::-webkit-scrollbar {
  111. height:11px;
  112. width:11px;
  113. background:{color:posts};
  114. }
  115.  
  116. ::-webkit-scrollbar-track {
  117. background:{color:borders};
  118. border:5px solid {color:posts};
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb{
  122. border:4px solid {color:posts};
  123. background:{color:scrollbar};
  124. }
  125.  
  126. /*controls*/
  127.  
  128. .iframe-controls--desktop {
  129. z-index:999;
  130. top:-13px!important;
  131. right:-90px!important;
  132. opacity:0;
  133. padding-right:75px;
  134. filter:invert(1) contrast(150%);
  135. -webkit-filter:invert(1) contrast(150%);
  136. -o-filter:invert(1) contrast(150%);
  137. -moz-filter:invert(1) contrast(150%);
  138. -ms-filter:invert(1) contrast(150%);
  139. transform:scale(0.6);
  140. -webkit-transform:scale(0.6);
  141. -o-transform:scale(0.65);
  142. -moz-transform:scale(0.65);
  143. -ms-transform:scale(0.65);
  144. }
  145.  
  146. .iframe-controls--desktop:hover {opacity:.6;}
  147.  
  148. .cc {
  149. position:fixed;
  150. top:2px;
  151. right:0px;
  152. z-index:99;
  153. }
  154.  
  155. .cc svg {
  156. padding:5px 10px;
  157. width:15px;
  158. fill:{color:title};
  159. }
  160.  
  161. /*basics*/
  162.  
  163. body {
  164. background:{color:background};
  165. color:{color:text};
  166. font:normal 11px/1.5em fira sans, arial, sans-serif;
  167. word-wrap:break-word;
  168. text-align:left;
  169. letter-spacing:.15px;
  170. margin:0;
  171. overflow-x:hidden;
  172. -moz-osx-font-smoothing:grayscale;
  173. -webkit-font-smoothing:antialiased;
  174. font-smoothing:antialiased;
  175. }
  176.  
  177. a {
  178. color:{color:text};
  179. text-decoration:none;
  180. cursor:pointer;
  181. }
  182.  
  183. a:hover {
  184. color:{color:link};
  185. border-color:{color:link}!important;
  186. }
  187.  
  188. a, .iframe-controls--desktop, svg {
  189. transition:all .15s linear;
  190. -webkit-transition:all .15s linear;
  191. -moz-transition:all .15s linear;
  192. -o-transition:all .15s linear;
  193. }
  194.  
  195. .comment a, .source a {border-bottom:1px solid {color:link};}
  196.  
  197. img {
  198. opacity:1;
  199. border:0;
  200. text-decoration:none;
  201. max-width:100%;
  202. height:auto;
  203. display:block;
  204. }
  205.  
  206. blockquote {
  207. margin:.5em 0;
  208. border-left:1px solid {color:borders};
  209. padding:.25em 0 .25em 15px;
  210. }
  211.  
  212. pre {
  213. padding:0;
  214. margin:0;
  215. line-height:inherit!important;
  216. background:transparent;
  217. font-family:monospace!Important;
  218. font-size:inherit!important;
  219. white-space:pre-wrap;
  220. white-space:-moz-pre-wrap;
  221. white-space:-pre-wrap;
  222. white-space:-o-pre-wrap;
  223. word-wrap:break-word;
  224. }
  225.  
  226. p {margin:.75em 0;}
  227.  
  228. p:first-of-type {margin-top:0!important}
  229.  
  230. p:last-of-type {margin-bottom:0!important}
  231.  
  232. b, strong {
  233. color:{color:title};
  234. font-weight:500;
  235. }
  236.  
  237. ol, ul {
  238. list-style:none;
  239. padding:.25em 0 .25em 15px;
  240. }
  241.  
  242. li {
  243. padding-left:15px;
  244. position:relative;
  245. }
  246.  
  247. article li {
  248. margin:.25em 0;
  249. }
  250.  
  251. article li:before {
  252. left:0;
  253. top:-.1em;
  254. position:absolute;
  255. content:'∗';
  256. font-size:1.5em;
  257. display:block;
  258. color:rgba({RGBcolor:text},.7);
  259. vertical-align:top;
  260. }
  261.  
  262. small, big, sub, pre {
  263. font-size:1em!important;
  264. line-height:2em!important;
  265. vertical-align:baseline!important;
  266. }
  267.  
  268. h1, h2, h3, h4 {
  269. font-size:1.2em;
  270. margin:0;
  271. padding:15px 0;
  272. color:{color:title};
  273. font-weight:500;
  274. }
  275.  
  276. .comment > h1:first-child, .comment > h2:first-child, .comment > h3:first-child, .comment > h4:first-child {padding:0 0 15px 0;}
  277.  
  278. hr {
  279. border:none;
  280. box-shadow:0;
  281. margin:1.5em 25%;
  282. border-top:1px solid {color:borders};
  283. }
  284.  
  285. aside, nav, article, footer {
  286. -webkit-animation-name: fade-in;
  287. -webkit-animation-duration: 1.5s;
  288. }
  289.  
  290. /*side*/
  291.  
  292. aside {
  293. width:200px;
  294. position:fixed;
  295. top:100px;
  296. left:50%;
  297. background:{color:posts};
  298. border-bottom:1px solid {color:borders};
  299. margin-left:calc(-{select:post width}px / 2 - 335px);
  300. padding:20px 30px;
  301. }
  302.  
  303. #d {margin-top:20px;}
  304.  
  305. .tai {
  306. text-transform:lowercase;
  307. font-size:1.2em;
  308. font-weight:500;
  309. line-height:20px;
  310. vertical-align:middle;
  311. display:inline-block;
  312. color:{color:title};
  313. }
  314.  
  315. nav {
  316. font-size:.9em;
  317. margin-top:20px;
  318. background:{color:posts};
  319. }
  320.  
  321. .sm {
  322. display:inline-block;
  323. margin-right:15px;
  324. vertical-align:middle;
  325. }
  326.  
  327. .sm, .sm img {
  328. width:35px;
  329. height:35px;
  330. }
  331.  
  332. nav a {
  333. display:block;
  334. counter-increment:link;
  335. }
  336.  
  337. nav a:before {
  338. content:counter(link, decimal-leading-zero);
  339. font-weight:500;
  340. color:{color:title};
  341. margin-right:15px;
  342. }
  343.  
  344. /*pagination*/
  345.  
  346. footer {
  347. {block:ifinfinitescroll}
  348. {block:ifnotmanualload}
  349. display:none;
  350. {/block:ifnotmanualload}
  351. {/block:ifinfinitescroll}
  352. text-align:center;
  353. margin:0 auto 75px auto;
  354. width:{select:post width}px;
  355. text-transform:lowercase;
  356. }
  357.  
  358. footer a {
  359. font-weight:500;
  360. font-size:.9em;
  361. display:inline-block;
  362. padding:10px 15px;
  363. background:{color:posts};
  364. border-bottom:1px solid {color:borders};
  365. }
  366.  
  367. footer a:hover {
  368. background:{color:link};
  369. color:{color:posts};
  370. }
  371.  
  372. #infscr-loading {display:none!important;}
  373.  
  374. {block:ifinfinitescroll}
  375. #pagination {display:none;}
  376. {/block:ifinfinitescroll}
  377.  
  378. .nice {
  379. position:fixed;
  380. right:15px;
  381. bottom:15px;
  382. width:15px;
  383. text-align:center;
  384. padding:3px;
  385. line-height:15px;
  386. background:{color:posts};
  387. }
  388.  
  389. /*posts*/
  390.  
  391. section {
  392. margin:100px auto;
  393. width:{select:post width}px;
  394. }
  395.  
  396. article {
  397. width:{select:post width}px;
  398. background:{color:posts};
  399. border-bottom:1px solid {color:borders};
  400. margin-bottom:75px;
  401. position:relative;
  402. }
  403.  
  404. .ph {
  405. position:relative;
  406. overflow:hidden;
  407. }
  408.  
  409. .ph img {
  410. width:100%;
  411. display:block;
  412. }
  413.  
  414. .video * {
  415. display:block;
  416. min-width:100%;
  417. }
  418.  
  419. /*text and captions*/
  420.  
  421. .con {padding:30px;}
  422.  
  423. .dated .con {padding-top:0px;}
  424.  
  425. .title {
  426. color:{color:title};
  427. font-size:1.2em;
  428. }
  429.  
  430. .title, .quote {
  431. line-height:1.5em;
  432. font-size:1.2em;
  433. }
  434.  
  435. .title a {color:{color:title};}
  436.  
  437. .title a:hover {color:{color:link};}
  438.  
  439. .title, a.read_more, .user, .label, .answerer {
  440. text-transform:uppercase;
  441. letter-spacing:1px;
  442. font-weight:500;
  443. }
  444.  
  445. .quote {font-style:italic;}
  446.  
  447. .source {margin-top:20px;}
  448.  
  449. article img, article li, article blockquote, article img {max-width:100%;}
  450.  
  451. /*captions*/
  452.  
  453. .comment {
  454. margin:0;
  455. padding:0 0 15px 0;
  456. list-style:none;
  457. }
  458.  
  459. article:not(.ccc) .comment:last-of-type {padding-bottom:0;}
  460.  
  461. .ccc .comment {padding:15px 30px;}
  462.  
  463. .ccc .comment:first-of-type {padding-top:30px;}
  464.  
  465. .ccc .comment:last-of-type {padding-bottom:30px;}
  466.  
  467. .comment:before, .chat li:before, ol.notes li:before {display:none;}
  468.  
  469. .user {
  470. border:0!important;
  471. display:block;
  472. margin-bottom:10px;
  473. font-size:.9em;
  474. }
  475.  
  476. .answerer {
  477. border:0!important;
  478. margin-bottom:10px;
  479. font-size:.9em;
  480. }
  481.  
  482. .user a, .user {color:{color:link};}
  483.  
  484. .ted:first-of-type {padding-top:20px;}
  485.  
  486. /*audio*/
  487.  
  488. .player {
  489. width:25px;
  490. height:24px;
  491. position:absolute;
  492. left:30px;
  493. top:calc(50% - 15px);
  494. display:block;
  495. overflow:hidden;
  496. }
  497.  
  498. .hold {
  499. position:relative;
  500. display:block;
  501. min-height:24px;
  502. padding:20px 30px;
  503. background:{color:accents};
  504. }
  505.  
  506. .audio_info {
  507. vertical-align:middle;
  508. line-height:12px;
  509. margin-left:60px;
  510. max-width:calc(100% - 90px);
  511. }
  512.  
  513. .audio_info span {
  514. white-space:nowrap;
  515. overflow:hidden;
  516. text-overflow:ellipsis;
  517. display:block;
  518. }
  519.  
  520. .hold .track {
  521. font-weight:500;
  522. color:{color:title};
  523. }
  524.  
  525. .spotify_audio_player {
  526. height:80px;
  527. border-radius:0!important;
  528. }
  529.  
  530. /*asks*/
  531.  
  532. .q {
  533. padding:30px;
  534. background:{color:accents};
  535. }
  536.  
  537. .as {
  538. text-transform:lowercase;
  539. color:{color:title};
  540. font-weight:500;
  541. }
  542.  
  543. .a {margin-top:15px}
  544.  
  545. /*chats*/
  546.  
  547. .chat {
  548. margin:0;
  549. padding:0;
  550. list-style:none;
  551. text-align:left;
  552. }
  553.  
  554. .l {
  555. padding:0 0 20px 0;
  556. }
  557.  
  558. .l:last-child {
  559. padding-bottom:0;
  560. border:0;
  561. }
  562.  
  563. .label {
  564. color:{color:link};
  565. display:inline-block;
  566. font-size:.9em;
  567. }
  568.  
  569. /*permalink and notes*/
  570.  
  571. .taggie {
  572. float:right;
  573. text-align:right;
  574. }
  575.  
  576. .taggie svg {
  577. height:16px;
  578. width:16px;
  579. vertical-align:middle;
  580. fill:{color:text};
  581. }
  582.  
  583. .taggie:hover svg {fill:{color:link};}
  584.  
  585. .when {
  586. padding:20px 30px;
  587. font-size:.9em;
  588. line-height:1.2em;
  589. }
  590.  
  591. .when .im {
  592. width:22px;
  593. height:22px;
  594. margin-right:15px;
  595. }
  596.  
  597. .rest, .im img {
  598. display:inline-block;
  599. vertical-align:top;
  600. }
  601.  
  602. .im img {
  603. width:22px;
  604. height:22px;
  605. }
  606.  
  607. .im img, .sm img, ol.notes li.note img.avatar {
  608. -moz-border-radius:100%;
  609. -webkit-border-radius:100%;
  610. border-radius:100%;
  611. }
  612.  
  613. .when a {display:inline-block;}
  614.  
  615. .when a:not(.d):not(.taggie)::after {
  616. content:'•';
  617. margin:0 5px;
  618. }
  619.  
  620. .when a:last-of-type::after {display:none;}
  621.  
  622. .d {
  623. display:block!important;
  624. font-weight:500;
  625. color:{color:link};
  626. text-transform:uppercase;
  627. letter-spacing:1px;
  628. }
  629.  
  630.  
  631. .like-b {
  632. position:relative;
  633. display:inline-block;
  634. overflow:hidden;
  635. vertical-align:middle;
  636. }
  637.  
  638. .like-b .like_button iframe {
  639. position:absolute;
  640. top:0;
  641. left:0;
  642. bottom:0;
  643. right:0;
  644. z-index:2;
  645. opacity:0.0000001;
  646. }
  647.  
  648. .like-b .liked + .b {color:#D95E40;}
  649.  
  650. .like-b .liked + .b:after {content:'d';}
  651.  
  652. #in {
  653. padding:30px 30px 0 30px;
  654. font-size:.9em;
  655. }
  656.  
  657. #in a {color:{color:link};}
  658.  
  659. ol.notes {
  660. list-style-type:none;
  661. padding:0px;
  662. margin:0px;
  663. font-size:.9em;
  664. }
  665.  
  666. ol.notes li.note {
  667. display:block;
  668. margin:0 0 10px 30px;
  669. padding:0;
  670. line-height:15px;
  671. }
  672.  
  673. ol.notes li.note img.avatar {
  674. position:absolute;
  675. left:-30px;
  676. height:15px;
  677. width:15px;
  678. vertical-align:middle;
  679. float:left;
  680. display:inline-block;
  681. }
  682.  
  683. .more_notes_link, .notes_loading {
  684. display:block;
  685. text-transform:lowercase;
  686. font-weight:500;
  687. text-align:left;
  688. color:{color:title};
  689. }
  690.  
  691. /* tags */
  692.  
  693. .tags {
  694. padding:20px 30px;
  695. font-size:.9em;
  696. font-weight:500;
  697. position:relative;
  698. z-index:4;
  699. {block:indexpage}
  700. {block:ifClickForTags}
  701. display:none;
  702. {/block:ifClickForTags}
  703. {/block:indexpage}
  704. }
  705.  
  706. .ccc .tags, .mhm .tags {
  707. padding-top:0;
  708. margin-top:-15px;
  709. }
  710.  
  711. .tags a {
  712. display:inline;
  713. color:rgba({RGBcolor:text},.5);
  714. }
  715.  
  716. .tags a:hover {color:{color:link};}
  717.  
  718. .tags a:after {
  719. content:'•';
  720. margin:0 5px;
  721. }
  722.  
  723. .tags a:last-of-type::after {display:none;}
  724.  
  725. {CustomCSS}
  726.  
  727. </style>
  728.  
  729.  
  730. </head>
  731.  
  732. <body><div class="cc"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  733.  
  734.  
  735. <aside>{block:ifSidebarImage}<a class="sm" href="/"><img src="{image:Sidebar}"/></a>{/block:ifSidebarImage}<a href="/" class="tai">{title}</a><div id="d">{description}</div><nav>{block:ifHomeTitle}<a 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>
  736. </aside>
  737.  
  738. <section>
  739. {block:Posts}<article id="{PostID}" class="{block:Date}dated{/block:Date} {block:caption}ccc{/block:caption} {block:Answer}ccc{/block:Answer} {block:hastags}{block:Quote}mhm{/block:Quote}{block:Text}mhm{/block:Text}{block:Link}mhm{/block:Link}{block:Chat}mhm{/block:Chat}{/block:hastags}">
  740.  
  741. {block:Date}
  742. <div class="when">{block:indexpage}{block:hastags}{block:ifClickForTags}<a class="taggie"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/></svg></a>{/block:ifClickForTags}{/block:hastags}{/block:indexpage}{block:RebloggedFrom}<a class="im" {block:haspermalink}href="{permalink}"{/block:haspermalink}><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom}{block:notreblog}<a class="im"><img src="{PortraitURL-64}"/></a>{/block:notreblog}<div class="rest"><a href="{Permalink}" target="_blank" class="d">{dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}" class="no">{notecountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank" class="r">reblog</a><a class="like-b">{LikeButton}<span class="b">like</span></a></div></div>
  743. {/block:Date}
  744.  
  745. {block:Quote}<div class="con"><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  746.  
  747. {block:Text}<div class="con">{block:Title}<div class="title">{Title}</div>{/block:Title}{block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}ted{/block:Title}">{body}</li>{/block:NotReblog}</div>{/block:Text}
  748.  
  749. {block:Link}<div class="con"><div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{block:NotReblog}<li class="comment ted">{description}</li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Link}
  750.  
  751. {block:Chat}<div class="con">{block:Title}<div class="title">{Title}</div>{/block:Title}<ol class="chat {block:Title}ted{/block:Title}">{block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  752.  
  753. <div class="media"><div class="ph">
  754. {block:Photo}{block:indexpage}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{/block:indexpage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:permalinkpage}{/block:Photo}
  755.  
  756. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img 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>{/block:Photoset}
  757.  
  758. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  759.  
  760. </div>
  761.  
  762. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  763.  
  764. {block:caption}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>{Caption}</li>{/block:NotReblog}{/block:caption}
  765.  
  766. </div>
  767.  
  768. {block:Answer}
  769. <div class="q"><span class="as">{Asker} sent: </span>{Question}</div>
  770. {block:Answerer}
  771. <li class="comment"><span class="user">{answerer} replied: </span>{answer}</li>
  772. {/block:Answerer}
  773. {block:NotReblog}
  774. <li class="comment reply">{replies}</li>
  775. {/block:NotReblog}
  776. {block:rebloggedfrom}
  777. {block:reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}{username}</a>{body}</li>
  778. {/block:Reblogs}
  779. {/block:rebloggedfrom}
  780. {/block:Answer}
  781.  
  782.  
  783. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  784.  
  785. </article>
  786.  
  787. {block:PostNotes}
  788. <article class="pagenotes"><div id="in">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div><div class="con">{PostNotes}</div></article>
  789. {/block:PostNotes}
  790. {/block:Posts}
  791.  
  792. </section>
  793.  
  794. {block:Pagination}<footer>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<div class="pag"><a class="load">load more</a></div>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}<div id="pagination" class="pag">{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" {block:PreviousPage}style="margin-left:15px"{/block:PreviousPage}>next page</a>{/block:NextPage}</div></footer>{/block:pagination}
  795.  
  796.  
  797. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="//static.tumblr.com/sas2ex2/lI6p30hwv/notes.js"></script>{block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  798. <script>
  799. $(document).ready(function(){
  800. $('body').tooltip({track:true});
  801. $('.taggie').each(function() {
  802. $(this).click(function() {$(this).closest('article').find('.tags').slideToggle(400);});
  803. });
  804. $('.photo-slideshow').pxuPhotoset({
  805. lightbox: true,
  806. rounded: false,
  807. gutter: '2px',
  808. photoset: '.photo-slideshow',
  809. photoWrap: '.photo-data',
  810. photo: '.pxu-photo'
  811. });
  812. $('iframe.tumblr_audio_player').load( function() {
  813. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents}!important} </style>"));
  814. });
  815. notes();
  816. var $container = $('section');
  817. {block:indexpage}
  818. {block:ifinfinitescroll}
  819. $container.infinitescroll({
  820. itemSelector: 'article',
  821. navSelector: '#pagination',
  822. nextSelector: '#pagination a',
  823. loadingImg: '',
  824. loadingText: '<em></em>',
  825. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  826. bufferPx: 3000
  827. },
  828. function( newElements ) {
  829. var $newElems = $( newElements );
  830. var $newID = $newElems.map(function(){return this.id;}).get();
  831. Tumblr.LikeButton.get_status_by_post_ids($newID);
  832. $newElems.find('.photo-slideshow').pxuPhotoset({
  833. lightbox: true,
  834. rounded: false,
  835. gutter: '2px',
  836. photoset: '.photo-slideshow',
  837. photoWrap: '.photo-data',
  838. photo: '.pxu-photo'
  839. });
  840. $newElems.find('iframe.tumblr_audio_player').load( function() {
  841. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents} !important} </style>"));
  842. });
  843. $newElems.find('.no').each(function(){
  844. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  845. if (n > 999) {
  846. n = Math.floor(n / 100) / 10;
  847. $(this).text(n + 'k notes');
  848. }
  849. else if (n > 1 && n <= 999) {$(this).text(n + ' notes');}
  850. else {$(this).text(n + ' note');}
  851. });
  852. resizeVideos();
  853. $newElems.find('.taggie').each(function() {
  854. $(this).click(function() {$(this).closest('article').find('.tags').slideToggle(400);});
  855. });
  856. });
  857. {block:ifmanualload}
  858. $(window).unbind('.infscr');
  859. $('.load').click(function(){
  860. $('footer').fadeTo("400", 0);
  861. $container.delay(400).infinitescroll('retrieve').parent('body').find('.pag').parent().delay(400).fadeTo("400", 1);
  862. });
  863. {/block:ifmanualload}
  864. {/block:ifinfinitescroll}{/block:indexpage}
  865. });
  866. </script>
  867.  
  868. {block:ContentSource}
  869. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  870. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  871. {/block:SourceLogo}
  872. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  873. {/block:ContentSource}
  874. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  875. </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!