API tools faq
paste
Advertisement
cornetespoir

11 // Snotgirl

cornetespoir
Mar 16th, 2016
3,246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!----
  3.  
  4. // Snot theme
  5.  
  6. by espoirthemes //
  7.  
  8. +don't move credit please
  9. +edit as much as you want!
  10.  
  11. Version 1.1
  12. - Fixed sidebar background problem.
  13. ---->
  14.  
  15. <html>
  16. <head>
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="https://78.media.tumblr.com/d2124103caacb754770c1e783f919172/tumblr_otyyt65tn11vvn6gvo1_250.png">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <script type="text/javascript"
  24. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26.  
  27. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  28. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  29. <link href="https://fonts.googleapis.com/css?family=Arvo|Roboto:300,400" rel="stylesheet">
  30.  
  31.  
  32. <meta name="image:sidebar background" content="https://68.media.tumblr.com/d75460e469021aacbb1f706d3799a34f/tumblr_ocxac7a4zV1qmumgso1_540.png" />
  33. <meta name="image:Background" content="" />
  34.  
  35. <meta name="color:Background" content="#fffffF" />
  36. <meta name="color:Header" content="#ffffff" />
  37. <meta name="color:sidebar" content="#fff" />
  38. <meta name="color:text" content="#000000" />
  39. <meta name="color:links" content="#999999" />
  40. <meta name="color:link hover" content="#CCCCCC" />
  41. <meta name="color:icons" content="green" />
  42. <meta name="color:header" content="#FFFFFF" />
  43. <meta name="color:border color" content="#524656" />
  44. <meta name="color:blockquote" content="#555" />
  45. <meta name="color:posts" content="#fff" />
  46.  
  47. <meta name="color:info background" content="#fefefe" />
  48. <meta name="color:info links" content="#222" />
  49.  
  50. <meta name="color:selection background" content="#eee" />
  51. <meta name="color:selection text" content="#000" />
  52. <meta name="color:scrollbar" content="#f7c282" />
  53. <meta name="color:tooltip" content="#222" />
  54. <meta name="color:tooltip text" content="#fff" />
  55. <meta name="color:Description" content="#333333" />
  56. <meta name="color:chat 1" content="#f8f8f8" />
  57. <meta name="color:chat 2" content="#cfcfcf" />
  58. <meta name="color:ask bubble" content="#eee" />
  59. <meta name="color:ask text" content="#a0a0a0" />
  60. <meta name="color:Bold" content="#000"/>
  61. <meta name="color:Italic" content="#ddd"/>
  62.  
  63.  
  64. <meta name="select:blockquote style" content="solid" title="solid" />
  65. <meta name="select:blockquote style" content="dotted" title="dotted" />
  66. <meta name="select:blockquote style" content="dashed" title="dashed" />
  67. <meta name="select:blockquote style" content="double" title="double" />
  68. <meta name="select:blockquote style" content="inset" title="inset" />
  69. <meta name="select:blockquote style" content="outset" title="outset" />
  70.  
  71. <meta name="select:info border style" content="solid" title="solid" />
  72. <meta name="select:info border style" content="dotted" title="dotted" />
  73. <meta name="select:info border style" content="dashed" title="dashed" />
  74. <meta name="select:info border style" content="double" title="double" />
  75. <meta name="select:info border style" content="inset" title="inset" />
  76. <meta name="select:info border style" content="outset" title="outset" />
  77.  
  78. <meta name="text:post width" content="300" />
  79. <meta name="text:Link 1" content="/" />
  80. <meta name="text:Link 1 name" content="link">
  81. <meta name="text:Link 2" content="/" />
  82. <meta name="text:Link 2 name" content="link">
  83. <meta name="text:blockquote width" content="1" />
  84. <meta name="text:border width" content="1" />
  85.  
  86. <meta name="text:ask" content="shouted" />
  87. <meta name="text:bullet point" content="+" />
  88.  
  89.  
  90. <meta name="if:full background" content="" />
  91. <meta name="if:single column" content="" />
  92.  
  93.  
  94.  
  95.  
  96. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:200,
  103. tip_fade_speed:300
  104. }
  105. );
  106. });
  107. })(jQuery);
  108. </script>
  109.  
  110. <script>
  111. $(document).ready(function(){
  112. $('#press').click(function(){
  113. $('.panel').slideToggle('slow');
  114.  
  115. });
  116. });
  117.  
  118.  
  119. </script>
  120. {block:indexpage}
  121. <script>
  122. $(document).ready(function(){
  123. $('.tumblr_video_iframe, .embed_iframe, .tumblr_video_container ').css('width', '{text:post width}px'); $('.tumblr_video_iframe, .embed_iframe, .tumblr_video_container ').css('height', 'auto');
  124. });
  125. </script>
  126. {/block:indexpage}
  127.  
  128.  
  129. <style type="text/css">
  130. #s-m-t-tooltip{
  131. max-width:300px;
  132. margin-top:-50px;
  133. margin-left:-20px;
  134.  
  135. border-radius:20px;
  136. box-shadow: 0px 0px 0px 2px {color:tooltip};
  137. font-family:consolas;
  138. padding:8px 12px;
  139. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  140. color:{color:tooltip text};
  141. z-index:999999999;
  142. font-size:.9em;
  143. text-transform:uppercase;
  144. }
  145.  
  146. /* don't touch this, this is the what makes it look like a speech bubble */
  147. #s-m-t-tooltip:after{
  148.  
  149. content: '';
  150. position: absolute;
  151. border-style: solid;
  152. border-width: 8px 10px 0;
  153. border-color: {color:tooltip} transparent;
  154. display: block;
  155. width: 0;
  156. z-index: 1;
  157. bottom: -8px;
  158. left: 12%;}
  159.  
  160.  
  161. ::-webkit-scrollbar {
  162. width: 12px;
  163. height:6px;
  164.  
  165.  
  166. }
  167. ::-webkit-scrollbar-button {
  168. width: 0px;
  169. height: 0px;
  170. }
  171. ::-webkit-scrollbar-thumb {
  172. background: {color:scrollbar};
  173. border:0px solid #111;
  174. border-top:4px solid #111;
  175. border-bottom:4px solid #111;
  176. cursor:pointer;
  177. border-radius: 8px;
  178. }
  179. ::-webkit-scrollbar-track {
  180. background:#444;
  181. border: 5px solid #111;
  182. border-top:12px solid #111;
  183. border-bottom:12px solid #111;
  184.  
  185.  
  186. }
  187.  
  188. @font-face { font-family: "bob"; src: url('https://dl.dropboxusercontent.com/s/zlmxs7nw2yap4rq/bobber_typeface_cs4.ai'); }
  189.  
  190.  
  191. ::selection {color: {color:selection text}; background: {color:selection background};}
  192. ::-moz-selection {
  193. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  194. }
  195. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  196. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  197. position:fixed;
  198. right:0px;
  199. opacity:.4;
  200. top:16px;
  201. border-bottom:1px dashed #859F7C;
  202.  
  203. }
  204.  
  205.  
  206.  
  207. /* CSS */
  208.  
  209. .panel {
  210. background:{color:posts};
  211. width:calc(30% - 40px);
  212. padding:40px 20px;
  213. overflow:auto;
  214. height:calc(100vh - 60px);
  215. display:none;
  216. right:0px;
  217. position:fixed;
  218. z-index:9999999;
  219. bottom:-8px;
  220. {block:ifroundedcorners} border-radius:8px; {/block:ifroundedcorners}
  221. box-shadow:6px 6px rgba(0,0,0,.08);
  222. {block:ifnopostshadow}
  223. box-shadow:none;
  224. {/block:ifnopostshadow}
  225.  
  226. }
  227.  
  228. #press {
  229. cursor:pointer;
  230. }
  231.  
  232.  
  233. body {
  234. background:{color:Background};
  235. background-image:url({image:Background});
  236. font-family:Roboto, verdana;
  237. color:{color:Text};
  238. font-size:1em;
  239. word-wrap:break-word;
  240. margin:0px;
  241. }
  242.  
  243. h1{
  244. font-size:1.4em;
  245. line-height: 25px;
  246. color:{color:Title};
  247. font-family:Arvo;
  248. font-weight: normal;
  249. }
  250.  
  251. h2{
  252. font-size:1.2em;
  253. line-height: 20px;
  254. color:{color:Text};
  255. font-family:Verdana;
  256. font-weight: normal;
  257. }
  258.  
  259. a:link, a:active, a:visited{
  260. -webkit-transition: color 0.2s ease-out;
  261. -moz-transition: color 0.2s ease-out;
  262. transition: color 0.2s ease-out;
  263. color:{color:links};
  264. text-decoration:none;
  265. }
  266.  
  267. a:hover {
  268. text-decoration:none;
  269. color:{color:link hover};
  270. -webkit-transition: all 0.2s ease-in-out;
  271. -moz-transition: all 0.2s ease-in-out;
  272. -o-transition: all 0.2s ease-in-out;
  273. transition: all 0.2s ease-in-out;}
  274.  
  275.  
  276. blockquote{
  277. padding:0px 0px 0px 6px;
  278. margin:0px 0px 2px 10px;
  279. border-left: {text:blockquote width}px {select:blockquote style} {color:blockquote};
  280. }
  281.  
  282. blockquote img {max-width:100%;}
  283.  
  284.  
  285. a {
  286. color:{color:links};
  287. }
  288.  
  289. b, strong {color:{color:Bold};}
  290.  
  291. i, em {color:{color:Italic};}
  292.  
  293. ol.notes {
  294. list-style-type: none;
  295. padding:0px;
  296. }
  297. ol.notes img{width:16px}
  298.  
  299. ol.notes li.note {
  300. padding:10px;
  301. border-bottom:2px solid {color:border color};
  302. }
  303.  
  304.  
  305. /*Posts*/
  306.  
  307. #container{
  308. position:relative;
  309. width:calc(56%);
  310.  
  311. left:30px;
  312. top:60px;
  313.  
  314. padding-top:50px;{block:indexpage}
  315. column-count: 2;
  316. column-gap: 80px;
  317. {/block:indexpage}
  318. {block:ifsinglecolumn}
  319. column-count:1!important;
  320. {/block:ifsinglecolumn}
  321. }
  322.  
  323. .entry {
  324. margin:40px 0;
  325. break-inside: avoid; background:{color:posts};
  326. display:inline-block;
  327. width:100%;
  328. border-radius:8px;
  329.  
  330. {block:ifsinglecolumn}
  331. width:{text:post width}px;
  332. margin:40px auto;
  333. {/block:ifsinglecolumn}
  334. text-align:left;
  335. {block:PermalinkPage}
  336. width:500px;
  337. margin-left:180px;
  338. {/block:PermalinkPage}
  339.  
  340. -webkit-transition: all .7s ease;
  341. -moz-transition: all .7s ease;
  342. -o-transition: all .7s ease;
  343. transition: all .7s ease;
  344. {block:indexpage}
  345. {block:ifpostanimation}animation: slide 2s;
  346. opacity:0;
  347. animation-iteration-count:1;
  348. animation-fill-mode:forwards;
  349. {/block:ifpostanimation}
  350. {/block:indexpage}
  351.  
  352.  
  353. }
  354.  
  355.  
  356.  
  357. .im {
  358. padding:10px;
  359. border-radius:8px 8px 0px 0px;
  360. background:{color:posts};
  361. }
  362.  
  363.  
  364. @keyframes slide {
  365. 0% {
  366. opacity: 0;
  367.  
  368. transform:translate( 1000px,-1000px);
  369. }
  370.  
  371. 100% {
  372. opacity: 1;
  373. transform: translate(0%,0%);
  374. }
  375. }
  376.  
  377.  
  378. .entry img {
  379. max-width:100%;
  380. display:block;
  381. }
  382.  
  383.  
  384.  
  385. #posts {
  386. margin-top:80px;
  387. z-index:99;
  388. background:transparent;
  389. margin-right:auto;
  390. position:relative;
  391. overflow-y: hidden;
  392.  
  393.  
  394. }
  395. .entry img {max-width:100%;}
  396. .entry iframe{opacity:1}
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407. .quote {
  408. font-size:1.4em;
  409. line-height:28px;
  410. font-family:Garamond;
  411. color:{color:Italic};
  412. height:auto;
  413. margin-top:15px;
  414. margin-bottom:5px;
  415. padding:5px;
  416. text-align:center;
  417. letter-spacing:1px;
  418. }
  419. .source{
  420. font-size:.9em;
  421. line-height:15px;
  422. font-family:Garamond;
  423. color:{color:Italic};
  424. height:auto;
  425. margin-top:15px;
  426. margin-bottom:5px;
  427. padding:5px;
  428. text-align:right;
  429. letter-spacing:1px;}
  430. }
  431.  
  432. /* Chat */
  433.  
  434. .chat ul {
  435. display:block;
  436. list-style:none;
  437. margin-left:-50px;
  438. }
  439.  
  440. /* chat lines style */
  441. .chat li {
  442. padding:3px;
  443. display:block;
  444. }
  445.  
  446. /* odd lines style */
  447. .chat .odd {
  448. background:{color:chat 1};
  449. }
  450.  
  451. /* even lines style */
  452. .chat .even {
  453. background:{color:chat 2};
  454. }
  455.  
  456.  
  457. .dinky {
  458. float:left;
  459. }
  460.  
  461. #albumart{
  462. z-index:2;
  463. width:80px;
  464. height:80px;
  465. {block:permalinkpage}
  466. width:150px;
  467. height:150px;
  468. {/block:permalinkpage}
  469. padding:2px;
  470.  
  471. }
  472. #albumart img{
  473. background:{color:highlight};
  474. width:80px;
  475. height:80px;
  476. {block:permalinkpage}
  477. width:150px;
  478. height:150px;
  479. {/block:permalinkpage}
  480. padding:2px;
  481.  
  482. border:2px solid {color:border color}; transition:.6s;
  483.  
  484. }
  485.  
  486.  
  487. .player {
  488. width:20px;
  489. overflow:hidden;
  490. height:40px;
  491. padding:0px;
  492. padding-top:10px;
  493. padding-left:2px;
  494. margin-left:-2px;
  495. margin-top:-10px;
  496. {block:permalinkpage}
  497. margin-top:0px;
  498. margin-left:2px;
  499. transform:scale(1.4);
  500. {/block:permalinkpage}
  501. border-radius:90px;
  502. position:relative;
  503.  
  504.  
  505. }
  506.  
  507.  
  508. .playercon {
  509. width:150px;
  510. height:30px; margin-top:-10px;
  511. {block:permalinkpage}
  512.  
  513. width:300px;
  514. height:50px;{/block:permalinkpage}
  515. background:white;
  516. border:2px solid {color:border color}; transition:.6s;
  517. margin-left:2px;
  518. position:relative;
  519.  
  520. border-left:none;
  521.  
  522. }
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529. .donkey {
  530. float:left top;
  531. margin-left:70px; height:50px;
  532. {block:permalinkpage}
  533.  
  534. margin-left:134px;height:110px;{/block:permalinkpage}
  535. background-color:transparent;
  536. padding:20px;
  537.  
  538.  
  539. text-align:center;
  540. color:{color:text};
  541. }
  542.  
  543. .track {
  544. font-size:1em;
  545.  
  546. {block:permalinkpage}
  547. font-size:1em; letter-spacing:4px;
  548. {/block:permalinkpage}
  549.  
  550. margin-top:-46px;
  551. margin-left:6px;
  552. padding:10px;
  553. padding-left:14px;
  554. font-weight:300;
  555. text-transform:uppercase; transition:.6s;
  556. font-family:bitxmap;
  557.  
  558. }
  559.  
  560.  
  561.  
  562.  
  563.  
  564. .artist {
  565. letter-spacing:1px;
  566. font-style:italic;
  567.  
  568.  
  569.  
  570. }
  571.  
  572. .playcount {
  573. font-size:.9em;
  574.  
  575. text-transform:uppercase;
  576. letter-spacing:3px;
  577. }
  578.  
  579.  
  580. #audiolo {
  581. width:300px;
  582. padding:20px;
  583. {block:permalinkpage}
  584. width:480px;
  585. {/block:permalinkpage}
  586.  
  587. }
  588.  
  589. .speechbubble {
  590. width:70%;
  591. position: relative;
  592. background:{color:links};
  593. left:60px;
  594. color:white;
  595. line-height:140%;
  596. margin: 0;
  597. padding:12px;
  598. -moz-border-radius:10px;
  599. -webkit-border-radius:10px;
  600. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  601. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  602. box-shadow: 0px 0 1px rgba(0,0,0,0);
  603. }
  604.  
  605.  
  606. .speechbubble:after {
  607. position: absolute;
  608. display: block;
  609. content: "";
  610. border-color: {color:links} transparent transparent transparent;
  611. border-style: solid;
  612. border-width: 15px 15px 0px;
  613. height:0;
  614. width:0;
  615. position:absolute;
  616. left:-15px;
  617. top:10px;
  618. }
  619.  
  620.  
  621.  
  622. /* Post info */
  623.  
  624. .hoverinfo {
  625. position:absolute;
  626. height:auto;
  627. line-height:15px;
  628. float:center;
  629. text-align:center;
  630. left:0;
  631. top:0;
  632. padding:4px;
  633. font-size:20px;
  634. letter-spacing:1px;
  635. background-color:transparent;
  636. color:white;
  637. width:300px;
  638. opacity:0;
  639. width:100%;
  640. height:100%;
  641. position:absolute;
  642. {block:PermalinkPage}
  643. width:500px;
  644. {block:PermalinkPage}
  645. text-transform:lowercase;
  646. transition:.6s
  647. {block:ifbottominfo}
  648. display:none;
  649. {/block:ifbottominfo}
  650. {block:iftopinfo}
  651. display:none;
  652. {/block:iftopinfo}
  653. display:none;
  654. {/block:iftopinfo}
  655. }
  656.  
  657. .topinfo {
  658.  
  659. background:{color:info background};
  660. border-bottom:{text:border width}px {select:info border style} {color:border color}; height:20px;
  661. padding:6px;
  662. position:relative;
  663. z-index:99999;
  664. opacity:1;
  665.  
  666.  
  667. }
  668.  
  669. .topinfo a, .bottominfo a {
  670. color:{color:info links};
  671. }
  672.  
  673.  
  674. .bottominfo {
  675. padding:6px;
  676. background:{color:info background};
  677. border-top:{text:border width}px {select:info border style} {color:border color}; height:20px;
  678. position:relative;
  679. z-index:99999;
  680. opacity:1;
  681. }
  682.  
  683. .tags {
  684. opacity:0;
  685. text-align:center;
  686. margin-top:-20px;
  687. transform:translate(0,0px);
  688. transition:.6s;
  689. }
  690.  
  691.  
  692. .entry:hover .tags {
  693. opacity:1;
  694. transform:translate(0,40px);
  695. transition:.6s;
  696. }
  697.  
  698. .tags a {
  699.  
  700. }
  701.  
  702.  
  703. .jump_page {
  704. padding: 4px 8px;
  705. border: {text:border width}px solid {color:border color};
  706. color:{color:links};
  707. font-size:11px;
  708. text-decoration:none;
  709. }
  710.  
  711. .current_page, .jump_page:hover {
  712. padding: 4px 8px;
  713. border: {text:border width}px solid {color:border color};
  714. background-color:{color:border color};
  715. color: {color:link hover};
  716. font-size:11px;
  717. text-decoration:none;
  718. }
  719.  
  720. .caption li{list-style:none}
  721. .caption li:before{content:'{text:bullet point}'}
  722.  
  723. .caption a {
  724. background:#181818;
  725. line-height:150%;
  726. border:1px solid #111;
  727. padding:2px;
  728. border-radius:4px;
  729.  
  730. }
  731.  
  732. .reblog-header a {
  733. background:none;
  734. border:none;
  735. }
  736.  
  737. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  738. font-family: "bitxmap";
  739. border: {text:border width}px solid {color:border color};
  740.  
  741. }
  742. #egg:hover { animation-name: egg;
  743. animation-duration: 1s;
  744. animation-iteration-count: infinite;}
  745. @keyframes egg{
  746. 0%{}
  747. 10%{transform:rotate(20deg)}
  748. 80%{transform:rotate(-20deg)}
  749. 100%{}
  750. }
  751.  
  752. .caption {
  753. background:{color:posts};
  754. transition:.6s;
  755. bottom:0px;
  756. left:0px;
  757. font-size:1em;
  758. padding:8px 10px;
  759.  
  760. }
  761.  
  762.  
  763. .inf{
  764.  
  765. position:absolute;
  766. padding:4px;
  767. right:10px;
  768. z-index:9;
  769. color:{color:links};
  770. text-align:left;
  771. margin-top:-8px;
  772. text-align:right;
  773.  
  774. }
  775.  
  776. .post:hover .inf {
  777. transform: translate3d(0,0,0);
  778. opacity:1;
  779. transition:.6s
  780.  
  781. }
  782.  
  783. .inf svg {
  784. width:16px;
  785. height:16px;
  786.  
  787. fill:{color:links};
  788. }
  789.  
  790. .inf .like svg {
  791. width:16px;
  792. margin-top:6px;
  793. height:16px;
  794. fill:{color:likes};
  795. }
  796.  
  797. .inf .like { /* Make a parent element */
  798. position: absolute;
  799. right:40px;
  800.  
  801. }
  802.  
  803. .inf .like .like_button { /* Position like button above your custom one */
  804. position: absolute;
  805. top: 0;
  806. margin-top: 6px;
  807. opacity: 0;
  808. }
  809. .inf .like .like_button.liked { /* Keep the functionality active */
  810. opacity: 1;
  811. }
  812.  
  813. .inf a{; padding:5.2px; border-radius:8%; text-decoration:none;
  814.  
  815. height:14px;
  816.  
  817.  
  818. transition: all .4s ease-in;
  819. }
  820.  
  821.  
  822.  
  823.  
  824. .info { border-top:1px solid {color:border color};
  825. background:{color:posts};
  826. padding:10px;
  827. position:relative;
  828. border-radius:0px 0px 8px 8px;
  829. }
  830.  
  831. .info a {
  832. font-weight:200;
  833. }
  834.  
  835. #topbar {
  836. right:30%;
  837. width:10%;
  838. max-width:100px;
  839. padding:0px 0px 0px 0px;
  840. background:#2b2b2b;
  841. height:100vh;
  842. text-align:center;
  843. position: fixed;
  844. z-index:99999;
  845.  
  846.  
  847. }
  848.  
  849.  
  850. #topbar li{
  851. display:inline-block;
  852. list-style:none;
  853. position:relative;
  854. margin:20px;
  855.  
  856. border-radius:100%;
  857. border:2px solid {color:icons};
  858. background:{color:icons};
  859. padding:8px;
  860. z-index:1;
  861. font-size:1em;
  862. }
  863.  
  864. #topbar li::before,
  865. #topbar li::after {
  866. content: '';
  867. position: absolute;
  868. top: 0;
  869. z-index:-2;
  870. left: 50%;
  871. width: 100%;
  872. padding-bottom: 100%;
  873. margin-left: -50%;
  874. transform-origin: top center;
  875. background-color: {color:icons};
  876. border-radius: 50%;
  877.  
  878. }
  879. #topbar li:hover:before, #topbar li:hover:after {
  880. animation: recoil 5s 1 ease;
  881. }
  882. #topbar li:hover::after {
  883. width: 60%;
  884. padding-bottom: 60%;
  885. margin-left: -30%;
  886. animation: drip 5s 1 ease;
  887. }
  888.  
  889. @keyframes drip {
  890. 0% { transform: scale(1) translateY(2px); }
  891. 85% { transform: scale(1) translateY(24px); }
  892. 100% { transform: scale(1) translateY(80px); }
  893. }
  894.  
  895. @keyframes recoil {
  896. 0% { transform: scale(1); }
  897. 85% { transform: scale(1,1.25); }
  898. 86% { transform: scale(1,0.75); }
  899. 90% { transform: scale(1, 1.05); }
  900. 92% { transform: scale(1); }
  901. }
  902.  
  903.  
  904. #topbar a {
  905. color:#2b2b2b;
  906. }
  907.  
  908.  
  909. header .im {
  910. width:100%;
  911.  
  912. height:100vh;
  913.  
  914. background:url({image:sidebar background}) center center;
  915. background-size:cover;
  916.  
  917. }
  918.  
  919. header {
  920. right:0px;
  921. width:30%;
  922. position:fixed;
  923. height:100vh;
  924. }
  925. @font-face { font-family: "up"; src: url('https://dl.dropboxusercontent.com/s/t66vbvn120o11kp/PressStart2P.ttf'); }
  926.  
  927.  
  928. .title:first-letter {
  929. color:{AccentColor};
  930. }
  931. .description {
  932.  
  933. font-size:1em;
  934. position:absolute;
  935. bottom:120px;
  936. width:60%;
  937. padding-left:60px;
  938. }
  939.  
  940. .description:before {
  941. position:absolute;
  942. content:'';
  943. width:40px;
  944. height:1px;
  945. left:0px;
  946. top:10px;
  947. border-top:2px dashed {color:border color};
  948. }
  949.  
  950. @media (max-width:800px){
  951. #container {
  952. display:block;
  953. column-count:1 !important
  954. }
  955.  
  956. .posts {
  957. width:90% !important;
  958. }
  959.  
  960. .speechbubble {
  961.  
  962. width:80%;
  963.  
  964. }
  965.  
  966.  
  967. }
  968.  
  969.  
  970. .user {
  971. padding-left:10px;
  972.  
  973.  
  974.  
  975. }
  976.  
  977. {CustomCSS}
  978. </style>
  979.  
  980.  
  981.  
  982.  
  983. </head>
  984.  
  985.  
  986. <body>
  987. <div class="panel">
  988. <center><img src="{PortraitUrl-96}" style="border-radius:100%; width:80px;border:4px solid {color:links}"></center>
  989. <div class="title">
  990. {Title}
  991. <br>
  992. </div>
  993. <p>
  994. {Description}
  995. </p>
  996.  
  997.  
  998. {block:haspages} {block:pages}
  999. <li><a href="{URL}">{Label}</a> </li>
  1000.  
  1001. {/block:Pages} {/block:Haspages}
  1002.  
  1003.  
  1004. </div>
  1005.  
  1006. <div style="position:fixed; top:0px; width:100%; opacity:.52; height:100vh">
  1007. <svg class="shape" width="100%" height="100vh" preserveAspectRatio="none" viewBox="0 0 1440 800" fill="#1f1f1f" xmlns:pathdata="http://www.codrops.com/">
  1008. <path d="M -65.11,-1.008 C -38.79,8.492 -48.8,43.89 -24.09,59.91 -17.38,64.25 -7.411,68.1 2.397,67.74 19.94,67.09 30.89,61.16 46.62,50.39 64.99,37.82 92.16,36.57 112.8,41.49 141.9,48.44 153.5,80.16 178.5,78.34 194.6,77.17 205.3,67.96 216.8,48.87 224.6,35.89 230.6,20.21 251.4,19.41 278.8,18.35 288.2,28.98 298.5,67.48 303.6,86.48 308.2,97.24 316.3,102.6 329.4,111.3 340.7,106 350.5,100.2 377.5,84.13 369.6,23.41 401.2,20.7 415.9,19.43 431.7,33.86 449.9,57.07 462.7,73.41 475.5,91.96 494.9,96.72 503.8,98.9 513,97.38 521.6,90.13 532.1,81.21 532.2,62.36 551.7,62.17 565.7,62.03 569.6,72.01 575.9,89 580.5,101.3 598.1,139.1 628.6,117.5 649.1,103 641.6,81.95 658,80.67 674.4,79.39 692.2,136.3 720.8,141.4 738.9,144.6 763.5,132 771.2,119.3 782.1,101.2 783.6,81.7 799.1,81.97 829.3,82.49 818.2,122.8 838.2,143.8 858.1,164.8 875.7,158.9 886.4,155.8 910.4,149 913.1,122.8 939.2,119.6 953.9,117.9 964.8,130.2 979.7,131.6 997.3,133.3 1016,132.6 1027,121 1038,109.3 1038,80.15 1054,79.92 1071,79.67 1073,89.94 1079,106.8 1084,119.5 1089,133.9 1101,141.1 1111,147.3 1124,146.3 1136,145 1150,143.4 1160,132.7 1177,130.8 1194,128.8 1219,128.2 1236,138.8 1257,151.6 1271,147.7 1280,137.3 1291,124.1 1294,92.34 1316,90.47 1344,88.04 1348,163.9 1380,183.1 1401,195.1 1428,196.6 1451,190.6 1478,183.7 1503,161.8 1518,143 1544,109.1 1550,43.89 1551,32.49 1568,-303.4 -510,-224.1 -65.11,-1.008 Z" pathdata:id="M -35.73,45.41 C -9.412,61.01 -30.93,379.4 -17.31,545.8 -12.26,607.5 -54.94,740.4 6.142,730.1 63.67,720.4 26.97,284.9 27.01,202.3 27.06,104.3 51.66,29.07 106,54.36 160.3,79.65 103.7,491.7 187.7,465.7 231.9,452 156.6,99.89 249.4,94.08 285.7,91.81 299.9,127.5 305,190.9 316,327.7 328.6,462.6 321.1,598.3 315.8,695.4 294.5,776.7 353.9,773.6 415.6,770.4 379.8,650.7 368.7,588.8 337.4,415 369.6,190.1 391.1,111 412.5,31.92 457,96.83 463.3,127.2 480.9,212.1 493.9,307.8 489,396.1 487.4,425.7 482.1,460.1 517.1,455.2 548.5,450.7 476.2,166 550.9,168.9 594.8,170.6 591.6,626.8 586.3,663.5 578.4,717.8 609.1,742.4 633.9,700.6 651.9,670.2 578.3,209.7 650.8,194.1 723.2,178.5 700.8,277.9 687.6,401.1 680.2,470 766.1,486.3 756,414.3 750.3,373.5 703.1,145.6 793.4,146.1 939.9,146.8 846.2,556.8 844,601.8 841.9,646.8 878.6,682.8 903.3,630.6 928,578.4 863.2,264.8 891.7,178.8 920.2,92.81 997.3,215.6 972,292.8 946.6,370 1030,353.1 999,295.7 985.9,271.6 977.1,119.1 1048,117.8 1119,116.5 1127,634.6 1123,682.6 1119,730.6 1110,749.8 1118,771.3 1134,815.5 1173,803.5 1164,734 1155,664.5 1139,665.8 1143,418.4 1148,170.9 1225,122 1240,215 1249,273 1202,413 1282,391.7 1324,380.7 1280,165.5 1316,159.6 1362,152 1296,358.2 1379,361.2 1462,364.2 1312,753 1444,751.2 1592,749.2 1484,458.5 1505,312.2 1518,221.3 1544,58.44 1545,39.57 1562,-514.4 -480.6,-322.6 -35.73,45.41 Z"></path>
  1009. </svg>
  1010. </div>
  1011. <div id="topbar">
  1012. <li> <a href="/" title="{lang:home}" ><span class="fa fa-refresh fa-fw"></span></a> </li>
  1013. {block:AskEnabled}
  1014. <li> <a href="/ask" title="{AskLabel}"><span class="fa fa-envelope-o fa-fw"></span></a> </li>
  1015. {/block:AskEnabled}
  1016. {block:SubmissionsEnabled}
  1017. <li> <a href="/submit" title="{SubmitLabel}"><span class="fa fa-inbox fa-fw"></span></a> </li>
  1018. {/block:SubmissionsEnabled}
  1019. <li> <a href="/archive" title="{lang:Archive}"><span class="fa fa-save fa-fw"></span></a> </li>
  1020. <li><a href="{text:link 1}" title="{text:link 1 name}"><span class="fa fa-star-o fa-fw"></span></a></li>
  1021. <li><a href="{text:link 2}" title="{text:link 2 name}"><span class="fa fa-heart-o fa-fw"></span></a></li>
  1022. <li><a id="press"><span class="fa fa-bars fa-fw"></span></a></li>
  1023. {block:Pagination}{block:PreviousPage}
  1024. <li> <a href="{PreviousPage}"><span class="fa fa-chevron-left fa-fw" title="{lang:Navigate}"></span></a></li>
  1025. {/block:PreviousPage}{block:NextPage}
  1026. <li> <a href="{NextPage}"><span class="fa fa-chevron-right fa-fw"></span></a>
  1027. {/block:NextPage}{/block:Pagination}
  1028.  
  1029. </div>
  1030. <header>
  1031. <div class="im"></div>
  1032.  
  1033. </header>
  1034.  
  1035.  
  1036. <div id="container">
  1037.  
  1038. <div class="posts">
  1039.  
  1040. {block:Posts}
  1041.  
  1042. <div class="entry">
  1043.  
  1044. <div class="content">
  1045. <!-- {block:NoRebloggedFrom}
  1046. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1047. {/block:NoRebloggedFrom} -->
  1048. {block:ContentSource}
  1049. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1050. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1051. {/block:SourceLogo}
  1052. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1053. {/block:ContentSource}
  1054.  
  1055.  
  1056. {block:Text}
  1057. {block:Title}
  1058. <a href="{Permalink}">
  1059. <h1 style="padding:20px;">{Title}</h1></a>
  1060. {/block:Title}
  1061. <div class="caption" style="padding:30px">{block:NotReblog}
  1062. <figcaption>
  1063. {Body}
  1064. </figcaption>
  1065. {/block:NotReblog}
  1066.  
  1067. {block:RebloggedFrom}
  1068. <div class="reblog-list">
  1069. {block:Reblogs}
  1070. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1071. <div class="reblog-header">
  1072.  
  1073. {block:IsActive}
  1074. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1075. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1076. </a>
  1077. {/block:IsActive}
  1078.  
  1079. {block:IsDeactivated}
  1080. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1081. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1082. </span>
  1083. {/block:IsDeactivated}
  1084.  
  1085. {block:IsActive}
  1086. <a target="_blank" href="{Permalink}" class="user"> {Username}</a>
  1087. {/block:IsActive}
  1088.  
  1089. {block:IsDeactivated}
  1090. <span class="inactive">{Username}</span>
  1091. {/block:IsDeactivated}
  1092.  
  1093. </div>
  1094. <div class="reblog-content">
  1095. {Body}
  1096. </div>
  1097. </div>
  1098. {/block:Reblogs}
  1099. </div>
  1100. {/block:RebloggedFrom}</div>
  1101.  
  1102. {/block:Text}
  1103.  
  1104.  
  1105. <!-- Photo -->
  1106. {block:Photo}
  1107.  
  1108. <div class='im'><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  1109. {block:Caption}
  1110. <div class="caption"> {block:NotReblog}
  1111. <figcaption>
  1112. {Caption}
  1113. </figcaption>
  1114. {/block:NotReblog}
  1115.  
  1116. {block:RebloggedFrom}
  1117. <div class="reblog-list">
  1118. {block:Reblogs}
  1119. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1120. <div class="reblog-header">
  1121.  
  1122. {block:IsActive}
  1123. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1124. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1125. </a>
  1126. {/block:IsActive}
  1127.  
  1128. {block:IsDeactivated}
  1129. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1130. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1131. </span>
  1132. {/block:IsDeactivated}
  1133.  
  1134. {block:IsActive}
  1135. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1136. {/block:IsActive}
  1137.  
  1138. {block:IsDeactivated}
  1139. <span class="inactive">{Username}</span>
  1140. {/block:IsDeactivated}
  1141.  
  1142. </div>
  1143. <div class="reblog-content">
  1144. {Body}
  1145. </div>
  1146. </div>
  1147. {/block:Reblogs}
  1148. </div>
  1149. {/block:RebloggedFrom}</div>
  1150. {/block:Caption}
  1151. {/block:Photo}
  1152.  
  1153.  
  1154. <!-- Photoset -->
  1155. {block:Photoset}
  1156. <div class="im">
  1157. {Photoset} </div>
  1158.  
  1159. {block:Caption}
  1160. <div class="caption"> {block:NotReblog}
  1161. <figcaption>
  1162. {Caption}
  1163. </figcaption>
  1164. {/block:NotReblog}
  1165.  
  1166. {block:RebloggedFrom}
  1167. <div class="reblog-list">
  1168. {block:Reblogs}
  1169. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1170. <div class="reblog-header">
  1171.  
  1172. {block:IsActive}
  1173. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1174. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1175. </a>
  1176. {/block:IsActive}
  1177.  
  1178. {block:IsDeactivated}
  1179. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1180. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1181. </span>
  1182. {/block:IsDeactivated}
  1183.  
  1184. {block:IsActive}
  1185. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1186. {/block:IsActive}
  1187.  
  1188. {block:IsDeactivated}
  1189. <span class="inactive">{Username}</span>
  1190. {/block:IsDeactivated}
  1191.  
  1192. </div>
  1193. <div class="reblog-content">
  1194. {Body}
  1195. </div>
  1196. </div>
  1197. {/block:Reblogs}
  1198. </div>
  1199. {/block:RebloggedFrom}</div>
  1200. {/block:Caption}
  1201. {/block:Photoset}
  1202.  
  1203.  
  1204. <!-- Quote -->
  1205. {block:Quote}
  1206. <div class="quote">
  1207. " {Quote} "
  1208. {block:Source}
  1209. <div class="source">-{Source}
  1210. </div>{/block:Source}</div>
  1211. {/block:Quote}
  1212.  
  1213. <!-- Link -->
  1214. {block:Link}
  1215. <center>
  1216. <a href="{URL}"
  1217. class="linkpost"
  1218. target="_blank">
  1219. <h1>{Name} &raquo; <h1></a>
  1220. </center>
  1221. {block:Description}
  1222. <div class="caption"> {Description}</div>
  1223. {/block:Description}
  1224. {/block:Link}
  1225.  
  1226. <!-- Chat -->
  1227. {block:Chat}
  1228. <div class="chat">
  1229. <ul>
  1230. {block:Lines}
  1231. <li class="{Alt}">
  1232. {block:Label}<b>{Label}</b>{/block:Label}
  1233. {Line}
  1234. </li>
  1235. {/block:Lines}
  1236. </ul>
  1237. </div>
  1238. {/block:Chat}
  1239.  
  1240. <!-- Audio -->
  1241.  
  1242. {block:Audio}
  1243.  
  1244. <div id="audiolo">
  1245. <div class="dinky">
  1246. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1247. </div>
  1248.  
  1249. <div class="donkey"><div class="playercon"><div class="player">{AudioPlayerWhite}</div><div class="track"> {block:TrackName}
  1250. {TrackName}
  1251. {/block:TrackName} </div> </div>
  1252.  
  1253.  
  1254.  
  1255. <div class="artist">
  1256. {block:Artist}{Artist}
  1257. {/block:Artist} </div>
  1258.  
  1259. <div class="album">
  1260. {block:Album}
  1261. {Album}
  1262. {/block:Album}
  1263. </div>
  1264.  
  1265. <div class="playcount">
  1266.  
  1267. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1268. </div></div>
  1269.  
  1270. {block:Caption}
  1271. <div class="caption"> {block:NotReblog}
  1272. <figcaption>
  1273. {Caption}
  1274. </figcaption>
  1275. {/block:NotReblog}
  1276.  
  1277. {block:RebloggedFrom}
  1278. <div class="reblog-list">
  1279. {block:Reblogs}
  1280. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1281. <div class="reblog-header">
  1282.  
  1283. {block:IsActive}
  1284. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1285. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1286. </a>
  1287. {/block:IsActive}
  1288.  
  1289. {block:IsDeactivated}
  1290. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1291. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1292. </span>
  1293. {/block:IsDeactivated}
  1294.  
  1295. {block:IsActive}
  1296. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1297. {/block:IsActive}
  1298.  
  1299. {block:IsDeactivated}
  1300. <span class="inactive">{Username}</span>
  1301. {/block:IsDeactivated}
  1302.  
  1303. </div>
  1304. <div class="reblog-content">
  1305. {Body}
  1306. </div>
  1307. </div>
  1308. {/block:Reblogs}
  1309. </div>
  1310. {/block:RebloggedFrom}</div>
  1311. {/block:Caption}
  1312.  
  1313. {/block:Audio}
  1314.  
  1315.  
  1316. {block:Video}
  1317.  
  1318. {Video-500}
  1319. {block:Caption}
  1320. <div class="caption"> {block:NotReblog}
  1321. <figcaption>
  1322. {Caption}
  1323. </figcaption>
  1324. {/block:NotReblog}
  1325.  
  1326. {block:RebloggedFrom}
  1327. <div class="reblog-list">
  1328. {block:Reblogs}
  1329. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1330. <div class="reblog-header">
  1331.  
  1332. {block:IsActive}
  1333. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1334. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1335. </a>
  1336. {/block:IsActive}
  1337.  
  1338. {block:IsDeactivated}
  1339. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1340. <img src="{PortraitURL-64}" style="width:24px; transform:translate(0,-2px); border:2px solid {color:links}; border-radius:100%; float:left">
  1341. </span>
  1342. {/block:IsDeactivated}
  1343.  
  1344. {block:IsActive}
  1345. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1346. {/block:IsActive}
  1347.  
  1348. {block:IsDeactivated}
  1349. <span class="inactive">{Username}</span>
  1350. {/block:IsDeactivated}
  1351.  
  1352. </div>
  1353. <div class="reblog-content">
  1354. {Body}
  1355. </div>
  1356. </div>
  1357. {/block:Reblogs}
  1358. </div>
  1359. {/block:RebloggedFrom}</div>
  1360. {/block:Caption}
  1361. {/block:Video}
  1362.  
  1363.  
  1364. {block:Answer}
  1365. <div class="caption" style="border-top:none; padding:20px">
  1366. <div class="askerportrait"><img style=" margin-left:0px; width:40px; border-radius:100%; " src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble"><font style="margin-left:-34px">{Asker} {text:ask}: {Question}</font></div><br>
  1367. {Answer}
  1368. <br>
  1369. </div>
  1370. {/block:Answer}
  1371.  
  1372. {block:Date}
  1373. <div class="info">
  1374. <div class="inf">
  1375.  
  1376.  
  1377.  
  1378. <div class="like">
  1379. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1380. width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
  1381. xml:space="preserve">
  1382. <g>
  1383. <g>
  1384. <path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123
  1385. C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
  1386. s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
  1387. l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
  1388. l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22
  1389. c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09
  1390. c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
  1391. l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484
  1392. C17.828,94.283,17.809,145.65,46.295,177.252z"/>
  1393. </g>
  1394. </g>
  1395.  
  1396.  
  1397. </svg>
  1398.  
  1399. {LikeButton size="15"} <span style="position:absolute; transform:translate(6px, -20px)"> like</span>
  1400. </div>
  1401.  
  1402. <a href="{ReblogURL}" style="right:110px; position:absolute;">
  1403. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1404. viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
  1405. <g>
  1406. <path d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7
  1407. l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1
  1408. c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7
  1409. c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62
  1410. c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
  1411. </g>
  1412.  
  1413. </svg>
  1414.  
  1415. <span style="position:absolute; transform:translate(6px, -20px)"> reblog</span>
  1416. </a></div>
  1417. <a href="{permalink}"><span class="lnr lnr-drop"></span> {TimeAgo}</a>
  1418.  
  1419.  
  1420. </div>
  1421. {/block:Date}
  1422. {block:HasTags} <div class="tags">
  1423. {block:Tags}
  1424.  
  1425. <a href="{TagURL}">#{Tag}</a>
  1426. {/block:Tags}</div>
  1427. {/block:HasTags}
  1428.  
  1429.  
  1430. {block:PermalinkPage}
  1431. {block:PostNotes}
  1432. {PostNotes-16}
  1433. {/block:PostNotes}
  1434. {/block:PermalinkPage}
  1435.  
  1436.  
  1437.  
  1438. </div></div>
  1439.  
  1440.  
  1441. {/block:Posts}
  1442.  
  1443.  
  1444.  
  1445. </div></div>
  1446.  
  1447. <!-- END CONTAINER -->
  1448.  
  1449.  
  1450.  
  1451.  
  1452. <a href="http://espoirthemes.tumblr.com/" title="credit" ><div id="egg"></div></a>
  1453.  
  1454.  
  1455. </body>
  1456.  
  1457.  
  1458. </html>
  1459.  
  1460. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!