API tools faq
paste
sorrism

helium

sorrism
Oct 11th, 2015
47,241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.13 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: helium // updated 5.8.2018
  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:Info Box" content="1"/>
  34. <meta name="if:Stat Box" content="1"/>
  35. <meta name="if:Member Box" content="1"/>
  36. <meta name="if:Search Box" content="1"/>
  37. <meta name="if:Schedule Box" content="1"/>
  38. <meta name="if:Project Box" content="1"/>
  39. <meta name="if:Click for Tags" content="1"/>
  40.  
  41. <meta name="if:Group Blog" content="0"/>
  42.  
  43. <meta name="image:Sidebar" content=""/>
  44. <meta name="image:Header" content=""/>
  45. <meta name="image:Header Icon" content=""/>
  46. <meta name="image:Project" content=""/>
  47.  
  48. <meta name="text:Home Title" content="home"/>
  49. <meta name="text:Ask Title" content="message"/>
  50. <meta name="text:Archive Title" content="archive"/>
  51.  
  52. <meta name="text:Header Link 1" content=""/>
  53. <meta name="text:Header Link 1 URL" content=""/>
  54. <meta name="text:Header Link 2" content=""/>
  55. <meta name="text:Header Link 2 URL" content=""/>
  56. <meta name="text:Header Link 3" content=""/>
  57. <meta name="text:Header Link 3 URL" content=""/>
  58.  
  59. <meta name="text:Link 1 URL" content=""/>
  60. <meta name="text:Link 1" content=""/>
  61. <meta name="text:Link 2 URL" content=""/>
  62. <meta name="text:Link 2" content=""/>
  63. <meta name="text:Link 3 URL" content=""/>
  64. <meta name="text:Link 3" content=""/>
  65. <meta name="text:Link 4 URL" content=""/>
  66. <meta name="text:Link 4" content=""/>
  67. <meta name="text:Link 5 URL" content=""/>
  68. <meta name="text:Link 5" content=""/>
  69. <meta name="text:Link 6 URL" content=""/>
  70. <meta name="text:Link 6" content=""/>
  71.  
  72. <meta name="text:Navigation Title" content="navigation"/>
  73.  
  74. <meta name="text:Info Title" content="info"/>
  75. <meta name="text:Info" content=""/>
  76.  
  77. <meta name="text:Statistics Title" content="statistics"/>
  78. <meta name="text:Stat 1" content="established"/>
  79. <meta name="text:Stat 1 Result" content="1914"/>
  80. <meta name="text:Stat 2" content="online"/>
  81. <meta name="text:Stat 2 Result" content="5"/>
  82. <meta name="text:Stat 3" content="visits"/>
  83. <meta name="text:Stat 3 Result" content="145556"/>
  84.  
  85. <meta name="text:Members Title" content="members"/>
  86.  
  87. <meta name="text:Schedule Title" content="schedule"/>
  88. <meta name="text:Event 1 Time" content=""/>
  89. <meta name="text:Event 1 Description" content=""/>
  90. <meta name="text:Event 2 Time" content=""/>
  91. <meta name="text:Event 2 Description" content=""/>
  92. <meta name="text:Event 3 Time" content=""/>
  93. <meta name="text:Event 3 Description" content=""/>
  94.  
  95. <meta name="text:Project Title" content="newest project"/>
  96. <meta name="text:Project Description" content=""/>
  97.  
  98. <meta name="select:Post Size" content="400px" title="400px"/>
  99. <meta name="select:Post Size" content="450px" title="450px"/>
  100. <meta name="select:Post Size" content="500px" title="500px"/>
  101. <meta name="select:Post Size" content="540px" title="540px"/>
  102.  
  103. <!--CSS customization here. -->
  104.  
  105. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  106.  
  107. <script src="//use.edgefonts.net/lato:n4,i4,n6,i6,n7,i7.js"></script>
  108.  
  109. <style type="text/css">
  110.  
  111. /*tumblr controls and lightbox*/
  112.  
  113. .tmblr-lightbox {background:rgba(255,255,255, .95)!important;}
  114.  
  115. .tmblr-lightbox img {opacity:0;}
  116.  
  117. .lightbox-caption {
  118. color:{color:title}!important;
  119. font-family:inherit!important;
  120. font-size:10px!important;
  121. font-weight:normal!important;
  122. text-shadow:none!important;
  123. }
  124.  
  125. .lightbox-image {
  126. -moz-box-shadow:none!important;
  127. -webkit-box-shadow:none!important;
  128. box-shadow:none!important;
  129. -moz-border-radius:0px!important;
  130. -webkit-border-radius:0px!important;
  131. border-radius:0px!important;
  132. background:{color:posts}!important;
  133. opacity:1!important;
  134. }
  135.  
  136. .vignette {opacity:0!Important;}
  137.  
  138. /*tooltip*/
  139.  
  140. .ui-tooltip {
  141. z-index:6;
  142. position:Absolute;
  143. z-index:9999;
  144. padding-top:15px;
  145. }
  146.  
  147. .ui-tooltip-content {
  148. background:{color:posts};
  149. padding:2px 5px;
  150. font-size:.8em;
  151. letter-spacing:1.5px;
  152. text-transform:uppercase;
  153. color:{color:title};
  154. font-weight:600;
  155. }
  156.  
  157. /*scrollbar*/
  158.  
  159. ::-webkit-scrollbar {
  160. width:12px;
  161. height:12px;
  162. background-color:transparent;
  163. }
  164.  
  165. ::-webkit-scrollbar-thumb{
  166. background-clip:padding-box;
  167. border-radius:6px;
  168. background-color:{color:scrollbar};
  169. border:4px solid transparent;
  170. }
  171.  
  172. /*controls*/
  173.  
  174. .iframe-controls--desktop {
  175. z-index:999;
  176. top:-13px!important;
  177. right:-90px!important;
  178. opacity:0;
  179. padding-right:75px;
  180. filter:invert(1) contrast(150%);
  181. -webkit-filter:invert(1) contrast(150%);
  182. -o-filter:invert(1) contrast(150%);
  183. -moz-filter:invert(1) contrast(150%);
  184. -ms-filter:invert(1) contrast(150%);
  185. transform:scale(0.6);
  186. -webkit-transform:scale(0.6);
  187. -o-transform:scale(0.65);
  188. -moz-transform:scale(0.65);
  189. -ms-transform:scale(0.65);
  190. }
  191.  
  192. .iframe-controls--desktop:hover {opacity:.6;}
  193.  
  194. .cc {
  195. position:fixed;
  196. top:2px;
  197. right:0px;
  198. z-index:99;
  199. }
  200.  
  201. .cc svg {
  202. padding:5px 10px;
  203. width:15px;
  204. fill:{color:title};
  205. }
  206.  
  207. /*basics*/
  208.  
  209. body {
  210. background:{color:background};
  211. color:{color:text};
  212. font:normal 10px/1.5em lato, arial, sans-serif;
  213. word-wrap:break-word;
  214. text-align:left;
  215. letter-spacing:.15px;
  216. margin:0;
  217. overflow-x:hidden;
  218. -moz-osx-font-smoothing:grayscale;
  219. -webkit-font-smoothing:antialiased;
  220. font-smoothing:antialiased;
  221. }
  222.  
  223. a {
  224. color:{color:text};
  225. text-decoration:none;
  226. cursor:pointer;
  227. }
  228.  
  229. a:hover {
  230. color:{color:link};
  231. border-color:{color:link}!important;
  232. }
  233.  
  234. a, .iframe-controls--desktop, svg {
  235. transition:all .15s linear;
  236. -webkit-transition:all .15s linear;
  237. -moz-transition:all .15s linear;
  238. -o-transition:all .15s linear;
  239. }
  240.  
  241. .comment a, .source a {border-bottom:1px solid {color:link};}
  242.  
  243. img {
  244. opacity:1;
  245. border:0;
  246. text-decoration:none;
  247. max-width:100%;
  248. height:auto;
  249. display:block;
  250. }
  251.  
  252. blockquote {
  253. margin:.5em 0;
  254. border-left:1px solid {color:borders};
  255. padding:.25em 0 .25em 15px;
  256. }
  257.  
  258. pre {
  259. padding:0;
  260. margin:0;
  261. line-height:inherit!important;
  262. background:transparent;
  263. font-family:monospace!Important;
  264. font-size:inherit!important;
  265. white-space:pre-wrap;
  266. white-space:-moz-pre-wrap;
  267. white-space:-pre-wrap;
  268. white-space:-o-pre-wrap;
  269. word-wrap:break-word;
  270. }
  271.  
  272. p {margin:.75em 0;}
  273.  
  274. p:first-of-type {margin-top:0!important}
  275.  
  276. p:last-of-type {margin-bottom:0!important}
  277.  
  278. b, strong {
  279. color:{color:title};
  280. font-weight:600;
  281. }
  282.  
  283. ol, ul {
  284. list-style:none;
  285. padding:.25em 0 .25em 15px;
  286. }
  287.  
  288. li {
  289. padding-left:15px;
  290. position:relative;
  291. }
  292.  
  293. article li {
  294. margin:.25em 0;
  295. }
  296.  
  297. article li:before {
  298. left:-5px;
  299. top:.25em;
  300. position:absolute;
  301. content:'*';
  302. font-size:1.5em;
  303. display:block;
  304. color:rgba({RGBcolor:text},.7);
  305. vertical-align:middle;
  306. }
  307.  
  308. small, big, sub, pre {
  309. font-size:1em!important;
  310. line-height:2em!important;
  311. vertical-align:baseline!important;
  312. }
  313.  
  314. h1, h2, h3, h4 {
  315. font-size:1.2em;
  316. margin:0;
  317. padding:15px 0;
  318. color:{color:title};
  319. font-weight:600;
  320. }
  321.  
  322. .comment > h1:first-child, .comment > h2:first-child, .comment > h3:first-child, .comment > h4:first-child {padding:0 0 15px 0;}
  323.  
  324. hr {
  325. border:none;
  326. box-shadow:0;
  327. margin:1.5em 25%;
  328. border-top:1px solid {color:borders};
  329. }
  330.  
  331. aside, nav, article, footer, header, bar {
  332. -webkit-animation-name: fade-in;
  333. -webkit-animation-duration: 1.5s;
  334. }
  335.  
  336. /*side*/
  337.  
  338. aside {
  339. width:250px;
  340. margin:25px 0;
  341. }
  342.  
  343. .block {
  344. background:{color:posts};
  345. border-bottom:1px solid {color:borders};
  346. padding:20px 25px;
  347. margin-bottom:25px;
  348. }
  349.  
  350. .sm {
  351. display:block;
  352. margin:20px -25px;
  353. }
  354.  
  355. .sm, .sm img {width:250px;}
  356.  
  357. .tai {
  358. display:block;
  359. {block:ifnotSidebarImage}
  360. margin-bottom:20px;
  361. {/block:ifnotSidebarImage}
  362. }
  363.  
  364. .tai, .block .ti, nav,.title {
  365. font-weight:600;
  366. font-size:.9em;
  367. text-transform:uppercase;
  368. letter-spacing:1.5px;
  369. color:{color:title};
  370. }
  371.  
  372. .ti {
  373. padding-top:10px;
  374. margin-bottom:10px;
  375. border-top:1px solid {color:borders};
  376. }
  377.  
  378. .nn a {
  379. display:inline-block;
  380. width:calc(50% - 5px);
  381. margin-bottom:5px;
  382. border-bottom:1px dotted {color:borders};
  383. padding-bottom:5px;
  384. }
  385.  
  386. .nn a:nth-child(odd) {margin-right:5px;}
  387.  
  388. .nn a:nth-child(even) {margin-left:5px;}
  389.  
  390. .nn a:hover, .memb a:hover {border-color:{color:borders}!important;}
  391.  
  392. .nn a:last-child, .nn a:nth-last-of-type(-n+2):not(:nth-child(even)) {margin-bottom:0}
  393.  
  394. .stats > span {
  395. display:block;
  396. margin-bottom:5px;
  397. }
  398.  
  399. .stats > span:last-of-type {margin:0;}
  400.  
  401. .stats > span > span {font-weight:600;}
  402.  
  403. .memb .ti {margin-bottom:15px;}
  404.  
  405. .memb a {
  406. display:block;
  407. line-height:25px;
  408. margin-bottom:10px;
  409. border-bottom:1px dotted {color:borders};
  410. padding-bottom:10px;
  411. }
  412.  
  413. .memb a:last-of-type {
  414. border:0;
  415. padding:0;
  416. margin:0;
  417. }
  418.  
  419. .memb a img {
  420. display:inline-block;
  421. float:left;
  422. margin-right:15px;
  423. -moz-border-radius:100%;
  424. -webkit-border-radius:100%;
  425. border-radius:100%;
  426. height:25px;
  427. width:25px;
  428. }
  429.  
  430. .memb a:last-of-type {margin-bottom:0;}
  431.  
  432. .sch > span {
  433. display:block;
  434. margin-bottom:10px;
  435. border-bottom:1px dotted {color:borders};
  436. padding-bottom:10px;
  437. }
  438.  
  439. .sch > span:last-of-type {
  440. margin:0;
  441. border:0;
  442. padding:0;
  443. }
  444.  
  445. .sch > span > span {
  446. display:block;
  447. margin-bottom:5px;
  448. font-weight:600;
  449. }
  450.  
  451. .pro .cl {
  452. margin:20px -25px 20px -25px;
  453. {block:ifnotProjectDescription}
  454. margin-bottom:-20px;
  455. {/block:ifnotProjectDescription}
  456. }
  457.  
  458. .cl img {
  459. width:250px!important;
  460. display:block!important;
  461. }
  462.  
  463. input[type="search"] {
  464. -webkit-appearance:textfield;
  465. -moz-box-sizing:content-box;
  466. -webkit-box-sizing:content-box;
  467. box-sizing:content-box;
  468. }
  469.  
  470. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  471.  
  472. .search-form {
  473. border:none;
  474. display:block;
  475. width:200px;
  476. margin:0;
  477. }
  478.  
  479. .search-form input {
  480. width:200px;
  481. padding:0;
  482. position:relative;
  483. background:{color:posts};
  484. text-transform:lowercase;
  485. font:10px/1.5em lato, sans-serif;
  486. letter-spacing:.15px;
  487. display:block;
  488. outline:none;
  489. border:0;
  490. }
  491.  
  492. .search-form input[type=text] {color:{color:text};}
  493.  
  494. input::-webkit-input-placeholder {color:{color:text};}
  495.  
  496. input::-moz-placeholder {color:{color:text};}
  497.  
  498. input:-moz-placeholder {color:{color:text};}
  499.  
  500. input:-ms-input-placeholder {color:{color:text};}
  501.  
  502. /*nav*/
  503.  
  504. nav {
  505. position:relative;
  506. text-align:center;
  507. margin:0 auto;
  508. }
  509.  
  510. nav, bar {
  511. width:calc({select:post size} + 250px + 250px + 50px);
  512. background:{color:posts};
  513. }
  514.  
  515. .hi {
  516. display:inline-block;
  517. margin:30px auto 15px auto;
  518. }
  519.  
  520. .hi img {
  521. display:block;
  522. height:65px;
  523. width:65px;
  524. -moz-border-radius:100%;
  525. -webkit-border-radius:100%;
  526. border-radius:100%;
  527. }
  528.  
  529. bar {
  530. line-height:1em;
  531. border-bottom:1px solid {color:borders};
  532. position:absolute;
  533. top:100%;
  534. left:0;
  535. padding:20px 0;
  536. z-index:5;
  537. overflow-x:hidden;
  538. }
  539.  
  540. .stick bar {
  541. position:fixed;
  542. left:50%;
  543. top:0;
  544. -webkit-transform:translateX(-50%);
  545. -moz-transform:translateX(-50%);
  546. -ms-transform:translateX(-50%);
  547. -o-transform:translateX(-50%);
  548. transform:translateX(-50%);
  549. }
  550.  
  551. bar a {
  552. display:inline-block;
  553. padding:0 20px;
  554. border-right:1px solid {color:borders};
  555. }
  556.  
  557. bar a:last-of-type {border:0;}
  558.  
  559. bar a:hover {border-color:{color:borders}!important;}
  560.  
  561. .i {
  562. position:absolute;
  563. left:calc(-1em - 16px);
  564. display:block;
  565. border:0;
  566. padding:0;
  567. }
  568.  
  569. .i img {
  570. display:block;
  571. margin-top:-8px;
  572. height:calc(1em + 16px);
  573. width:calc(1em + 16px);
  574. -moz-border-radius:100%;
  575. -webkit-border-radius:100%;
  576. border-radius:100%;
  577. }
  578.  
  579. .stick .i {
  580. left:25px;
  581. transition:all .4s ease-in-out;
  582. -webkit-transition:all .4s ease-in-out;
  583. -moz-transition:all .4s ease-in-out;
  584. -o-transition:all .4s ease-in-out;
  585. }
  586.  
  587. /*header*/
  588.  
  589. {block:ifHeaderImage}
  590. header, header img {
  591. width:calc({select:post size} + 250px + 250px + 50px);
  592. background:transparent url({image:header}) no-repeat center center;
  593. background-size:100% 100%;
  594. display:block;
  595. }
  596.  
  597. header img {height:auto;}
  598.  
  599. header {
  600. max-height:60vh;
  601. overflow:hidden;
  602. }
  603.  
  604. {/block:ifHeaderImage}
  605.  
  606. /*pagination*/
  607.  
  608. footer {
  609. {block:ifinfinitescroll}
  610. {block:ifnotmanualload}
  611. display:none;
  612. {/block:ifnotmanualload}
  613. {/block:ifinfinitescroll}
  614. text-align:center;
  615. width:calc({select:post size} - 50px);
  616. padding:25px;
  617. background:{color:posts};
  618. border-bottom:1px solid {color:borders};
  619. margin:-25px auto 50px auto;
  620. }
  621.  
  622. footer a {
  623. font-weight:600;
  624. font-size:.9em;
  625. text-transform:uppercase;
  626. letter-spacing:1.5px;
  627. color:{color:title};
  628. display:inline-block;
  629. margin:0 15px;
  630. }
  631.  
  632. #infscr-loading {display:none!important;}
  633.  
  634. #pagination {
  635. text-align:left;
  636. {block:ifinfinitescroll}
  637. display:none;
  638. {/block:ifinfinitescroll}
  639. }
  640.  
  641. .riri {text-align:right!important;}
  642.  
  643. .riri .fl {float:left;}
  644.  
  645. .nice {
  646. position:fixed;
  647. bottom:15px;
  648. right:15px;
  649. }
  650.  
  651. /*posts*/
  652.  
  653. .cont {
  654. width:calc({select:post size} + 250px + 250px + 50px);
  655. margin:0 auto 0 auto;
  656. }
  657.  
  658. aside, section {
  659. display:inline-block;
  660. vertical-align:top;
  661. }
  662.  
  663. section {
  664. margin:25px;
  665. width:{select:post size};
  666. }
  667.  
  668. article {
  669. width:{select:post size};
  670. background:{color:posts};
  671. border-bottom:1px solid {color:borders};
  672. margin-bottom:25px;
  673. position:relative;
  674. }
  675.  
  676. .ph {
  677. position:relative;
  678. overflow:hidden;
  679. }
  680.  
  681. .ph img {
  682. width:100%;
  683. display:block;
  684. }
  685.  
  686. .video * {
  687. display:block;
  688. min-width:100%;
  689. }
  690.  
  691. .gg .notm {display:none;}
  692.  
  693. /*text and captions*/
  694.  
  695. .con {padding:25px;}
  696.  
  697. .dated .con {padding-top:0px;}
  698.  
  699. .title, .quote {line-height:1.5em;}
  700.  
  701. .quote {
  702. font-size:1.2em;
  703. margin-left:25px;
  704. font-style:italic;
  705. padding-left:15px;
  706. position:relative;
  707. border-left:1px dotted {color:borders};
  708. }
  709.  
  710. .quote:before {
  711. content:'“';
  712. font-size:2em;
  713. position:absolute;
  714. left:-25px;
  715. top:0;
  716. font-family:sans-serif;
  717. color:{color:title};
  718. font-weight:bold;
  719. font-style:normal!important;
  720. }
  721.  
  722. .title a {color:{color:title};}
  723.  
  724. .title a:hover {color:{color:link};}
  725.  
  726. a.read_more, .label {
  727. text-transform:uppercase;
  728. letter-spacing:1.5px;
  729. font-weight:600;
  730. }
  731.  
  732. .source {margin-top:15px;}
  733.  
  734. article img, article li, article blockquote, article img {max-width:100%;}
  735.  
  736. .ex {
  737. margin:0 -25px;
  738. padding:25px;
  739. background:{color:accents};
  740. }
  741.  
  742. .ex span {
  743. display:block;
  744. margin-top:10px;
  745. }
  746.  
  747. /*captions*/
  748.  
  749. .comment {
  750. margin:0;
  751. padding:0 0 15px 0;
  752. list-style:none;
  753. }
  754.  
  755. article:not(.ccc) .comment:last-of-type {padding-bottom:0;}
  756.  
  757. .ccc .comment {padding:15px 25px;}
  758.  
  759. .ccc .comment:first-of-type {padding-top:25px;}
  760.  
  761. .ccc .comment:last-of-type {padding-bottom:25px;}
  762.  
  763. .comment:before, .chat li:before, ol.notes li:before {display:none;}
  764.  
  765. .user img {
  766. margin-right:15px;
  767. display:inline-block;
  768. vertical-align:middle;
  769. }
  770.  
  771. .user {
  772. border:0!important;
  773. display:block;
  774. font-weight:600;
  775. vertical-align:middle;
  776. margin-bottom:10px;
  777. line-height:1em;
  778. }
  779.  
  780. .user a, .user, .answerer {color:{color:text};}
  781.  
  782. .answerer {border:0!important}
  783.  
  784. .ted:first-of-type {padding-top:20px;}
  785.  
  786. /*audio*/
  787.  
  788. .player {
  789. width:25px;
  790. height:24px;
  791. position:absolute;
  792. left:30px;
  793. top:calc(50% - 15px);
  794. display:block;
  795. overflow:hidden;
  796. }
  797.  
  798. .hold {
  799. position:relative;
  800. display:block;
  801. min-height:24px;
  802. padding:20px 25px;
  803. background:{color:accents};
  804. }
  805.  
  806. .audio_info {
  807. vertical-align:middle;
  808. line-height:12px;
  809. margin-left:60px;
  810. max-width:calc(100% - 90px);
  811. }
  812.  
  813. .audio_info span {
  814. white-space:nowrap;
  815. overflow:hidden;
  816. text-overflow:ellipsis;
  817. display:block;
  818. }
  819.  
  820. .hold .track {
  821. font-weight:600;
  822. color:{color:title};
  823. }
  824.  
  825. .spotify_audio_player {
  826. height:80px;
  827. border-radius:0!important;
  828. }
  829.  
  830. /*asks*/
  831.  
  832. .q {
  833. padding:25px;
  834. background:{color:accents};
  835. }
  836.  
  837. .as {
  838. text-transform:lowercase;
  839. font-weight:600;
  840. display:block;
  841. margin-bottom:5px;
  842. }
  843.  
  844. .a {margin-top:15px}
  845.  
  846. /*chats*/
  847.  
  848. .chat {
  849. margin:0;
  850. padding:0;
  851. list-style:none;
  852. text-align:left;
  853. }
  854.  
  855. .l {padding:0 0 20px 0;}
  856.  
  857. .l:last-child {
  858. padding-bottom:0;
  859. border:0;
  860. }
  861.  
  862. .label {
  863. color:{color:title};
  864. display:inline-block;
  865. font-size:.9em;
  866. }
  867.  
  868. /*permalink and notes*/
  869.  
  870. .rr {
  871. float:right;
  872. padding-top:3px;
  873. text-align:right;
  874. vertical-align:middle;
  875. }
  876.  
  877. .rr svg {
  878. height:1.4em;
  879. vertical-align:middle;
  880. fill:{color:text};
  881. line-height:1.5em;
  882. vertical-align:middle;
  883. padding:3px;
  884. background:{color:accents};
  885. -moz-border-radius:100%;
  886. -webkit-border-radius:100%;
  887. border-radius:100%;
  888. margin-left:10px;
  889. }
  890.  
  891. .rr a:hover svg {fill:{color:link};}
  892.  
  893. .rr a {margin-left:5px;}
  894.  
  895. .when {
  896. padding:20px 25px;
  897. line-height:1.2em;
  898. }
  899.  
  900. .when a {
  901. display:inline-block;
  902. position:relative;
  903. }
  904.  
  905. .when a:last-of-type::after {display:none;}
  906.  
  907. .bb, .d, #in {
  908. text-transform:uppercase;
  909. letter-spacing:1px;
  910. }
  911.  
  912. .d {
  913. font-size:.9em;
  914. display:block!important;
  915. font-weight:600;
  916. color:{color:title};
  917. margin-bottom:3px;
  918. }
  919.  
  920. .rest a:not(.d)::after {
  921. content:'•';
  922. margin:0 5px;
  923. }
  924.  
  925. .like:hover svg, .rr svg:hover {fill:{color:link hover};}
  926.  
  927. .like .liked + svg {fill:#D95E40;}
  928.  
  929. .like_button {cursor:pointer;}
  930.  
  931. .like_button iframe {
  932. position:absolute;
  933. opacity:0.0000001;
  934. top:0;
  935. bottom:0;
  936. right:0;
  937. z-index:4;
  938. }
  939.  
  940. .rest, .v, .im {
  941. display:inline-block;
  942. vertical-align:middle;
  943. }
  944.  
  945. .ccc .bb, .mhm .bb {padding-top:0;}
  946.  
  947. .bb {font-size:.8em;}
  948.  
  949. .bb .im {
  950. display:block;
  951. margin-top:1px;
  952. font-weight:600;
  953. }
  954.  
  955. .v {float:left;}
  956.  
  957. .v img {
  958. margin:-1px 15px 0 0;
  959. vertical-align:middle;
  960. }
  961.  
  962. .v img, .user img {
  963. width:22px;
  964. height:22px;
  965. }
  966.  
  967. .v img, ol.notes li.note img.avatar, .user img {
  968. -moz-border-radius:100%;
  969. -webkit-border-radius:100%;
  970. border-radius:100%;
  971. }
  972.  
  973. #in {font-size:.9em;}
  974.  
  975. #in a {
  976. color:{color:link};
  977. font-weight:600;
  978. }
  979.  
  980. ol.notes {
  981. list-style-type:none;
  982. padding:0px;
  983. margin:10px 0 0 0px;
  984. font-size:.9em;
  985. }
  986.  
  987. ol.notes li.note {
  988. display:block;
  989. margin:0 0 10px 25px;
  990. padding:0;
  991. line-height:15px;
  992. }
  993.  
  994. ol.notes li.note img.avatar {
  995. position:absolute;
  996. left:-25px;
  997. height:15px;
  998. width:15px;
  999. vertical-align:middle;
  1000. float:left;
  1001. display:inline-block;
  1002. }
  1003.  
  1004. .more_notes_link, .notes_loading {
  1005. display:block;
  1006. text-align:left;
  1007. color:{color:title}!important;
  1008. }
  1009.  
  1010. /* tags */
  1011.  
  1012. .tags {
  1013. padding:0 25px 20px 25px;
  1014. font-weight:600;
  1015. position:relative;
  1016. z-index:4;
  1017. {block:indexpage}
  1018. {block:ifClickForTags}
  1019. display:none;
  1020. {/block:ifClickForTags}
  1021. {/block:indexpage}
  1022. }
  1023.  
  1024. .tags a {
  1025. display:inline;
  1026. color:rgba({RGBcolor:text},.5);
  1027. }
  1028.  
  1029. .tags a:hover {color:{color:link};}
  1030.  
  1031. .tags a:after {
  1032. content:'•';
  1033. margin:0 5px;
  1034. }
  1035.  
  1036. .tags a:last-of-type::after {display:none;}
  1037.  
  1038. {CustomCSS}
  1039.  
  1040. </style>
  1041.  
  1042.  
  1043. </head>
  1044.  
  1045. <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>
  1046.  
  1047. <nav>{block:ifHeaderIconImage}<a class="hi" href="/"><img src="{image:Header Icon}"/></a>{/block:ifHeaderIconImage}<bar>{block:ifHeaderIconImage}<a class="i"><img src="{image:Header Icon}"/></a>{/block:ifHeaderIconImage}{block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{block:ifHeaderLink1}<a href="{text:Header Link 1 URL}">{text:Header Link 1}</a>{/block:ifHeaderLink1}{block:ifHeaderLink2}<a href="{text:Header Link 2 URL}">{text:Header Link 2}</a>{/block:ifHeaderLink2}{block:ifHeaderLink3}<a href="{text:Header Link 3 URL}">{text:Header Link 3}</a>{/block:ifHeaderLink3}{block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}</bar></nav><div class="cont">{block:ifHeaderImage}<header><a href="/"><img src="{image:header}"/></a></header>{/block:ifHeaderImage}<aside>
  1048.  
  1049. <!--theme title and description block-->
  1050. <div class="block"><a href="/" class="tai">{title}</a>{block:ifSidebarImage}<a class="sm" href="/"><img src="{image:Sidebar}"/></a>{/block:ifSidebarImage}{description}</div>
  1051.  
  1052. <!--info block-->
  1053. {block:ifInfoBox}<div class="block">{block:ifInfoTitle}<div class="ti">{text:Info Title}</div>{/block:ifInfoTitle}{text:Info}</div>{/block:ifInfoBox}
  1054.  
  1055. <!--navigation block-->
  1056. <div class="block">{block:ifNavigationTitle}<div class="ti">{text:Navigation Title}</div>{/block:ifNavigationTitle}<div class="nn">{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:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}</div>
  1057. </div>
  1058.  
  1059. <!--statistics block-->
  1060. {block:ifStatBox}<div class="block stats">{block:ifStatisticsTitle}<div class="ti">{text:Statistics Title}</div>{/block:ifStatisticsTitle}{block:ifStat1}<span><span>{text:Stat 1}: </span>{text:Stat 1 Result}</span>{/block:ifStat1}{block:ifStat2}<span><span>{text:Stat 2}: </span>{text:Stat 2 Result}</span>{/block:ifStat2}{block:ifStat3}<span><span>{text:Stat 3}: </span>{text:Stat 3 Result}</span>{/block:ifStat3}
  1061. </div>{/block:ifStatBox}
  1062.  
  1063.  
  1064. </aside><section>
  1065. {block:Posts}<article id="{PostID}" class="{block:Date}dated{/block:Date} {block:caption}ccc{/block:caption} {block:Answer}ccc{/block:Answer} {block:Quote}mhm{/block:Quote}{block:Text}mhm{/block:Text}{block:Link}mhm{/block:Link}{block:Chat}mhm{/block:Chat} {block:ifGroupBlog}gg{/block:ifGroupBlog}">
  1066.  
  1067. {block:Date}
  1068. <div class="when"><span class="rr">{block:indexpage}{block:hastags}{block:ifClickForTags}<a class="taggie" title="tags"><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}<a href="{ReblogURL}" target="_blank" class="r" title="reblog"><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="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a><a class="like" title="like">{LikeButton}<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="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span><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="{permalink}" class="time">{timestamp}</a></div></div>
  1069. {/block:Date}
  1070.  
  1071. {block:Quote}<div class="con"><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  1072.  
  1073. {block:Text}
  1074. <div class="con">
  1075. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1076. {block:RebloggedFrom}
  1077. {block:Reblogs}
  1078. <li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}{username}</a>{body}</li>
  1079. {/block:Reblogs}
  1080. {/block:RebloggedFrom}
  1081. {block:NotReblog}
  1082. <li class="comment {block:Title}ted{/block:Title}">{body}</li>
  1083. {/block:NotReblog}
  1084. </div>
  1085. {/block:Text}
  1086.  
  1087. {block:Link}
  1088. <div class="con">
  1089. <div class="ex">
  1090. <div class="title">
  1091. <a href="{URL}" {Target}>{Name}</a>
  1092. </div>
  1093. {block:Excerpt}<span>{Excerpt}</span>{/block:Excerpt}
  1094. </div>
  1095. {block:Description}
  1096. {block:NotReblog}
  1097. <li class="comment ted">{description}</li>
  1098. {/block:NotReblog}
  1099. {/block:Description}
  1100. {block:RebloggedFrom}
  1101. {block:Reblogs}
  1102. <li class="comment ted"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}{username}</a>{body}</li>
  1103. {/block:Reblogs}
  1104. {/block:RebloggedFrom}
  1105. </div>
  1106. {/block:Link}
  1107.  
  1108. {block:Chat}
  1109. <div class="con">
  1110. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1111. <ol class="chat {block:Title}ted{/block:Title}">
  1112. {block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  1113. </ol>
  1114. </div>
  1115. {/block:Chat}
  1116.  
  1117. <div class="media"><div class="ph">
  1118. {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}
  1119.  
  1120. {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}
  1121.  
  1122. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1123.  
  1124. </div>
  1125.  
  1126. {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}
  1127.  
  1128. {block:caption}
  1129. {block:Reblogs}
  1130. <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>
  1131. {/block:Reblogs}
  1132. {block:NotReblog}
  1133. <li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}"/>{name}</a>{Caption}</li>
  1134. {/block:NotReblog}
  1135. {/block:caption}
  1136.  
  1137.  
  1138. </div>
  1139.  
  1140.  
  1141. {block:Answer}
  1142. <div class="q"><span class="as">{Asker} sent:</span>{Question}</div>
  1143. {block:Answerer}
  1144. <li class="comment"><span class="user"><img src="{AnswererPortraitURL-64}"/>{answerer} replied:</span>{answer}</li>
  1145. {/block:Answerer}
  1146. {block:NotReblog}
  1147. <li class="comment reply">{replies}</li>
  1148. {/block:NotReblog}
  1149. {block:rebloggedfrom}
  1150. {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>
  1151. {/block:Reblogs}
  1152. {/block:rebloggedfrom}
  1153. {/block:Answer}
  1154.  
  1155. <div class="when bb">{block:RebloggedFrom}<a class="v" {block:haspermalink}href="{permalink}"{/block:haspermalink}><img src="{ReblogParentPortraitURL-64}"/></a>posted via<a class="im" {block:haspermalink}href="{permalink}"{/block:haspermalink}>{reblogparentname}</a>{/block:RebloggedFrom}{block:notreblog}{block:ifGroupBlog}{block:GroupMembers}<a class="v" href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-64}"/></a>posted by<a class="im" href="{PostAuthorURL}">{PostAuthorName}</a>{/block:GroupMembers}{/block:ifGroupBlog}{block:ifnotGroupBlog}<span class="notm"><a class="v"><img src="{PortraitURL-64}"/></a>posted by<a class="im" href="/">{name}</a></span>{/block:ifnotGroupBlog}{/block:notreblog}</div>
  1156.  
  1157. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1158.  
  1159. </article>
  1160.  
  1161. {block:PostNotes}
  1162. <article class="pagenotes"><div class="con" id="in">{block:NoteCount}<div class="title" style="margin-bottom:5px">{notecountwithlabel}</div>{/block:NoteCount}{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{PostNotes}</div></article>
  1163. {/block:PostNotes}
  1164. {/block:Posts}
  1165.  
  1166. </section><aside>
  1167.  
  1168. <!--members block-->
  1169. {block:ifMemberBox}<div class="block memb">{block:GroupMembers}{block:ifMembersTitle}<div class="ti">{text:Members Title}</div>{/block:ifMembersTitle}{block:GroupMember}<a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-64}"><span>{GroupMemberName}</span></a>{/block:GroupMember}{/block:GroupMembers}
  1170. </div>{/block:ifMemberBox}
  1171.  
  1172. <!--search block-->
  1173. {block:ifSearchBox}<div class="block"><div class="ti">search</div><form action="/search" class="search-form" method="get"><input id="searchField" name="q" placeholder="Enter keyword..." type="text" value="{SearchQuery}"/></form></div>{/block:ifSearchBox}
  1174.  
  1175. <!--schedule block-->
  1176. {block:ifScheduleBox}<div class="block sch">{block:ifScheduleTitle}<div class="ti">{text:Schedule Title}</div>{/block:ifScheduleTitle}
  1177. {block:ifEvent1Time}<span><span>{text:Event 1 Time}</span>{text:Event 1 Description}</span>{/block:ifEvent1Time}
  1178. {block:ifEvent2Time}<span><span>{text:Event 2 Time}</span>{text:Event 2 Description}</span>{/block:ifEvent2Time}
  1179. {block:ifEvent3Time}<span><span>{text:Event 3 Time}</span>{text:Event 3 Description}</span>{/block:ifEvent3Time}
  1180. </div>{/block:ifScheduleBox}
  1181.  
  1182. <!--next project block-->
  1183. {block:ifProjectBox}<div class="block pro">{block:ifProjectTitle}<div class="tai">{text:Project Title}</div>{/block:ifProjectTitle}{block:ifProjectImage}<div class="cl"><img src="{image:Project}"/></div>{/block:ifProjectImage}{block:ifProjectDescription}<span>{text:Project Description}</span>{/block:ifProjectDescription}</div>{/block:ifProjectBox}
  1184.  
  1185.  
  1186. </aside>
  1187.  
  1188. {block:Pagination}
  1189. <footer>
  1190. {block:ifinfinitescroll}
  1191. {block:ifmanualload}
  1192. {block:NextPage}<div class="pag"><a class="load">load more</a></div>{/block:NextPage}
  1193. {/block:ifmanualload}
  1194. {/block:ifinfinitescroll}
  1195. <div id="pagination" class="pag {block:NextPage}riri{/block:NextPage}">
  1196. {block:PreviousPage}<a href="{PreviousPage}" class="fl">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  1197. </div>
  1198. </footer>{/block:pagination}
  1199.  
  1200. </div>
  1201.  
  1202.  
  1203. <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><script type="text/javascript" src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.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>
  1204. <script>
  1205. $(document).ready(function(){
  1206. $('body').tooltip({track:true});
  1207. $('.taggie').each(function() {
  1208. $(this).click(function() {$(this).closest('article').find('.tags').slideToggle(400);});
  1209. });
  1210. var navH = $('nav').height();
  1211. var barH = $('bar').outerHeight();
  1212. if (navH > barH) {
  1213. $('.cont').css({marginTop: barH});
  1214. }
  1215. else {$('.cont').css({paddingTop: barH});}
  1216. $('.i').click(function() {$('body, html').animate({scrollTop:0},1000);});
  1217. var top = $('bar').offset();
  1218. $(document).scroll(function(){
  1219. var scrolled = $(document).scrollTop();
  1220. if (scrolled < top.top) {$('body').removeClass('stick');}
  1221. else {$('body').addClass('stick');}
  1222. });
  1223. $('.photo-slideshow').pxuPhotoset({
  1224. lightbox: true,
  1225. rounded: false,
  1226. gutter: '2px',
  1227. photoset: '.photo-slideshow',
  1228. photoWrap: '.photo-data',
  1229. photo: '.pxu-photo'
  1230. });
  1231. $('iframe.tumblr_audio_player').load( function() {
  1232. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents}!important} </style>"));
  1233. });
  1234. notes();
  1235. $('.time').timeAgo({
  1236. time: "short",
  1237. spaces: true,
  1238. suffix: " ago"
  1239. });
  1240. var $container = $('section');
  1241. {block:indexpage}
  1242. {block:ifinfinitescroll}
  1243. $container.infinitescroll({
  1244. itemSelector: 'article',
  1245. navSelector: '#pagination',
  1246. nextSelector: '#pagination a',
  1247. loadingImg: '',
  1248. loadingText: '<em></em>',
  1249. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1250. bufferPx: 3000
  1251. },
  1252. function( newElements ) {
  1253. var $newElems = $( newElements );
  1254. var $newID = $newElems.map(function(){return this.id;}).get();
  1255. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1256. $newElems.find('.photo-slideshow').pxuPhotoset({
  1257. lightbox: true,
  1258. rounded: false,
  1259. gutter: '2px',
  1260. photoset: '.photo-slideshow',
  1261. photoWrap: '.photo-data',
  1262. photo: '.pxu-photo'
  1263. });
  1264. $newElems.find('iframe.tumblr_audio_player').load( function() {
  1265. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents} !important} </style>"));
  1266. });
  1267. $newElems.find('.no').each(function(){
  1268. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1269. if (n > 999) {
  1270. n = Math.floor(n / 100) / 10;
  1271. $(this).text(n + 'k notes');
  1272. }
  1273. else if (n > 1 && n <= 999) {$(this).text(n + ' notes');}
  1274. else {$(this).text(n + ' note');}
  1275. });
  1276. $newElems.find('.time').timeAgo({
  1277. time:"short",
  1278. spaces: true,
  1279. suffix:" ago"
  1280. });
  1281. resizeVideos();
  1282. $newElems.find('.taggie').each(function() {
  1283. $(this).click(function() {$(this).closest('article').find('.tags').slideToggle(400);});
  1284. });
  1285. });
  1286. {block:ifmanualload}
  1287. $(window).unbind('.infscr');
  1288. $('.load').click(function(){
  1289. $('footer').fadeTo("400", 0);
  1290. $container.delay(400).infinitescroll('retrieve').parent('.cont').find('.pag').parent().delay(400).fadeTo("400", 1);
  1291. });
  1292. {/block:ifmanualload}
  1293. {/block:ifinfinitescroll}{/block:indexpage}
  1294. });
  1295. </script>
  1296.  
  1297. {block:ContentSource}
  1298. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1299. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1300. {/block:SourceLogo}
  1301. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1302. {/block:ContentSource}
  1303. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  1304. </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!