API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 15th, 2019
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 84.97 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 - Dreamliner
  6. Code by aeroelastical/magnusthemes
  7. ver. 1.1.3 (13012019)
  8.  
  9. Icon cheatsheet: https://s-ings.com/typicons & https://socicon.com/chart.php
  10. Customisation guide: https://magnusstatics.tumblr.com/33dreamliner/guide
  11.  
  12. STOP ADDING SCM PLAYERS, HYPSTER AND WIKPLAYERS TO MY THEMES THANKS
  13. ------>
  14.  
  15. <head>
  16.  
  17. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i,800|Old+Standard+TT:400,400i,700" rel="stylesheet"/>
  18.  
  19. <link href="https://static.tumblr.com/p0knose/171o4n99g/normalize.css" rel="stylesheet"/>
  20. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"/>
  21. <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
  22.  
  23. <link href="https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.min.css" rel="stylesheet"/>
  24. <link href="https://d1azc1qln24ryf.cloudfront.net/114779/Socicon/style-cf.css?u8vidh" rel="stylesheet">
  25.  
  26. <title>{Title}{block:TagPage} | {Tag}{/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  27. <link rel="shortcut icon" href="{Favicon}"/>
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  31.  
  32. <meta name="color:background" content="#151515"/>
  33. <meta name="color:text" content="#858585"/>
  34. <meta name="color:bold" content="#ababab"/>
  35. <meta name="color:italic" content="#666666"/>
  36. <meta name="color:links" content="#969696"/>
  37. <meta name="color:links hover" content="#cc3e54"/>
  38.  
  39. <meta name="color:scrollbar" content="#992536"/>
  40. <meta name="color:scrollbar background" content="#151515"/>
  41. <meta name="color:scrollbar track" content="#252525"/>
  42. <meta name="color:tooltips" content="#992536"/>
  43. <meta name="color:tooltips text" content="#fafafa"/>
  44. <meta name="color:text selection" content="#757575"/>
  45. <meta name="color:text selection background" content="#363636"/>
  46.  
  47. <meta name="color:container" content="#1c1c1c"/>
  48. <meta name="color:posts" content="#222222"/>
  49. <meta name="color:content backgrounds" content="#1c1c1c"/>
  50. <meta name="color:captions" content="#282828"/>
  51. <meta name="color:permalink text" content="#999999"/>
  52. <meta name="color:chat even" content="#992536"/>
  53. <meta name="color:chat odd" content="#cc3e54"/>
  54. <meta name="color:borders" content="#992536"/>
  55. <meta name="color:post title" content="#ababab"/>
  56. <meta name="color:post borders" content="#303030"/>
  57.  
  58. <meta name="color:header" content="#353535"/>
  59. <meta name="color:header text" content="#dcdcdc"/>
  60. <meta name="color:sidebar boxes" content="#222222"/>
  61. <meta name="color:sidebar boxes text" content="#969696"/>
  62. <meta name="color:sidebar boxes alt bg" content="#303030"/>
  63. <meta name="color:sidebar box headings" content="#ababab"/>
  64. <meta name="color:sidebar box headings background" content="#222222"/>
  65. <meta name="color:sidebar borders" content="#333333"/>
  66.  
  67. <meta name="color:accent" content="#992536"/>
  68. <meta name="color:accent alt" content="#cc3e54"/>
  69. <meta name="color:accent text" content="#ffffff"/>
  70.  
  71. <meta name="color:navigation bar" content="#101010"/>
  72. <meta name="color:navigation links" content="#ababab"/>
  73. <meta name="color:navigation border" content="#252525"/>
  74. <meta name="color:search bar" content="#151515"/>
  75.  
  76. <meta name="color:footer" content="#121212"/>
  77. <meta name="color:footer border" content="#252525"/>
  78.  
  79. <meta name="color:disclaimer bg" content="#252525"/>
  80. <meta name="color:disclaimer text" content="#858585"/>
  81. <meta name="color:disclaimer border" content="#333333"/>
  82.  
  83. <meta name="image:background" content=""/>
  84. <meta name="image:header" content="https://placehold.it/960x390"/>
  85. <meta name="image:avatar 1" content="https://placehold.it/190x190"/>
  86. <meta name="image:avatar 2" content=""/>
  87. <meta name="image:avatar 3" content=""/>
  88. <meta name="image:logo" content=""/>
  89.  
  90. <meta name="if:infinite scroll" content=""/>
  91. <meta name="if:manual load" content=""/>
  92. <meta name="if:parallax effect" content=""/>
  93. <meta name="if:controls in navigation" content=""/>
  94. <meta name="if:custom text selection" content=""/>
  95. <meta name="if:light theme" content=""/>
  96. <meta name="if:show captions" content=""/>
  97. <meta name="if:fading images" content=""/>
  98. <meta name="if:monochrome images" content=""/>
  99. <meta name="if:left sidebar" content="1"/>
  100. <meta name="if:subheader" content=""/>
  101. <meta name="if:subheader links" content=""/>
  102. <meta name="if:schedule box" content=""/>
  103. <meta name="if:directory box" content=""/>
  104. <meta name="if:projects box" content=""/>
  105. <meta name="if:social media box" content=""/>
  106. <meta name="if:affiliates box" content=""/>
  107. <meta name="if:stats box" content=""/>
  108.  
  109. <meta name="text:disclaimer" content=""/>
  110. <meta name="text:title" content="title"/>
  111. <meta name="text:subtitle" content=""/>
  112. <meta name="text:scrolling text" content=""/>
  113. <meta name="text:intro text" content=""/>
  114.  
  115. <meta name="text:link 1" content="" />
  116. <meta name="text:link 1 url" content="" />
  117. <meta name="text:link 1 icon" content="cog" />
  118. <meta name="text:link 2" content="" />
  119. <meta name="text:link 2 url" content="" />
  120. <meta name="text:link 2 icon" content="cog" />
  121. <meta name="text:link 3" content="" />
  122. <meta name="text:link 3 url" content="" />
  123. <meta name="text:link 3 icon" content="cog" />
  124. <meta name="text:link 4" content="" />
  125. <meta name="text:link 4 url" content="" />
  126. <meta name="text:link 4 icon" content="cog" />
  127. <meta name="text:link 5" content="" />
  128. <meta name="text:link 5 url" content="" />
  129. <meta name="text:link 5 icon" content="cog" />
  130. <meta name="text:link 6" content="" />
  131. <meta name="text:link 6 url" content="" />
  132. <meta name="text:link 6 icon" content="cog" />
  133. <meta name="text:link 7" content="" />
  134. <meta name="text:link 7 url" content="" />
  135. <meta name="text:link 7 icon" content="cog" />
  136. <meta name="text:link 8" content="" />
  137. <meta name="text:link 8 url" content="" />
  138. <meta name="text:link 8 icon" content="cog" />
  139. <meta name="text:link 9" content="" />
  140. <meta name="text:link 9 url" content="" />
  141. <meta name="text:link 9 icon" content="cog" />
  142.  
  143. <meta name="text:subheader link 1" content=""/>
  144. <meta name="text:subheader link 1 url" content=""/>
  145. <meta name="text:subheader link 2" content=""/>
  146. <meta name="text:subheader link 2 url" content=""/>
  147. <meta name="text:subheader link 3" content=""/>
  148. <meta name="text:subheader link 3 url" content=""/>
  149.  
  150. <meta name="select:posts location" content="pl" title="left"/>
  151. <meta name="select:posts location" content="pr" title="right"/>
  152.  
  153. <meta name="select:post size" content="500" title="500px"/>
  154. <meta name="select:post size" content="540" title="540px"/>
  155.  
  156. <meta name="select:truncate long posts" content="0" title="off"/>
  157. <meta name="select:truncate long posts" content="1" title="link to post"/>
  158. <meta name="select:truncate long posts" content="2" title="expand on click"/>
  159.  
  160. <style type="text/css">
  161.  
  162. /* ------ custom browser styling ------- */
  163.  
  164. ::-webkit-scrollbar {height:15px; width:15px;}
  165. ::-webkit-scrollbar-corner {background:{color:scrollbar background};}
  166. ::-webkit-scrollbar-track-piece {background:{color:scrollbar track}; border:7px solid {color:scrollbar background};}
  167. ::-webkit-scrollbar-thumb {background:{color:scrollbar}; border:6px solid {color:scrollbar background};}
  168.  
  169. {block:ifcustomtextselection}
  170. ::selection {color:{color:text selection}; background:{color:text selection background};}
  171. ::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
  172. ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
  173. {/block:ifcustomtextselection}
  174.  
  175. .ui-tooltip {position:absolute; z-index:214748364789;}
  176.  
  177. .ui-tooltip-content {
  178. max-width:250px;
  179. margin:5px 20px;
  180. padding:5px 8px;
  181. text-transform:uppercase;
  182. background:{color:Tooltips};
  183. color:{color:Tooltips Text};
  184. border-radius:0px;
  185. letter-spacing:0.5px;
  186. font:normal 8px/150% 'Open Sans', sans-serif;
  187. box-shadow:0px 0px 0px transparent;
  188. }
  189.  
  190. #tumblr_lightbox img, .tmblr-lightbox img {opacity:0;}
  191. #vignette, .vignette {opacity:0!important;}
  192.  
  193. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  194. box-shadow:0px 0px 0px transparent!important;
  195. border:1px solid {color:post borders}!important;
  196. padding:4px!important;
  197. border-radius:0px!important;
  198. background:{color:posts}!important;
  199. box-sizing:border-box!important;
  200. -webkit-box-sizing:border-box;
  201. -moz-box-sizing:border-box;
  202. opacity:1!important;
  203. }
  204.  
  205. #tumblr_lightbox_caption, .lightbox-caption {
  206. font:normal 12px 'Open Sans', sans-serif!important;
  207. text-shadow:0 0 0 transparent!important;
  208. margin-top:20px!important;
  209. color:{color:text}!important;
  210. }
  211.  
  212. #tumblr_lightbox, .tmblr-lightbox {background:rgba({RGBcolor:container}, 0.85)!important; z-index:214748364789!important;}
  213.  
  214. /* ------ etc ------ */
  215.  
  216. @-webkit-keyframes appear {
  217. 0% {opacity:0;}
  218. 50% {opacity:0.5;}
  219. 100% {opacity:1;}
  220. }
  221.  
  222. @keyframes appear {
  223. 0% {opacity:0;}
  224. 50% {opacity:0.5;}
  225. 100% {opacity:1;}
  226. }
  227.  
  228. /* ------ basic styling ------- */
  229.  
  230. body, html {margin:0; padding:0; width:100%; height:100%;}
  231.  
  232. body {
  233. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  234. word-wrap:break-word;
  235. overflow:auto;
  236. background-attachment:fixed;
  237. background-repeat:repeat;
  238. background-color:{color:background};
  239. margin:0px;
  240. color:{color:text};
  241. font:normal 12px/160% 'Open Sans', sans-serif;
  242. letter-spacing:0.2px;
  243. -webkit-font-smoothing:antialiased;
  244. -moz-osx-font-smoothing:grayscale;
  245. -webkit-animation:appear 1s;
  246. animation:appear 1s;
  247. }
  248.  
  249. a {
  250. text-decoration:none;
  251. color:{color:links};
  252. transition:0.3s ease-in-out;
  253. }
  254.  
  255. a:focus, a:hover {outline:none;}
  256. a:hover {color:{color:links hover};}
  257. i, italic, em {color:{color:italic}; font-style:italic;}
  258. b, bold, strong {color:{color:bold}; font-weight:bold;}
  259. img {border:none;}
  260. blockquote img {max-width:100%!important; height:auto!important;}
  261.  
  262. blockquote {
  263. margin:10px 0px 10px 10px;
  264. display:block;
  265. border-left:1px solid {color:borders};
  266. padding-left:10px;
  267. }
  268.  
  269. pre, code {
  270. background:{color:posts};
  271. border:1px solid {color:Container};
  272. padding:10px;
  273. display:block;
  274. letter-spacing:0px;
  275. font-size:11px;
  276. }
  277.  
  278. hr {
  279. border:0px solid transparent;
  280. color:{color:post borders};
  281. background-color:{color:post borders};
  282. width:60%;
  283. height:1px;
  284. margin:2px 20%;
  285. }
  286.  
  287. h1, h2, h3 {
  288. color:{color:bold};
  289. padding:5px 0px 0px 0px;
  290. margin-bottom:0px;
  291. display:block;
  292. }
  293.  
  294. h1 {font:normal 16px 'Old Standard TT',serif;}
  295. h2 {font:normal 15px "Open Sans";}
  296. h3 {font:normal 14px "Open Sans";}
  297.  
  298. small, sub, sup {line-height:150%; font-size:11px;}
  299. big {font-size:14px;}
  300.  
  301. ul li, ol li {
  302. display:block;
  303. list-style:none;
  304. margin-left:0px;
  305. position:relative;
  306. }
  307.  
  308. ul li::before {
  309. content:"";
  310. background:{color:Accent Alt};
  311. width:10px;
  312. height:1px;
  313. position:absolute;
  314. margin-left:-18px;
  315. margin-top:10px;
  316. }
  317.  
  318. ol {counter-reset:order;}
  319.  
  320. ol li::before {
  321. content:counter(order, decimal-leading-zero);
  322. counter-increment:order;
  323. position:absolute;
  324. margin-left:-20px;
  325. font:italic 1.2em/150% 'Old Standard TT',serif;
  326. }
  327.  
  328. .typcn {font-family:inherit;}
  329. .typcn::before {font-family:"Typicons";}
  330.  
  331. /* ------ overall container ------- */
  332.  
  333. #all {
  334. position:relative;
  335. margin:0 auto;
  336. overflow:hidden;
  337. min-height:calc(100vh - 75px);
  338. width:calc({select:post size}px + 310px);
  339. padding:40px 0px 0px {block:ifleftsidebar}220px{/block:ifleftsidebar};
  340. -webkit-animation:appear 1s;
  341. animation:appear 1s;
  342. }
  343.  
  344. .pl #sidebar, .pr #postmargin {float:right;}
  345. .pr #sidebar, .pl #postmargin {float:left;}
  346.  
  347. /* ------ posts ------- */
  348.  
  349. #postmargin {
  350. display:inline-block;
  351. vertical-align:top;
  352. margin:60px 0px 10px;
  353. width:calc({select:post size}px + 30px);
  354. }
  355.  
  356. .pl #postmargin {margin-right:29px;}
  357. .pr #postmargin {margin-left:29px;}
  358.  
  359. {block:HomePage}#postmargin {margin-top:25px;}{/block:HomePage}
  360. {block:Pagination}#postmargin {margin-bottom:60px;}{/block:Pagination}
  361.  
  362. .posts {
  363. margin:30px 0px;
  364. position:relative;
  365. padding:14px;
  366. text-align:justify;
  367. width:{select:post size}px;
  368. background:{color:posts};
  369. border:1px solid {color:Post Borders};
  370. transition:0.5s ease-in-out;
  371. -webkit-animation:appear 1s;
  372. animation:appear 1s;
  373. }
  374.  
  375. .text {padding:15px 20px; background:{color:captions}; position:relative;}
  376. .boxcont:not(.soc):not(.adm):not(.proj):not(.directory):not(.aff) a,
  377. .text a {border-bottom:1px solid {color:borders};}
  378. .text a:hover, .boxcont a:hover {border-color:{color:links hover};}
  379.  
  380. .posts img, .posts iframe {max-width:100%;}
  381. .text img, .photo img {display:block; transition:0.5s ease-in-out;}
  382. .photo, .video {background:{color:Content Backgrounds};}
  383. .tumblr_video_container {width:auto!important; height:auto!important;}
  384. .container {padding:0px;}
  385. .sc {margin-top:10px;}
  386.  
  387. .text p.tmblr-attribution {
  388. margin-top:0px;
  389. text-transform:uppercase;
  390. font:9px 'Open Sans', sans-serif;
  391. letter-spacing:0.5px;
  392. }
  393.  
  394. .text p.tmblr-attribution a {
  395. border:0px solid transparent;
  396. color:{color:text};
  397. display:block;
  398. padding:5px 10px;
  399. background:{color:content backgrounds};
  400. }
  401.  
  402. .text p.tmblr-attribution a:hover {
  403. color:{color:links hover};
  404. background:{color:post borders};
  405. padding-left:25px;
  406. }
  407.  
  408. .text p.tmblr-attribution a::after {
  409. font:15px 'Open Sans', sans-serif;
  410. content:"›";
  411. float:right;
  412. }
  413.  
  414. .photo, .text img, .caption img, .esp img {
  415. transition:0.5s ease-in-out;
  416. {block:ifmonochromeimages}
  417. {block:indexpage}
  418. -webkit-filter:grayscale(60%);
  419. filter:grayscale(60%);
  420. }
  421.  
  422. .posts:hover .photo, .posts:hover .text img, .posts:hover .caption img, .posts:hover .esp img {
  423. filter:none;
  424. -webkit-filter:grayscale(0%);
  425. {/block:indexpage}
  426. {/block:ifmonochromeimages}
  427. }
  428.  
  429. {block:iffadingimages}{block:indexpage}
  430. .photo, .text img, .caption img, .esp img {opacity:0.7;}
  431. .posts:hover .photo, .posts:hover .text img, .posts:hover .caption img, .posts:hover .esp img {opacity:1;}
  432. {/block:indexpage}{/block:iffadingimages}
  433.  
  434. .tumblr_parent {padding:0 20px; margin:0 -20px;}
  435. .tumblr_parent:not(:first-child) {padding-top:10px; border-top:1px solid {color:Posts};}
  436. .tumblr_parent:not(:last-child) {padding-bottom:10px; border-bottom:1px solid {color:Posts};}
  437.  
  438. .reblog_head {margin-bottom:15px; margin-top:10px;}
  439.  
  440. .text img.tumblr_avatar {
  441. width:16px;
  442. height:16px;
  443. display:inline-block;
  444. vertical-align:middle;
  445. padding:1px;
  446. background:{color:Posts};
  447. border:1px solid {color:Post Borders};
  448. margin:0 10px 0 0;
  449. }
  450.  
  451. .text .reblog_user, .reblog_head a {
  452. display:inline-block;
  453. vertical-align:middle;
  454. background:transparent;
  455. text-transform:uppercase;
  456. letter-spacing:1px;
  457. color:{color:Bold};
  458. font:600 10px/12px "Open Sans";
  459. }
  460.  
  461. .text span.reblog_user::after {
  462. color:{color:Text};
  463. content:"deactivated";
  464. transition:0.4s ease-in-out;
  465. margin-left:5px;
  466. opacity:0;
  467. }
  468.  
  469. .text span.reblog_user:hover::after {opacity:0.6;}
  470. .text a.reblog_user:hover, .reblog_head a:hover {box-shadow:inset 0 -2px 0 {color:Accent};}
  471.  
  472. .text p.rm {background-image:linear-gradient(to bottom, rgba({RGBcolor:Captions},0), {color:Captions});}
  473.  
  474. p.rm {
  475. position:absolute;
  476. bottom:0px;
  477. left:0px;
  478. width:100%;
  479. text-align:center;
  480. margin:0px;
  481. padding:50px 0px 0px 0px;
  482. }
  483.  
  484. .text .read_more, .text .long {
  485. font:normal 12px/14px 'Old Standard TT',serif;
  486. text-transform:uppercase;
  487. padding:8px 10px;
  488. margin:10px 25px;
  489. display:inline-block;
  490. background:{color:Posts};
  491. color:{color:Text};
  492. border:1px solid {color:Post Borders};
  493. transition:0.5s ease-in-out;
  494. }
  495.  
  496. .text .read_more:hover, .text .long:hover {
  497. border-color:{color:Accent Alt};
  498. background:{color:Accent};
  499. color:{color:Accent Text};
  500. }
  501.  
  502. /* ------ quote posts ------- */
  503.  
  504. .quote {
  505. padding:15px;
  506. text-align:center;
  507. font:normal 15px/150% 'Old Standard TT',serif;
  508. letter-spacing:0px;
  509. position:relative;
  510. color:{color:Post Title};
  511. background:{color:Content Backgrounds};
  512. border-bottom:1px solid {color:Borders};
  513. }
  514.  
  515. .quote::before {
  516. content:"";
  517. position:absolute;
  518. width:0px;
  519. height:0px;
  520. border-style:solid;
  521. border-width:10px 10px 0px 10px;
  522. border-color:{color:Content Backgrounds} transparent transparent transparent;
  523. z-index:5;
  524. left:50%;
  525. bottom:-9px;
  526. margin-left:-10px;
  527. z-index:5;
  528. }
  529.  
  530. .sourcez {
  531. text-align:center;
  532. font:9px/150% 'Open Sans', sans-serif;
  533. letter-spacing:0.5px;
  534. padding:20px;
  535. text-transform:uppercase;
  536. position:relative;
  537. }
  538.  
  539. .sourcez::before {
  540. content:"";
  541. position:absolute;
  542. border-style:solid;
  543. border-width:10.5px 10.5px 0px 10.5px;
  544. border-color:{color:Borders} transparent transparent transparent;
  545. margin-left:-10px;
  546. height:0px;
  547. width:0px;
  548. z-index:1;
  549. left:50%;
  550. top:0px;
  551. }
  552.  
  553. /* ------ post titles and link posts ------- */
  554.  
  555. .llp {
  556. text-align:left;
  557. padding:15px;
  558. margin:0px;
  559. color:{color:post title};
  560. background:{color:content backgrounds};
  561. border-bottom:1px solid {color:borders};
  562. font:italic 18px/150% 'Old Standard TT',serif;
  563. text-align:center;
  564. letter-spacing:0px;
  565. position:relative;
  566. display:block;
  567. }
  568.  
  569. .jrc::before {font-size:24px; margin-right:10px;}
  570. .jrc, .llp span.llc {display:inline-block; padding:0px 10px;}
  571. .jrc, .linkz {transition:0.5s ease-in-out;}
  572. .linkz:hover .jrc {padding-left:50px; color:{color:links hover};}
  573.  
  574. .linkz::before {
  575. content:"";
  576. position:absolute;
  577. bottom:-2px;
  578. height:1px;
  579. width:0px;
  580. background:{color:Content Backgrounds};
  581. border-top:1px solid {color:Accent};
  582. border-bottom:1px solid {color:Accent};
  583. transition:0.5s ease-in-out;
  584. left:0px;
  585. z-index:9;
  586. }
  587.  
  588. .linkz:hover::before {width:100%;}
  589.  
  590. /* ------ ask posts ------- */
  591.  
  592. .asp {
  593. background:{color:Content Backgrounds};
  594. border-bottom:1px solid {color:Borders};
  595. padding:10px;
  596. text-transform:uppercase;
  597. font:600 10px/25px 'Open Sans', sans-serif;
  598. letter-spacing:0.5px;
  599. height:25px;
  600. position:relative;
  601. }
  602.  
  603. .asp::before {
  604. content:"";
  605. position:absolute;
  606. width:0px;
  607. height:0px;
  608. border-style:solid;
  609. border-width:0 11px 11px 11px;
  610. border-color:transparent transparent {color:Borders} transparent;
  611. left:34px;
  612. bottom:-1px;
  613. z-index:1;
  614. }
  615.  
  616. .asp span {margin-left:10px;}
  617.  
  618. .asp i {
  619. display:inline-block;
  620. vertical-align:middle;
  621. height:20px;
  622. margin-top:-6px;
  623. font-size:16px;
  624. margin-left:5px;
  625. color:{color:Accent};
  626. }
  627.  
  628. .question {padding:15px; background:{color:captions}; position:relative;}
  629.  
  630. .question::before {
  631. content:"";
  632. position:absolute;
  633. width:0px;
  634. height:0px;
  635. border-style:solid;
  636. border-width:0 10px 10px 10px;
  637. border-color:transparent transparent {color:captions} transparent;
  638. left:35px;
  639. top:-10px;
  640. z-index:5;
  641. }
  642.  
  643. /* ------ audio posts ------- */
  644.  
  645. .musicinfo {
  646. padding:15px;
  647. font-size:11px;
  648. letter-spacing:0.3px;
  649. color:{color:text};
  650. position:relative;
  651. background:{color:captions};
  652. }
  653.  
  654. .musicinfo::before {
  655. content:"";
  656. position:absolute;
  657. width:0px;
  658. height:0px;
  659. border-style:solid;
  660. border-width:0 10px 10px 10px;
  661. border-color:transparent transparent {color:captions} transparent;
  662. left:50px;
  663. top:-10px;
  664. z-index:5;
  665. }
  666.  
  667. .albumt, .artiste, .songt {display:block;}
  668.  
  669. .albumt b, .artiste b, .songt b {
  670. color:{color:Accent};
  671. font-weight:bold;
  672. text-transform:uppercase;
  673. }
  674.  
  675. .playercontainer {
  676. display:block;
  677. position:relative;
  678. padding:15px 15px 10px 15px;
  679. background:{color:content backgrounds};
  680. border-bottom:1px solid {color:Borders};
  681. }
  682.  
  683. .playercontainer::before {
  684. content:"";
  685. width:0px;
  686. height:0px;
  687. border-style:solid;
  688. border-width:0 11px 11px 11px;
  689. border-color:transparent transparent {color:Borders} transparent;
  690. position:absolute;
  691. bottom:0px;
  692. left:49px;
  693. z-index:1;
  694. }
  695.  
  696. .albumart {
  697. background:{color:captions};
  698. display:inline-block;
  699. position:absolute;
  700. padding:3px;
  701. height:29px;
  702. width:29px;
  703. opacity:1;
  704. }
  705.  
  706. .tplayer {
  707. height:25px;
  708. width:24px;
  709. padding:0px 0px 0px 1px;
  710. overflow:hidden;
  711. position:relative;
  712. display:inline-block;
  713. background:{color:Posts};
  714. border:1px solid {color:Post Borders};
  715. z-index:9;
  716. margin:4px;
  717. transition:0.5s ease-in-out;
  718. opacity:0.7;
  719. }
  720.  
  721. .posts:hover .tplayer {opacity:1;}
  722. .tumblr_audio_player {margin-left:-5px;}
  723.  
  724. .playercontainer span.listen {
  725. display:inline-block;
  726. margin-left:10px;
  727. vertical-align:top;
  728. font:normal 12px/35px 'Old Standard TT',serif;
  729. overflow:hidden;
  730. white-space:nowrap;
  731. max-width:calc({select:post size}px - 80px);
  732. }
  733.  
  734. .playercontainer span.listen i {
  735. display:inline;
  736. height:25px;
  737. line-height:25px;
  738. font-size:20px;
  739. margin:-2px 6px 0px 0px;
  740. vertical-align:middle;
  741. color:{color:Accent};
  742. }
  743.  
  744. /* ------ chat posts ------ */
  745.  
  746. .label {
  747. padding:10px 15px;
  748. background:{color:captions};
  749. border-bottom:1px solid {color:post borders};
  750. line-height:200%;
  751. }
  752.  
  753. .label span {line-height:200%; font-weight:700;}
  754. .label:nth-of-type(odd) span {color:{color:chat even};}
  755. .label:nth-of-type(even) span {color:{color:chat odd};}
  756.  
  757. .label:last-of-type {margin-bottom:10px; border-bottom-width:0px;}
  758.  
  759. /* ------ permalinks ------- */
  760.  
  761. .permalinkz {
  762. display:block;
  763. padding:18px 20px 10px 20px;
  764. text-transform:uppercase;
  765. font:normal 9px/15px 'Open Sans', sans-serif;
  766. letter-spacing:0.5px;
  767. height:15px;
  768. margin:15px -15px 0;
  769. color:{color:permalink text};
  770. border-top:1px solid {color:post borders};
  771. }
  772.  
  773. .permalinkz > i {
  774. display:inline-block;
  775. vertical-align:middle;
  776. color:{color:Accent};
  777. font-size:20px;
  778. height:20px;
  779. line-height:20px;
  780. margin-top:-1px;
  781. }
  782.  
  783. .permalinkz a, .permalinkz span {
  784. margin:-2px 1px;
  785. padding:2px;
  786. color:{color:permalink text};
  787. border-bottom:1px solid transparent;
  788. }
  789.  
  790. {block:IndexPage}
  791. .permalinkz > a:first-of-type {
  792. font-weight:bold;
  793. margin-left:3px;
  794. font-size:11px;
  795. border-color:{color:Borders};
  796. }
  797.  
  798. .permalinkz span a:first-of-type {
  799. font-weight:normal;
  800. margin:-2px 1px;
  801. font-size:9px;
  802. border-color:transparent;
  803. }
  804. {/block:IndexPage}
  805.  
  806. {block:PermalinkPage}
  807. .permalinkz span:first-of-type {
  808. font-weight:bold;
  809. margin-left:3px;
  810. font-size:11px;
  811. border-color:{color:Borders};
  812. }
  813. {/block:PermalinkPage}
  814.  
  815. .permalinkz > a:hover, .permalinkz span a:hover {color:{color:links}; border-color:{color:borders};}
  816.  
  817. .likez, .reblogz {
  818. vertical-align:middle;
  819. display:inline-block;
  820. width:15px;
  821. height:15px;
  822. }
  823.  
  824. .likez {margin-top:1px;}
  825. .reblogz {margin-top:-2px; font-size:15px;}
  826.  
  827. .ilike i, .reblogz a i {transition:0.3s ease-in-out; color:{color:Links};}
  828.  
  829. .ilike:hover i, .reblogz:hover i {color:{color:Accent};}
  830. .likez, .ilike {position:relative; width:15px; height:15px;}
  831.  
  832. .ilike .like_button {
  833. position:absolute;
  834. top:0; bottom:0;
  835. left:0; right:0;
  836. width:100%;
  837. height:100%;
  838. opacity:0;
  839. z-index:999;
  840. }
  841.  
  842. .like_button iframe {width:100%!important; height:100%!important;}
  843.  
  844. .ilike i.typcn {
  845. position:absolute;
  846. top:0; bottom:0;
  847. left:0; right:0;
  848. width:100%;
  849. height:100%;
  850. z-index:1;
  851. font-size:15px;
  852. line-height:12px;
  853. }
  854.  
  855. .like_button.liked + i {color:{color:Accent};}
  856. .like_button.liked + i.typcn-heart-outline::before {content:"\e085";}
  857. .likereblog {float:right; margin-top:0px; margin-right:-2px;}
  858.  
  859. .indextagz {
  860. display:block;
  861. padding:5px 8px 10px 32px;
  862. text-transform:uppercase;
  863. letter-spacing:0.5px;
  864. font:normal 9px/150% 'Open Sans', sans-serif;
  865. position:relative;
  866. }
  867.  
  868. .indextagz span.typcn {
  869. display:inline;
  870. width:15px;
  871. font-size:15px;
  872. vertical-align:middle;
  873. position:absolute;
  874. margin:-2px 0px 0px -25px;
  875. color:{color:Accent};
  876. }
  877.  
  878. .indextagz a {
  879. color:{color:permalink text};
  880. padding:1px 2px;
  881. border-bottom:1px solid transparent;
  882. margin:0px 8px 3px -2px;
  883. }
  884.  
  885. .indextagz a:hover {color:{color:Accent};}
  886.  
  887. /* ------- post notes ------- */
  888.  
  889. ol.notes {
  890. width:calc({select:post size}px + 30px);
  891. margin:-20px 0px 30px 0px;
  892. padding:0px;
  893. font-size:9px;
  894. list-style-type:none;
  895. letter-spacing:0.5px;
  896. text-transform:uppercase;
  897. }
  898.  
  899. ol.notes li.note {
  900. padding:5px 10px;
  901. margin:1px 1px 5px;
  902. background:{color:posts};
  903. outline:1px solid {color:Post Borders};
  904. display:block;
  905. line-height:17px;
  906. }
  907.  
  908. ol.notes li.note::before {content:""; display:none;}
  909.  
  910. ol.notes li.note img, ol.notes li.note img.avatar {
  911. display:none;
  912. width:0px;
  913. height:0px;
  914. border:0px solid transparent;
  915. padding:0px;
  916. margin:0px;
  917. }
  918.  
  919. ol.notes li.note.answer_content {font-weight:400;}
  920. ol.notes li.note.blockquote {padding:5px; margin:5px 0px 0px 5px;}
  921. ol.notes li.note.blockquote a {text-decoration:none;}
  922.  
  923. #lefto {
  924. position:fixed;
  925. top:55px;
  926. {block:ifleftsidebar}
  927. width:200px;
  928. margin-left:-220px;
  929. {/block:ifleftsidebar}
  930. {block:ifnotleftsidebar}
  931. width:0px;
  932. {/block:ifnotleftsidebar}
  933. z-index:99999999;
  934. }
  935.  
  936. #fix {position:fixed; top:0px; margin-left:-55px;}
  937.  
  938. img.logo {
  939. display:block;
  940. background:{color:Header};
  941. margin-bottom:15px;
  942. padding:5px;
  943. width:30px;
  944. height:30px;
  945. }
  946.  
  947. #scrollToTop {
  948. display:block;
  949. width:26px;
  950. height:26px;
  951. padding:6px;
  952. border:1px solid {color:Sidebar Borders};
  953. background:{color:Sidebar Boxes};
  954. color:{color:Sidebar Boxes Text};
  955. text-align:center;
  956. font-size:26px;
  957. line-height:26px;
  958. {block:ifnotlogoimage}margin-top:55px;{/block:ifnotlogoimage}
  959. }
  960.  
  961. #scrollToTop:hover {background:{color:Accent}; border-color:{color:Accent Alt}; color:{color:Accent Text};}
  962.  
  963. #user img {
  964. display:block;
  965. border:1px solid {color:Sidebar Borders};
  966. background:{color:Sidebar Boxes};
  967. width:190px;
  968. height:190px;
  969. padding:4px;
  970. }
  971.  
  972. #name {padding:0 5px;}
  973.  
  974. #lefto span.large {
  975. font:800 20px/25px "Open Sans";
  976. color:{color:Post Title};
  977. letter-spacing:0px;
  978. margin-top:10px;
  979. display:block;
  980. }
  981.  
  982. #lefto span.small {text-transform:lowercase; font-size:11px; display:block; color:{color:Accent Alt};}
  983.  
  984. #menu {margin-top:10px;}
  985.  
  986. #menu a {
  987. display:block;
  988. font-size:12px;
  989. line-height:16px;
  990. text-transform:capitalize;
  991. border:1px solid transparent;
  992. letter-spacing:0px;
  993. color:{color:Text};
  994. padding:7px;
  995. }
  996.  
  997. #menu a.active {
  998. background:{color:Posts};
  999. border:1px solid {color:Post Borders};
  1000. }
  1001.  
  1002. #menu a.typcn::before {
  1003. font-size:20px;
  1004. display:inline-block;
  1005. vertical-align:middle;
  1006. margin-right:10px;
  1007. }
  1008.  
  1009. #menu a:hover {
  1010. background:{color:Accent};
  1011. color:{color:Accent Text};
  1012. border:1px solid {color:Accent Alt};
  1013. }
  1014.  
  1015. #tags {padding:12px 6px 7px 3px;}
  1016.  
  1017. #tags a {
  1018. padding:5px;
  1019. margin:3px 0 3px 3px;
  1020. display:inline-block;
  1021. line-height:100%;
  1022. background:{color:Sidebar Boxes};
  1023. border:1px solid {color:Sidebar Borders};
  1024. }
  1025.  
  1026. #tags a:hover {background:{color:Accent}; border-color:{color:Accent Alt}; color:{color:Accent Text};}
  1027.  
  1028. /* ------ subheader ------ */
  1029.  
  1030. #subheader {
  1031. position:relative;
  1032. overflow:hidden;
  1033. display:flex;
  1034. margin:95px 0 -25px;
  1035. padding:15px;
  1036. background:{color:Posts};
  1037. border:1px solid {color:Post Borders};
  1038. }
  1039.  
  1040. #subnav {
  1041. float:left;
  1042. width:60px;
  1043. position:relative;
  1044. counter-reset:main;
  1045. }
  1046.  
  1047. #subnav a {
  1048. height:calc((100% - 10px)/3 - 10px);
  1049. margin:0 5px 5px 0;
  1050. display:block;
  1051. padding:5px;
  1052. background:{color:Header};
  1053. color:{color:Header Text};
  1054. font-size:8px;
  1055. line-height:10px;
  1056. letter-spacing:0.5px;
  1057. text-align:center;
  1058. text-transform:uppercase;
  1059. display:flex;
  1060. align-items:center;
  1061. justify-content:center;
  1062. }
  1063.  
  1064. #subnav a span::before {
  1065. content:counter(main,decimal-leading-zero);
  1066. counter-increment:main;
  1067. display:block;
  1068. color:{color:Accent};
  1069. font:bold 25px/25px "Old Standard TT",serif;
  1070. transition:0.4s ease-in-out;
  1071. letter-spacing:0;
  1072. }
  1073.  
  1074. #subnav a:hover {background:{color:Accent}; color:{color:Accent Text};}
  1075. #subnav a:hover span::before {color:{color:Accent Text};}
  1076.  
  1077. #intro {
  1078. {block:ifsubheaderlinks}width:200px;{/block:ifsubheaderlinks}
  1079. {block:ifnotsubheaderlinks}width:265px;{/block:ifnotsubheaderlinks}
  1080. height:190px;
  1081. padding:15px;
  1082. overflow:auto;
  1083. background:{color:Captions};
  1084. text-align:justify;
  1085. font-size:11px;
  1086. line-height:160%;
  1087. float:left;
  1088. }
  1089.  
  1090. #carousel {
  1091. {block:ifintrotext}width:calc({select:post size}px - 20px);{/block:ifintrotext}
  1092. {block:ifnotintrotext}
  1093. {block:ifsubheaderlinks}width:calc(100% - 65px);{/block:ifsubheaderlinks}
  1094. {block:ifnotsubheaderlinks}width:100%;{/block:ifnotsubheaderlinks}
  1095. {/block:ifnotintrotext}
  1096. float:left;
  1097. }
  1098.  
  1099. #carousel article {position:relative; display:inline-block;}
  1100. #carousel article img {height:220px; width:auto; display:block;}
  1101.  
  1102. #carousel figcaption {
  1103. position:absolute;
  1104. bottom:0;
  1105. z-index:9;
  1106. font-size:9px;
  1107. letter-spacing:0.5px;
  1108. text-transform:uppercase;
  1109. width:calc(100% - 20px);
  1110. background:rgba({RGBcolor:Header},0.8);
  1111. color:{color:Header Text};
  1112. text-align:center;
  1113. padding:10px;
  1114. opacity:0;
  1115. visibility:hidden;
  1116. transition:0.6s ease-in-out;
  1117. }
  1118.  
  1119. #carousel .is-selected figcaption {visibility:visible;}
  1120. #carousel .is-selected:hover figcaption {opacity:1;}
  1121.  
  1122. #carousel figcaption a.more {
  1123. padding:5px;
  1124. font-size:15px;
  1125. display:inline-block;
  1126. background:{color:Accent};
  1127. color:{color:Accent Text};
  1128. width:15px;
  1129. height:15px;
  1130. line-height:15px;
  1131. border-radius:3px;
  1132. vertical-align:middle;
  1133. margin-left:5px;
  1134. }
  1135.  
  1136. #carousel figcaption a.more:hover {background:transparent; color:{color:Accent};}
  1137.  
  1138. .flickity-prev-next-button {
  1139. width:30px;
  1140. height:30px;
  1141. border-radius:3px;
  1142. background:{color:Accent};
  1143. transition:0.6s ease-in-out;
  1144. }
  1145.  
  1146. .flickity-prev-next-button:hover {background:transparent;}
  1147. .flickity-prev-next-button .arrow {fill:{color:Accent Text};}
  1148. .flickity-prev-next-button.no-svg {color:{color:Accent Text};}
  1149.  
  1150. /* ------ sidebar ------ */
  1151.  
  1152. #sidebar {
  1153. position:relative;
  1154. display:inline-block;
  1155. margin:60px 0px 90px;
  1156. {block:HomePage}margin-top:25px;{/block:HomePage}
  1157. vertical-align:top;
  1158. width:250px;
  1159. height:auto;
  1160. }
  1161.  
  1162. .box {
  1163. width:248px;
  1164. margin-top:30px;
  1165. border:1px solid {color:Sidebar Borders};
  1166. }
  1167.  
  1168. .box img.side {width:250px; display:block; margin:0px;}
  1169.  
  1170. .boxcont {
  1171. line-height:150%;
  1172. padding:14px;
  1173. margin:0px;
  1174. text-align:justify;
  1175. font-size:11px;
  1176. position:relative;
  1177. color:{color:Sidebar Boxes Text};
  1178. background:{color:Sidebar Boxes};
  1179. }
  1180.  
  1181. .boxhead {
  1182. background:{color:sidebar box headings background};
  1183. border-bottom:1px solid {color:Sidebar Borders};
  1184. color:{color:sidebar box headings};
  1185. padding:5px 10px;
  1186. height:24px;
  1187. margin:0px;
  1188. position:relative;
  1189. text-transform:uppercase;
  1190. font:italic bold 10px/24px 'Old Standard TT',serif;
  1191. text-align:center;
  1192. letter-spacing:0px;
  1193. }
  1194.  
  1195. .boxhead span {position:relative; z-index:1; background:{color:Sidebar Box Headings Background}; display:inline-block; padding-left:10px;}
  1196.  
  1197. .boxhead i {
  1198. height:16px;
  1199. display:inline-block;
  1200. padding:4px;
  1201. border-radius:100%;
  1202. margin-left:-8px;
  1203. margin-right:-5px;
  1204. vertical-align:middle;
  1205. position:relative;
  1206. background:{color:Accent};
  1207. color:{color:Accent Text};
  1208. font-size:16px;
  1209. line-height:16px;
  1210. z-index:2;
  1211. }
  1212.  
  1213. .boxhead::before {
  1214. content:"";
  1215. display:block;
  1216. width:5px;
  1217. height:5px;
  1218. background:{color:Accent};
  1219. border:3px double {color:Sidebar Box Headings Background};
  1220. position:absolute;
  1221. left:15px;
  1222. top:50%;
  1223. border-radius:100%;
  1224. margin-top:-5px;
  1225. }
  1226.  
  1227. .boxhead::after {
  1228. content:"";
  1229. display:block;
  1230. width:calc(50% - 45px);
  1231. height:1px;
  1232. background:{color:Accent};
  1233. position:absolute;
  1234. left:20px;
  1235. top:50%;
  1236. z-index:0;
  1237. }
  1238.  
  1239. .adm a {
  1240. background:{color:Sidebar Boxes Alt Bg};
  1241. display:block;
  1242. padding:5px;
  1243. margin-bottom:5px;
  1244. font-size:10px;
  1245. height:30px;
  1246. }
  1247.  
  1248. .adm a img {width:40px; height:40px; margin:-5px;}
  1249. .adm a span {height:24px; display:inline-block; margin:3px 0 0 15px;}
  1250. .adm a span, .adm a img {vertical-align:middle; display:inline-block;}
  1251. .adm a span b, .adm a span i {display:block; line-height:12px;}
  1252. .adm a span b {text-transform:uppercase; font-weight:bold;}
  1253.  
  1254. .adm a:last-child {margin-bottom:0;}
  1255.  
  1256. .soc {padding:8px 19px 8px 19px; overflow:auto; text-align:center;}
  1257.  
  1258. .soc a {
  1259. display:block;
  1260. padding:7px;
  1261. height:16px;
  1262. margin:5px;
  1263. border-radius:3px;
  1264. text-transform:uppercase;
  1265. position:relative;
  1266. font-weight:normal;
  1267. width:16px;
  1268. float:left;
  1269. transition:0.3s ease-in-out;
  1270. }
  1271.  
  1272. .soc a i {
  1273. font-size:16px;
  1274. line-height:16px;
  1275. transition:0.3s ease-in-out;
  1276. }
  1277.  
  1278. .soc a:hover {background:{color:Accent};}
  1279. .soc a:hover i {color:{color:Accent Text};}
  1280. .soc a:hover span::before {max-width:100%;}
  1281.  
  1282. .proj {padding-bottom:5px; font-size:10px;}
  1283.  
  1284. .proj span {display:block;}
  1285. .proj img {display:block; width:220px; margin:0px;}
  1286.  
  1287. .ct {position:relative;}
  1288.  
  1289. .ct div.lfc {
  1290. position:absolute;
  1291. top:10px;
  1292. left:10px;
  1293. z-index:9;
  1294. opacity:0.2;
  1295. transition:0.5s ease-in-out;
  1296. }
  1297.  
  1298. .ct:hover div.lfc {opacity:1;}
  1299.  
  1300. .ct div.lfc a {
  1301. background:rgba({RGBcolor:Accent},0.7);
  1302. display:block;
  1303. float:left;
  1304. width:15px;
  1305. height:13px;
  1306. line-height:13px;
  1307. text-align:center;
  1308. padding:6px 5px;
  1309. margin-right:5px;
  1310. border-radius:3px;
  1311. transition:0.3s ease-in-out;
  1312. }
  1313.  
  1314. .ct div.lfc a i {color:{color:Accent Text}; font-size:12px; transition:0.3s ease-in-out;}
  1315. .ct div.lfc a:hover {background:rgba({RGBcolor:Accent Alt},0.7);}
  1316. .ct div.lfc a:hover i {color:{color:Accent Text};}
  1317.  
  1318. .ct div:not(.lfc) {
  1319. background:{color:Sidebar Boxes Alt Bg};
  1320. padding:15px;
  1321. margin-bottom:15px;
  1322. }
  1323.  
  1324. .ct div:not(.lfc) span {margin-left:5px;}
  1325. .ct div:not(.lfc) span.tt {margin-left:0px;}
  1326. .ct div:not(.lfc) span b {color:{color:Accent};}
  1327.  
  1328. .ct div:not(.lfc) span.tt b {
  1329. text-transform:uppercase;
  1330. color:{color:Bold};
  1331. }
  1332.  
  1333. .ct div:not(.lfc) a {
  1334. display:inline-block;
  1335. margin:7px 6px 0px -1px;
  1336. padding:1px 3px;
  1337. font-size:11px;
  1338. line-height:10px;
  1339. text-transform:uppercase;
  1340. border-bottom:1px solid rgba(0,0,0,0.1);
  1341. }
  1342.  
  1343. .ct div:not(.lfc) a i {font-size:11px; color:{color:Accent};}
  1344. .ct div:not(.lfc) a i.typcn {display:inline-block;vertical-align:middle;}
  1345. .ct div:not(.lfc) a:hover {color:{color:Accent}; border-color:{color:Accent};}
  1346.  
  1347. .directory a {display:block; padding:5px 5px 5px 30px; position:relative;}
  1348.  
  1349. .directory a::before {
  1350. content:"";
  1351. display:block;
  1352. position:absolute;
  1353. width:10px;
  1354. height:1px;
  1355. background:{color:Accent};
  1356. transition:0.3s ease-in-out;
  1357. margin-left:-25px;
  1358. margin-top:8px;
  1359. }
  1360.  
  1361. .directory a::after {
  1362. content:"";
  1363. display:block;
  1364. position:absolute;
  1365. width:5px;
  1366. height:5px;
  1367. border:1px solid {color:Accent};
  1368. transition:0.3s ease-in-out;
  1369. border-radius:100%;
  1370. left:15px;
  1371. top:10px;
  1372. }
  1373.  
  1374. .directory a:hover {padding-left:50px; color:{color:Accent Alt};}
  1375. .directory a:hover::before {width:25px; margin-left:-40px;}
  1376. .directory a:hover::after {left:35px; background:{color:Accent};}
  1377.  
  1378. .aff {overflow:hidden; padding:15px;}
  1379.  
  1380. .aff a {
  1381. float:left;
  1382. margin:6px;
  1383. width:40px;
  1384. height:40px;
  1385. display:block;
  1386. overflow:hidden;
  1387. color:{color:Accent Text};
  1388. border:1px solid {color:Sidebar Boxes};
  1389. outline:1px solid {color:Sidebar Borders};
  1390. background:linear-gradient(90deg,{color:Accent},{color:Accent Alt});
  1391. }
  1392.  
  1393. .aff a img {
  1394. display:block;
  1395. width:40px;
  1396. height:40px;
  1397. transition:0.3s ease-in-out;
  1398. }
  1399.  
  1400. .aff a:hover {border-color:{color:Sidebar Boxes}; outline:1px solid {color:Sidebar Borders};}
  1401.  
  1402. .aff a span {
  1403. font-size:16px;
  1404. width:16px;
  1405. height:16px;
  1406. padding:12px;
  1407. text-align:center;
  1408. display:block;
  1409. transition:0.3s ease-in-out;
  1410. }
  1411.  
  1412. .aff a:hover img, .aff a:hover span {
  1413. -webkit-transform:scale(2);
  1414. -webkit-filter:grayscale(100%);
  1415. filter:grayscale(100%);
  1416. transform:scale(2);
  1417. opacity:0.5;
  1418. }
  1419.  
  1420. .desc p {margin:5px 0px;}
  1421. .updt b {color:{color:Accent};}
  1422.  
  1423. .searchbar {
  1424. height:25px;
  1425. display:block;
  1426. overflow:auto;
  1427. padding:5px 15px;
  1428. position:relative;
  1429. margin:15px -15px -15px -15px;
  1430. border-top:1px solid {color:Sidebar Borders};
  1431. }
  1432.  
  1433. .searchbar form input[type="text"] {
  1434. padding:5px 10px;
  1435. height:15px;
  1436. margin-left:0px;
  1437. position:relative;
  1438. float:left;
  1439. display:block;
  1440. width:calc(100% - 45px);
  1441. background:transparent;
  1442. color:{color:Sidebar Boxes Text};
  1443. text-transform:uppercase;
  1444. font:400 9px/15px 'Open Sans', sans-serif;
  1445. letter-spacing:0.5px;
  1446. outline:none!important;
  1447. border:0px solid transparent;
  1448. transition:0.5s ease-in-out;
  1449. }
  1450.  
  1451. .searchbar form button {
  1452. float:left;
  1453. width:25px;
  1454. height:25px;
  1455. font-size:16px;
  1456. line-height:8px;
  1457. padding:5px;
  1458. background:transparent;
  1459. color:{color:Accent};
  1460. border:none;
  1461. outline:none;
  1462. }
  1463.  
  1464. .searchbar form button i {display:inline-block; margin-top:2px;}
  1465. .updt {line-height:150%; text-align:left; letter-spacing:0.3px;}
  1466. .updt, .stat span.st {font-size:10px; text-transform:uppercase;}
  1467. .stat span.st {display:block; margin-bottom:0px; letter-spacing:0.5px;}
  1468. .stat span.st b {color:{color:Accent Alt}; font-weight:700; margin-right:5px; border-bottom:1px solid {color:Accent};}
  1469.  
  1470. /* ------ header ------ */
  1471.  
  1472. #header {margin:0 0 35px;}
  1473.  
  1474. #header, #header img {
  1475. width:calc({select:post size}px + 310px);
  1476. background:url({image:header});
  1477. background-size:cover;
  1478. position:relative;
  1479. display:block;
  1480. height:auto;
  1481. }
  1482.  
  1483. #header img {visibility:hidden;}
  1484.  
  1485. #scroller {
  1486. background:{color:Navigation Bar};
  1487. outline:1px solid {color:Navigation Border};
  1488. border:15px solid {color:Navigation Bar};
  1489. border-width:10px 15px;
  1490. color:{color:Navigation Links};
  1491. font-size:10px;
  1492. margin:1px 1px 0;
  1493. overflow:hidden;
  1494. text-transform:uppercase;
  1495. font-weight:600;
  1496. }
  1497.  
  1498. .marquee {
  1499. display:inline-block;
  1500. padding-left:100%;
  1501. white-space:nowrap;
  1502. animation:marquee 15s linear infinite;
  1503. -webkit-animation:marquee 15s linear infinite;
  1504. }
  1505.  
  1506. .marquee:hover {animation-play-state:paused; -webkit-animation-play-state:paused;}
  1507.  
  1508. @keyframes marquee {
  1509. 0% {transform:translate(0, 0);}
  1510. 100% {transform:translate(-100%, 0);}
  1511. }
  1512.  
  1513. /* ------ navigation bar ------ */
  1514.  
  1515. #top {
  1516. height:40px;
  1517. padding:0 15px;
  1518. background:{color:Header};
  1519. position:relative;
  1520. display:block;
  1521. text-align:center;
  1522. color:{color:Header Text};
  1523. margin:0px;
  1524. {block:ifleftsidebar}
  1525. width:calc({select:post size}px + 500px);
  1526. margin-left:-220px;
  1527. {/block:ifleftsidebar}
  1528. {block:ifnotleftsidebar}width:calc({select:post size}px + 280px);{/block:ifnotleftsidebar}
  1529. z-index:10000;
  1530. position:fixed;
  1531. top:0px;
  1532. }
  1533.  
  1534. #top::after {
  1535. content:"";
  1536. width:100%;
  1537. height:40px;
  1538. background:{color:Header};
  1539. top:0;
  1540. left:0;
  1541. right:0;
  1542. display:block;
  1543. positioN:fixed;
  1544. z-index:-1;
  1545. }
  1546.  
  1547. #top span.maint {
  1548. text-transform:uppercase;
  1549. background:{color:Header};
  1550. padding:0px 15px;
  1551. z-index:99999999;
  1552. position:relative;
  1553. margin-left:-15px;
  1554. font:italic bold 12px/40px 'Old Standard TT',serif;
  1555. float:left;
  1556. }
  1557.  
  1558. #top::before {
  1559. content:"";
  1560. height:1px;
  1561. width:100%;
  1562. z-index:0;
  1563. background:{color:Accent};
  1564. position:absolute;
  1565. left:0px;
  1566. top:50%;
  1567. }
  1568.  
  1569. #top span.subt {
  1570. text-transform:uppercase;
  1571. background:{color:Header};
  1572. padding:0px 15px;
  1573. margin-right:-15px;
  1574. z-index:99999;
  1575. position:relative;
  1576. font-size:9px;
  1577. line-height:40px;
  1578. float:right;
  1579. }
  1580.  
  1581. #links {
  1582. background:{color:Navigation Bar};
  1583. border:1px solid {color:Navigation Border};
  1584. padding:15px 14px;
  1585. margin:-35px 0 0;
  1586. height:30px;
  1587. line-height:30px;
  1588. width:calc({select:post size}px + 280px);
  1589. transition:background 0.5s ease-in-out;
  1590. z-index:9999;
  1591. text-align:center;
  1592. font-weight:400;
  1593. position:absolute;
  1594. }
  1595.  
  1596. {block:ifcontrolsinnavigation}
  1597. #links div {width:{select:post size}px;}
  1598. .pr #links div {float:right;}
  1599. {/block:ifcontrolsinnavigation}
  1600.  
  1601. #links a {
  1602. display:inline-block;
  1603. text-transform:uppercase;
  1604. font:italic bold 10px/25px 'Old Standard TT',serif;
  1605. margin:0px;
  1606. padding:3px 15px;
  1607. overflow:hidden;
  1608. position:relative;
  1609. letter-spacing:0;
  1610. color:{color:Navigation Links};
  1611. transition:0.5s ease-in-out;
  1612. }
  1613.  
  1614. #links a span {
  1615. padding:0px 0px;
  1616. position:relative;
  1617. display:inline-block;
  1618. transition:0.3s ease-in-out;
  1619. }
  1620.  
  1621. #links a span::before {
  1622. position:absolute;
  1623. top:-100%;
  1624. font-weight:400;
  1625. content:attr(data-hover);
  1626. color:{color:Accent Text};
  1627. -webkit-transform:translate3d(0,0,0);
  1628. -ms-transform:translate3d(0,0,0);
  1629. transform:translate3d(0,0,0);
  1630. }
  1631.  
  1632. #links a:hover span {
  1633. -webkit-transform:translateY(100%);
  1634. -ms-transform:translateY(100%);
  1635. transform:translateY(100%);
  1636. }
  1637.  
  1638. #links a i {
  1639. vertical-align:middle;
  1640. display:inline-block;
  1641. height:14px;
  1642. margin-top:10px;
  1643. margin-right:6px;
  1644. color:{color:Accent Alt};
  1645. line-height:0px;
  1646. font-size:16px;
  1647. transition:0.5s ease-in-out;
  1648. }
  1649.  
  1650. #links a i.typcn-mail, #links a i.typcn-code-outline {font-size:18px;}
  1651. #links a i.typcn-calendar-outline {font-size:17px;}
  1652. #links a i.typcn-upload-outline {font-size:14px;}
  1653.  
  1654. #links a.current {background:{color:Navigation Border};}
  1655.  
  1656. #links a:hover {background:{color:Accent}; color:{color:Accent Text};}
  1657. #links a:hover i {color:{color:Accent Text};}
  1658.  
  1659. #links.stick {position:fixed; top:40px; margin-top:0;}
  1660.  
  1661. /* ------ custom tumblr styling ------- */
  1662.  
  1663. iframe#tumblr_controls, .iframe-controls--desktop {
  1664. {block:ifcontrolsinnavigation}
  1665. top:7px!important;
  1666. position:absolute!important;
  1667. -webkit-transform:scale(0.8,0.8);
  1668. -ms-transform:scale(0.8,0.8);
  1669. transform:scale(0.8,0.8);
  1670. {/block:ifcontrolsinnavigation}
  1671. {block:ifnotcontrolsinnavigation}
  1672. top:40px!important;
  1673. right:5px!important;
  1674. position:fixed!important;
  1675. -webkit-transform:scale(0.6,0.6);
  1676. -ms-transform:scale(0.6,0.6);
  1677. transform:scale(0.6,0.6);
  1678. {/block:ifnotcontrolsinnavigation}
  1679. z-index:2147483647!important;
  1680. transition:0.5s ease-in-out;
  1681. -webkit-transform-origin:100% 0;
  1682. -ms-transform-origin:100% 0;
  1683. transform-origin:100% 0;
  1684. {block:iflighttheme}
  1685. -webkit-filter:invert(95%);
  1686. filter:invert(95%);
  1687. {/block:iflighttheme}
  1688. }
  1689.  
  1690. {block:ifcontrolsinnavigation}
  1691. .pl iframe#tumblr_controls, .pl .iframe-controls--desktop {right:15px!important;}
  1692. .pr iframe#tumblr_controls, .pr .iframe-controls--desktop {right:calc({select:post size}px + 310px - {block:IndexPage}251px{/block:IndexPage}{block:PermalinkPage}280px{/block:PermalinkPage})!important;}
  1693. {/block:ifcontrolsinnavigation}
  1694.  
  1695. /* ------ footer ------ */
  1696.  
  1697. #footer {
  1698. position:fixed;
  1699. z-index:999999;
  1700. width:calc({select:post size}px + 280px);
  1701. padding:15px 14px;
  1702. bottom:0px;
  1703. height:30px;
  1704. margin:0px 0px;
  1705. background:{color:Footer};
  1706. border:1px solid {color:Footer Border};
  1707. {block:ifinfinitescroll}{block:ifnotmanualload}display:none!important;{/block:ifnotmanualload}{/block:ifinfinitescroll}
  1708. }
  1709.  
  1710. #footer.bottom {position:absolute; margin-bottom:-1px;}
  1711.  
  1712. .searchbox {
  1713. height:30px;
  1714. position:absolute;
  1715. width:235px;
  1716. margin-top:-15px;
  1717. border-top:15px solid {color:Footer};
  1718. z-index:3;
  1719. }
  1720.  
  1721. .pl .searchbox {right:15px;}
  1722. .pr .searchbox {left:15px;}
  1723.  
  1724. .searchbox form input[type="text"] {
  1725. width:175px;
  1726. border:0px solid transparent;
  1727. height:16px;
  1728. padding:7px 15px;
  1729. display:block;
  1730. float:left;
  1731. background:{color:Search Bar};
  1732. font-size:9px;
  1733. font-weight:400;
  1734. text-transform:uppercase;
  1735. letter-spacing:1px;
  1736. color:{color:Text};
  1737. outline:0px solid transparent;
  1738. }
  1739.  
  1740. .searchbox form input[type="submit"] {
  1741. width:30px;
  1742. height:30px;
  1743. z-index:5;
  1744. position:relative;
  1745. padding:0px;
  1746. background:transparent;
  1747. display:block;
  1748. float:left;
  1749. border:0px solid transparent;
  1750. outline:0px solid transparent;
  1751. }
  1752.  
  1753. .searchbox form button {
  1754. position:absolute;
  1755. right:0px;
  1756. top:0px;
  1757. width:30px;
  1758. height:30px;
  1759. font-size:16px;
  1760. line-height:16px;
  1761. padding:7px;
  1762. background:transparent;
  1763. z-index:0;
  1764. background:{color:footer border};
  1765. border:none;
  1766. outline:none;
  1767. }
  1768.  
  1769. .searchbox form button i {color:{color:Accent Alt};}
  1770.  
  1771. #pagination, #manual {
  1772. margin:5px 0;
  1773. width:{select:post size}px;
  1774. text-align:center;
  1775. font:700 12px/20px 'Old Standard TT',serif;
  1776. height:20px;
  1777. }
  1778.  
  1779. .pr #pagination, .pr #manual {margin-left:280px;}
  1780.  
  1781. {block:ifinfinitescroll}#pagination {display:none;}{/block:ifinfinitescroll}
  1782.  
  1783. #infscr-loading {display:none!important;}
  1784. #manual {font-style:italic; text-transform:lowercase;}
  1785. #manual span.actus {margin-left:10px; color:{color:Text};}
  1786.  
  1787. #manual svg {
  1788. display:inline;
  1789. height:15px;
  1790. margin:-2px 10px 0px 10px;
  1791. vertical-align:middle;
  1792. }
  1793.  
  1794. #manual svg path {fill:{color:Text}; transition:0.5s ease;}
  1795. #manual a:hover svg path {fill:{color:Accent};}
  1796.  
  1797. #pagination a, #pagination span {margin:0px 3px; padding:3px;}
  1798. #pagination a:hover, #pagination span, #manual a.load:hover {color:{color:Accent};}
  1799.  
  1800. /* ------ copyright information ------ */
  1801.  
  1802. #copy {
  1803. background:{color:Header};
  1804. color:{color:Header Text};
  1805. padding:10px 15px;
  1806. margin:0px 0px;
  1807. position:absolute;
  1808. bottom:0px;
  1809. border:1px solid {color:Footer Border};
  1810. width:calc({select:post size}px + 280px);
  1811. font:normal 9px/15px 'Open Sans', sans-serif;
  1812. border-top:none;
  1813. text-align:center;
  1814. text-transform:uppercase;
  1815. letter-spacing:1px;
  1816. }
  1817.  
  1818. #copy .disclaimer {
  1819. border-bottom:1px solid {color:Disclaimer Border};
  1820. background:{color:Disclaimer Bg};
  1821. color:{color:Disclaimer Text};
  1822. margin:-11px -15px 10px;
  1823. padding:15px 25px;
  1824. font-size:11px;
  1825. display:block;
  1826. letter-spacing:0px;
  1827. text-align:justify;
  1828. text-transform:none;
  1829. line-height:160%;
  1830. }
  1831.  
  1832. #copy .disclaimer span.typcn {
  1833. font-weight:bold;
  1834. font-family:"Open Sans";
  1835. text-transform:uppercase;
  1836. color:{color:Accent};
  1837. }
  1838.  
  1839. #copy .disclaimer span.typcn::before {
  1840. display:inline-block;
  1841. vertical-align:middle;
  1842. margin-right:5px;
  1843. font:16px "Typicons";
  1844. }
  1845.  
  1846. #copy a {
  1847. padding-bottom:1px;
  1848. color:{color:Accent};
  1849. border-bottom:1px solid rgba({RGBcolor:Accent}, 0.3);
  1850. }
  1851.  
  1852. #copy a:hover {color:{color:Accent Text}; border-color:{color:Accent Text};}
  1853. .fix {position:fixed!important; top:0px; margin-top:0px!important;}
  1854.  
  1855. {CustomCSS}
  1856. </style>
  1857.  
  1858. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  1859. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
  1860.  
  1861. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  1862. <script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js"></script>
  1863. <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
  1864.  
  1865. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1866. <script src="https://static.tumblr.com/2b2izpj/O3ko23zzo/jquery.lazyload.min.js"></script>
  1867. <script src="https://static.tumblr.com/p0knose/Hf2ordt7v/jquery.sticky-kit.min.js"></script>
  1868. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  1869.  
  1870. <script src="https://static.tumblr.com/p0knose/8zmp4eht4/a350.js"></script>
  1871.  
  1872. <script>
  1873. $(document).ready(function(){
  1874. var IndexPage = false,
  1875. NavControls = false,
  1876. ScrollingText = false,
  1877. InfScr = false,
  1878. Parallax = false,
  1879. TruncatePosts = {select:truncate long posts};
  1880. {block:IndexPage}IndexPage = true;{/block:IndexPage}
  1881. {block:ifcontrolsinnavigation}NavControls = true;{/block:ifcontrolsinnavigation}
  1882. {block:ifinfinitescroll}InfScr = true;{/block:ifinfinitescroll}
  1883. {block:ifparallaxeffect}Parallax = true;{/block:ifparallaxeffect}
  1884. {block:ifscrollingtext}ScrollingText = true;{/block:ifscrollingtext}
  1885. Dreamliner(IndexPage,TruncatePosts,NavControls,ScrollingText,InfScr,Parallax);
  1886. // fixing staff's fuckups
  1887. $(".posts").initialize(function(){
  1888. $(this).find(".soundcloud_audio_player").soundCloud({
  1889. accentColour:"{color:Accent}"
  1890. });
  1891. $(this).fitVids({customSelector:"iframe[src*='www.tumblr.com/video']"});
  1892. $(this).find(".photolight").photoLight();
  1893. $(this).find('iframe.tumblr_audio_player').load(function(){
  1894. $(this).contents().find("head").append("<style type='text/css'> .audio-player {background:transparent !important;} .icon {color:{color:Accent}!important;} .progress {display:none!important;}</style>");
  1895. });
  1896. $(this).find(".read_more").parent("p").addClass("rm");
  1897. });
  1898. });
  1899. </script>
  1900.  
  1901. {block:IndexPage}
  1902. {block:ifinfinitescroll}
  1903. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
  1904. <script src="https://static.tumblr.com/p0knose/yvRp6vgyj/b787.js"></script>
  1905.  
  1906. <script>
  1907. $(document).ready(function(){
  1908. var $container = $('#postmargin').infiniteScroll({
  1909. append: '.posts',
  1910. path: '#pagination .next'{block:ifmanualload},
  1911. button:'#manual .load',
  1912. scrollThreshold: false
  1913. {/block:ifmanualload}
  1914. });
  1915. $container.on('append.infiniteScroll',function(event,response,path,items){
  1916. // definitions
  1917. var $newElems = $(items);
  1918. infScrCallback($newElems);
  1919. });
  1920. {block:ifmanualload}
  1921. $("#manual a.load").on('click',function(e){
  1922. $(document.body).trigger("sticky_kit:recalc");
  1923. e.preventDefault();
  1924. });
  1925. {/block:ifmanualload}
  1926. });
  1927. </script>
  1928. {/block:ifinfinitescroll}
  1929. {/block:IndexPage}
  1930.  
  1931. </head>
  1932. <!-- before you add an SCM Player/Hypster/Wikplayer, PLEASE THINK TWICE, THAT SHIT IS CANCEROUS AF -->
  1933. <body>
  1934.  
  1935. <div id="all" class="{select:posts location}">
  1936.  
  1937. <!-------------------------->
  1938. <!------ left sidebar ------>
  1939. <!-------------------------->
  1940. <aside id="lefto">
  1941.  
  1942. <!--- further left section --->
  1943. <div id="fix">
  1944.  
  1945. {block:iflogoimage}
  1946. <!-- logo -->
  1947. <img class="logo" src="{image:logo}"/>
  1948. {/block:iflogoimage}
  1949.  
  1950. {block:IndexPage}
  1951. <!-- scroll to top button -->
  1952. <div>
  1953. <a href="#" id="scrollToTop">
  1954. <span class="typcn typcn-arrow-up"></span>
  1955. </a>
  1956. </div>
  1957. {/block:IndexPage}
  1958.  
  1959. </div>
  1960. <!-- end further left section -->
  1961.  
  1962. {block:ifleftsidebar}
  1963. <!--- avatar images --->
  1964. <div id="user">
  1965. {block:ifavatar1image}<img src="{image:avatar 1}"/>{/block:ifavatar1image}
  1966. {block:ifavatar2image}<img src="{image:avatar 2}"/>{/block:ifavatar2image}
  1967. {block:ifavatar3image}<img src="{image:avatar 3}"/>{/block:ifavatar3image}
  1968. </div>
  1969.  
  1970. <!--- blog name and url --->
  1971. <div id="name">
  1972. <span class="large">{text:Title}</span>
  1973. <span class="small">@{Name}</span>
  1974. </div>
  1975.  
  1976. <!--- main menu --->
  1977. <nav id="menu">
  1978. {block:iflink1}<a href="{text:link 1 url}" class="typcn typcn-{text:link 1 icon}">{text:link 1}</a>{/block:iflink1}
  1979. {block:iflink2}<a href="{text:link 2 url}" class="typcn typcn-{text:link 2 icon}">{text:link 2}</a>{/block:iflink2}
  1980. {block:iflink3}<a href="{text:link 3 url}" class="typcn typcn-{text:link 3 icon}">{text:link 3}</a>{/block:iflink3}
  1981. {block:iflink4}<a href="{text:link 4 url}" class="typcn typcn-{text:link 4 icon}">{text:link 4}</a>{/block:iflink4}
  1982. {block:iflink5}<a href="{text:link 5 url}" class="typcn typcn-{text:link 5 icon}">{text:link 5}</a>{/block:iflink5}
  1983. {block:iflink6}<a href="{text:link 6 url}" class="typcn typcn-{text:link 6 icon}">{text:link 6}</a>{/block:iflink6}
  1984. {block:iflink7}<a href="{text:link 7 url}" class="typcn typcn-{text:link 7 icon}">{text:link 7}</a>{/block:iflink7}
  1985. {block:iflink8}<a href="{text:link 8 url}" class="typcn typcn-{text:link 8 icon}">{text:link 8}</a>{/block:iflink8}
  1986. {block:iflink9}<a href="{text:link 9 url}" class="typcn typcn-{text:link 9 icon}">{text:link 9}</a>{/block:iflink9}
  1987. </nav>
  1988.  
  1989. <!--- common tags section --->
  1990. <!--- feel free to delete this if you don't want it! --->
  1991. <!------
  1992. How to add tags?
  1993. Copy and paste this:
  1994. <a href="/tagged/">#tag name</a>
  1995. inside the nav tag!
  1996. You can follow the three examples I've done below.
  1997. ------>
  1998. <nav id="tags">
  1999. <a href="/tagged/">#reflections</a>
  2000. <a href="/tagged/">#isola event</a>
  2001. </nav>
  2002. <!-- end common tags -->
  2003. {/block:ifleftsidebar}
  2004.  
  2005. </aside>
  2006. <!--- end left sidebar --->
  2007.  
  2008. <!-------------------->
  2009. <!------ header ------>
  2010. <!-------------------->
  2011. <header id="top">
  2012. <span class="maint">{Title}</span>
  2013. <span class="subt">{text:subtitle}</span>
  2014. </header>
  2015.  
  2016. {block:HomePage}
  2017. {block:ifscrollingtext}
  2018. <div id="scroller">
  2019. <span class="marquee">{text:scrolling text}</span>
  2020. </div>
  2021. {/block:ifscrollingtext}
  2022. {/block:HomePage}
  2023.  
  2024. {block:IndexPage}
  2025. {block:ifheaderimage}
  2026. <header id="header">
  2027. <img src="{image:header}"/>
  2028. </header>
  2029. {/block:ifheaderimage}
  2030. {/block:IndexPage}
  2031. <!-- end header -->
  2032.  
  2033. <!---------------------->
  2034. <!------ menu bar ------>
  2035. <!---------------------->
  2036. <nav id="links"><div>
  2037. <a href="/">
  2038. <i class="typcn typcn-home-outline"></i>
  2039. <span data-hover="home">home</span>
  2040. </a>
  2041. {block:AskEnabled}
  2042. <a href="/ask">
  2043. <i class="typcn typcn-mail"></i>
  2044. <span data-hover="message">message</span>
  2045. </a>
  2046. {/block:AskEnabled}
  2047. {block:SubmissionsEnabled}
  2048. <a href="/submit">
  2049. <i class="typcn typcn-upload-outline"></i>
  2050. <span data-hover="submit">submit</span>
  2051. </a>
  2052. {/block:SubmissionsEnabled}
  2053. <a href="/archive">
  2054. <i class="typcn typcn-calendar-outline"></i>
  2055. <span data-hover="archive">archive</span>
  2056. </a>
  2057. </div></nav>
  2058. <!-- end menu bar -->
  2059.  
  2060. {block:ifsubheader}
  2061. {block:HomePage}
  2062. <!------------------------------->
  2063. <!------ subheader section ------>
  2064. <!------------------------------->
  2065. <section id="subheader">
  2066.  
  2067. {block:ifsubheaderlinks}
  2068. <!-- three links in the subheader -->
  2069. <div id="subnav">
  2070. {block:ifsubheaderlink1}<a href="{text:subheader 1 url}"><span>{text:subheader link 1}</span></a>{/block:ifsubheaderlink1}
  2071. {block:ifsubheaderlink2}<a href="{text:subheader 2 url}"><span>{text:subheader link 2}</span></a>{/block:ifsubheaderlink2}
  2072. {block:ifsubheaderlink3}<a href="{text:subheader 3 url}"><span>{text:subheader link 3}</span></a>{/block:ifsubheaderlink3}
  2073. </div>
  2074. {/block:ifsubheaderlinks}
  2075.  
  2076. {block:ifintrotext}
  2077. <!-- subheader's text block -->
  2078. <div id="intro">
  2079. {text:intro text}
  2080. </div>
  2081. {/block:ifintrotext}
  2082.  
  2083. <!-------------------------->
  2084. <!-- CAROUSELL SLIDERRRRR -->
  2085. <!-------------------------->
  2086. <!------
  2087. How to use
  2088. ==========
  2089. To add a slide, copy and paste this code inside the carousel div:
  2090.  
  2091. <article class="slide">
  2092. <img src="your image url"/>
  2093. <figcaption>
  2094. caption here <a href="url here" title="link title" class="more">+</a>
  2095. </figcaption>
  2096. </article>
  2097.  
  2098. Feel free to delete the link and/or the caption!
  2099. An example has been inserted for you to follow.
  2100. ------>
  2101. <!---------------->
  2102. <div id="carousel">
  2103.  
  2104. <!-- this is a slide -->
  2105. <article class="slide">
  2106.  
  2107. <!-- this is where your image goes -->
  2108. <img src="https://preview.ibb.co/dtjOO7/placeholder_large.gif">
  2109.  
  2110. <!-- delete the following lines if you don't want a caption -->
  2111. <figcaption>
  2112.  
  2113. <!-- this is where your caption goes -->
  2114. caption here
  2115.  
  2116. <!-- delete the following line if you don't want a link! -->
  2117. <a href="url here" title="link for details?" class="more">+</a>
  2118. </figcaption>
  2119. </article>
  2120. <!-- this is the end of a slide -->
  2121.  
  2122. <!-- put your new slides above this line!-->
  2123. </div>
  2124. <!--------------------->
  2125. <!-- end of carousel -->
  2126.  
  2127. </section>
  2128. <!----------------------->
  2129. <!-- end of subheader! -->
  2130. {/block:HomePage}
  2131. {/block:ifsubheader}
  2132.  
  2133. <!--------------------->
  2134. <!------ SIDEBAR ------>
  2135. <!--------------------->
  2136. <aside id="sidebar">
  2137.  
  2138. {block:Description}
  2139. <!-- description box -->
  2140. <div class="box">
  2141. <div class="boxhead">
  2142. <!--
  2143. feel free to replace "info-large-outline" with the icon name of your choice from the cheatsheet
  2144. -->
  2145. <i class="typcn typcn-eye"></i>
  2146. <span>
  2147. <!-- your description box title goes here! -->
  2148. Renegade
  2149. </span>
  2150. </div>
  2151. <div class="boxcont desc">
  2152. {Description}
  2153. </div>
  2154. </div>
  2155. {/block:Description}
  2156.  
  2157.  
  2158. <!-- team members box -->
  2159. <div class="box">
  2160. <div class="boxhead">
  2161. <!--
  2162. feel free to replace "group-outline" with the icon name of your choice from the cheatsheet
  2163. -->
  2164. <i class="typcn typcn-eye"></i>
  2165. <span>
  2166. <!-- your members box title goes here! -->
  2167.  
  2168. </span>
  2169. </div>
  2170. <div class="boxcont adm" style="text-align:center">
  2171.  
  2172. <img style="max-width:40px" src="https://static.tumblr.com/jhc53vr/gE4plywbv/girasprite.png"/>
  2173.  
  2174. </div>
  2175. </div>
  2176.  
  2177.  
  2178. {block:ifschedulebox}
  2179. <!-- schedule/updates box -->
  2180. <div class="box">
  2181. <div class="boxhead">
  2182. <!--
  2183. feel free to replace "watch" with the icon name of your choice from the cheatsheet
  2184. -->
  2185. <i class="typcn typcn-watch"></i>
  2186. <span>
  2187. <!-- your schedule box title goes here! -->
  2188. schedule
  2189. </span>
  2190. </div>
  2191. <div class="boxcont info stat updt">
  2192. <!------
  2193. Here is where your stats go!
  2194. Copy and paste this code:
  2195.  
  2196. <span class="st">
  2197. <b>date or title etc</b>
  2198. event, update, whatever you want
  2199. </span>
  2200.  
  2201. to add a new line of updates/schedule!
  2202.  
  2203. An example has been provided below.
  2204. ------>
  2205.  
  2206. <span class="st">
  2207. <b>00/00/00</b>
  2208. event here
  2209. </span>
  2210.  
  2211. <!-- put your stats above this line! -->
  2212. </div>
  2213. </div>
  2214. {/block:ifschedulebox}
  2215.  
  2216. {block:ifdirectorybox}
  2217. <!-- directory box -->
  2218. <div class="box">
  2219. <div class="boxhead">
  2220. <!--
  2221. feel free to replace "th-menu-outline" with the icon name of your choice from the cheatsheet
  2222. -->
  2223. <i class="typcn typcn-eye"></i>
  2224. <span>
  2225. <!-- your links box title goes here! -->
  2226. directory
  2227. </span>
  2228. </div>
  2229. <div class="boxcont directory">
  2230. <!------
  2231. Here is where your links box links go!
  2232. Copy this line:
  2233. <a href="link url">link title</a>
  2234. and paste it below to add a new link
  2235.  
  2236. An example has been provided below.
  2237. ------>
  2238.  
  2239. <a href="/">directory link 01</a>
  2240. <a href="/">directory link 02</a>
  2241. <a href="/">directory link 03</a>
  2242.  
  2243. <!-- paste your links above this line! -->
  2244. </div>
  2245. </div>
  2246. {/block:ifdirectorybox}
  2247.  
  2248. {block:ifprojectsbox}
  2249. <!-- projects box -->
  2250. <div class="box">
  2251. <div class="boxhead">
  2252. <!--
  2253. feel free to replace "bookmark" with the icon of your choice
  2254. -->
  2255. <i class="typcn typcn-bookmark"></i>
  2256. <span>
  2257. <!-- your projects box title goes here! -->
  2258. projects
  2259. </span>
  2260. </div>
  2261.  
  2262. <!------
  2263. Here is where your projects are going to go!
  2264. To add a new one, copy and paste this block of code below:
  2265.  
  2266. <div class="ct">
  2267. <img src="your image url">
  2268. <div class="lfc">
  2269. <a href="url" title="link name"><i class="typcn typcn-tag"></i></a>
  2270. <a href="url" title="link name"><i class="typcn typcn-world"></i></a>
  2271. </div>
  2272. <div>
  2273. <span class="tt"><b>project title</b></span>
  2274. <span><b>info 1 title</b> info 1 content</span>
  2275. <span><b>info 2 title</b> info 2 content</span>
  2276. </div>
  2277. </div>
  2278.  
  2279. An example has been provided below.
  2280. ------>
  2281.  
  2282. <div class="boxcont proj">
  2283.  
  2284. <!-- start of 1 project -->
  2285. <div class="ct">
  2286.  
  2287. <!-- your image url -->
  2288. <img src="https://placehold.it/220x120">
  2289.  
  2290. <div class="lfc">
  2291. <!-- here is where you can put some links! -->
  2292. <!-- do replace "tag" with the icon of your choice -->
  2293. <a href="link url" title="link name"><i class="typcn typcn-tag"></i></a>
  2294. </div>
  2295. <div>
  2296. <span class="tt"><b>project title</b></span>
  2297.  
  2298. <!-- put more info if you want -->
  2299. <span><b>info 1 title</b> info 1 content</span>
  2300. <span><b>info 2 title</b> info 2 content</span>
  2301. </div>
  2302. </div>
  2303. <!-- end of 1 project -->
  2304.  
  2305. <!-- paste your new projects above this line! -->
  2306. </div>
  2307. </div>
  2308. {/block:ifprojectsbox}
  2309.  
  2310. {block:ifsocialmediabox}
  2311. <!-- social media box -->
  2312. <div class="box">
  2313. <div class="boxhead">
  2314. <!--
  2315. feel free to replace "flow-merge" with the icon of your choice
  2316. -->
  2317. <i class="typcn typcn-flow-merge"></i>
  2318. <span>
  2319. <!-- your social media box title goes here! -->
  2320. social media
  2321. </span>
  2322. </div>
  2323. <div class="boxcont soc">
  2324. <!------
  2325. Your social media links go here!
  2326. To add one, copy and paste this code:
  2327.  
  2328. <a href="url here" title="title here">
  2329. <i class="socicon-name"></i>
  2330. </a>
  2331.  
  2332. Remember to change "socicon-name" to the icon of your choice
  2333. Follow the class names from either of these cheatsheets:
  2334. - https://www.socicon.com/chart.php
  2335. - https://s-ings.com/typicons
  2336.  
  2337. Two examples has been illustrated below.
  2338. ------>
  2339.  
  2340. <a href="http://instagram.com/" title="instagram @username">
  2341. <!--
  2342. if your icon is from the typicons cheatsheet,
  2343. please include "typcn typcn-" before your icon's name!
  2344. -->
  2345. <i class="typcn typcn-social-instagram-circular"></i>
  2346. </a>
  2347. <a href="http://twitter.com" title="twitter @username">
  2348. <i class="socicon-twitter"></i>
  2349. </a>
  2350.  
  2351. <!-- paste your social media links above this line -->
  2352. </div>
  2353. </div>
  2354. {/block:ifsocialmediabox}
  2355.  
  2356. {block:ifaffiliatesbox}
  2357. <!-- affiliates box -->
  2358. <div class="box">
  2359. <div class="boxhead">
  2360. <!--
  2361. feel free to replace "thumbs-up" with the icon of your choice
  2362. -->
  2363. <i class="typcn typcn-thumbs-up"></i>
  2364. <span>
  2365. <!-- your affiliates/icons box title goes here! -->
  2366. affiliates
  2367. </span>
  2368. </div>
  2369. <div class="boxcont aff">
  2370. <!------
  2371. Here is where your icons/affiliate links are going to go!
  2372. To add more, copy and paste this code:
  2373.  
  2374. <a href="url" title="name">
  2375. <img src="image url"/>
  2376. </a>
  2377.  
  2378. An example has been illustrated below.
  2379. ------>
  2380. <a href="/" title="name">
  2381. <img src="https://placehold.it/100x100"/>
  2382. </a>
  2383. <!------
  2384. You can also use an icon in place of the image!
  2385. This is the code you will need instead:
  2386.  
  2387. <a href="url" title="name">
  2388. <span class="typcn typcn-user-add-outline"></span>
  2389. </a>
  2390.  
  2391. Do replace "user-add-outline" with the icon of your choice.
  2392. An example has been shown below:
  2393. ------>
  2394. <a href="/" title="you?">
  2395. <span class="typcn typcn-user-add-outline"></span>
  2396. </a>
  2397.  
  2398. <!-- paste all your affiliate/icon links above this line -->
  2399. </div>
  2400. </div>
  2401. {/block:ifaffiliatesbox}
  2402.  
  2403. {block:ifstatsbox}
  2404. <div class="box">
  2405. <div class="boxhead">
  2406. <!--
  2407. feel free to replace "chart-bar-outline"
  2408. with the icon of your choice!
  2409. -->
  2410. <i class="typcn typcn-eye"></i>
  2411. <span>
  2412. <!-- your stats box title goes here! -->
  2413. information
  2414. </span>
  2415. </div>
  2416. <div class="boxcont info stat updt">
  2417. <!------
  2418. Here is where your stats are going to go!
  2419. To add more, copy and paste the code below:
  2420.  
  2421. <span class="st">
  2422. <b>Stat title</b>
  2423. Stat content
  2424. </span>
  2425.  
  2426. An example has been shown below.
  2427.  
  2428. I recommend FreeHostedScripts for counters!
  2429. You can copy and paste counter codes as the stat content.
  2430. ------>
  2431.  
  2432. <span class="st">
  2433. <b>Rank</b>
  2434. Dwarf
  2435. </span>
  2436. <span class="st">
  2437. <b>Housing</b>
  2438. Townhouse 233
  2439. </span>
  2440. <span class="st">
  2441. <b>Arrived</b>
  2442. 24/5/2019
  2443. </span>
  2444.  
  2445. <!-- paste your stats above this line! -->
  2446. <!-- search bar code below. do not touch -->
  2447. <div class="searchbar"{block:Pagination}{block:ifnotinfinitescroll} style="display:none"{/block:ifnotinfinitescroll}{block:ifinfinitescroll}{block:ifmanualload} style="display:none"{/block:ifmanualload}{/block:ifinfinitescroll}{/block:Pagination}>
  2448. <form action="/search" method="get">
  2449. <button type="submit">
  2450. <i class="typcn typcn-zoom-outline"></i>
  2451. </button>
  2452. <input type="text" name="q" value="{SearchQuery}" placeholder="search...">
  2453. </form><!--end form-->
  2454. </div><!--end searchbar-->
  2455. </div><!--end boxcont-->
  2456. </div><!--end box-->
  2457. {/block:ifstatsbox}
  2458.  
  2459. <!------
  2460. How to add more boxes
  2461. Copy and paste the following code after this set of instructions:
  2462.  
  2463.  
  2464. <div class="box">
  2465. <div class="boxhead">
  2466. <i class="typcn typcn-user"></i>
  2467. <span>
  2468. box title
  2469. </span>
  2470. </div>
  2471. <div class="boxcont desc">
  2472. box content goes here
  2473. </div>
  2474. </div>
  2475.  
  2476. Do change "user" to the icon of your choice, and remember to edit the text
  2477. ------>
  2478.  
  2479. <!-- paste your extra boxes above this line! -->
  2480. </aside>
  2481.  
  2482. <!------ POSTS ------>
  2483. <section id="postmargin">
  2484. {block:Posts}
  2485. <article class="posts" id="{PostID}">
  2486.  
  2487. {block:Text}
  2488. <div class="container">
  2489. {block:Title}<div class="llp"><span class="llc">{Title}</span></div>{/block:Title}
  2490. {block:NotReblog}
  2491. <div class="text">
  2492. <div class="tumblr_parent">
  2493. {Body}
  2494. </div>
  2495. </div>
  2496. {/block:NotReblog}
  2497. {block:RebloggedFrom}
  2498. <div class="text">
  2499. {block:Reblogs}
  2500. <div class="tumblr_parent">
  2501. <div class="reblog_head">
  2502. {block:IsActive}
  2503. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2504. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2505. {/block:IsActive}
  2506. {block:IsDeactivated}
  2507. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2508. <span class="reblog_user">{Username}</span>
  2509. {/block:IsDeactivated}
  2510. </div>
  2511. <div>
  2512. {Body}
  2513. </div>
  2514. </div>
  2515. {/block:Reblogs}
  2516. </div>
  2517. {/block:RebloggedFrom}
  2518. </div>
  2519. {/block:Text}
  2520.  
  2521. {block:Photo}
  2522. <div class="photo">
  2523. {block:IndexPage}
  2524. <a class="photolight" href="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}">
  2525. <img src="{PhotoURL-HighRes}" width="{select:post size}" data-width="{select:post size}">
  2526. </a>
  2527. {/block:IndexPage}
  2528. {block:PermalinkPage}
  2529. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post size}">{LinkCloseTag}
  2530. {/block:PermalinkPage}
  2531. </div>
  2532. {block:Caption}
  2533. {block:NotReblog}
  2534. <div class="caption text">
  2535. <div class="tumblr_parent">
  2536. {Caption}
  2537. </div>
  2538. </div>
  2539. {/block:NotReblog}
  2540. {block:RebloggedFrom}
  2541. <div class="caption text">
  2542. {block:Reblogs}
  2543. <div class="tumblr_parent">
  2544. <div class="reblog_head">
  2545. {block:IsActive}
  2546. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2547. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2548. {/block:IsActive}
  2549. {block:IsDeactivated}
  2550. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2551. <span class="reblog_user">{Username}</span>
  2552. {/block:IsDeactivated}
  2553. </div>
  2554. <div>
  2555. {Body}
  2556. </div>
  2557. </div>
  2558. {/block:Reblogs}
  2559. </div>
  2560. {/block:RebloggedFrom}
  2561. {/block:Caption}
  2562. {/block:Photo}
  2563.  
  2564. {block:Panorama}
  2565. <div class="photo">
  2566. <a class="photolight" href="{PhotoURL-HighRes}" data-width="{PhotoWidth-Panorama}" data-height="{PhotoHeight-Panorama}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-Panorama}">
  2567. <img src="{PhotoURL-HighRes}" width="{select:post size}" data-width="{select:post size}">
  2568. </a>
  2569. </div>
  2570. {block:Caption}
  2571. {block:NotReblog}
  2572. <div class="caption text">
  2573. <div class="tumblr_parent">
  2574. {Caption}
  2575. </div>
  2576. </div>
  2577. {/block:NotReblog}
  2578. {block:RebloggedFrom}
  2579. <div class="caption text">
  2580. {block:Reblogs}
  2581. <div class="tumblr_parent">
  2582. <div class="reblog_head">
  2583. {block:IsActive}
  2584. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2585. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2586. {/block:IsActive}
  2587. {block:IsDeactivated}
  2588. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2589. <span class="reblog_user">{Username}</span>
  2590. {/block:IsDeactivated}
  2591. </div>
  2592. <div>
  2593. {Body}
  2594. </div>
  2595. </div>
  2596. {/block:Reblogs}
  2597. </div>
  2598. {/block:RebloggedFrom}
  2599. {/block:Caption}
  2600. {/block:Panorama}
  2601.  
  2602. {block:Photoset}
  2603. <div class="photo">
  2604. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  2605. {block:Photos}
  2606. <div class="photo-data">
  2607. <div class="pxu-photo">
  2608. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  2609. </div>
  2610. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  2611. </div>
  2612. {/block:Photos}
  2613. </div>
  2614. </div><!--photo-->
  2615. {block:Caption}
  2616. {block:NotReblog}
  2617. <div class="caption text">
  2618. <div class="tumblr_parent">
  2619. {Caption}
  2620. </div>
  2621. </div>
  2622. {/block:NotReblog}
  2623. {block:RebloggedFrom}
  2624. <div class="caption text">
  2625. {block:Reblogs}
  2626. <div class="tumblr_parent">
  2627. <div class="reblog_head">
  2628. {block:IsActive}
  2629. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2630. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2631. {/block:IsActive}
  2632. {block:IsDeactivated}
  2633. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2634. <span class="reblog_user">{Username}</span>
  2635. {/block:IsDeactivated}
  2636. </div>
  2637. <div>
  2638. {Body}
  2639. </div>
  2640. </div>
  2641. {/block:Reblogs}
  2642. </div>
  2643. {/block:RebloggedFrom}
  2644. {/block:Caption}
  2645. {/block:Photoset}
  2646.  
  2647. {block:Quote}
  2648. <div class="container">
  2649. <div class="quote">
  2650. <span>❝</span>
  2651. {Quote}
  2652. <span>❞</span>
  2653. </div>
  2654. {block:Source}
  2655. <div class="text sourcez">{Source}</div>
  2656. {/block:Source}
  2657. </div>
  2658. {/block:Quote}
  2659.  
  2660. {block:Link}
  2661. <div class="container">
  2662. <a href="{URL}" {Target} class="llp linkz"><div class="jrc typcn typcn-link-outline">{Name} &rsaquo;</div></a>
  2663. {block:Description}
  2664. {block:NotReblog}
  2665. <div class="text">
  2666. <div class="tumblr_parent">
  2667. {Description}
  2668. </div>
  2669. </div>
  2670. {/block:NotReblog}
  2671. {block:RebloggedFrom}
  2672. <div class="text">
  2673. {block:Reblogs}
  2674. <div class="tumblr_parent">
  2675. <div class="reblog_head">
  2676. {block:IsActive}
  2677. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2678. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2679. {/block:IsActive}
  2680. {block:IsDeactivated}
  2681. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2682. <span class="reblog_user">{Username}</span>
  2683. {/block:IsDeactivated}
  2684. </div>
  2685. <div>
  2686. {Body}
  2687. </div>
  2688. </div>
  2689. {/block:Reblogs}
  2690. </div>
  2691. {/block:RebloggedFrom}
  2692. {/block:Description}
  2693. </div>
  2694. {/block:Link}
  2695.  
  2696. {block:Chat}
  2697. <div class="container">
  2698. {block:Title}<div class="llp"><span class="llc">{Title}</span></div>{/block:Title}
  2699. {block:Lines}
  2700. <div class="label">
  2701. {block:Label}<span>{Label}</span>{/block:Label}
  2702. {Line}
  2703. </div>
  2704. {/block:Lines}
  2705. </div>
  2706. {/block:Chat}
  2707.  
  2708. {block:Audio}
  2709. <div class="container">
  2710. <div class="playercontainer">
  2711. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  2712. {block:AudioPlayer}<div class="tplayer">
  2713. {block:ifnotlighttheme}{AudioPlayerBlack}{/block:ifnotlighttheme}
  2714. {block:iflighttheme}{AudioPlayerWhite}{/block:iflighttheme}
  2715. </div>{/block:AudioPlayer}
  2716. {block:TrackName}<span class="listen">
  2717. <i class="typcn typcn-headphones"></i>
  2718. {TrackName}</span>{/block:TrackName}
  2719. </div>
  2720.  
  2721. <div class="musicinfo">
  2722. {block:Artist}<div class="artiste"><b>Artiste:</b> {Artist}</div>{/block:Artist}
  2723. {block:Album}<div class="albumt"><b>Album:</b> {Album}</div>{/block:Album}
  2724. {block:PlayCount}<div class="songt"><b>Plays:</b> {PlayCount}</div>{/block:PlayCount}
  2725. </div>
  2726. <div class="audiocaption">
  2727. {block:Caption}
  2728. {block:NotReblog}
  2729. <div class="text sc">
  2730. <div class="tumblr_parent">
  2731. {Caption}
  2732. </div>
  2733. </div>
  2734. {/block:NotReblog}
  2735. {block:RebloggedFrom}
  2736. <div class="text sc">
  2737. {block:Reblogs}
  2738. <div class="tumblr_parent">
  2739. <div class="reblog_head">
  2740. {block:IsActive}
  2741. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2742. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2743. {/block:IsActive}
  2744. {block:IsDeactivated}
  2745. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2746. <span class="reblog_user">{Username}</span>
  2747. {/block:IsDeactivated}
  2748. </div>
  2749. <div>
  2750. {Body}
  2751. </div>
  2752. </div>
  2753. {/block:Reblogs}
  2754. </div>
  2755. {/block:RebloggedFrom}
  2756. {/block:Caption}
  2757. </div>
  2758. </div>
  2759. {/block:Audio}
  2760.  
  2761. {block:Video}
  2762. <div class="video">{Video-500}</div>
  2763. {block:Caption}
  2764. {block:NotReblog}
  2765. <div class="caption text">
  2766. <div class="tumblr_parent">
  2767. {Caption}
  2768. </div>
  2769. </div>
  2770. {/block:NotReblog}
  2771. {block:RebloggedFrom}
  2772. <div class="caption text">
  2773. {block:Reblogs}
  2774. <div class="tumblr_parent">
  2775. <div class="reblog_head">
  2776. {block:IsActive}
  2777. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2778. <a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>
  2779. {/block:IsActive}
  2780. {block:IsDeactivated}
  2781. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2782. <span class="reblog_user">{Username}</span>
  2783. {/block:IsDeactivated}
  2784. </div>
  2785. <div>
  2786. {Body}
  2787. </div>
  2788. </div>
  2789. {/block:Reblogs}
  2790. </div>
  2791. {/block:RebloggedFrom}
  2792. {/block:Caption}
  2793. {/block:Video}
  2794.  
  2795. {block:Answer}
  2796. <div class="container">
  2797. <div class="asp">
  2798. <i class="typcn typcn-user"></i>
  2799. <span>{Asker}</span>
  2800. </div>
  2801. <div class="question">{Question}</div>
  2802. {block:NotReblog}
  2803. <div class="text sc">
  2804. {Answer}
  2805. </div>
  2806. {/block:NotReblog}
  2807. {block:RebloggedFrom}
  2808. <div class="text sc">
  2809. {block:Answerer}
  2810. <div class="tumblr_parent">
  2811. <div class="reblog_head org">
  2812. <img class="tumblr_avatar" src="{AnswererPortraitURL-64}"/>
  2813. {Answerer}
  2814. </div>
  2815. <div class="reblog_content">
  2816. {Answer}
  2817. </div>
  2818. </div>
  2819. {/block:Answerer}
  2820. {block:Reblogs}
  2821. <div class="tumblr_parent">
  2822. <div class="reblog_head">
  2823. <img class="tumblr_avatar" src="{PortraitURL-64}"/>
  2824. {block:IsActive}<a target="_blank" class="tb" href="{Permalink}">{Username}</a>{/block:IsActive}
  2825. {block:IsDeactivated}<span class="inactive tb">{Username}</span>{/block:IsDeactivated}
  2826. </div>
  2827. <div class="reblog_content">
  2828. {Body}
  2829. </div>
  2830. </div>
  2831. {/block:Reblogs}
  2832. </div>
  2833. {/block:RebloggedFrom}
  2834. </div>
  2835. {/block:Answer}
  2836.  
  2837. {block:Date}
  2838. <div class="state">
  2839. <div class="permalinkz">
  2840. <i class="typcn typcn-pen"></i>
  2841. {block:IndexPage}
  2842. <a href="{Permalink}" class="pl" title="{TimeAgo}">{DayOfMonth} {ShortMonth} '{ShortYear} / {24Hour}:{Minutes}</a>
  2843. {block:NoteCount} &rsaquo; <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  2844. {/block:IndexPage}
  2845. {block:PermalinkPage}
  2846. <span>{DayOfMonth} {ShortMonth} '{ShortYear} / {12Hour}:{Minutes}{CapitalAMPM}</span>
  2847. {block:NoteCount} &rsaquo; <span>{NoteCountWithLabel}</span>{/block:NoteCount}
  2848. {/block:PermalinkPage}
  2849. {block:RebloggedFrom}<span class="air"> &rsaquo; <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> &rsaquo; <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a></span>
  2850. {/block:RebloggedFrom}
  2851. {block:IndexPage}
  2852. {block:HasTags} &rsaquo; <a href="#" class="ctags" title="view tags">tags</a>{/block:HasTags}
  2853. <div class="likereblog">
  2854. <div class="likez"><div class="ilike">
  2855. {LikeButton}
  2856. <i class="typcn typcn-heart-outline"></i>
  2857. </div></div>
  2858. <div class="reblogz">
  2859. <a href="{ReblogURL}" style="display:block"><i class="typcn typcn-arrow-sync"></i></a>
  2860. </div>
  2861. </div><!--buttons-->
  2862. {/block:IndexPage}
  2863. </div>
  2864. {block:HasTags}
  2865. <div class="indextagz">
  2866. <span class="typcn typcn-tags-outline"></span>
  2867. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a> {/block:Tags}
  2868. </div>
  2869. {/block:HasTags}
  2870. </div>
  2871. {/block:Date}
  2872.  
  2873. </article><!-- POSTS -->
  2874.  
  2875. {block:ContentSource}
  2876. <!-- {SourceURL}
  2877. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2878. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2879. {/block:ContentSource}
  2880. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2881.  
  2882. {block:PostNotes}
  2883. <div class="notes">
  2884. <a name="notes">{PostNotes}</a>
  2885. </div>
  2886. {/block:PostNotes}
  2887.  
  2888. {/block:Posts}
  2889. </section><!--postmargin-->
  2890.  
  2891. <!------ COPYRIGHT STUFF ------>
  2892. <div id="copy">
  2893. {block:ifdisclaimer}
  2894. <div class="disclaimer">
  2895. <span class="typcn typcn-warning-outline">Disclaimer:</span>
  2896. {text:disclaimer}
  2897. </div>
  2898. {/block:ifdisclaimer}
  2899. <div>
  2900. &copy; {CopyrightYears} {Name} | theme by <a href="https://magnusthemes.tumblr.com">magnusthemes</a> | powered by tumblr
  2901. </div>
  2902. </div>
  2903.  
  2904. {block:Pagination}
  2905. <!------ FOOTER ------>
  2906. <div id="footer">
  2907. <div class="searchbox">
  2908. <form action="/search" method="get">
  2909. <input type="text" name="q" value="" placeholder="search...">
  2910. <input type="submit" value="">
  2911. <button type="submit">
  2912. <i class="typcn typcn-zoom-outline"></i>
  2913. </button>
  2914. </form>
  2915. </div>
  2916. <div id="pagination">
  2917. {block:PreviousPage}<a href="{PreviousPage}" title="back" class="prev">&lsaquo;</a>{/block:PreviousPage}
  2918. {block:JumpPagination length="5"}
  2919. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  2920. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  2921. {/block:JumpPagination}
  2922. {block:NextPage}<a href="{NextPage}" title="next" class="next">&rsaquo;</a>{/block:NextPage}
  2923. </div>
  2924. {block:ifinfinitescroll}{block:ifmanualload}
  2925. <div id="manual"><a href="#" class="load"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M164.4,78L108,125.6L51.6,78c-2.5-2.1-6.3-1.8-8.5,0.7c-2.1,2.5-1.8,6.3,0.7,8.5l60.3,50.8c1.1,0.9,2.5,1.4,3.9,1.4s2.8-0.5,3.9-1.4l60.3-50.8c2.5-2.1,2.9-5.9,0.7-8.5C170.7,76.2,166.9,75.9,164.4,78z"/></svg><span>load more posts...</span></a>
  2926. </div>
  2927. {/block:ifmanualload}{/block:ifinfinitescroll}
  2928. </div>
  2929. {/block:Pagination}
  2930.  
  2931. </div><!--all-->
  2932.  
  2933. </body>
  2934.  
  2935. <!-- STOP ADDING GODDAMN SCM PLAYERS/HYPSTER/WIKPLAYERS TO MY THEME KTHXBAI -->
  2936.  
  2937. </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!