API tools faq
paste
Advertisement
mothmans

dream

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