API tools faq
paste
Guest User

Untitled

a guest
Nov 19th, 2019
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: breezeblocks 2.0 -- updated 1.6.2016
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10.  
  11.  
  12. <!DOCTYPE html>
  13. <head>
  14.  
  15. <!-- popups by noveia / bravethemes ; please don't delete credits --><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>
  16. $(document).ready(function() {
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel');
  19. var popURL = $(this).attr('href');
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1];
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade, .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove();
  37. });
  38. return false;
  39. });
  40. });
  41. </script><!-- poppups by noveia / bravetheme -->
  42.  
  43. <script src="//use.edgefonts.net/cooper-black-std.js"></script>
  44.  
  45. <title>{Title}</title>
  46.  
  47.  
  48. <link rel="shortcut icon" href="{Favicon}" />
  49.  
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52.  
  53. <!--Default Variables-->
  54.  
  55. <meta name="color:Background" content="#ededed"/>
  56. <meta name="color:Sidebar" content="#383c39"/>
  57. <meta name="color:Elements" content="#383c39"/>
  58. <meta name="color:Text" content="#363636"/>
  59. <meta name="color:Link" content="#777777"/>
  60. <meta name="color:Link Hover" content="#eeeeee"/>
  61. <meta name="color:Blog Title" content="#bbbbbb"/>
  62. <meta name="color:Title" content="#000000"/>
  63. <meta name="color:Scrollbar" content="#aaaaaa" />
  64. <meta name="color:Borders" content="#eeeeee"/>
  65. <meta name="color:Text Borders" content="#eeeeee"/>
  66. <meta name="color:Posts" content="#ffffff"/>
  67. <meta name="color:Accents" content="#fbfbfb"/>
  68. <meta name="color:Shadow" content="#eeeeee"/>
  69.  
  70. <meta name="image:Background" content=""/>
  71.  
  72. <meta name="if:Hide Tags" content="0"/>
  73. <meta name="if:Large Image" content="0"/>
  74. <meta name="if:Infinite Scroll" content="0"/>
  75. <meta name="if:Manual Load" content="1"/>
  76. <meta name="if:Stretch Background" content="1"/>
  77.  
  78. <meta name="text:Title1" content="choi beomgyu"/>
  79. <meta name="text:Description" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis nisi lorem, pulvinar id, commodo massa porta vitae nisi."/>
  80.  
  81. <meta name="text:Link1" content="index"/>
  82. <meta name="text:Url1" content="/"/>
  83. <meta name="text:Link2" content="contact"/>
  84. <meta name="text:Url2" content="/ask"/>
  85. <meta name="text:Link3" content="lorem"/>
  86. <meta name="text:Url3" content="/"/>
  87. <meta name="text:Link4" content="ipsum"/>
  88. <meta name="text:Url4" content="/"/>
  89.  
  90. <meta name="text:Location" content="SEOUL, SOUTH KOREA."/>
  91. <meta name="text:Hover1" content="HOVERS 1"/>
  92. <meta name="text:Hover2" content="HOVERS 2"/>
  93. <meta name="text:Hover3" content="HOVERS 3"/>
  94. <meta name="text:Hover4" content="HOVERS 4"/>
  95. <meta name="text:Hover5" content="HOVERS 5"/>
  96.  
  97. <meta name="select:Post Width" content="350" title="350px"/>
  98. <meta name="select:Post Width" content="400" title="400px"/>
  99. <meta name="select:Post Width" content="450" title="450px"/>
  100. <meta name="select:Post Width" content="500" title="500px"/>
  101. <meta name="select:Post Width" content="540" title="540px"/>
  102.  
  103. <meta name="select:Caption" content="def" title="Default"/>
  104. <meta name="select:Caption" content="inl" title="Inline"/>
  105. <meta name="select:Caption" content="hide def" title="Hide Default"/>
  106. <meta name="select:Caption" content="hide inl" title="Hide Inline"/>
  107.  
  108. <link href='https://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  109.  
  110.  
  111. <link href="https://fonts.googleapis.com/css?family=Anton|Hammersmith+One|Just+Another+Hand|Montserrat|Oswald|Sacramento|Homemade+Apple" rel="stylesheet">
  112. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  113.  
  114. <script>
  115. (function($){
  116. $(document).ready(function(){
  117. $("[title],a[title],img[title]").style_my_tooltips({
  118. tip_follows_cursor:true,
  119. tip_delay_time:100,
  120. tip_fade_speed:300,
  121. attribute:"title"
  122. });
  123. });
  124. })(jQuery);
  125. </script>
  126.  
  127.  
  128. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}.tmblr-iframe--amp-cta-button{visibility:hidden;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:100}.tmblr-iframe--amp-cta-button.tmblr-iframe--loaded{visibility:visible;animation:iframe-app-cta-transition .2s ease-out}</style><link href='https://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  129.  
  130. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/open-sans:n4,i4,n7,i7.js"></script>
  131.  
  132. <!--CSS customization here. -->
  133.  
  134. <style type="text/css">
  135.  
  136. /** popups by noveia / bravethemes ; please don't delete credits **/
  137. #fade{
  138. display:none;
  139. background:#383c39; /* change background */
  140. position:fixed;
  141. left:0;
  142. top:0;
  143. width:100%;
  144. height:100%;
  145. opacity:0.6; /* change how transparent you want the background */
  146. z-index:9999; /* if this happens to go behind the popup, decrease the amount of 9's */
  147. }
  148. .popup_block{ /* the actual popup */
  149. border-radius:10px;
  150. display:none;
  151. color:#a0a0a0;
  152. font-family: 'Montserrat';
  153. background:#fff; /* change background */
  154. padding:10px;
  155. float:left;
  156. line-height:20px;
  157. position:fixed;
  158. top:50%;
  159. left:50%;
  160. z-index:99999; /* if this happens to go behind the fade, increase the amount of 9's */
  161. }
  162. *html #fade{
  163. position:absolute;
  164. }
  165. *html .popup_block{
  166. position:absolute;
  167. }
  168. /** popups by noveia / bravethemes ; please don't delete credits **/
  169.  
  170.  
  171. *, body, a {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;}
  172.  
  173. a:hover {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;}
  174.  
  175. iframe.tmblr-iframe {
  176. z-index:99999999999999!important;
  177. top:0!important;
  178. right:0!important;
  179. opacity:0.4;
  180. /* delete invert(1) from here */
  181. filter:invert(1) contrast(150%);
  182. -webkit-filter:invert(1) contrast(150%);
  183. -o-filter:invert(1) contrast(150%);
  184. -moz-filter:invert(1) contrast(150%);
  185. -ms-filter:invert(1) contrast(150%);
  186. /* to here if your blog has a dark background */
  187. transform:scale(0.65);
  188. transform-origin:100% 0;
  189. -webkit-transform:scale(0.65);
  190. -webkit-transform-origin:100% 0;
  191. -o-transform:scale(0.65);
  192. -o-transform-origin:100% 0;
  193. -moz-transform:scale(0.65);
  194. -moz-transform-origin:100% 0;
  195. -ms-transform:scale(0.65);
  196. -ms-transform-origin:100% 0;}
  197.  
  198. iframe.tmblr-iframe:hover {
  199. opacity:0.6!important;}
  200.  
  201. /*tumblr controls and lightbox*/
  202.  
  203. i, italic, em {
  204. text-shadow: 1px 1px white;
  205. font-size: 10px;
  206. color: {color:Sidebar};
  207. font-weight: normal;
  208. letter-spacing: 1px;
  209. text-transform: lowercase;
  210. }
  211.  
  212. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  213.  
  214. .tmblr-lightbox img {opacity:0;}
  215.  
  216. .lightbox-caption {
  217. color:{color:title}!important;
  218. font-family:inherit!important;
  219. font-size:1em!important;
  220. font-weight:normal!important;
  221. text-shadow:none!important;
  222. }
  223.  
  224. .lightbox-image {
  225. -moz-box-shadow:none!important;
  226. -webkit-box-shadow:none!important;
  227. box-shadow:none!important;
  228. -moz-border-radius:3px!important;
  229. -webkit-border-radius:3px!important;
  230. border-radius:3px!important;
  231. padding:0px!important;
  232. border:3px solid {color:posts}!important;
  233. margin-top:-3px!important;
  234. margin-left:-3px!important;
  235. opacity:1!important;
  236. }
  237.  
  238. .vignette {opacity:0!Important;}
  239.  
  240. .iframe-controls--desktop {
  241. white-space:nowrap!important;
  242. -webkit-filter:invert(70%)!important;
  243. -moz-filter:invert(70%)!important;
  244. -ms-filter:invert(70%)!important;
  245. -o-filter:invert(70%)!important;
  246. filter:invert(70%)!important;
  247. top:5px!important;
  248. right:5px!important;
  249. opacity:.4!important;
  250. position:fixed!important;
  251. }
  252.  
  253. /*tooltip*/
  254.  
  255. .ui-tooltip {
  256. position:absolute;
  257. max-width:214px;
  258. margin:10px 15px;
  259. padding:12px;
  260. font-family: 'Montserrat';
  261. text-align:center;
  262. color:#fff;
  263. font-weight: bold;
  264. background-color: {color:Elements};
  265. font-weight:100;
  266. line-height:8px;
  267. font-size:7px;
  268. letter-spacing:0.5px;
  269. text-transform:uppercase;
  270. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  271. border-radius: 9px;
  272. opacity:.8;
  273. z-index:999;
  274. }
  275.  
  276.  
  277. /*scrollbar*/
  278.  
  279. ::-webkit-scrollbar {
  280. height:2px;
  281. width:4px;
  282. background:inherit;
  283. }
  284.  
  285. ::-webkit-scrollbar-thumb{
  286. border-radius:2px;
  287. -moz-border-radius:2px;
  288. -webkit-border-radius:2px;
  289. background:{color:scrollbar};
  290. }
  291.  
  292. /*general*/
  293.  
  294. body {
  295. background:{color:background} url('{image:background}') center center fixed repeat;
  296. {block:ifstretchbackground}
  297. -webkit-background-size: cover;
  298. -moz-background-size: cover;
  299. -o-background-size: cover;
  300. background-size: cover;
  301. {/block:ifstretchbackground}
  302. color:{color:text};
  303. font:9px/1.5em open-sans, arial, sans-serif;
  304. word-wrap:break-word;
  305. text-align:left;
  306. -moz-osx-font-smoothing:grayscale;
  307. -webkit-font-smoothing:antialiased;
  308. font-smoothing:antialiased;
  309. margin:0;
  310. }
  311.  
  312. a {
  313. color:{color:link};
  314. text-decoration:none;
  315. }
  316.  
  317. a, svg {
  318. transition:all .3s linear;
  319. -webkit-transition:all .3s linear;
  320. -o-transition:all .3s linear;
  321. -moz-transition:all .3s linear;
  322. }
  323.  
  324. a, a img {cursor:pointer;}
  325.  
  326. a:hover {
  327. color:{color:link hover}!important;
  328. text-decoration:none;
  329. }
  330.  
  331. img {
  332. opacity:1;
  333. border:0;
  334. text-decoration:none;
  335. max-width:100%;
  336. height:auto;
  337. display:block;
  338. }
  339.  
  340.  
  341.  
  342. pre {
  343. padding:0;
  344. margin:0;
  345. line-height:inherit!important;
  346. background:transparent;
  347. font-family:inherit!Important;
  348. font-size:inherit!important;
  349. white-space:pre-wrap;
  350. white-space:-moz-pre-wrap;
  351. white-space:-pre-wrap;
  352. white-space:-o-pre-wrap;
  353. word-wrap:break-word;
  354. }
  355.  
  356. p {margin:1em 0;}
  357.  
  358. p:first-of-type {margin-top:0;}
  359.  
  360. p:last-of-type {margin-bottom:0;}
  361.  
  362. b, strong, b a, strong a {color:#a9a9a9;}
  363.  
  364. ol, ul {
  365. list-style:none;
  366. text-align:left;
  367. padding-left:0;
  368. }
  369.  
  370. li {
  371. position:relative;
  372. padding:.25em 0 .25em 25px;
  373. margin-left:15px;
  374. }
  375.  
  376. ol li {counter-increment:list;}
  377.  
  378. ol li:before, ul li:before {
  379. left:0;
  380. position:absolute;
  381. vertical-align:baseline!important;
  382. }
  383.  
  384. ol li:before {content:counter(list) '.';}
  385.  
  386. ul li:before {
  387. content:'○';
  388. margin-top:-1px;
  389. vertical-align:middle!important;
  390. }
  391.  
  392. .chat li:before, .pagenotes li:before {display:none;}
  393.  
  394. .chat li {margin:0;}
  395.  
  396. small {margin-bottom:30px;}
  397.  
  398. small, big, sub, pre {
  399. letter-spacing: 0.5px;
  400. text-align: justify;
  401. font-family: 'Roboto', arial;
  402. font-size:1.0em!important;
  403. line-height:2.1em!important;
  404. vertical-align:baseline!important;
  405. }
  406.  
  407. h1, h2, h3, h4 {
  408. margin:1.5em 0;
  409. font-size:1.5em;
  410. padding:0;
  411. color:{color:title};
  412. font-weight:normal;
  413. }
  414.  
  415. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  416.  
  417. hr {
  418. border:none;
  419. box-shadow:0;
  420. margin:2em auto;
  421. width:25px;
  422. border-top:2px solid {color:link hover};
  423. }
  424.  
  425. aside, form, footer, article {
  426. -webkit-animation-name: fade-in;
  427. -webkit-animation-duration: 1.5s;
  428. }
  429.  
  430. /*aside*/
  431.  
  432. aside {
  433. width:200px;
  434. top:100px;
  435. position:fixed;
  436. }
  437.  
  438. aside, .posts, footer a {
  439. background:{color:posts};
  440. border-radius:2px;
  441. -moz-border-radius:2px;
  442. -webkit-border-radius:2px;
  443. box-shadow:0px 1px 2px {color:shadow};
  444. -webkit-box-shadow:0px 1px 2px {color:shadow};
  445. -moz-box-shadow:0px 1px 2px {color:shadow};
  446. }
  447.  
  448. .right {left:calc(50% + {select:post width}px / 2 + {block:ifSidebarImage}{block:ifnotLargeImage}136{/block:ifnotLargeImage}{block:ifLargeImage}75{/block:ifLargeImage}{/block:ifSidebarImage}{block:ifnotSidebarImage}75{/block:ifnotSidebarImage}px);}
  449.  
  450. .left {left:calc(50% - {select:post width}px / 2 - 275px);}
  451.  
  452. .btit {
  453. padding:calc(23px - .75em) 15px;
  454. font-size:1.3em;
  455. line-height:1.5em;
  456. text-transform:uppercase;
  457. letter-spacing:2px;
  458. display:block;
  459. position:relative;
  460. color:{color:blog title};
  461. }
  462.  
  463. .btit:after {
  464. content:'';
  465. width:25px;
  466. height:2px;
  467. background:{color:link hover};
  468. top:calc(100% - 2px);
  469. position:absolute;
  470. left:15px;
  471. }
  472.  
  473. #d {padding:15px 15px 0 15px;}
  474.  
  475. nav {
  476. font-size:.9em;
  477. text-transform:uppercase;
  478. letter-spacing:2px;
  479. padding:15px 0;
  480. }
  481.  
  482. nav a {
  483. display:block;
  484. padding:0 15px;
  485. margin-bottom:5px;
  486. }
  487.  
  488. nav a:last-of-type {margin-bottom:0;}
  489.  
  490. .ic {
  491. display:inline-block;
  492. {block:ifnotLargeImage}
  493. position:absolute;
  494. left:-61px;
  495. {/block:ifnotLargeImage}
  496. }
  497.  
  498. .ic img {
  499. display:block;
  500. width:46px;
  501. height:46px;
  502. -moz-border-radius:2px;
  503. -webkit-border-radius:2px;
  504. border-radius:2px;
  505. {block:ifLargeImage}
  506. width:200px;
  507. border-bottom-left-radius:0px;
  508. -webkit-border-bottom-left-radius:0px;
  509. -moz-border-bottom-left-radius:0px;
  510. border-bottom-right-radius:0px;
  511. -webkit-border-bottom-right-radius:0px;
  512. -moz-border-bottom-right-radius:0px;
  513. height:auto;
  514. {/block:ifLargeImage}
  515. }
  516.  
  517. /*pagination*/
  518.  
  519. footer {
  520. width:{select:post width}px;
  521. margin:0 auto 100px 648px;
  522. text-align:center;
  523. {block:ifinfinitescroll}
  524. {block:ifnotmanualload}
  525. display:none;
  526. {/block:ifnotmanualload}
  527. {/block:ifinfinitescroll}
  528. }
  529.  
  530. footer a {
  531. padding:10px 15px;
  532. -moz-border-radius:2px;
  533. -webkit-border-radius:2px;
  534. border-radius:2px;
  535. font-size:.9em;
  536. display:inline-block;
  537. text-transform:uppercase;
  538. letter-spacing:1px;
  539. background:{color:posts};
  540. }
  541.  
  542. #pagination {
  543. text-align:right;
  544. {block:ifinfinitescroll}
  545. display:none;
  546. {/block:ifinfinitescroll}
  547. }
  548.  
  549. #plain {
  550. float:left;
  551. text-align:left;
  552. }
  553.  
  554. #infscr-loading {display:none!important;}
  555.  
  556. .nice {
  557. position: fixed;
  558. right: 15px;
  559. bottom: 10px;
  560. width: 25px;
  561. height: 24px;
  562. z-index: 6;
  563. font-size: 13px;
  564. line-height: 25px;
  565. color: white;
  566. text-align: center;
  567. border-radius: 5px;
  568. background: #383938;
  569. }
  570.  
  571. /*posts*/
  572.  
  573. section {
  574. width:{select:post width}px;
  575. margin:100px auto;
  576. margin-left:650px;
  577. }
  578.  
  579. article {
  580. width:{select:post width}px;
  581. position:relative;
  582. margin-bottom:75px;
  583. }
  584.  
  585. .posts {
  586. padding:5px;
  587. -moz-border-radius:2px;
  588. -webkit-border-radius:2px;
  589. border-radius:2px;
  590. overflow:hidden;
  591. }
  592.  
  593. .posts img {
  594. opacity:1;
  595. -webkit-filter:none;
  596. -moz-transition-duration: 0.5s;
  597. -o-transition-duration: 0.5s;
  598. -webkit-transition-duration: 0.5s;
  599. transition-duration: 0.5s;
  600. -webkit-filter:grayscale(35%);
  601. }
  602.  
  603. .posts img:hover {
  604. opacity:1;
  605. -webkit-filter:none;
  606. -moz-transition-duration: 0.5s;
  607. -o-transition-duration: 0.5s;
  608. -webkit-transition-duration: 0.5s;
  609. transition-duration: 0.5s;
  610. -webkit-filter:grayscale(0%);
  611. }
  612.  
  613.  
  614. .ph {
  615. position:relative;
  616. overflow:hidden;
  617. }
  618.  
  619. .ph img {
  620. width:100%;
  621. display:block;
  622. }
  623.  
  624. .video * {
  625. display:block;
  626. min-width:100%;
  627. }
  628.  
  629. a.read_more {text-transform:lowercase;}
  630.  
  631. a.tumblr_blog {
  632. display:inline-block;
  633. margin-bottom:5px;
  634. }
  635.  
  636. /*titles*/
  637.  
  638. @font-face{
  639. font-family:"glowies6";
  640. src: url('https://dl.dropboxusercontent.com/s/nyyhlsleu0e3o50/gp.ttf');
  641. }
  642.  
  643. .title {
  644. color:{color:Sidebar};
  645. font-size:2em;
  646. font-family:cooper-black-std;
  647. text-transform: uppercase;
  648. text-align:center;
  649. line-height:1.4em;
  650. opacity:.8;
  651. padding:15px;
  652. }
  653.  
  654. .title a {color:#dfe3e8;}
  655.  
  656. .title a:hover {color:{color:link};}
  657.  
  658. .tex, .source, .caption, .a {padding:15px;}
  659.  
  660. .ted {margin-top:-15px;}
  661.  
  662.  
  663. /*captions*/
  664.  
  665. .ugh .caption {border-top:1px solid {color:borders};}
  666.  
  667. blockquote {
  668. margin-left:0px;
  669. margin-bottom:5px;
  670. width:auto;
  671. margin-top:7px;
  672. margin-right:0px;
  673. color:#aaaaaa;
  674. padding-left:15px;
  675. border-left:1px solid #eeeeee;
  676. }
  677.  
  678.  
  679. blockquote blockquote {
  680. padding-left:7px;
  681. }
  682.  
  683.  
  684.  
  685. .inl.ree .caption p:first-of-type, .inl.ree .caption blockquote:first-of-type, .inl.ree .text p:first-of-type, .inl.ree .text blockquote:first-of-type {display:inline;}
  686.  
  687. .inl.ree .caption p:first-of-type::after {content:' ';}
  688.  
  689. .inl.ree .caption blockquote:first-of-type, .inl.ree .text blockquote:first-of-type {
  690. border:0;
  691. padding:0;
  692. }
  693.  
  694. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  695.  
  696. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  697.  
  698. .caption *:last-child, .a *:last-child, .text *:last-child {
  699. margin-bottom:0!important;
  700. padding-bottom:0!Important;
  701. }
  702.  
  703. /*asks*/
  704.  
  705. .q {
  706. padding:25px;
  707. border-bottom:1px solid #f5f5f5;
  708. position:relative;
  709. }
  710.  
  711. .as, .as a {
  712. color:{color:text};
  713. text-transform:lowercase;
  714. }
  715.  
  716. /*chat*/
  717.  
  718. .chat {
  719. padding:0;
  720. margin:0;
  721. list-style:none;
  722. }
  723.  
  724. .l.odd {background:{color:accents};}
  725.  
  726. .l {
  727. padding:15px;
  728. border-bottom:1px solid {color:borders};
  729. }
  730.  
  731. .l:last-of-type {border:0;}
  732.  
  733. .label {color:{color:title};}
  734.  
  735. /*audio*/
  736.  
  737. .tumblr_audio_player {
  738. width:{select:post width}px;
  739. height:30px;
  740. margin-top:-2px;
  741. }
  742.  
  743. .player {
  744. width:25px;
  745. height:24px;
  746. position:absolute;
  747. left:15px;
  748. opacity:.5;
  749. top:calc(50% - 12px);
  750. display:block;
  751. overflow:hidden;
  752. }
  753.  
  754. .hold {
  755. background:#f5f5f5;
  756. position:relative;
  757. display:block;
  758. min-height:24px;
  759. padding:15px;
  760. }
  761.  
  762. .audio_info {
  763. vertical-align:middle;
  764. margin-left:40px;
  765. max-width:calc(100% - 40px);
  766. }
  767.  
  768. .audio_info span {
  769. white-space:nowrap;
  770. overflow:hidden;
  771. text-overflow:ellipsis;
  772. display:block;
  773. }
  774.  
  775. .hold .artist {color:rgba({RGBcolor:text},.7);}
  776.  
  777. /*permalink and notes*/
  778.  
  779. .when {
  780. padding:calc(20px - .75em) 15px;
  781. text-transform:uppercase;
  782. letter-spacing:1px;
  783. border-bottom:1px solid #f5f5f5;
  784. }
  785.  
  786. .when a {
  787. display:inline-block;
  788. font-size:.9em;
  789. }
  790.  
  791. .when svg {
  792. width:12px;
  793. margin:-1px 15px 0 0;
  794. display:inline-block;
  795. fill:{color:text};
  796. vertical-align:middle;
  797. }
  798.  
  799. .when a:hover svg {fill:{color:link hover};}
  800.  
  801. .rr {
  802. float:right;
  803. text-align:right;
  804. }
  805.  
  806. .rr a {
  807. height:1em;
  808. position:relative;
  809. display:inline-block;
  810. }
  811.  
  812. .rr svg {margin:0 0 0 15px;}
  813.  
  814. .like:hover svg {fill:{color:link};}
  815.  
  816. .like .liked + svg {fill:#D95E40;}
  817.  
  818. .like_button {cursor:pointer;}
  819.  
  820. .like_button iframe {
  821. position:absolute;
  822. opacity:0;
  823. top:0;
  824. bottom:0;
  825. right:0;
  826. z-index:2;
  827. }
  828.  
  829. #permalink {
  830. padding:15px;
  831. font-size:.9em;
  832. text-transform:uppercase;
  833. letter-spacing:1px;
  834. }
  835.  
  836. .nope {padding-top:0!important;}
  837.  
  838. #permalink a {color:{color:text};}
  839.  
  840. .inf {
  841. padding:15px;
  842. {block:ifhidetags}
  843. {block:indexpage}
  844. display:none;
  845. {/block:indexpage}
  846. {/block:ifhidetags}
  847. }
  848.  
  849. .inf svg {
  850. height:12px;
  851. display:inline-block;
  852. fill:{color:link};
  853. vertical-align:middle;
  854. width:12px;
  855. margin-top:-2px;
  856. }
  857.  
  858. .inf .mm {
  859. display:inline-block;
  860. position:absolute;
  861. padding-right:15px;
  862. z-index:2;
  863. left:15px;
  864. width:15px;
  865. }
  866.  
  867. .inf .mm:before {
  868. content:'';
  869. width:30px;
  870. top:0;
  871. z-index:-1;
  872. bottom:0;
  873. left:0px;
  874. position:absolute;
  875. background:-moz-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  876. background:-webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  877. background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  878. background:-o-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  879. background:-ms-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  880. background:linear-gradient(to left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  881. }
  882.  
  883. .tags {
  884. font-size:6.5px;
  885. position:relative;
  886. padding-left:30px;
  887. {block:indexpage}
  888. overflow:hidden;
  889. white-space:nowrap;
  890. {/block:indexpage}
  891. }
  892.  
  893. {block:indexpage}
  894. .tags_inner {
  895. padding:0px 40px 0px 0;
  896. position:relative;
  897. float:left;
  898. }
  899.  
  900. .tags.draggable .tags_inner {
  901. -webkit-touch-callout:none;
  902. -webkit-user-select:none;
  903. -khtml-user-select:none;
  904. -moz-user-select:none;
  905. -ms-user-select:none;
  906. user-select:none;
  907. }
  908.  
  909. .tags:after {
  910. content:'';
  911. width:20px;
  912. top:0;
  913. bottom:0;
  914. right:0;
  915. position:absolute;
  916. background:
  917. -moz-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  918. background:
  919. -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  920. background:
  921. -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  922. background:
  923. -o-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  924. background:
  925. -ms-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  926. background:
  927. linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  928. }
  929. {/block:indexpage}
  930.  
  931. .tags a {
  932. margin-right:10px;
  933. display:inline;
  934. text-transform:uppercase;
  935. letter-spacing:1px;
  936. font-size:.9em;
  937. }
  938.  
  939. .pagenotes .title {border-bottom:1px solid {color:borders};}
  940.  
  941. ol.notes {
  942. list-style-type:none;
  943. padding:10px 15px;
  944. margin:0px;
  945. overflow-y:auto;
  946. max-height:300px;
  947. }
  948.  
  949. ol.notes li.note {
  950. display:block;
  951. font-size:.9em;
  952. text-transform:uppercase;
  953. letter-spacing:1px;
  954. padding:5px 0;
  955. margin:0;
  956. }
  957.  
  958. ol.notes li.note:nth-child(odd) * {color:{color:text};}
  959.  
  960. ol.notes li.note:nth-child(even) * {color:rgba({RGBcolor:text},.7);}
  961.  
  962. ol.notes li.note img.avatar {display:none!important;}
  963.  
  964. .more_notes_link,.notes_loading {
  965. display:block;
  966. text-align:left!important;
  967. color:{color:title};
  968. }
  969.  
  970. #top {
  971. position:fixed;
  972. left:0;
  973. right:0;
  974. top:0;
  975. z-index:12;
  976. background:{color:posts};
  977. height:calc(3em + 10px);
  978. border-bottom:1px solid {color:borders};
  979. }
  980.  
  981. input[type="search"] {
  982. -webkit-appearance:textfield;
  983. -moz-box-sizing:content-box;
  984. -webkit-box-sizing:content-box;
  985. box-sizing:content-box;
  986. }
  987.  
  988. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  989.  
  990. .search-form {
  991. border:none;
  992. display:block;
  993. width:{select:post width}px;
  994. position:Relative;
  995. margin:5px auto;
  996. height:3em!important;
  997. line-height:3em!important;
  998. }
  999.  
  1000. form svg {
  1001. height:12px;
  1002. display:inline-block;
  1003. position:absolute;
  1004. left:15px;
  1005. top:calc(50% - 6px);
  1006. fill:{color:text};
  1007. vertical-align:middle;
  1008. }
  1009.  
  1010. .search-form input {
  1011. width:calc({select:post width}px - 50px);
  1012. position:Relative;
  1013. padding:0 5px!important;
  1014. margin-left:40px;
  1015. height:3em!important;
  1016. font-size:.9em;
  1017. background:{color:posts};
  1018. text-transform:uppercase;
  1019. font-family:open-sans, arial, sans-serif;
  1020. letter-spacing:1px;
  1021. display:block;
  1022. outline:none;
  1023. border:0;
  1024. transition:0.8s;
  1025. -o-transition-duration:0.8s;
  1026. -webkit-transition-duration:0.8s;
  1027. -moz-transition-duration:0.8s;
  1028. }
  1029.  
  1030. .search-form input[type=text] {color:{color:text};}
  1031.  
  1032. .search-form input:focus{
  1033. outline:none;
  1034. background:{color:accents};
  1035. transition:0.8s;
  1036. -o-transition-duration:0.8s;
  1037. -webkit-transition-duration:0.8s;
  1038. -moz-transition-duration:0.8s;
  1039. }
  1040.  
  1041. input::-webkit-input-placeholder {color:{color:text};}
  1042.  
  1043. input::-moz-placeholder {color:{color:text};}
  1044.  
  1045. input:-moz-placeholder {color:{color:text};}
  1046.  
  1047. input:-ms-input-placeholder {color:{color:text};}
  1048.  
  1049. .quote {
  1050. color:#777777;
  1051. font-family: 'Karla';
  1052. padding:30px;
  1053. font-size:12px;
  1054. }
  1055.  
  1056. .aspas {
  1057. position: absolute;
  1058. top: 95px;
  1059. left:14px;
  1060. font-size: 84px;
  1061. opacity: 0.4;
  1062. filter: alpha (opacity=20);
  1063. color: #dedede;
  1064. font: normal 130px;
  1065. font-family: georgia;
  1066. text-align: left;
  1067. }
  1068.  
  1069. /*sidebar*/
  1070.  
  1071. #title1 {
  1072. font-family:cooper-black-std;
  1073. text-transform: uppercase;
  1074. font-size: 23px;
  1075. line-height: 35px;
  1076. color:white;
  1077. background:{color:Sidebar};
  1078. text-align: center;
  1079. width:235px;
  1080. position: fixed;
  1081. border-radius:10px 10px 0px 0px;
  1082. top: 399px;
  1083. left: 283px;
  1084. z-index: 2;
  1085. }
  1086.  
  1087. #boo {
  1088. position: fixed;
  1089. top: 399px;
  1090. left: 178px;
  1091. width: 100px;
  1092. height: 166px;
  1093. text-align: center;
  1094. background: #383c39;
  1095. border-radius:0px 20px 0px 0px;
  1096. z-index:2;
  1097. }
  1098.  
  1099.  
  1100. #description1 {
  1101. position: fixed;
  1102. overflow: auto;
  1103. top: 395px;
  1104. text-transform: uppercase;
  1105. left: 239px;
  1106. width: 201px;
  1107. height: 85px;
  1108. line-height: 180%;
  1109. font-family: 'Montserrat';
  1110. font-size: 6px;
  1111. padding: 5px;
  1112. color: #a0a0a0;
  1113. letter-spacing: 0px;
  1114. text-align: center;
  1115. background: #ffffff;
  1116. border: 5px solid #fff;
  1117. border: 10px solid white;
  1118. border-top: 63px solid white;
  1119. border-left: 59px solid white;
  1120. border-right: 14px solid white;
  1121. border-bottom:11px solid white;
  1122. z-index: 1;
  1123. }
  1124.  
  1125. #hvr {
  1126. background:white;
  1127. position:fixed;
  1128. z-index:1;
  1129. top:461px;
  1130. left:300px;
  1131. height:84px;
  1132. width:45px;
  1133. }
  1134.  
  1135. #link {
  1136. position: fixed;
  1137. top: 561px;
  1138. left: 266px;
  1139. width: auto;
  1140. height: auto;
  1141. padding: 3px;
  1142. z-index:98;
  1143. }
  1144.  
  1145. .link {
  1146. margin-top:1px;
  1147. margin-left:-1px;
  1148. width:63px;
  1149. background:white;
  1150. font-family: 'Montserrat';
  1151. font-size:6px;
  1152. line-height:16px;
  1153. display:inline-block;
  1154. color: {color:Elements};
  1155. text-transform: uppercase;
  1156. letter-spacing: 1px;
  1157. text-align: center;
  1158. -moz-transition:all linear 0.5s;
  1159. -webkit-transition:all linear 0.5s;
  1160. -o-transition:all linear 0.5s;
  1161. transition:all linear 0.5s;
  1162. }
  1163.  
  1164. #link a:hover {
  1165. box-shadow: 50px 50px 50px 50px {color:Elements} inset;
  1166. color: #fff;
  1167. letter-spacing:3.5px;
  1168. opacity:.5;
  1169. }
  1170.  
  1171. #link1 {
  1172. position: fixed;
  1173. top: 561px;
  1174. left: 394px;
  1175. width: auto;
  1176. height: auto;
  1177. padding: 3px;
  1178. z-index:98;
  1179. }
  1180.  
  1181. .link1 {
  1182. margin-top:1px;
  1183. margin-left:-1px;
  1184. width:63px;
  1185. background:white;
  1186. font-family: 'Montserrat';
  1187. font-size:6px;
  1188. line-height:16px;
  1189. display:inline-block;
  1190. color: {color:Elements};
  1191. text-transform: uppercase;
  1192. letter-spacing: 1px;
  1193. text-align: center;
  1194. -moz-transition:all linear 0.5s;
  1195. -webkit-transition:all linear 0.5s;
  1196. -o-transition:all linear 0.5s;
  1197. transition:all linear 0.5s;
  1198. }
  1199.  
  1200. #link1 a:hover {
  1201. box-shadow: 50px 50px 50px 50px {color:Elements} inset;
  1202. color: #fff;
  1203. letter-spacing:3.5px;
  1204. opacity:.5;
  1205. }
  1206.  
  1207. #hovers {
  1208. position: fixed;
  1209. overflow:auto;
  1210. display:block;
  1211. top: 534px;
  1212. left: 330px;
  1213. width: 150px;
  1214. font-family: 'Montserrat';
  1215. font-size: 17px;
  1216. letter-spacing:3px;
  1217. padding: 2px;
  1218. text-transform: none;
  1219. line-height: 20px;
  1220. text-align: center;
  1221. background: transparent;
  1222. z-index:99;
  1223. }
  1224.  
  1225. #hovers a {
  1226. color: {color:Sidebar};
  1227. -moz-transition:all ease-in-out 0.7s;
  1228. -webkit-transition:all ease-in-out 0.7s;
  1229. -o-transition:all ease-in-out 0.7s;
  1230. transition:all ease-in-out 0.7s;
  1231. }
  1232.  
  1233. #hovers a:hover {
  1234. -moz-transition:all ease-in-out 0.7s;
  1235. -webkit-transition:all ease-in-out 0.7s;
  1236. -o-transition:all ease-in-out 0.7s;
  1237. transition:all ease-in-out 0.7s;
  1238. }
  1239.  
  1240. .location {
  1241. position: fixed;
  1242. top: 436px;
  1243. left: 283px;
  1244. width: 235px;
  1245. height: 16px;
  1246. text-align: center;
  1247. font-family: arial,
  1248. text-transform: uppercase;
  1249. font-weight: bold;
  1250. letter-spacing:1.5px;
  1251. font-size: 6.5px;
  1252. line-height: 6.5px;
  1253. color: #c1c1c1;
  1254. color: white;
  1255. background:{color:Sidebar};
  1256. z-index: 99;
  1257. }
  1258.  
  1259. .lik {
  1260. font-weight:400;
  1261. background:#ffffff;
  1262. color:#bdbcbc;
  1263. overflow:auto;
  1264. padding:5px;
  1265. width:110px;
  1266. height:23px;
  1267. position:fixed;
  1268. top:478px;
  1269. left:346px;
  1270. font-family:"Montserrat";
  1271. font-size:6px;
  1272. line-height:7.5px;
  1273. letter-spacing:0.5px;
  1274. word-spacing:0px;
  1275. text-transform:uppercase;
  1276. text-align:right;
  1277. border-right:10px solid white;
  1278. border-left:20px solid white;
  1279. }
  1280.  
  1281.  
  1282. .likicon {
  1283. position:fixed;
  1284. top:482px;
  1285. left:344px;
  1286. font-size:12px;
  1287. line-height:11px;
  1288. background:none;
  1289. overflow:auto;
  1290. padding:6px 0px 0px 12px;
  1291. width:22px;
  1292. height:20px;
  1293. border-right:1px solid #f0f0f0;
  1294. z-index:1;
  1295. }
  1296.  
  1297. .dislik {
  1298. font-weight:400;
  1299. background:#ffffff;
  1300. color:#bdbcbc;
  1301. overflow:auto;
  1302. padding:5px;
  1303. width:110px;
  1304. height:23px;
  1305. position:fixed;
  1306. top:512px;
  1307. left:346px;
  1308. font-family:"Montserrat";
  1309. font-size:6px;
  1310. line-height:7.5px;
  1311. letter-spacing:0.5px;
  1312. word-spacing:0px;
  1313. text-transform:uppercase;
  1314. text-align:right;
  1315. border-right:10px solid white;
  1316. border-left:20px solid white;
  1317. }
  1318.  
  1319. .dislikicon {
  1320. position:fixed;
  1321. top:515px;
  1322. left:344px;
  1323. font-size:12px;
  1324. line-height:11px;
  1325. background:none;
  1326. overflow:auto;
  1327. padding:6px 0px 0px 12px;
  1328. width:22px;
  1329. height:20px;
  1330. border-right:1px solid #f0f0f0;
  1331. z-index:1;
  1332. }
  1333.  
  1334. #pbpics {
  1335. position: fixed;
  1336. top: 303px;
  1337. left: 50px;
  1338. z-index: 99;
  1339. }
  1340.  
  1341. #star {
  1342. position: fixed;
  1343. top: 520px;
  1344. left: 200px;
  1345. z-index: 99;
  1346. opacity:.8;
  1347. }
  1348.  
  1349. {customCss}
  1350.  
  1351. </style>
  1352.  
  1353. </head>
  1354. <body>
  1355.  
  1356.  
  1357. <div id="boo">
  1358. </div>
  1359.  
  1360. <div id="title1">
  1361. {text:Title1}
  1362. </div>
  1363.  
  1364. <div id="pbpics"><img src="https://66.media.tumblr.com/22775e8d7a7157b21cefec0436567010/dc7ca46b70748410-02/s540x810/64fc78a62884adaf6f220fba15f41798f8a2d984.png"></div>
  1365.  
  1366. <a href="#?w=300" rel="01" class="poplight"><div id="star"><img src="https://78.media.tumblr.com/16cc9019aaf055ccf9ec477e95653837/tumblr_inline_pdx4i6k6LZ1vczafs_540.png"></div></a>
  1367.  
  1368. <div id="description1">
  1369. {text:Description}
  1370. </div>
  1371.  
  1372. <div id="link">
  1373. <a class="link" href="{text:Url1}">{text:Link1}</a>
  1374. <a class="link" href="{text:Url2}">{text:Link2}</a>
  1375. </div>
  1376. <div id="link1">
  1377. <a class="link1" href="{text:Url3}">{text:Link3}</a>
  1378. <a class="link1" href="{text:Url4}">{text:Link4}</a>
  1379. </div>
  1380.  
  1381.  
  1382. <div id="hovers">
  1383. <a title="{text:Hover1}">✦</a>
  1384. <a title="{text:Hover2}">✧</a>
  1385. <a title="{text:Hover3}">✦</a>
  1386. <a title="{text:Hover4}">✧</a>
  1387. <a title="{text:Hover5}">✦</a>
  1388. </div>
  1389.  
  1390. <div class="location"><br>
  1391. {text:Location}
  1392. </div>
  1393.  
  1394. <section id="entries">
  1395.  
  1396. {block:Posts}
  1397.  
  1398. <article id="{PostID}" class="{select:caption} {select:Caption}{block:RebloggedFrom} ree{/block:RebloggedFrom}"><div class="posts {block:audio}ugh{/block:audio}">
  1399.  
  1400. {block:date}<div class="when"><span class="rr"><a href="{ReblogURL}" target="_blank" class="r"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span><a href="{permalink}" target="_blank"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> {month} {dayofmonth}{dayofmonthsuffix}</a></div>{/block:date}
  1401.  
  1402.  
  1403. {block:Quote}<div class="title quote"><span class="aspas">“</span>{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  1404.  
  1405. {block:Text}
  1406. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1407. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  1408. {/block:Text}
  1409.  
  1410. {block:Link}
  1411. <div class="title"><a href="{URL}">{Name}</a></div>
  1412. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1413. {/block:Link}
  1414.  
  1415. {block:Chat}
  1416. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1417. <ol class="chat">
  1418. {block:Lines}
  1419. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1420. {/block:Lines}
  1421. </ol>
  1422. {/block:Chat}
  1423.  
  1424. <div class="ph">
  1425. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  1426.  
  1427. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
  1428.  
  1429. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1430.  
  1431. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  1432. </div>
  1433.  
  1434. {block:Answer}<div class="q"><span class="as">
  1435.  
  1436. <i class="fa fa-question" style="font-size:13px;color:##dfe3e8;margin-right:7px;padding-right:3px;text-align:center;border-radius: 100%;width:15px;padding-top:3px;padding-bottom:3px" aria-hidden="true"></i>
  1437.  
  1438. {Asker} asked:</span>
  1439. <i style="margin-left:9x;" aria-hidden="true"></i>
  1440. {Question}</div><div class="a">{Answer}</div>{/block:Answer}
  1441.  
  1442. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1443.  
  1444. {block:Date}{block:permalinkpage}{block:RebloggedFrom}<div id="permalink" {block:Caption}class="nope"{/block:Caption}>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="inf {block:Caption}nope{/block:Caption}{block:answer}nope{/block:answer}{block:text}nope{/block:text}{block:link}nope{/block:link}{block:quote}nope{/block:quote}" {block:chat}style="border-top:1px solid {Color:borders}"{/block:chat}><span class="mm"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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></span><div class="tags draggable"><div class="tags_inner">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div></div></div>{/block:HasTags}{/block:Date}
  1445. </div></article>
  1446.  
  1447. {block:PostNotes}<article class="pagenotes"><div class="posts"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</div></article>{/block:PostNotes}
  1448.  
  1449. {/block:Posts}
  1450.  
  1451. </section>
  1452.  
  1453. {block:Pagination}<footer><div id="pagination">{block:previousPage}<a href="{previousPage}" {block:NextPage}id="plain"{/block:NextPage}>previous page</a>{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">next page</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  1454.  
  1455. {block:ContentSource}
  1456. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1457. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1458. {/block:SourceLogo}
  1459. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1460. {/block:ContentSource}
  1461.  
  1462. <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/sas2ex2/Uvzo2if15/tags.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/l6jnyutne/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1463. <script>
  1464. $(document).ready(function(){
  1465. $('.photo-slideshow').pxuPhotoset({
  1466. lightbox: true,
  1467. rounded: false,
  1468. gutter: '1px',
  1469. photoset: '.photo-slideshow',
  1470. photoWrap: '.photo-data',
  1471. photo: '.pxu-photo'
  1472. });
  1473. $('body').tooltip({track:true});
  1474. $('iframe.tumblr_audio_player').each(function(){
  1475. var audio = $(this).attr('src')
  1476. $(this).attr('src', audio + '&color=transparent');
  1477. });
  1478. var $container = $('section');
  1479. {block:indexpage}{block:ifinfinitescroll}
  1480. $container.infinitescroll({
  1481. itemSelector: 'article',
  1482. navSelector: '#pagination',
  1483. nextSelector: '#pagination a',
  1484. loadingImg: '',
  1485. loadingText: '<em></em>',
  1486. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1487. bufferPx: 3000
  1488. },
  1489. function( newElements ) {
  1490. var $newElems = $( newElements );
  1491. var $newID = $newElems.map(function() {return this.id;}).get();
  1492. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1493. $newElems.find('.photo-slideshow').pxuPhotoset({
  1494. lightbox: true,
  1495. rounded: false,
  1496. gutter: '1px',
  1497. photoset: '.photo-slideshow',
  1498. photoWrap: '.photo-data',
  1499. photo: '.pxu-photo'
  1500. });
  1501. resizeVideos();
  1502. dragTags();
  1503. $newElems.find('iframe.tumblr_audio_player').each(function(){
  1504. var audio = $(this).attr('src')
  1505. $(this).attr('src', audio + '&color=transparent');
  1506. });
  1507. });
  1508. {block:ifmanualload}
  1509. $(window).unbind('.infscr');
  1510. $('.load').click(function(){
  1511. $('footer').fadeTo("400", 0);
  1512. $container.delay(400).infinitescroll('retrieve');
  1513. $(this).parent('footer').delay(400).fadeTo("400", 1);
  1514. });
  1515. {/block:ifmanualload}
  1516. {/block:ifinfinitescroll}{/block:indexpage}
  1517. });
  1518. </script>
  1519. <a class="nice" href="https://sorrism.tumblr.com" target="_blank" title="original theme by sorrism though heavily edited by afflie for personal use. please, don't copy or steal any of the codes i worked so hard to create. ">❤</a>
  1520. </body>
  1521.  
  1522. <!-- layout by noveia / bravethemes -->
  1523.  
  1524.  
  1525. <div id="01" class="popup_block">
  1526. <a href="https://www.youtube.com/watch?v=6yWPfUz0z94"> <center><font face="cooper-black-std" size="3">CLICK CLICK CLICK CLICK</center></font>
  1527. <div style="height:133px;width:300px;background-image:url('https://66.media.tumblr.com/9eb5910be20b4abe01b7011eb2cf29da/61c3ed16862f5bc0-11/s540x810/eb7c0fa6c11dd81cc2324040bec0c42886678606.gif');"></div>
  1528. <center><font face="cooper-black-std" size="3">CLICK CLICK CLICK CLICK</center></font></a>
  1529.  
  1530. </div></div>
  1531.  
  1532.  
  1533. <!-- layout by noveia / bravethemes -->
  1534.  
  1535. </div></div>
  1536.  
  1537. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!