API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 16th, 2018
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme - Midnight Sun
  6. code by kaitsuki/magnusthemes
  7.  
  8. ver. 3.0.1 (17042018)
  9.  
  10. DO NOT ADD SCM PLAYER/HYPSTER/WIKPLAYER PLEASE JUST LISTEN TO ME FOR ONCE
  11. -->
  12.  
  13. <head>
  14.  
  15. <link href='https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,300,300italic,400italic,700,700italic|Muli:300,400,600' rel='stylesheet'>
  16. <link href="https://static.tumblr.com/p0knose/yKlp5mq5l/normalize.css" rel="stylesheet">
  17. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet">
  18. <link href="https://static.tumblr.com/p0knose/Omep7ai4p/londonmidland.css" rel="stylesheet">
  19. <link href="https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.min.css" rel="stylesheet"/>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <meta charset="utf-8">
  26. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28.  
  29. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  30.  
  31. <meta name="color:background" content="#f3f3f3">
  32. <meta name="color:text" content="#999999">
  33. <meta name="color:bold" content="#666666">
  34. <meta name="color:italic" content="#888888">
  35. <meta name="color:links" content="#777777">
  36. <meta name="color:links hover" content="#cccccc">
  37.  
  38. <meta name="color:tooltips" content="#ffffff">
  39. <meta name="color:tooltips background" content="#333333">
  40. <meta name="color:text selection" content="#ffffff">
  41. <meta name="color:text selection background" content="#cccccc">
  42.  
  43. <meta name="color:posts" content="#ffffff">
  44. <meta name="color:shadows" content="#969696">
  45. <meta name="color:permalinks and asks" content="#f6f6f6">
  46. <meta name="color:permalink text" content="#bbbbbb">
  47. <meta name="color:permalink buttons" content="#cccccc">
  48. <meta name="color:chat even" content="#cccccc">
  49. <meta name="color:chat odd" content="#aaaaaa">
  50. <meta name="color:borders" content="#cccccc">
  51. <meta name="color:post title" content="#888888">
  52. <meta name="color:post borders" content="#eeeeee">
  53.  
  54. <meta name="color:accent" content="#cccccc">
  55. <meta name="color:accent alt" content="#cccccc">
  56. <meta name="color:accent change" content="#cccccc">
  57. <meta name="color:accent text" content="#ffffff">
  58. <meta name="color:top bar background" content="#f6f6f6">
  59.  
  60. <meta name="image:background" content="">
  61. <meta name="image:sidebar" content="">
  62. <meta name="image:sidebar pixel" content="">
  63. <meta name="image:top bar background" content="">
  64.  
  65. <meta name="if:custom text selection" content="">
  66. <meta name="if:lazy load" content="">
  67. <meta name="if:light theme" content="">
  68. <meta name="if:infinite scroll" content="">
  69. <meta name="if:manual load" content="">
  70. <meta name="if:hover captions" content="">
  71. <meta name="if:show captions" content="">
  72. <meta name="if:show tags" content="">
  73. <meta name="if:fading images" content="">
  74. <meta name="if:monochrome images" content="">
  75. <meta name="if:stats panel" content="">
  76.  
  77. <meta name="text:updates text" content="">
  78.  
  79. <meta name="text:stat 1" content="">
  80. <meta name="text:stat 2" content="">
  81. <meta name="text:stat 3" content="">
  82.  
  83. <meta name="select:post size" content="540" title="540px">
  84. <meta name="select:post size" content="500" title="500px">
  85. <meta name="select:post size" content="450" title="450px">
  86. <meta name="select:post size" content="400" title="400px">
  87. <meta name="select:post size" content="350" title="350px">
  88. <meta name="select:post size" content="300" title="300px">
  89. <meta name="select:post size" content="250" title="250px">
  90.  
  91. <meta name="select:permalink post size" content="540" title="540px">
  92. <meta name="select:permalink post size" content="500" title="500px">
  93. <meta name="select:permalink post size" content="450" title="450px">
  94. <meta name="select:permalink post size" content="400" title="400px">
  95. <meta name="select:permalink post size" content="350" title="350px">
  96. <meta name="select:permalink post size" content="300" title="300px">
  97. <meta name="select:permalink post size" content="250" title="250px">
  98.  
  99. <style type="text/css">
  100.  
  101. /* ------ custom styling ------ */
  102.  
  103. ::-webkit-scrollbar-corner {background:{color:background};}
  104.  
  105. ::-webkit-scrollbar {
  106. height:10px;
  107. width:10px;
  108. background:{color:background};
  109. box-shadow:inset 0 0 3px 1px rgba({RGBcolor:shadows},0.1);
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb {
  113. background:radial-gradient({color:Accent Alt}, {color:Accent});
  114. border:3px solid transparent;
  115. background-clip:padding-box;
  116. border-radius:10px;
  117. }
  118.  
  119. {block:ifcustomtextselection}
  120. ::selection {color:{color:text selection}; background:{color:text selection background};}
  121. ::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
  122. ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
  123. {/block:ifcustomtextselection}
  124.  
  125. .ui-tooltip {position:absolute; z-index:214748364789;}
  126.  
  127. .ui-tooltip-content {
  128. margin:5px 25px;
  129. max-width:300px;
  130. padding:5px 8px;
  131. text-transform:uppercase;
  132. background:{color:tooltips background};
  133. font:8px/150% "verdana",consolas,sans-serif;
  134. letter-spacing:1px;
  135. color:{color:tooltips};
  136. }
  137.  
  138. iframe#tumblr_controls, .iframe-controls--desktop {
  139. top:25px!important;
  140. right:5px!important;
  141. position:fixed!important;
  142. opacity:0.3!important;
  143. z-index:21474836478999999999999!important;
  144. {block:iflighttheme}
  145. -webkit-filter:invert(100%);
  146. filter:invert(100%);
  147. {/block:iflighttheme}
  148. -webkit-transform:scale(0.6);
  149. -ms-transform:scale(0.6);
  150. transform:scale(0.6);
  151. -webkit-transform-origin:100% 0;
  152. -ms-transform-origin:100% 0;
  153. transform-origin:100% 0;
  154. transition:0.3s ease-in-out;
  155. }
  156.  
  157. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {opacity: 0.6;}
  158.  
  159. #tumblr_lightbox, .tmblr-lightbox {
  160. background-color:rgba({RGBcolor:background},0.9)!important;
  161. z-index:214748364789!important;
  162. }
  163.  
  164. #tumblr_lightbox img, .tmblr-lightbox img {opacity:0;}
  165. #vignette, .vignette {opacity:0!important;}
  166.  
  167. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  168. box-shadow:3px 3px 0px rgba({RGBcolor:shadows},0.1)!important;
  169. border:1px solid {color:post borders}!important;
  170. background:{color:posts}!important;
  171. border-radius:3px!important;
  172. padding:4px!important;
  173. opacity:1!important;
  174. }
  175.  
  176. #tumblr_lightbox_caption, .lightbox-caption {
  177. color:{color:text}!important;
  178. font:normal 16px 'calibri', sans-serif!important;
  179. text-shadow:0 0 0 transparent!important;
  180. margin-top:10px!important;
  181. }
  182.  
  183. #opus:hover {border-color:{color:accent};}
  184.  
  185. /* ------ basic styles ------ */
  186.  
  187. html, body {height:100%; margin:0; padding:0; width:100%;}
  188.  
  189. body {
  190. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  191. word-wrap:break-word;
  192. overflow:auto;
  193. background-attachment:fixed;
  194. background-repeat:repeat;
  195. background-color:{color:background};
  196. margin:0px;
  197. color:{color:text};
  198. font:normal 12px/170% 'calibri', sans-serif;
  199. -webkit-font-smoothing:antialiased;
  200. -moz-osx-font-smoothing:grayscale;
  201. }
  202.  
  203. a {
  204. text-decoration:none;
  205. color:{color:links};
  206. transition:0.3s ease-in-out;
  207. }
  208.  
  209. a:hover {color:{color:links hover};}
  210. i, italic, em {color:{color:italic}; font-style:italic;}
  211. b, bold, strong {color:{color:bold}; font-weight:700;}
  212. img {border:none;}
  213.  
  214. h1, h2, h3 {
  215. color:{color:Bold};
  216. font:normal 14px 'Muli', sans-serif;
  217. }
  218.  
  219. blockquote img {max-width:100%!important; height:auto!important;}
  220.  
  221. blockquote {
  222. margin:10px;
  223. margin-right:0px;
  224. display:block;
  225. border-left:1px solid {color:post borders};
  226. padding-left:10px;
  227. }
  228.  
  229. pre, code {
  230. background:{color:permalinks and asks};
  231. font:10px consolas, monospace;
  232. border:1px solid {color:post borders};
  233. letter-spacing:0px;
  234. padding:10px;
  235. display:block;
  236. }
  237.  
  238. hr {
  239. border:0px solid transparent;
  240. color:{color:post borders};
  241. background:{color:post borders};
  242. width:100%;
  243. height:1px;
  244. padding:0 10px;
  245. margin:1em -10px;
  246. }
  247.  
  248. u,underline {text-decoration:none; border-bottom:1px solid {color:Accent};}
  249.  
  250. ol {counter-reset:ordered;}
  251. ol, ul {padding:0px 0px 0px 20px;}
  252. ol li, ul li {list-style:none; margin-left:0px; display:block; position:relative;}
  253.  
  254. ol:not(.notes) li::before {
  255. content:counter(ordered, decimal-leading-zero);
  256. counter-increment:ordered;
  257. position:absolute;
  258. margin-left:-5px;
  259. color:{color:Borders};
  260. font:normal 12px/170% 'Muli', sans-serif;
  261. -webkit-transform:translateX(-100%);
  262. -ms-transform:translateX(-100%);
  263. transform:translateX(-100%);
  264. }
  265.  
  266. ul li::before {
  267. content:"";
  268. display:block;
  269. position:absolute;
  270. height:3px;
  271. width:3px;
  272. margin-top:8px;
  273. background:{color:borders};
  274. margin-left:-7px;
  275. -webkit-transform:translateX(-100%);
  276. -ms-transform:translateX(-100%);
  277. transform:translateX(-100%);
  278. }
  279.  
  280. /* ------ posts ------ */
  281.  
  282. #postmargin {
  283. padding-left:450px;
  284. padding-right:150px;
  285. margin:90px auto 0px;
  286. {block:IndexPage}width:calc({select:post size}px + 10px);{/block:IndexPage}{block:PermalinkPage}width:calc({select:permalink post size}px + 10px);{/block:PermalinkPage}
  287. }
  288.  
  289. .posts {
  290. background:{color:Posts};
  291. margin:60px 0px;
  292. position:relative;
  293. padding:4px;
  294. {block:IndexPage}width:{select:post size}px;{/block:IndexPage}
  295. {block:PermalinkPage}width:{select:permalink post size}px;{/block:PermalinkPage}
  296. border:1px solid {color:post borders};
  297. box-shadow:2px 2px 0px rgba({RGBcolor:shadows},0.1);
  298. border-radius:3px;
  299. }
  300.  
  301. /* ------ photo/video posts ------ */
  302.  
  303. #bp:hover {border-color:{color:Accent};}
  304.  
  305. .posts img, .posts iframe {max-width:100%;}
  306.  
  307. .photo {
  308. transition:0.5s ease-in-out;
  309. {block:ifmonochromeimages}{block:indexpage}
  310. -webkit-filter:grayscale(100%);
  311. filter:grayscale(100%);
  312. }
  313.  
  314. .posts:hover .photo {
  315. -webkit-filter:grayscale(0%);
  316. filter:grayscale(0%);
  317. {/block:indexpage}{/block:ifmonochromeimages}
  318. }
  319.  
  320. {block:iffadingimages}{block:indexpage}
  321. .photo {opacity:0.7;}
  322. .posts:hover .photo {opacity:1;}
  323. {/block:indexpage}{/block:iffadingimages}
  324.  
  325. .photo img {display:block;}
  326. .video {text-align:center;}
  327. .tumblr_video_container {width:auto!important; height:auto!important;}
  328.  
  329. /* ------ captions ------ */
  330.  
  331. .container,.tcontain {padding:5px; position:relative;}
  332. .text {padding:5px 10px;}
  333. .esp {margin:0 -5px -5px;}
  334. .pcontain {position:relative;}
  335.  
  336. {block:IndexPage}
  337. {block:ifnotshowcaptions}.caption {display:none;}{/block:ifnotshowcaptions}
  338.  
  339. {block:ifshowcaptions}{block:ifhovercaptions}
  340. .caption {
  341. position:absolute;
  342. margin:4px;
  343. bottom:0;
  344. padding:5px 15px;
  345. z-index:99999;
  346. border-radius:3px;
  347. background:{color:Posts};
  348. border:1px solid {color:post borders};
  349. box-shadow:2px 2px 0px rgba({RGBcolor:shadows},0.1);
  350. width:calc({select:post size}px - 40px);
  351. border-radius:3px;
  352. opacity:0;
  353. transition:0.5s ease-in-out;
  354. }
  355.  
  356. .posts:hover .caption {opacity:1;}
  357. {/block:ifhovercaptions}{/block:ifshowcaptions}
  358. {/block:IndexPage}
  359.  
  360. .text *:not(.reblog_head) a, .just a {border-bottom:1px solid {color:post borders}; position:relative;}
  361.  
  362. .text *:not(.reblog_head) a::before, .text *:not(.reblog_head) a::after, .just a::before, .just a::after {
  363. content:"";
  364. background:{color:links hover};
  365. height:1px;
  366. width:0px;
  367. position:absolute;
  368. bottom:-1px;
  369. transition:0.3s ease-in-out;
  370. }
  371.  
  372. .text a::before, .just a::before {left:0px;}
  373. .text a::after, .just a::after {right:0px;}
  374. .text a:hover::before, .just a:hover::before, .text a:hover::after, .just a:hover::after {width:50%;}
  375.  
  376. .text figure {text-align:center;}
  377. .text figure img {margin:0 auto;}
  378.  
  379. .tmblr-attribution a {
  380. font:14px "Homenaje";
  381. text-transform:uppercase;
  382. letter-spacing:1px;
  383. display:block;
  384. padding:5px 10px;
  385. border-radius:3px!important;
  386. }
  387.  
  388. .tmblr-attribution a::after {content:"›"; float:right;}
  389.  
  390. .tumblr_parent {
  391. width:100%;
  392. border-left:0px solid transparent;
  393. border-bottom:1px solid {color:post borders};
  394. margin:10px -15px;
  395. padding:5px 15px;
  396. }
  397.  
  398. .tumblr_parent:first-child {padding-top:0px;}
  399. .tumblr_parent:last-of-type {border-bottom:0px solid transparent; padding-bottom:0px;}
  400.  
  401. a.reblog_user, span.reblog_user, .reblog_head a {
  402. background:transparent;
  403. letter-spacing:0px;
  404. display:inline-block;
  405. vertical-align:middle;
  406. box-shadow:0 0 0 transparent;
  407. font-weight:600;
  408. line-height:16px;
  409. margin-bottom:3px;
  410. font-family:"calibri";
  411. }
  412.  
  413. span.reblog_user::after {
  414. margin-left:5px;
  415. content:"deactivated";
  416. transition:0.3s ease-in-out;
  417. opacity:0;
  418. }
  419.  
  420. span.reblog_user:hover::after {opacity:0.7;}
  421.  
  422. a.reblog_user:hover, .reblog_head a:hover {background:transparent; box-shadow:0 0 0 transparent;}
  423.  
  424. img.tumblr_avatar {
  425. vertical-align:middle;
  426. width:16px;
  427. height:16px;
  428. margin-right:6px;
  429. margin-bottom:3px;
  430. display:inline-block;
  431. border-radius:3px;
  432. }
  433.  
  434. /* ------ quote/link/text posts ------ */
  435.  
  436. .quote {
  437. padding:5px 0px;
  438. font:300 16px/150% 'calibri', sans-serif;
  439. letter-spacing:0px;
  440. text-align:center;
  441. }
  442.  
  443. .sourcez {
  444. font:normal 11px/150% 'calibri', sans-serif;
  445. text-align:center;
  446. margin-top:-2px;
  447. }
  448.  
  449. .link {
  450. padding:5px 10px;
  451. font:300 16px/150% 'Muli', sans-serif;
  452. color:{color:post title};
  453. border-bottom:1px solid {color:post borders};
  454. text-align:center;
  455. letter-spacing:0.3px;
  456. position:relative;
  457. }
  458.  
  459. .jrc, .linkz, .linkz::before {transition:0.6s ease;}
  460. .linkz:hover .jrc {color:{color:links hover}; letter-spacing:2px;}
  461.  
  462. .linkz::before {
  463. position:absolute;
  464. content:"";
  465. bottom:-1px;
  466. left:50%;
  467. background:{color:borders};
  468. width:0px;
  469. height:1px;
  470. }
  471.  
  472. .linkz:hover::before {width:100%; left:0;}
  473.  
  474. /* ------ ask posts ------- */
  475.  
  476. .askerp, .askerp:hover {
  477. width:40px;
  478. height:40px;
  479. opacity:1;
  480. display:inline-block;
  481. border:1px solid {color:post borders};
  482. padding:4px;
  483. background:{color:permalinks and asks};
  484. position:absolute;
  485. }
  486.  
  487. .tri {
  488. width: 0px;
  489. height: 0px;
  490. border-style:solid;
  491. border-width:11.5px 12px 11.5px 0;
  492. border-color:transparent {color:post borders} transparent transparent;
  493. display:inline-block;
  494. position:absolute;
  495. margin-left:-22px;
  496. margin-top:4px;
  497. }
  498.  
  499. .tri::before {
  500. content:"";
  501. width: 0px;
  502. height: 0px;
  503. border-style:solid;
  504. border-width:10px 10px 10px 0;
  505. border-color:transparent {color:permalinks and asks} transparent transparent;
  506. display:inline-block;
  507. position:absolute;
  508. margin-top:-10px;
  509. margin-left:2px;
  510. }
  511.  
  512. .question {
  513. padding:9px 10px;
  514. display:block;
  515. min-height:30px;
  516. margin-top:0px;
  517. background:{color:permalinks and asks};
  518. {block:IndexPage}width:calc({select:post size}px - 95px);{/block:IndexPage}
  519. {block:PermalinkPage}width:calc({select:permalink post size}px - 95px);{/block:PermalinkPage}
  520. border:1px solid {color:post borders};
  521. margin-left:64px;
  522. }
  523.  
  524. /* ------ audio posts ------- */
  525.  
  526. .musicinfo {
  527. margin-left:85px;
  528. height:50px;
  529. padding:9px 14px;
  530. overflow:hidden;
  531. font-size:12px;
  532. line-height:145%;
  533. border:1px solid {color:post borders};
  534. background:{color:permalinks and asks};
  535. width:calc({select:post size}px - 125px);
  536. {block:PermalinkPage}width:calc({select:permalink post size}px - 125px);{/block:PermalinkPage}
  537. }
  538.  
  539. .musicinfo table {
  540. width:calc({select:post size}px - 125px);
  541. {block:PermalinkPage}width:calc({select:permalink post size}px - 125px);{/block:PermalinkPage}
  542. height:50px;
  543. vertical-align:middle;
  544. }
  545.  
  546. .musicinfo b {
  547. text-transform:uppercase;
  548. letter-spacing:0.5px;
  549. }
  550.  
  551. .albumart img {width:60px; height:60px;}
  552.  
  553. .artwrapper {
  554. padding:4px;
  555. border:1px solid {color:post borders};
  556. background:{color:permalinks and asks};
  557. width:60px;
  558. height:60px;
  559. position:absolute;
  560. }
  561.  
  562. .pointer {
  563. width:0px;
  564. height:0px;
  565. border-style:solid;
  566. border-width:11.5px 0px 11.5px 12px;
  567. border-color:transparent transparent transparent {color:post borders};
  568. display:inline-block;
  569. position:absolute;
  570. margin-left:65px;
  571. margin-top:18px;
  572. }
  573.  
  574. .pointer::before {
  575. content:"";
  576. width:0px;
  577. height:0px;
  578. border-style:solid;
  579. border-width:10px 0px 10px 10px;
  580. border-color:transparent transparent transparent {color:permalinks and asks};
  581. display:inline-block;
  582. position:absolute;
  583. margin-top:-10px;
  584. margin-left:-13px;
  585. }
  586.  
  587. .albumart {
  588. position:absolute;
  589. z-index:0;
  590. width:60px;
  591. height:60px;
  592. background:url(http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg) no-repeat;
  593. background-size:60px 60px;
  594. }
  595.  
  596. .albumart img {opacity:1;}
  597.  
  598. .tplayer {
  599. width:30px;
  600. height:30px;
  601. overflow:hidden;
  602. position:absolute;
  603. z-index:3;
  604. margin:15px 0px 15px -7px;
  605. }
  606.  
  607. .playercontainer {
  608. background:{color:Posts};
  609. border:1px solid {color:post borders};
  610. position:absolute;
  611. z-index:1;
  612. opacity:0.85;
  613. margin:5px;
  614. overflow:hidden;
  615. height:60px;
  616. width:20px;
  617. padding:0px;
  618. transition:0.6s ease-in-out;
  619. }
  620.  
  621. .posts:hover .playercontainer {opacity:0.9;}
  622.  
  623. /* ------ chat posts ------ */
  624.  
  625. .label {
  626. padding:7px 10px;
  627. border-bottom:1px solid {color:post borders};
  628. line-height:160%;
  629. }
  630.  
  631. .label span {line-height:160%; font-weight:700;}
  632. .label:nth-of-type(odd) span {color:{color:chat even};}
  633. .label:nth-of-type(even) span {color:{color:chat odd};}
  634. .label:last-child, .label:last-of-type {border-bottom:0px solid transparent;}
  635.  
  636. /* ------ permalinks ------ */
  637.  
  638. .indextags {
  639. position:relative;
  640. overflow:hidden;
  641. white-space:nowrap;
  642. width:calc({select:post size}px - 10px);
  643. padding:4px 9px;
  644. }
  645.  
  646. .itag {
  647. height:20px;
  648. line-height:20px;
  649. margin-top:0px;
  650. display:inline-block;
  651. overflow:hidden;
  652. position:relative;
  653. width:calc({select:post size}px - 10px);
  654. }
  655.  
  656. .dragtags {
  657. position:relative;
  658. float:left;
  659. white-space:nowrap;
  660. word-wrap:normal;
  661. word-break:normal;
  662. }
  663.  
  664. .dragtags > a {border-bottom:1px solid transparent;}
  665. .dragtags > a:hover {border-bottom:1px solid {color:Accent};}
  666.  
  667. .permabar, .indextags {
  668. display:block;
  669. background:{color:permalinks and asks};
  670. border-bottom:1px solid {color:post borders};
  671. border-top:1px solid {color:post borders};
  672. font:normal 10px/12px 'Muli', sans-serif;
  673. color:{color:permalink text};
  674. -webkit-font-smoothing:antialiased;
  675. -moz-osx-font-smoothing:grayscale;
  676. }
  677.  
  678. .permabar a {font:8px "verdana",consolas,sans-serif;}
  679. .perma {display:inline-block; position:relative; overflow:hidden;}
  680.  
  681. .perma::after {
  682. content:"";
  683. position:absolute;
  684. height:1px;
  685. width:100%;
  686. top:50%; left:0;
  687. background:{color:Links};
  688. transform:translate3d(-100%, 0, 0);
  689. transition:0.3s ease-in-out;
  690. }
  691.  
  692. .perma:hover::after {transform:translate3d(100%, 0, 0); background:{color:Links};}
  693.  
  694. .perma::before {
  695. content:attr(data-hover);
  696. position:absolute;
  697. z-index:2; width:0;
  698. overflow:hidden;
  699. color:{color:links hover};
  700. white-space:nowrap;
  701. transition:0.3s ease-in-out 0.3s;
  702. }
  703.  
  704. .perma:hover::before {width:100%;}
  705.  
  706. .indextags {margin:4px -4px -5px -4px; text-align:center;}
  707. .permabar {margin:-5px -4px 4px -4px; padding:9px 10px; height:10px;}
  708. .permabar a, .indextags a {color:{color:permalink text};}
  709. .permabar a:hover, .indextags a:hover {color:{color:Accent};}
  710. .permabuttons {float:right;}
  711.  
  712. .permabuttons a {
  713. padding:0px;
  714. width:8px;
  715. height:8px;
  716. font:8px/8px 'verdana', consolas, monospace;
  717. border:1px solid {color:permalink buttons};
  718. color:{color:permalink buttons};
  719. text-align:center;
  720. margin-left:3px;
  721. border-radius:1px;
  722. float:right;
  723. display:block;
  724. -webkit-font-smoothing:subpixel-antialiased;
  725. -moz-osx-font-smoothing:unset;
  726. }
  727.  
  728. .permabuttons .inner {
  729. border:1px solid {color:permalink buttons};
  730. border-top-width:2px;
  731. width:4px;
  732. height:3px;
  733. margin:1px;
  734. transition:0.3s ease;
  735. }
  736.  
  737. .permabuttons a:hover .inner {border-color:{color:accent};}
  738. .permabuttons a:hover {color:{color:accent}; border-color:{color:accent}; background:{color:posts};}
  739.  
  740. /* ------ permalink page ------ */
  741.  
  742. #postinfo {
  743. margin:60px 0px;
  744. position:relative;
  745. width:{select:permalink post size}px;
  746. }
  747.  
  748. #permapage, #permasource {
  749. background:{color:Posts};
  750. box-shadow:2px 2px 0px rgba({RGBcolor:shadows},0.1);
  751. border:1px solid {color:post borders};
  752. font:normal 11px/15px 'Muli';
  753. letter-spacing:0px;
  754. border-radius:3px;
  755. }
  756.  
  757. #permapage {
  758. margin:0px 0px 20px 0px;
  759. overflow:hidden;
  760. padding:5px;
  761. text-transform:uppercase;
  762. }
  763.  
  764. #permasource div span.typcn {
  765. font-size:16px;
  766. display:inline-block;
  767. vertical-align:middle;
  768. margin-right:7px;
  769. line-height:14px;
  770. }
  771.  
  772. .day {
  773. float:left;
  774. padding:10px 15px;
  775. display:inline-block;
  776. margin:-5px 10px -5px -5px;
  777. background:{color:Permalinks and Asks};
  778. font:normal 16px/30px "verdana";
  779. }
  780.  
  781. .mth, .time {display:block; line-height:15px;}
  782. .mth {margin-top:5px;}
  783. .time {margin-bottom:5px;}
  784.  
  785. #permasource {margin:-15px 0 20px 0; padding:10px;}
  786. #permasource div {padding:3px 5px; line-height:16px;}
  787. #permasource div img {float:right; border-radius:3px;}
  788.  
  789. #permatags {margin:-10px 0px 20px 0px; font:11px "IBM Plex Sans";}
  790.  
  791. #permatags a {
  792. color:{color:Text};
  793. box-shadow:2px 2px 0px rgba({RGBcolor:shadows},0.1);
  794. border:1px solid {color:post borders};
  795. background:linear-gradient(45deg, {color:Posts}, {color:Posts});
  796. display:inline-block;
  797. border-radius:3px;
  798. padding:5px;
  799. margin:3px;
  800. }
  801.  
  802. #permatags a:hover {background:linear-gradient(45deg, {color:Accent Alt}, {color:Accent Change}); color:{color:Permalink Text};}
  803.  
  804. /* ------ notes ------ */
  805.  
  806. .notecount {
  807. display:block;
  808. margin:0 0;
  809. background:{color:Permalinks and Asks};
  810. padding:10px 15px;
  811. text-align:center;
  812. letter-spacing:0px;
  813. font:14px "Muli";
  814. border-bottom:1px solid {color:post borders};
  815. }
  816.  
  817. .notecount span.typcn {
  818. font-size:18px;
  819. display:inline-block;
  820. vertical-align:middle;
  821. line-height:16px;
  822. }
  823.  
  824. div.notes {
  825. background-color:{color:posts};
  826. box-shadow:2px 2px 0px rgba({RGBcolor:shadows},0.1);
  827. border:1px solid {color:post borders};
  828. border-radius:3px;
  829. }
  830.  
  831. ol.notes {
  832. max-height:350px;
  833. margin:10px 5px;
  834. padding:0px 5px 0px 0px;
  835. overflow:auto;
  836. list-style-type:none;
  837. text-transform:lowercase;
  838. text-align:left;
  839. font:normal 10px/150% 'IBM Plex Sans';
  840. }
  841.  
  842. ol.notes li.note {padding:6px;}
  843.  
  844. ol.notes li.note img.avatar {
  845. border-radius:3px;
  846. width:16px;
  847. height:16px;
  848. display:inline-block;
  849. vertical-align:middle;
  850. margin-right:10px;
  851. }
  852.  
  853. ol.notes li.note.answer_content {font-weight:400;}
  854. ol.notes li.note.blockquote {padding:5px; margin:5px 0px 0px 5px;}
  855. ol.notes li.note.blockquote a {text-decoration:none;}
  856.  
  857. ol.notes::-webkit-scrollbar {width:1px; height:1px;}
  858. ol.notes::-webkit-scrollbar-thumb {border:0;}
  859. ol.notes::-webkit-scrollbar-track-piece {background:transparent; box-shadow:0 0 0 transparent;}
  860.  
  861. /* ------ sidebar ------ */
  862.  
  863. .sidebar,.ava {
  864. padding:4px;
  865. margin-top:30px;
  866. border:1px solid {color:post borders};
  867. box-shadow:2px 2px 0px rgba({RGBcolor:shadows},0.1);
  868. background:{color:posts};
  869. border-radius:3px;
  870. }
  871.  
  872. .sidebar {width:170px;}
  873. .ava {width:80px;}
  874.  
  875. .side2 {display:block; width:80px;}
  876.  
  877. #left > img {
  878. display:block;
  879. width:auto;
  880. margin:30px auto -30px;
  881. }
  882.  
  883. #left,#right,#portrait {top:60px; position:fixed;}
  884. #left {margin-left:-240px;}
  885. #right {margin-left:-450px;}
  886.  
  887. #portrait {margin-left:calc({select:post size}px + 70px);}
  888.  
  889. .sidetop,.permabar {background:linear-gradient(45deg, {color:Accent Alt}, {color:Accent Change});}
  890.  
  891. .sidetop {
  892. margin:-4px -4px 4px -4px;
  893. text-transform:uppercase;
  894. border-bottom:1px solid {color:post borders};
  895. color:{color:permalink text};
  896. text-align:left;
  897. letter-spacing:1px;
  898. font:normal 8px/12px 'verdana',consolas,sans-serif;
  899. height:10px;
  900. overflow:hidden;
  901. padding:9px;
  902. }
  903.  
  904. .sidetop span.typcn {
  905. display:inline-block;
  906. font-size:12px;
  907. line-height:12px;
  908. vertical-align:top;
  909. margin-right:2px;
  910. margin-left:3px;
  911. }
  912.  
  913. img.side {width:170px; display:block; margin:0px;}
  914.  
  915. /* ------ search box ------ */
  916.  
  917. #sub {
  918. width:100px;
  919. float:left;
  920. position:absolute;
  921. outline:none!important;
  922. height:10px;
  923. padding:0px;
  924. border:0px solid transparent;
  925. background:transparent;
  926. font:8px 'verdana',consolas, sans-serif;
  927. opacity:1;
  928. margin-left:2px;
  929. color:{color:text};
  930. text-transform:uppercase;
  931. letter-spacing:1px;
  932. }
  933.  
  934. ::-webkit-input-placeholder {color:{color:permalink text};}
  935. :-moz-placeholder {color:{color:permalink text}; opacity:1;}
  936. ::-moz-placeholder {color:{color:permalink text}; opacity:1;}
  937. :-ms-input-placeholder {color:{color:permalink text};}
  938.  
  939. .sidetop .typcn-zoom {float:left;}
  940.  
  941. /* ------ description ------ */
  942.  
  943. .desc, .updt {
  944. margin:0px;
  945. text-align:justify;
  946. margin-top:4px;
  947. padding:6px;
  948. font-size:12px;
  949. line-height:160%;
  950. }
  951.  
  952. .desc::-webkit-scrollbar, .updt::-webkit-scrollbar {width:3px;}
  953. .desc::-webkit-scrollbar-thumb, .updt::-webkit-scrollbar-thumb {border:1px solid {color:scrollbar background};}
  954.  
  955. .desc > div:not(:last-child) {
  956. margin:0 -11px 1em;
  957. padding:0 10px 9px;
  958. border-bottom:1px solid {color:Post Borders};
  959. }
  960.  
  961. .desc > div:not(.just) {text-align:center;}
  962. .desc .subt {padding:0 5px; line-height:16px; display:inline-block;}
  963.  
  964. .desc .stat {
  965. display:block;
  966. margin:2px 15px;
  967. border-radius:3px;
  968. background:{color:Permalinks and Asks};
  969. font:8px/12px 'verdana',consolas,sans-serif;
  970. text-transform:uppercase;
  971. padding:5px;
  972. }
  973.  
  974. .desc .stat, .desc .stat * {transition:0.4s ease-in-out;}
  975. .desc .stat:hover, .desc .stat:hover * {color:{color:Accent Text};}
  976. .desc .stat:hover {background:{color:Accent};}
  977.  
  978. /* ------ main links ------ */
  979.  
  980. .menu, .nav {position:relative; text-align:center; margin:5px 0px; overflow:auto;}
  981. .menu {padding:0px 10px;}
  982. .nav {display:flex; flex-flow:row wrap;}
  983.  
  984. .menu a {
  985. display:block;
  986. padding:5px 7px;
  987. text-align:left;
  988. margin:3px 0;
  989. text-transform:capitalize;
  990. position:relative;
  991. }
  992.  
  993. .menu a span.typcn {
  994. display:inline-block;
  995. vertical-align:middle;
  996. margin:-5px 10px -5px -7px;
  997. color:{color:Accent Alt};
  998. border:1px solid {color:Accent Alt};
  999. transition:0.5s ease-in-out;
  1000. padding:2px;
  1001. font-size:16px;
  1002. line-height:16px;
  1003. border-radius:3px;
  1004. }
  1005.  
  1006. .menu a span.typcn::before {position:relative;z-index:2;}
  1007.  
  1008. .menu a span.typcn::after {
  1009. content:"";
  1010. position:absolute;
  1011. top:50%;
  1012. height:2px;
  1013. background:linear-gradient(45deg, {color:Accent Alt}, {color:Accent Change}, rgba({RGBcolor:Posts},0));
  1014. transition:0.5s ease-in-out;
  1015. display:block;
  1016. left:22px;
  1017. width:0px;
  1018. }
  1019.  
  1020. .menu a:hover span.typcn {background:{color:Accent Alt};}
  1021. .menu a:hover span.typcn::after {width:calc(100% - 22px);}
  1022.  
  1023. /* ------ custom links ------ */
  1024.  
  1025. .nav a {
  1026. float:left;
  1027. display:block;
  1028. text-align:center;
  1029. border:1px solid transparent;
  1030. border-bottom:1px solid {color:post borders};
  1031. margin:4px;
  1032. position:relative;
  1033. flex-grow:2;
  1034. min-width:65px;
  1035. height:16px;
  1036. padding:2px 5px;
  1037. text-transform:capitalize;
  1038. font:normal 11px/16px 'Muli', sans-serif;
  1039. transition:0.3s ease-in-out 0.3s;
  1040. }
  1041.  
  1042.  
  1043.  
  1044. .nav a::before {left:-1px; top:-1px;}
  1045. .nav a::after {right:-1px; bottom:-1px;}
  1046. .nav a:hover::before, .nav a:hover::after {width:100%;}
  1047.  
  1048. .nav a span::before, .nav a span::after {
  1049. content:"";
  1050. width:1px;
  1051. position:absolute;
  1052. height:0px;
  1053. transition:0.3s ease-in-out 0.3s;
  1054. }
  1055.  
  1056. .nav a span::before {left:-1px; bottom:-1px; background:{color:Accent Alt};}
  1057. .nav a span::after {right:-1px; top:-1px; background:{color:Accent Change};}
  1058. .nav a:hover span::before, .nav a:hover span::after {height:100%;}
  1059.  
  1060. /* ------ pagination ------ */
  1061.  
  1062. #pagination, #manual {
  1063. display:block;
  1064. margin:4px -4px -4px -4px;
  1065. border-top:1px solid {color:post borders};
  1066. padding:5px 10px;
  1067. text-align:center;
  1068. text-transform:uppercase;
  1069. height:10px;
  1070. font:normal 10px/10px 'Muli', sans-serif;
  1071. background:{color:permalinks and asks};
  1072. color:{color:permalink text};
  1073. }
  1074.  
  1075. #manual {cursor:help; font-size:8px;}
  1076. #manual:hover {color:{color:Accent};}
  1077. #manual span.done {display:none;}
  1078.  
  1079. #pagination {word-spacing:3px; letter-spacing:3px;}
  1080. #pagination a {color:{color:Accent}; border-bottom:1px solid transparent; font-size:12px;}
  1081. #pagination a:hover {color:{color:Accent Text}; border-color:{color:Accent};}
  1082.  
  1083. {block:ifinfinitescroll}
  1084. #pagination {display:none;}
  1085. {/block:ifinfinitescroll}
  1086.  
  1087. /* ------ topbar ------ */
  1088.  
  1089. #topbar {
  1090. position:fixed;
  1091. width:100%;
  1092. height:15px;
  1093. z-index:999999;
  1094. padding-left:20px;
  1095. top:0px; left:0px;
  1096. background-image:url({image:top bar background});
  1097. background-color:{color:top bar background};
  1098. box-shadow:0px 1px 5px rgba(0,0,0,0.1);
  1099. }
  1100.  
  1101. {CustomCSS}
  1102. </style>
  1103.  
  1104. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  1105. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
  1106. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  1107. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1108. <script src="https://cdn.rawgit.com/davatron5000/FitVids.js/eacbf9f1/jquery.fitvids.js"></script>
  1109. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  1110.  
  1111. {block:iflazyload}<script src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>{/block:iflazyload}
  1112.  
  1113. <script src="https://static.tumblr.com/p0knose/7jhp7atdr/lemillion.js"></script>
  1114.  
  1115. <script>
  1116. $(document).ready(function(){
  1117. startTime();
  1118. {block:ifnotinfinitescroll}var infScr=false;{/block:ifnotinfinitescroll}
  1119. {block:ifinfinitescroll}var infScr=true;{/block:ifinfinitescroll}
  1120. if((!$("#pagination").length)){
  1121. $("#postmargin").css("padding-right","0");
  1122. $("#portrait").remove();
  1123. }
  1124. else if(infScr && !$("#manual").length){
  1125. $("#postmargin").css("padding-right","0");
  1126. $("#portrait").hide();
  1127. }
  1128. {block:iflazyload}var lazyload = true;{/block:iflazyload}
  1129. {block:ifnotlazyload}var lazyload = false;{/block:ifnotlazyload}
  1130. Lemillion(lazyload,"{color:Accent}");
  1131. $(".posts").initialize(function(){
  1132. $(this).find('iframe.tumblr_audio_player').load(function(){
  1133. $(this).contents().find("head").append("<style type='text/css'> .audio-player {background:transparent!important;} .icon {color:{color:Accent}!important;} .progress {display:none!important;}</style>");
  1134. });
  1135. });
  1136. });
  1137. </script>
  1138.  
  1139. {block:IndexPage}
  1140. {block:ifinfinitescroll}
  1141. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
  1142.  
  1143. <script>
  1144. $(document).ready(function(){
  1145. var $container = $("#postmargin");
  1146. $container.infiniteScroll({
  1147. path: '#pagination .next',
  1148. append: '.posts'{block:ifmanualload},
  1149. scrollThreshold:false,
  1150. button:'#manual'
  1151. {/block:ifmanualload}
  1152. });
  1153. $container.on( 'last.infiniteScroll', function( event, response, path ) {
  1154. $("#manual").fadeOut();
  1155. });
  1156. });
  1157. </script>
  1158. {/block:ifinfinitescroll}
  1159. {/block:IndexPage}
  1160.  
  1161. </head>
  1162. <!-- I KNOW NONE OF YOU LIKE TO READ BUT PLEASE JUST DON'T ADD SCM PLAYER/HYPSTER/WIKPLAYER -->
  1163. <body>
  1164.  
  1165. <div id="topbar"></div>
  1166.  
  1167. <!------ posts ------>
  1168. <div id="postmargin">
  1169.  
  1170. <div id="portrait">
  1171. <div class="ava">
  1172. <div class="sidetop">
  1173. <div class="permabuttons">
  1174. <a>X</a>
  1175. <a><div class="inner"></div></a>
  1176. <a>_</a>
  1177. </div>
  1178. </div>
  1179. <img class="side2" src="{PortraitURL-96}">
  1180. {block:Pagination}
  1181. <div id="pagination">
  1182. {block:PreviousPage}<a href="{PreviousPage}" title="back" class="prev">&lsaquo;</a>{/block:PreviousPage}
  1183. <span>{CurrentPage}</span>
  1184. {block:NextPage}<a href="{NextPage}" title="next" class="next">&rsaquo;</a>{/block:NextPage}
  1185. </div>
  1186. {block:ifinfinitescroll}{block:ifmanualload}
  1187. <a id="manual"><span class="load">load more...</span></a>
  1188. {/block:ifmanualload}{/block:ifinfinitescroll}
  1189. {/block:Pagination}
  1190. </div>
  1191. </div>
  1192.  
  1193. <div id="left">
  1194. {block:ifsidebarpixelimage}<img src="{image:sidebar pixel}"/>{/block:ifsidebarpixelimage}
  1195. <div class="sidebar">
  1196. <div class="sidetop">
  1197. <div class="permabuttons">
  1198. <a>X</a>
  1199. <a><div class="inner"></div></a>
  1200. <a>_</a>
  1201. </div>
  1202. <span class="typcn typcn-world"></span> {Title}
  1203. </div>
  1204. <img class="side" src="{image:sidebar}">
  1205. </div>
  1206. <div class="sidebar">
  1207. <div class="sidetop">
  1208. <div class="permabuttons">
  1209. <a>X</a>
  1210. <a><div class="inner"></div></a>
  1211. <a>_</a>
  1212. </div>
  1213. <span class="typcn typcn-user-outline"></span> <span id="time"></span>
  1214. </div>
  1215. <div class="desc">
  1216. <div class="just">
  1217. {Description}
  1218. </div>
  1219. {block:ifstatspanel}
  1220. <div>
  1221. {block:ifstat1}<span class="stat">{text:stat 1}</span>{/block:ifstat1}
  1222. {block:ifstat2}<span class="stat">{text:stat 2}</span>{/block:ifstat2}
  1223. {block:ifstat3}<span class="stat">{text:stat 3}</span>{/block:ifstat3}
  1224. </div>
  1225. {/block:ifstatspanel}
  1226. </div>
  1227. </div>
  1228. </div>
  1229.  
  1230. <div id="right">
  1231. <div class="sidebar">
  1232. <div class="sidetop">
  1233. <div class="permabuttons">
  1234. <a>X</a>
  1235. <a><div class="inner"></div></a>
  1236. <a>_</a>
  1237. </div>
  1238. <span class="typcn typcn-th-menu-outline"></span> {Name}
  1239. </div>
  1240. <div class="menu">
  1241. <a href="/"><span class="typcn typcn-home-outline"></span><span>index</span></a>
  1242. {block:AskEnabled}
  1243. <a href="/ask"><span class="typcn typcn-mail"></span><span>message</span></a>
  1244. {/block:AskEnabled}
  1245. {block:SubmissionsEnabled}
  1246. <a href="/submit"><span class="typcn typcn-edit"></span><span>submit</span></a>
  1247. {/block:SubmissionsEnabled}
  1248. <a href="/archive"><span class="typcn typcn-calendar-outline"></span><span>past</span></span></a>
  1249. </div>
  1250. </div>
  1251. <div class="sidebar">
  1252. <div class="sidetop">
  1253. <div class="permabuttons">
  1254. <a>X</a>
  1255. <a><div class="inner"></div></a>
  1256. <a>_</a>
  1257. </div>
  1258. <span class="typcn typcn-zoom"></span>
  1259. <form action="/search" method="get" class="sb">
  1260. <input type="text" name="q" value="" placeholder="search..." id="sub"/>
  1261. </form>
  1262. </div>
  1263. {block:HasPages}
  1264. <div class="nav">
  1265. {block:Pages}
  1266. <a href="{URL}"><span>{Label}</span></a>
  1267. {/block:Pages}
  1268. </div>
  1269. {/block:HasPages}
  1270. </div>
  1271. {block:ifupdatestext}
  1272. <div class="sidebar">
  1273. <div class="sidetop">
  1274. <div class="permabuttons">
  1275. <a>X</a>
  1276. <a><div class="inner"></div></a>
  1277. <a>_</a>
  1278. </div>
  1279. <span class="typcn typcn-cog-outline"></span> status
  1280. </div>
  1281. <div class="updt">
  1282. {text:updates text}
  1283. </div>
  1284. </div>
  1285. {/block:ifupdatestext}
  1286. </div>
  1287.  
  1288. {block:Posts}
  1289. <div class="posts">
  1290.  
  1291. <div class="permabar">
  1292. {block:PermalinkPage}{PostID}{/block:PermalinkPage}
  1293. {block:IndexPage}
  1294. <a href="{Permalink}" class="perma" data-hover="{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}-{24Hour}{Minutes}_" title="{TimeAgo} | {NoteCount}XP">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}-{24Hour}{Minutes}_</a>
  1295. <div class="permabuttons">
  1296. <a href="{ReblogURL}" title="reblog?">X</a>
  1297. {block:RebloggedFrom}
  1298. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="inner"></div></a>
  1299. <a href="{ReblogRootURL}" title="source: {ReblogRootName}">_</a>
  1300. {/block:RebloggedFrom}
  1301. </div>
  1302. {/block:IndexPage}
  1303. {block:PermalinkPage}
  1304. <div class="permabuttons">
  1305. <a>X</a>
  1306. <a><div class="inner"></div></a>
  1307. <a>_</a>
  1308. </div>
  1309. {/block:PermalinkPage}
  1310. </div>
  1311.  
  1312. {block:Text}
  1313. <div class="tcontain">
  1314. {block:Title}<div class="link">{Title}</div>{/block:Title}
  1315. {block:NotReblog}
  1316. <div class="esp text">
  1317. <div class="tumblr_parent">
  1318. <div>
  1319. {Body}
  1320. </div>
  1321. </div>
  1322. </div>
  1323. {/block:NotReblog}
  1324. {block:RebloggedFrom}
  1325. <div class="esp text">
  1326. {block:Reblogs}
  1327. <div class="tumblr_parent">
  1328. <div class="reblog_head">
  1329. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1330. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1331. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1332. </div>
  1333. <div>
  1334. {Body}
  1335. </div>
  1336. </div>
  1337. {/block:Reblogs}
  1338. </div>
  1339. {/block:RebloggedFrom}
  1340. </div>
  1341. {/block:Text}
  1342.  
  1343. {block:Photo}
  1344. <div class="pcontain">
  1345. {block:IndexPage}
  1346. <a class="photolight" href="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}">
  1347. <div class="photo">
  1348. <img src="{PhotoURL-HighRes}" class="photoblock" width="{select:post size}">
  1349. </div>
  1350. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1351. </a>
  1352. {/block:IndexPage}
  1353. {block:PermalinkPage}
  1354. {LinkOpenTag}
  1355. <div class="photo">
  1356. <img src="{PhotoURL-HighRes}" width="{select:permalink post size}" class="photoblock">
  1357. </div>
  1358. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1359. {LinkCloseTag}
  1360. {/block:PermalinkPage}
  1361. {block:Caption}
  1362. {block:NotReblog}
  1363. <div class="caption text">
  1364. <div class="tumblr_parent">
  1365. <div class="reblog_head">
  1366. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1367. <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1368. </div>
  1369. <div>
  1370. {Caption}
  1371. </div>
  1372. </div>
  1373. </div>
  1374. {/block:NotReblog}
  1375. {block:RebloggedFrom}
  1376. <div class="caption text">
  1377. {block:Reblogs}
  1378. <div class="tumblr_parent">
  1379. <div class="reblog_head">
  1380. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1381. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1382. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1383. </div>
  1384. <div>
  1385. {Body}
  1386. </div>
  1387. </div>
  1388. {/block:Reblogs}
  1389. </div>
  1390. {/block:RebloggedFrom}
  1391. {/block:Caption}
  1392. </div>
  1393. {/block:Photo}
  1394.  
  1395. {block:Panorama}
  1396. <div class="pcontain">
  1397. <a class="photolight" href="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}">
  1398. <div class="photo">
  1399. <img src="{PhotoURL-HighRes}">
  1400. </div>
  1401. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1402. </a>
  1403. {block:Caption}
  1404. {block:NotReblog}
  1405. <div class="caption text">
  1406. <div class="tumblr_parent">
  1407. <div class="reblog_head">
  1408. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1409. <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1410. </div>
  1411. <div>
  1412. {Caption}
  1413. </div>
  1414. </div>
  1415. </div>
  1416. {/block:NotReblog}
  1417. {block:RebloggedFrom}
  1418. <div class="caption text">
  1419. {block:Reblogs}
  1420. <div class="tumblr_parent">
  1421. <div class="reblog_head">
  1422. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1423. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1424. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1425. </div>
  1426. <div>
  1427. {Body}
  1428. </div>
  1429. </div>
  1430. {/block:Reblogs}
  1431. </div>
  1432. {/block:RebloggedFrom}
  1433. {/block:Caption}
  1434. </div>
  1435. {/block:Panorama}
  1436.  
  1437. {block:Photoset}
  1438. <div class="pcontain">
  1439. <div class="photo">
  1440. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1441. {block:Photos}
  1442. <div class="photo-data">
  1443. <div class="pxu-photo">
  1444. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1445. </div>
  1446. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1447. </div>
  1448. {/block:Photos}
  1449. </div>
  1450. </div>
  1451. {block:Caption}
  1452. {block:NotReblog}
  1453. <div class="caption text">
  1454. <div class="tumblr_parent">
  1455. <div class="reblog_head">
  1456. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1457. <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1458. </div>
  1459. <div>
  1460. {Caption}
  1461. </div>
  1462. </div>
  1463. </div>
  1464. {/block:NotReblog}
  1465. {block:RebloggedFrom}
  1466. <div class="caption text">
  1467. {block:Reblogs}
  1468. <div class="tumblr_parent">
  1469. <div class="reblog_head">
  1470. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1471. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1472. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1473. </div>
  1474. <div>
  1475. {Body}
  1476. </div>
  1477. </div>
  1478. {/block:Reblogs}
  1479. </div>
  1480. {/block:RebloggedFrom}
  1481. {/block:Caption}
  1482. </div>
  1483. {/block:Photoset}
  1484.  
  1485. {block:Quote}
  1486. <div class="container">
  1487. <div class="quote">
  1488. <span>❝</span>
  1489. {Quote}
  1490. <span>❞</span>
  1491. </div>
  1492. {block:Source}
  1493. <div class="text sourcez">
  1494. {Source}
  1495. </div>
  1496. {/block:Source}
  1497. </div>
  1498. {/block:Quote}
  1499.  
  1500. {block:Link}
  1501. <div class="tcontain">
  1502. <a href="{URL}" {Target}>
  1503. <div class="link linkz"><div class="jrc">
  1504. {Name} &rsaquo;
  1505. </div></div>
  1506. </a>
  1507. {block:Description}
  1508. {block:NotReblog}
  1509. <div class="esp text">
  1510. <div class="tumblr_parent">
  1511. <div>
  1512. {Description}
  1513. </div>
  1514. </div>
  1515. </div>
  1516. {/block:NotReblog}
  1517. {block:RebloggedFrom}
  1518. <div class="esp text">
  1519. {block:Reblogs}
  1520. <div class="tumblr_parent">
  1521. <div class="reblog_head">
  1522. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1523. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1524. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1525. </div>
  1526. <div>
  1527. {Body}
  1528. </div>
  1529. </div>
  1530. {/block:Reblogs}
  1531. </div>
  1532. {/block:RebloggedFrom}
  1533. {/block:Description}
  1534. </div>
  1535. {/block:Link}
  1536.  
  1537. {block:Chat}
  1538. <div class="container">
  1539. {block:Title}<div class="link">{Title}</div>{/block:Title}
  1540. {block:Lines}
  1541. <div class="label">
  1542. {block:Label}<span>{Label}</span>{/block:Label}
  1543. {Line}
  1544. </div>
  1545. {/block:Lines}
  1546. </div>
  1547. {/block:Chat}
  1548.  
  1549. {block:Audio}
  1550. <div class="container">
  1551. <div class="audio-wide">
  1552. {block:AudioPlayer}<div class="playercontainer"><div class="tplayer">
  1553. {block:ifnotlighttheme}{AudioPlayerBlack}{/block:ifnotlighttheme}
  1554. {block:iflighttheme}{AudioPlayerWhite}{/block:iflighttheme}
  1555. </div></div>{/block:AudioPlayer}
  1556. <div class="artwrapper">
  1557. <div class="albumart">
  1558. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1559. </div>
  1560. <div class="pointer"></div>
  1561. </div>
  1562. <div class="musicinfo"><table><td style="vertical-align:middle;">
  1563. {block:TrackName}<b>{TrackName}</b><br>{/block:TrackName}
  1564. {block:Artist}<i>Artist:</i> {Artist}<br>{/block:Artist}
  1565. {block:Album}<i>Album:</i> {Album}{/block:Album}
  1566. </td></table></div>
  1567. </div>
  1568. <div class="audiocaption">
  1569. {block:Caption}
  1570. {block:NotReblog}
  1571. <div class="esp text">
  1572. <div class="tumblr_parent">
  1573. <div class="reblog_head">
  1574. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1575. <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1576. </div>
  1577. <div>
  1578. {Caption}
  1579. </div>
  1580. </div>
  1581. </div>
  1582. {/block:NotReblog}
  1583. {block:RebloggedFrom}
  1584. <div class="esp text">
  1585. {block:Reblogs}
  1586. <div class="tumblr_parent">
  1587. <div class="reblog_head">
  1588. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1589. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1590. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1591. </div>
  1592. <div>
  1593. {Body}
  1594. </div>
  1595. </div>
  1596. {/block:Reblogs}
  1597. </div>
  1598. {/block:RebloggedFrom}
  1599. {/block:Caption}
  1600. </div>
  1601. </div><!--container-->
  1602. {/block:Audio}
  1603.  
  1604. {block:Video}
  1605. <div class="pcontain">
  1606. <div class="video">
  1607. {Video-500}
  1608. </div>
  1609. {block:Caption}
  1610. {block:NotReblog}
  1611. <div class="caption text">
  1612. <div class="tumblr_parent">
  1613. <div class="reblog_head">
  1614. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1615. <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
  1616. </div>
  1617. <div>
  1618. {Caption}
  1619. </div>
  1620. </div>
  1621. </div>
  1622. {/block:NotReblog}
  1623. {block:RebloggedFrom}
  1624. <div class="caption text">
  1625. {block:Reblogs}
  1626. <div class="tumblr_parent">
  1627. <div class="reblog_head">
  1628. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1629. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1630. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1631. </div>
  1632. <div>
  1633. {Body}
  1634. </div>
  1635. </div>
  1636. {/block:Reblogs}
  1637. </div>
  1638. {/block:RebloggedFrom}
  1639. {/block:Caption}
  1640. </div>
  1641. {/block:Video}
  1642.  
  1643. {block:Answer}
  1644. <div class="container">
  1645. <div class="ask-wide">
  1646. <img class="askerp" style="opacity:1;" src="{AskerPortraitURL-64}">
  1647. <div class="question">
  1648. <div class="tri"></div>
  1649. <b>{Asker} inquired:</b><br>
  1650. {Question}
  1651. </div>
  1652. </div>
  1653. {block:NotReblog}
  1654. <div class="esp text">
  1655. <div class="tumblr_parent">
  1656. {Answer}
  1657. </div>
  1658. </div>
  1659. {/block:NotReblog}
  1660. {block:RebloggedFrom}
  1661. <div class="esp text">
  1662. <div class="tumblr_parent">
  1663. {block:Answerer}
  1664. <div class="reblog_head">
  1665. <img src="{AnswererPortraiturl-64}" class="tumblr_avatar"/>
  1666. {Answerer}
  1667. </div>
  1668. {/block:Answerer}
  1669. <div>
  1670. {Answer}
  1671. </div>
  1672. </div>
  1673. {block:Reblogs}
  1674. <div class="tumblr_parent">
  1675. <div class="reblog_head">
  1676. <img src="{portraiturl-64}" class="tumblr_avatar"/>
  1677. {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
  1678. {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
  1679. </div>
  1680. <div>
  1681. {Body}
  1682. </div>
  1683. </div>
  1684. {/block:Reblogs}
  1685. </div>
  1686. {/block:RebloggedFrom}
  1687. </div>
  1688. {/block:Answer}
  1689.  
  1690. {block:IndexPage}{block:ifshowtags}{block:HasTags}
  1691. <div class="indextags">
  1692. <div class="itag"><div class="dragtags">
  1693. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1694. </div></div>
  1695. </div>
  1696. {/block:HasTags}{/block:ifshowtags}{/block:IndexPage}
  1697.  
  1698. </div><!-- POSTS -->
  1699.  
  1700. {block:PermalinkPage}{block:Date}
  1701. <div id="postinfo">
  1702. <div id="permapage">
  1703. <span class="day">{DayOfMonthWithZero}</span>
  1704. <span class="mth">{ShortMonth} '{ShortYear}</span>
  1705. <span class="time">@ {12Hour}:{Minutes}{CapitalAMPM}</span>
  1706. </div><!--permapage-->
  1707.  
  1708. {block:RebloggedFrom}
  1709. <div id="permasource">
  1710. <div>
  1711. <span class="typcn typcn-pencil"></span>
  1712. <span class="pp">Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></span>
  1713. <img src="{ReblogRootPortraitURL-16}"/>
  1714. </div>
  1715. <div>
  1716. <span class="typcn typcn-flow-children"></span>
  1717. <span class="pp">Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  1718. <img src="{ReblogParentPortraitURL-16}"/>
  1719. </div>
  1720. </div>
  1721. {/block:RebloggedFrom}
  1722.  
  1723. {block:HasTags}
  1724. <div id="permatags">
  1725. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1726. </div>
  1727. {/block:HasTags}
  1728.  
  1729. {block:PostNotes}
  1730. <div class="notes">
  1731. <div class="notecount">
  1732. <span class="typcn typcn-chart-bar-outline"></span>
  1733. {NoteCountWithLabel}
  1734. </div>
  1735. {PostNotes}
  1736. </div>
  1737. {/block:PostNotes}
  1738. {/block:Date}
  1739. {/block:PermalinkPage}
  1740.  
  1741. {block:ContentSource}
  1742. <!-- {SourceURL}
  1743. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1744. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1745. {/block:ContentSource}
  1746. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1747.  
  1748. {/block:Posts}
  1749. </div><!--postmargin-->
  1750.  
  1751. </body>
  1752. <!--LAST WARNING AH. NO SCM PLAYER/HYPSTER/WIKPLAYER -->
  1753. </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!