Advertisement
sorrism

adeline

Jul 25th, 2017
22,882
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.43 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: adeline
  5. - sorrism -
  6. updated 6.8.2018
  7.  
  8. time stamp shortening by bycholoethemes
  9. note shortening, hiding tumblr controls, & video resizing by shythemes
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html>
  16.  
  17. <head>
  18.  
  19.  
  20. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{favicon}">
  23.  
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <!--Default Variables-->
  28.  
  29. <meta name="color:Background" content="#f4f4f4"/>
  30. <meta name="color:Posts" content="#ffffff"/>
  31. <meta name="color:Accents" content="#dcecf5"/>
  32. <meta name="color:Text" content="#787878"/>
  33. <meta name="color:Link" content="#787878"/>
  34. <meta name="color:Link Hover" content="#dcecf5"/>
  35. <meta name="color:Blog Title" content="#000000"/>
  36. <meta name="color:Title" content="#000000"/>
  37. <meta name="color:Scrollbar" content="#aaaaaa" />
  38. <meta name="color:Borders" content="#eeeeee"/>
  39. <meta name="color:Text Borders" content="#eeeeee"/>
  40.  
  41. <meta name="text:Home Title" content="Index"/>
  42. <meta name="text:Ask Title" content="Message"/>
  43. <meta name="text:Archive Title" content="Archive"/>
  44. <meta name="text:Nav Title" content="navigation"/>
  45.  
  46. <meta name="text:Link 1 URL" content=""/>
  47. <meta name="text:Link 1" content=""/>
  48. <meta name="text:Link 2 URL" content=""/>
  49. <meta name="text:Link 2" content=""/>
  50. <meta name="text:Link 3 URL" content=""/>
  51. <meta name="text:Link 3" content=""/>
  52. <meta name="text:Link 4 URL" content=""/>
  53. <meta name="text:Link 4" content=""/>
  54. <meta name="text:Link 5 URL" content=""/>
  55. <meta name="text:Link 5" content=""/>
  56. <meta name="text:Link 6 URL" content=""/>
  57. <meta name="text:Link 6" content=""/>
  58.  
  59. <meta name="image:Icon" content=""/>
  60.  
  61. <meta name="select:Layout" content="single" title="One column"/>
  62. <meta name="select:Layout" content="columns" title="Multi column"/>
  63.  
  64. <meta name="if:Search Bar" content="1"/>
  65. <meta name="if:Hide Tags" content="1"/>
  66. <meta name="if:Infinite Scroll" content="0"/>
  67. <meta name="if:Manual Load" content="1"/>
  68.  
  69. <link href="//static.tumblr.com/sas2ex2/HFinqriui/photoset.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400i" rel="stylesheet">
  70. <!--CSS customization here. -->
  71.  
  72. <style type="text/css">
  73.  
  74. /*tumblr controls and lightbox*/
  75.  
  76. .tmblr-lightbox {background:rgba({RGBcolor:posts}, .95)!important;}
  77.  
  78. .tmblr-lightbox img {opacity:0;}
  79.  
  80. .lightbox-caption {
  81. color:{color:title}!important;
  82. font-family:inherit!important;
  83. font-size:1em!important;
  84. font-weight:normal!important;
  85. text-shadow:none!important;
  86. }
  87.  
  88. .lightbox-image {
  89. -moz-box-shadow:none!important;
  90. -webkit-box-shadow:none!important;
  91. box-shadow:none!important;
  92. -moz-border-radius:0px!important;
  93. -webkit-border-radius:0px!important;
  94. border-radius:0px!important;
  95. padding:0px!important;
  96. opacity:1!important;
  97. }
  98.  
  99. .vignette {opacity:0!Important;}
  100.  
  101. body > .tmblr-iframe {
  102. right:13px;
  103. opacity:0;
  104. top:9px;
  105. z-index:99;
  106. -webkit-transform:scale(.6);
  107. -moz-transform:scale(.6);
  108. transform:scale(.6);
  109. -webkit-backface-visibility:hidden;
  110. padding:0px 50px 10px 10px;
  111. transition:all .3s linear;
  112. -webkit-transition:all .3s linear;
  113. -o-transition:all .3s linear;
  114. -moz-transition:all .3s linear;
  115. -webkit-backface-visibility:hidden;
  116. -webkit-transform-origin:right top;
  117. -moz-transform-origin:right top;
  118. -ms-transform-origin:right top;
  119. -o-transform-origin:right top;
  120. transform-origin:right top;
  121. }
  122.  
  123. body > .tmblr-iframe:hover {opacity:.7!important;}
  124.  
  125. body > .tmblr-iframe, .cc {position:fixed;}
  126.  
  127. .cc {
  128. top:18px;
  129. z-index:12;
  130. right:15px;
  131. }
  132.  
  133. .cc svg {
  134. display:inline-block;
  135. margin-left:5px;
  136. width:12px;
  137. height:auto;
  138. opacity:.75;
  139. overflow:visible;
  140. }
  141.  
  142. .cc svg path {fill:{color:text};}
  143.  
  144. /*tooltip*/
  145.  
  146. .ui-tooltip {
  147. position:Absolute;
  148. z-index:9999;
  149. padding:15px 0 0 5px;
  150. }
  151.  
  152. .ui-tooltip-content {
  153. background:{color:posts};
  154. padding:0.25em 5px;
  155. letter-spacing:1.5px;
  156. font-size:.8em;
  157. text-transform:uppercase;
  158. }
  159.  
  160. /*scrollbar*/
  161.  
  162. ::-webkit-scrollbar {
  163. height:11px;
  164. width:11px;
  165. background:{color:posts};
  166. }
  167.  
  168. ::-webkit-scrollbar-track {
  169. background:{color:borders};
  170. border:5px solid {color:posts};
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb{
  174. border:5px solid {color:posts};
  175. background:{color:scrollbar};
  176. }
  177.  
  178. /*general*/
  179.  
  180. body {
  181. background:{color:background};
  182. color:{color:text};
  183. font:10px/1.4em abeezee, trebuchet ms, arial, sans-serif;
  184. letter-spacing:.5px;
  185. word-wrap:break-word;
  186. text-align:left;
  187. overflow-x:hidden;
  188. -moz-osx-font-smoothing:grayscale;
  189. -webkit-font-smoothing:antialiased;
  190. font-smoothing:antialiased;
  191. margin:0;
  192. }
  193.  
  194. a {
  195. color:{color:link};
  196. text-decoration:none;
  197. }
  198.  
  199. a, svg {
  200. transition:all .3s linear;
  201. -webkit-transition:all .3s linear;
  202. -o-transition:all .3s linear;
  203. -moz-transition:all .3s linear;
  204. }
  205.  
  206. a, a img {cursor:pointer;}
  207.  
  208. a:hover {
  209. color:{color:link hover}!important;
  210. text-decoration:none;
  211. }
  212.  
  213. a svg:hover {fill:{color:link hover};}
  214.  
  215. .tex a, #d a, .nav a, .links a, footer a {box-shadow:inset 0 -.4em 0 {color:accents};}
  216.  
  217. .tex a:hover, #d a:hover, .nav a:hover, .links a:hover, footer a:hover {box-shadow:inset 0 -1.4em 0 {color:accents};}
  218.  
  219. img {
  220. opacity:1;
  221. border:0;
  222. text-decoration:none;
  223. max-width:100%;
  224. height:auto;
  225. display:block;
  226. }
  227.  
  228. blockquote {
  229. padding:.25em 0 .25em 15px;
  230. margin:.75em 0;
  231. border-left:1px solid {color:text borders};
  232. }
  233.  
  234. pre {
  235. padding:0;
  236. margin:0;
  237. line-height:inherit!important;
  238. background:transparent;
  239. font-family:consolas!Important;
  240. font-size:inherit!important;
  241. white-space:pre-wrap;
  242. white-space:-moz-pre-wrap;
  243. white-space:-pre-wrap;
  244. white-space:-o-pre-wrap;
  245. word-wrap:break-word;
  246. }
  247.  
  248. p {margin:.5em 0;}
  249.  
  250. p:first-of-type {margin-top:0;}
  251.  
  252. p:last-of-type {margin-bottom:0;}
  253.  
  254. b, strong, b a, strong a {
  255. font-weight:normal;
  256. color:{color:title};
  257. }
  258.  
  259. ol, ul {
  260. list-style:none;
  261. text-align:left;
  262. padding:0;
  263. margin:0;
  264. }
  265.  
  266. li {
  267. position:relative;
  268. padding:.15em 0 .15em 20px;
  269. margin:0;
  270. }
  271.  
  272. ol li {counter-increment:list;}
  273.  
  274. ol li:before, ul li:before {
  275. left:0px;
  276. display:inline-block;
  277. position:absolute;
  278. vertical-align:middle!important;
  279. }
  280.  
  281. ol li:before {content:counter(list) '.';}
  282.  
  283. ul li:before {
  284. content:'';
  285. width:15px;
  286. height:1px;
  287. position:absolute;
  288. left:0;
  289. top:calc(.7em + 1px);
  290. background:{color:text borders};
  291. }
  292.  
  293. .chat li:before, .pagenotes li:before {display:none!important;}
  294.  
  295. .chat li {margin:0;}
  296.  
  297. small, big, sub, pre {
  298. font-size:1em!important;
  299. line-height:1.4em!important;
  300. vertical-align:baseline!important;
  301. }
  302.  
  303. h1, h2, h3, h4 {
  304. margin:.5em 0;
  305. font-size:1em;
  306. padding:0;
  307. color:{color:title};
  308. font-weight:normal;
  309. }
  310.  
  311. article h1:first-of-type, article h2:first-of-type, article h3:first-of-type, article h4:first-of-type {margin-top:0!important;}
  312.  
  313. hr {
  314. border:none;
  315. box-shadow:0;
  316. margin:2em 0;
  317. width:30%;
  318. border-top:3px solid {color:accents};
  319. }
  320.  
  321. .tex h1, .tex h2, .tex h3, .tex h4 {
  322. text-align:left;
  323. font-size:inherit!important;
  324. font-family:inherit!important;
  325. }
  326.  
  327. aside, section,{block:permalinkpage} article,{/block:permalinkpage} footer {
  328. -webkit-animation-name: fade-in;
  329. -webkit-animation-duration: 1.5s;
  330. }
  331.  
  332. /*top*/
  333.  
  334. nav {
  335. position:fixed;
  336. background:{color:posts};
  337. border-bottom:1px solid {color:borders};
  338. top:0;
  339. left:0;
  340. width:100vw;
  341. z-index:10;
  342. line-height:1.5em;
  343. padding:15px 0;
  344. text-transform:lowercase;
  345. }
  346.  
  347. .nav {margin-left:400px;}
  348.  
  349. .nav a {
  350. margin:0 25px 0 calc(1.4em + 5px);
  351. color:rgba({RGBcolor:text},.7);
  352. }
  353.  
  354. .nav svg {
  355. display:inline-block;
  356. position:absolute;
  357. height:1.4em;
  358. margin-left:calc(-1.4em - 5px);
  359. fill:rgba({RGBcolor:text},.7);
  360. margin-top:-.5px;
  361. }
  362.  
  363. .nav a:hover svg {fill:{color:link hover};}
  364.  
  365. /*aside*/
  366.  
  367. aside {
  368. top:0;
  369. padding:calc(130px + 1.5em) 50px 50px 50px;
  370. height:calc(100vh - 180px - 1.5em);
  371. background:{color:posts};
  372. }
  373.  
  374. .icon {
  375. position:absolute;
  376. display:block;
  377. margin:-75px 75px 0 75px;
  378. height:50px;
  379. width:50px;
  380. }
  381.  
  382. .icon img {
  383. display:block;
  384. width:50px;
  385. height:50px;
  386. -moz-border-radius:100%;
  387. -webkit-border-radius:100%;
  388. border-radius:100%;
  389. }
  390.  
  391. .tai {
  392. position:relative;
  393. font-size:1.2em;
  394. font-style:italic;
  395. color:{color:blog title};
  396. display:block;
  397. padding:0 2em;
  398. font-weight:600;
  399. z-index:0;
  400. background:{color:posts};
  401. }
  402.  
  403. .tai:before, .tai:after {
  404. content:'';
  405. position:absolute;
  406. width:0;
  407. height:0;
  408. border-style:solid;
  409. }
  410.  
  411. .tai:before {
  412. left:0;
  413. top:0;
  414. border-width:1.2em 1.2em 0 0;
  415. border-color:{color:accents} transparent transparent transparent;
  416. }
  417.  
  418. .tai:after {
  419. right:0;
  420. bottom:0;
  421. border-width:0 0 1.2em 1.2em;
  422. border-color:transparent transparent {color:accents} transparent;
  423. }
  424.  
  425. #d {margin-top:15px;}
  426.  
  427. .links {
  428. margin-top:30px;
  429. padding:15px 15px 10px 15px;
  430. text-align:left;
  431. border:1px solid {color:borders};
  432. }
  433.  
  434. .links span {
  435. color:{color:title};
  436. background:{color:posts};
  437. margin:calc(-15px - .75em) 0 15px 0;
  438. font-weight:600;
  439. text-transform:uppercase;
  440. display:block;
  441. letter-spacing:2px;
  442. font-size:.9em;
  443. }
  444.  
  445. .links span, .links li {text-align:center;}
  446.  
  447. .links li {
  448. list-style:none;
  449. padding:0;
  450. display:inline-block;
  451. margin-bottom:10px;
  452. width:50%;
  453. }
  454.  
  455. aside, footer {
  456. z-index:2;
  457. width:200px;
  458. position:fixed;
  459. left:0;
  460. text-align:center;
  461. bottom:0;
  462. }
  463.  
  464. /*pagination*/
  465.  
  466. footer {
  467. {block:ifinfinitescroll}
  468. {block:ifnotmanualload}
  469. display:none;
  470. {/block:ifnotmanualload}
  471. {/block:ifinfinitescroll}
  472. padding:30px 50px;
  473. border-top:1px solid {color:borders};
  474. }
  475.  
  476. {block:ifinfinitescroll}
  477. #pagination {display:none;}
  478. {/block:ifinfinitescroll}
  479.  
  480. footer a {
  481. display:inline-block;
  482. margin:0 10px;
  483. }
  484.  
  485. #infscr-loading {display:none!important;}
  486.  
  487. .nice {
  488. font-size:.8em;
  489. position:fixed;
  490. right:15px;
  491. bottom:15px;
  492. }
  493.  
  494. /*posts*/
  495.  
  496. section {
  497. position:relative;
  498. {block:permalinkpage}
  499. min-width:500px!important;
  500. max-width:1200px;
  501. {/block:permalinkpage}
  502. margin:calc(80px + 1.5em) 50px 50px 350px;
  503. }
  504.  
  505. article {
  506. position:relative;
  507. vertical-align:top;
  508. width:calc(100% - 2px);
  509. padding:50px;
  510. z-index:3;
  511. display:inline-block;
  512. -moz-box-sizing:border-box;
  513. box-sizing:border-box;
  514. {block:indexpage}
  515. opacity:0;
  516. z-index:-1;
  517. -webkit-transition-duration: 1s;
  518. -moz-transition-duration: 1s;
  519. -o-transition-duration: 1s;
  520. transition-duration: 1s;
  521. {/block:indexpage}
  522. {block:permalinkpage}
  523. width:500px;
  524. {/block:permalinkpage}
  525. }
  526.  
  527. .direct {
  528. position:absolute;
  529. top:-.6em;
  530. color:rgba({RGBcolor:text},.7);
  531. font-size:1.2em;
  532. font-weight:600;
  533. margin-left:50px;
  534. }
  535.  
  536. {block:indexpage}
  537. @media screen and (max-width:725px) {
  538. section {
  539. width:calc(100vw - 30px);
  540. margin:0px auto;
  541. }
  542. article {width:calc(100vw - 30px);}
  543. aside {
  544. position:relative;
  545. margin:0;
  546. height:auto;
  547. width:calc(100vw - 60px);
  548. padding:calc(60px + 1.5em) 30px 30px 30px;
  549. }
  550. .icon {
  551. position:relative;
  552. margin:0 auto 15px auto;
  553. }
  554. .search {display:none;}
  555. .nav {
  556. text-align:center;
  557. margin:0 auto;
  558. padding:0 15px;
  559. }
  560. nav {overflow:hidden;}
  561. .nav a {margin:0 15px 0 calc(1.4em + 15px);}
  562. }
  563.  
  564. @media screen and (min-width:800px) {
  565. .columns section {width:calc(100vw - 402px);}
  566. .columns article {width:100%;}
  567. .single section {width:100%;}
  568. }
  569.  
  570. @media screen and (min-width:1050px) {
  571. .columns section {width:calc(100vw - 402px);}
  572. .columns article {width:50%;}
  573. .single section {width:500px;}
  574. }
  575.  
  576. .masonry {
  577. -webkit-transition-property: height, width;
  578. -moz-transition-property: height, width;
  579. -o-transition-property: height, width;
  580. transition-property: height, width;
  581. -webkit-transition-duration: 0.2s;
  582. -moz-transition-duration: 0.2s;
  583. -o-transition-duration: 0.2s;
  584. transition-duration: 0.2s;
  585. }
  586.  
  587. .masonry .masonry-brick {
  588. -webkit-transition-duration: 1s;
  589. -moz-transition-duration: 1s;
  590. -o-transition-duration: 1s;
  591. transition-duration: 1s;
  592. }
  593.  
  594. article.masonry-brick {
  595. opacity: 1;
  596. -webkit-transition-property: opacity;
  597. -moz-transition-property: opacity;
  598. -o-transition-property: opacity;
  599. transition-property: opacity;
  600. }
  601. {/block:indexpage}
  602.  
  603. .ph {
  604. position:relative;
  605. overflow:hidden;
  606. }
  607.  
  608. .ph img {
  609. width:100%;
  610. display:block;
  611. }
  612.  
  613. .video * {
  614. display:block;
  615. min-width:100%;
  616. }
  617.  
  618. .tmblr-truncated-link {
  619. display:inline-block;
  620. font-style:italic;
  621. font-weight:600;
  622. text-transform:lowercase;
  623. }
  624.  
  625. .ph, .title, .tex, .comment, .source, .when, .permalink, .hold, ol.notes, .chat, .q {background:{color:posts};}
  626.  
  627. /*titles*/
  628.  
  629. .title {
  630. color:{color:title};
  631. font-size:1.2em;
  632. line-height:1.4em;
  633. font-style:italic;
  634. }
  635.  
  636. .title a {color:{color:title};}
  637.  
  638. .title a:hover {color:{color:link hover};}
  639.  
  640. .title, .source, .comment, .q, .l, .when, .permalink {padding:15px;}
  641.  
  642. .source {
  643. padding-top:0px;
  644. margin-top:-5px;
  645. }
  646.  
  647. /*captions*/
  648.  
  649. .comment {
  650. border-bottom:1px solid {color:borders};
  651. list-style:none;
  652. }
  653.  
  654. .comment:last-of-type {border-bottom:0;}
  655.  
  656. .user {
  657. display:inline-block;
  658. line-height:1em;
  659. margin-bottom:5px;
  660. font-style:italic;
  661. }
  662.  
  663. .user a, .user {color:rgba({RGBcolor:text},.7);}
  664.  
  665. .user svg, .chat svg, .tags svg {
  666. height:1.2em;
  667. float:left;
  668. display:inline-block;
  669. margin:-1px 5px 0 0;
  670. fill:rgba({RGBcolor:text},.7);
  671. }
  672.  
  673. .chill {padding-top:0px;}
  674.  
  675. .ted:first-of-type {padding-top:0px;}
  676.  
  677. /*asks*/
  678.  
  679. .as {
  680. display:block;
  681. margin-bottom:5px;
  682. text-transform:lowercase;
  683. }
  684.  
  685. .q {
  686. font-style:italic;
  687. border-bottom:1px solid {color:borders};
  688. }
  689.  
  690. /*chats*/
  691.  
  692. .chat {
  693. margin:0;
  694. padding:0;
  695. list-style:none;
  696. }
  697.  
  698. .l {border-bottom:1px solid {color:borders};}
  699.  
  700. .l:last-of-type {border:0;}
  701.  
  702. .chat svg {margin-top:.5px;}
  703.  
  704. .label {
  705. display:block;
  706. font-style:italic;
  707. text-transform:lowercase;
  708. margin-bottom:5px;
  709. color:{color:title};
  710. }
  711.  
  712. /*audio*/
  713.  
  714. .player {
  715. width:25px;
  716. height:24px;
  717. position:absolute;
  718. left:10px;
  719. top:calc(50% - 15px);
  720. display:block;
  721. overflow:hidden;
  722. }
  723.  
  724. .hold {
  725. position:relative;
  726. border-bottom:1px solid {color:borders};
  727. display:block;
  728. min-height:24px;
  729. padding:15px;
  730. color:rgba({RGBcolor:text},.7);
  731. }
  732.  
  733. .audio_info {
  734. vertical-align:middle;
  735. line-height:12px;
  736. margin-left:35px;
  737. max-width:calc(100% - 35px);
  738. }
  739.  
  740. .audio_info span {
  741. white-space:nowrap;
  742. overflow:hidden;
  743. text-overflow:ellipsis;
  744. display:block;
  745. }
  746.  
  747. .hold .track {
  748. font-weight:600;
  749. color:{color:text};
  750. }
  751.  
  752. /*permalink and notes*/
  753.  
  754. .when, .permalink {
  755. position:relative;
  756. z-index:3;
  757. {block:indexpage}color:rgba({RGBcolor:text},.7);/{block:indexpage}
  758. }
  759.  
  760. .yu .when {
  761. padding-top:0;
  762. margin-top:-10px;
  763. }
  764.  
  765. .yu .permalink {
  766. padding-top:0;
  767. margin-top:-5px;
  768. }
  769.  
  770. .when a {margin-right:5px;}
  771.  
  772. .when a, .permalink a {
  773. display:inline-block;
  774. color:rgba({RGBcolor:text},.7);
  775. }
  776.  
  777. {block:indexpage}a.notedd {margin-left:5px;}{/block:indexpage}
  778.  
  779. .rr {
  780. position:relative;
  781. z-index:3;
  782. float:right;
  783. text-align:right;
  784. }
  785.  
  786. .rr a {
  787. height:1em;
  788. position:relative;
  789. display:inline-block;
  790. }
  791.  
  792. .rr svg {
  793. width:12px;
  794. margin-left:5px;
  795. display:inline-block;
  796. fill:{color:text};
  797. vertical-align:middle;
  798. }
  799.  
  800. .like:hover svg, .rr svg:hover {fill:{color:link hover};}
  801.  
  802. .like .liked + svg {fill:#D95E40;}
  803.  
  804. .like_button {cursor:pointer;}
  805.  
  806. .like_button iframe {
  807. position:absolute;
  808. opacity:0.0000001;
  809. top:0;
  810. bottom:0;
  811. right:0;
  812. z-index:4;
  813. }
  814.  
  815. .pagenotes, .permalink {text-transform:lowercase;}
  816.  
  817. .tags {
  818. margin-top:5px;
  819. font-style:italic;
  820. {block:indexpage}display:none;{/block:indexpage}
  821. }
  822.  
  823. .he {
  824. {block:ifhidetags}
  825. display:none!important;
  826. {/block:ifhidetags}
  827. }
  828.  
  829. .tags svg {margin:1px 5px 0 0;}
  830.  
  831. .tags * {color:rgba({RGBcolor:text},5);}
  832.  
  833. .tags a {
  834. display:inline;
  835. margin-right:5px;
  836. }
  837.  
  838. ol.notes {
  839. margin:0;
  840. list-style-type:none;
  841. padding:0 15px 15px 15px;
  842. }
  843.  
  844. ol.notes li.note {padding:0 0 5px 0;}
  845.  
  846. ol.notes li.note:last-of-type {padding-bottom:0;}
  847.  
  848. ol.notes li.note:nth-child(odd) * {color:rgba({RGBcolor:text},.7);}
  849.  
  850. ol.notes li.note img.avatar {display:none!important;}
  851.  
  852. .more_notes_link, .notes_loading {
  853. color:{color:title}!important;
  854. display:block;
  855. font-style:italic;
  856. font-weight:600;
  857. text-align:left!important;
  858. }
  859.  
  860. input[type="search"] {
  861. -webkit-appearance:textfield;
  862. -moz-box-sizing:content-box;
  863. -webkit-box-sizing:content-box;
  864. box-sizing:content-box;
  865. }
  866.  
  867. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  868.  
  869. .search-form {
  870. border:none;
  871. display:block;
  872. width:200px;
  873. margin:15px 10px;
  874. position:absolute;
  875. top:0;
  876. left:0;
  877. padding:0;
  878. height:1.4em!important;
  879. line-height:1.4em!important;
  880. }
  881.  
  882. .search-form input {
  883. width:268px;
  884. padding:5px 10px;
  885. margin-top:-5px;
  886. position:relative;
  887. font-size:10px;
  888. height:1.4em!important;
  889. line-height:1.4em!important;
  890. background:{color:posts};
  891. text-transform:lowercase;
  892. font-family:abeezee, trebuchet ms, arial, sans-serif;
  893. letter-spacing:.5px;
  894. display:block;
  895. outline:none;
  896. border:1px solid {color:borders};
  897. transition:0.8s;
  898. -o-transition-duration:0.8s;
  899. -webkit-transition-duration:0.8s;
  900. -moz-transition-duration:0.8s;
  901. }
  902.  
  903. .search-form input[type=text] {color:{color:text};}
  904.  
  905. .search-form input:focus{
  906. outline:none;
  907. border-color:{color:accents};
  908. transition:0.8s;
  909. -o-transition-duration:0.8s;
  910. -webkit-transition-duration:0.8s;
  911. -moz-transition-duration:0.8s;
  912. }
  913.  
  914. input::-webkit-input-placeholder {color:{color:text};}
  915.  
  916. input::-moz-placeholder {color:{color:text};}
  917.  
  918. input:-moz-placeholder {color:{color:text};}
  919.  
  920. input:-ms-input-placeholder {color:{color:text};}
  921.  
  922. {customCss}
  923.  
  924. </style>
  925.  
  926. </head>
  927.  
  928. <body class="{select:layout}">
  929.  
  930. <div class="cc"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px"viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg></div>
  931.  
  932. <nav>{block:ifsearchbar}<div class="search"><form action="/search" class="search-form" method="get"><input id="searchField" name="q" placeholder="Search..." type="text" value="{SearchQuery}"/></form></div>{/block:ifsearchbar}<div class="nav">{block:ifHomeTitle}<a href="/" class="eh"><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="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4z M162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg>{text:Home Title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask"><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="M37.1,171h141.9c3.3,0,6-2.7,6-6V74.7c0,0,0-0.1,0-0.1V50.7c0-3.3-2.7-6-6-6H37.1c-3.3,0-6,2.7-6,6v25.1c0,0,0,0,0,0.1V165C31.1,168.3,33.8,171,37.1,171z M43.1,56.7h129.9v15.2l-65.5,55.5L43.1,73V56.7z M43.1,88.7l60.5,51.1c2.2,1.9,5.5,1.9,7.7,0l61.6-52.2V159H43.1V88.7z"></path></svg>{text:Ask Title}</a>{/block:ifAskTitle}{block:ifArchiveTitle}<a href="/archive"><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="M42.3,97h47.9c3.3,0,6-2.7,6-6V43.1c0-3.3-2.7-6-6-6H42.3c-3.3,0-6,2.7-6,6V91C36.3,94.3,39,97,42.3,97z M48.3,49.1h35.9V85H48.3V49.1z"/><path d="M173.7,37.1h-47.9c-3.3,0-6,2.7-6,6V91c0,3.3,2.7,6,6,6h47.9c3.3,0,6-2.7,6-6V43.1C179.7,39.7,177,37.1,173.7,37.1zM167.7,85h-35.9V49.1h35.9V85z"/><path d="M36.3,172.9c0,3.3,2.7,6,6,6h47.9c3.3,0,6-2.7,6-6V125c0-3.3-2.7-6-6-6H42.3c-3.3,0-6,2.7-6,6V172.9z M48.3,131h35.9v35.9H48.3V131z"/><path d="M125.8,178.9h47.9c3.3,0,6-2.7,6-6V125c0-3.3-2.7-6-6-6h-47.9c-3.3,0-6,2.7-6,6v47.9C119.8,176.3,122.5,178.9,125.8,178.9zM131.8,131h35.9v35.9h-35.9V131z"/></svg>{text:archive title}</a>{/block:ifArchiveTitle}</div></nav><aside>{block:ifIconImage}<a href="/" class="icon"><img src="{image:Icon}"/></a>{/block:ifIconImage}<a href="/" class="tai">{title}</a><div id="d">{description}</div><div class="links">{block:ifNavTitle}<span>{text:Nav Title}</span>{/block:ifNavTitle}{block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:ifLink6}</div></aside><a class="nice" title="sorrism" href="http://sorrism.tumblr.com" target="_blank">@</a><section id="entries">{block:TagPage}<div class="direct">Posts tagged "{Tag}"</div>{/block:TagPage}{block:SearchPage}<div class="direct">Search results for "{SearchQuery}"</div>{block:NoSearchResults}<article><div class="title">No results found</div><li class="comment ted">Maybe try searching something else?</li></article>{/block:NoSearchResults}{/block:SearchPage}{block:Posts}<article class="{block:caption}yu{/block:caption} {block:quote}yu{/block:quote}{block:text}yu{/block:text}{block:link}yu{/block:link}{block:answer}yu{/block:answer}{block:chat}yu{/block:chat}" id="{PostId}">
  933.  
  934. {block:Quote}<div class="tex"><div class="title">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  935.  
  936. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}
  937. {block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{username}</a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}chill {block:date}ted{/block:date}{/block:Title}"><div class="tex">{body}</div></li>{/block:NotReblog}{/block:Text}
  938.  
  939. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  940. {block:Description}{block:NotReblog}<li class="comment ted"><div class="tex">{description}</div></li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{username}</a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:RebloggedFrom}{/block:Link}
  941.  
  942. {block:Chat}{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"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol>{/block:Chat}
  943.  
  944. <div class="media"><div class="ph">
  945. {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}
  946.  
  947. {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}
  948.  
  949. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  950.  
  951. </div>
  952.  
  953. {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}
  954.  
  955. {block:caption}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{username}</a><div class="tex">{body}</div></li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{name}</a><div class="tex">{Caption}</div></li>{/block:NotReblog}{/block:caption}
  956.  
  957. </div>
  958.  
  959. {block:Answer}<div class="q"><div class="as user"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{Asker} sent:</div>{Question}</div>{block:answerer}<li class="comment"><div class="user"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{answerer} replied:</div><div class="tex">{answer}</div></li>{/block:Answerer}{block:NotReblog}<li class="comment"><div class="tex" style="margin-top:0;">{replies}</div></li>{/block:NotReblog}{block:rebloggedfrom}{block:reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><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="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{username}</a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:rebloggedfrom}{/block:Answer}
  960.  
  961. {block:Date}
  962. {block:indexpage}<div class="when"><span class="rr"><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>{block:HasTags}<a class="he" 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="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg></a>{/block:HasTags}</span><a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a>{block:notecount}:<a class="notedd" href="{permalink}" target="_blank">{notecount}</a>{/block:notecount}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:indexpage}{block:permalinkpage}<div class="permalink">posted {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}{block:notecount} with <span class="notedd">{notecount}</span>{/block:notecount}{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}, source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<div class="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="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg>{block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>{/block:permalinkpage}
  963. {/block:Date}
  964.  
  965. </article>{block:PostNotes}<article class="pagenotes"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</article>{/block:PostNotes}{/block:Posts}</section>
  966.  
  967. {block:Pagination}<footer><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}<div id="more"><a class="load">load more</a></div>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  968.  
  969.  
  970. {block:ContentSource}
  971. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  972. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  973. {/block:SourceLogo}
  974. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  975. {/block:ContentSource}
  976.  
  977.  
  978. <!-- jquery -->
  979.  
  980. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>{block:indexpage}<script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script type="text/javascript" src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>{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>
  981. <script>
  982. $(document).ready(function() {
  983. $('body').tooltip({track:true});
  984. $('.photo-slideshow').pxuPhotoset({
  985. lightbox: true,
  986. rounded: false,
  987. gutter: '1px',
  988. photoset: '.photo-slideshow',
  989. photoWrap: '.photo-data',
  990. photo: '.pxu-photo'
  991. });
  992. $('article').find('.notedd').each(function(){
  993. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  994. if (n > 999) {
  995. n = Math.floor(n / 100) / 10;
  996. $(this).text(n + 'k notes');
  997. }
  998. else if (n <= 999) {$(this).text(n + ' notes');}
  999. else {$(this).text(n + ' note');}
  1000. });
  1001. $('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();
  1002. $('iframe.tumblr_audio_player').load( function() {
  1003. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  1004. });
  1005. {block:indexpage}
  1006. var $container = $('section');
  1007. $container.imagesLoaded(function() {
  1008. $container.masonry({itemSelector: 'article'});
  1009. $container.find('article').animate({opacity: 1, zIndex: 1});
  1010. });
  1011. $('.time-ago').timeAgo({
  1012. time:"letter",
  1013. suffix:" ago"
  1014. });
  1015. {block:ifnothidetags}$('.he').click(function() {$(this).parents('article').find('.tags').slideToggle();});{/block:ifnothidetags}
  1016. $(window).resize(function(){$container.masonry();});
  1017. {block:ifinfinitescroll}
  1018. $container.infinitescroll({
  1019. itemSelector: 'article',
  1020. navSelector: '#pagination',
  1021. nextSelector: '#pagination a',
  1022. loadingImg: '',
  1023. loadingText: '<em></em>',
  1024. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1025. bufferPx: 3000
  1026. },
  1027. function( newElements ) {
  1028. var $newElems = $( newElements );
  1029. var $newElemsIDs = $newElems.map(function () {return this.id;}).get();
  1030. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1031. $newElems.imagesLoaded(function(){
  1032. $container.masonry('appended', $newElems);
  1033. $newElems.animate({opacity: 1, zIndex: 1});
  1034. });
  1035. $newElems.find('.time-ago').timeAgo({
  1036. time:"letter",
  1037. suffix:" ago"
  1038. });
  1039. {block:ifnothidetags}$newElems.find('.he').click(function() {$(this).parents('article').find('.tags').slideToggle();});{/block:ifnothidetags}
  1040. resizeVideos();
  1041. $newElems.find('.photo-slideshow').pxuPhotoset({
  1042. lightbox: true,
  1043. rounded: false,
  1044. gutter: '1px',
  1045. photoset: '.photo-slideshow',
  1046. photoWrap: '.photo-data',
  1047. photo: '.pxu-photo'
  1048. });
  1049. $newElems.find('.notedd').each(function(){
  1050. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1051. if (n > 999) {
  1052. n = Math.floor(n / 100) / 10;
  1053. $(this).text(n + 'k notes');
  1054. }
  1055. else if (n <= 999) {$(this).text(n + ' notes');}
  1056. else {$(this).text(n + ' note');}
  1057. });
  1058. $newElems.find('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();
  1059. $newElems.find('iframe.tumblr_audio_player').load(function(){
  1060. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:posts}!important} </style>"));
  1061. });
  1062. });
  1063. {block:ifmanualload}
  1064. $(window).unbind('.infscr');
  1065. $('.load').click(function(){
  1066. $('footer').fadeTo("400", 0);
  1067. $container.delay(400).infinitescroll('retrieve').parent('body').find('#more').parent().delay(400).fadeTo("400", 1);
  1068. });
  1069. {/block:ifmanualload}{/block:ifinfinitescroll}{/block:indexpage}
  1070. });
  1071. </script>
  1072. </body>
  1073.  
  1074. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement