API tools faq
paste
Advertisement
harreyeh

taezs: fansite #1

harreyeh
Nov 9th, 2020 (edited)
2,625
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. fansite/network theme by taezs
  4. for support for this theme go to creatre.tumblr.com/ask
  5.  
  6. base code by sorrism
  7. all other credits @ creatre.tumblr.com/creds
  8.  
  9. enjoy! let me know if you need any help with anything :-)
  10.  
  11. -->
  12.  
  13. <!DOCTYPE html>
  14. <head>
  15.  
  16. <title>{Name}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!---- variables ---->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#000000"/>
  27. <meta name="color:Link" content="#999999"/>
  28. <meta name="color:Link Hover" content="#000000"/>
  29. <meta name="color:Title"content="#626262"/>
  30. <meta name="color:Top Text"content="#333333"/>
  31. <meta name="color:Header Text"content="#000000"/>
  32. <meta name="color:Header Background" content="#eeeeee"/>
  33. <meta name="color:Header Overlay"content="#ffffff"/>
  34. <meta name="color:Secondary Text"content="#000000"/>
  35. <meta name="color:Scrollbar" content="#494949" />
  36. <meta name="color:Selection" content="#333333" />
  37. <meta name="color:Selection Text" content="#ffffff" />
  38. <meta name="color:Borders" content="#ebebf6"/>
  39. <meta name="color:Accent" content="#fafafa"/>
  40. <meta name="color:Sidebar Titles" content="#333333"/>
  41. <meta name="color:Sidebar Title Borders" content="#eeeeee"/>
  42. <meta name="color:Like Button" content="#eeeeee"/>
  43. <meta name="color:Text Over Accent" content="#000000"/>
  44.  
  45. <meta name="text:Header Title" content="networktitle" />
  46. <meta name="text:Subtitle" content="network subtitle" />
  47. <meta name="text:Header Height" content="300px" />
  48. <meta name="text:Title Padding" content="100px" />
  49. <meta name="text:Header Overlay Opacity" content="10%" />
  50. <meta name="text:Link 1 URL" content="" />
  51. <meta name="text:Link 1" content="tags" />
  52. <meta name="text:Link 2 URL" content="" />
  53. <meta name="text:Link 2" content="members" />
  54. <meta name="text:Link 3 URL" content="" />
  55. <meta name="text:Link 3" content="apply" />
  56.  
  57. <meta name="text:Home Title" content="index"/>
  58. <meta name="text:Ask Title" content="contact"/>
  59. <meta name="text:Archive Title" content="archive"/>
  60.  
  61. <meta name="image:Header" content=""/>
  62. <meta name="image:Sidebar" content=""/>
  63.  
  64. <meta name="if:Inverted Controls" content="1"/>
  65. <meta name="if:Header" content="1"/>
  66. <meta name="if:Header Text" content="1"/>
  67. <meta name="if:Header Socials" content="1"/>
  68. <meta name="if:Header Overlay" content="1"/>
  69. <meta name="if:About Box" content="1"/>
  70. <meta name="if:Admin Box" content="1"/>
  71. <meta name="if:Info Box" content="1"/>
  72. <meta name="if:Links Box" content="1"/>
  73. <meta name="if:Affiliates Box" content="1"/>
  74. <meta name="if:Schedules Box" content="1"/>
  75. <meta name="if:Socials Box" content="1"/>
  76. <meta name="if:Notes Bar" content="1"/>
  77. <meta name="if:Show Tags" content="1"/>
  78. <meta name="if:Hide Header On Permalink" content="0"/>
  79.  
  80.  
  81. <!---- fonts & scripts ---->
  82.  
  83. <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@200;400;600&family=Montserrat:wght@200;400;600&family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
  84.  
  85. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  86.  
  87. <!---- icons by suiomi & linearicons ---->
  88. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  89. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  90.  
  91.  
  92. <!---- css customization begins ---->
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97. /*tumblr controls and lightbox*/
  98.  
  99. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  100.  
  101. .tmblr-lightbox img {opacity:0;}
  102.  
  103. .lightbox-caption {
  104. color:{color:title}!important;
  105. font-family:inherit!important;
  106. font-size:1em!important;
  107. font-weight:normal!important;
  108. text-shadow:none!important;
  109. }
  110.  
  111. .lightbox-image {
  112. -moz-box-shadow:none!important;
  113. -webkit-box-shadow:none!important;
  114. box-shadow:none!important;
  115. -moz-border-radius:0px!important;
  116. -webkit-border-radius:0px!important;
  117. border-radius:0px!important;
  118. padding:0px!important;
  119. border:0!important;
  120. opacity:1!important;
  121. }
  122.  
  123. .vignette {opacity:0!Important;}
  124.  
  125. .iframe-controls--desktop {
  126. position:fixed;
  127. top:0px;
  128. right:0px;
  129. z-index:999999999999;
  130. {block:IfInvertedControls}
  131. filter:invert(100%);
  132. -webkit-filter:invert(100%);
  133. {/block:IfInvertedControls}
  134. -webkit-transform:scale(0.6,0.6);
  135. -webkit-transform-origin: 100% 0%;
  136. -ms-transform-origin:100% 0%;
  137. -ms-transform:scale(0.6,0.6);
  138. transform:scale(0.6,0.6);
  139. transform-origin:100% 0%;
  140. }
  141.  
  142.  
  143. /*tooltip*/
  144.  
  145. .ui-tooltip {
  146. position:Absolute;
  147. z-index:9999;
  148. padding-top:10px;
  149. }
  150.  
  151. .ui-tooltip-content {
  152. background:{color:Accent};
  153. padding:4px 7px;
  154. font-family: 'Montserrat', sans-serif;
  155. border-radius:3px;
  156. color:{color:link};
  157. }
  158.  
  159.  
  160. /*scrollbar*/
  161.  
  162. ::-webkit-scrollbar{
  163. height:11px;
  164. width:11px;
  165. background:inherit;
  166. }
  167.  
  168. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};}
  169.  
  170. ::-webkit-scrollbar-track {background:{color:background};}
  171.  
  172. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:3px solid {color:background};}
  173.  
  174.  
  175. /*main structure*/
  176.  
  177. body {
  178. background:{color:background};
  179. color:{color:text};
  180. font-family: 'Open Sans', sans-serif;
  181. font-size: 11px;
  182. letter-spacing:0.5px;
  183. -moz-osx-font-smoothing:grayscale;
  184. -webkit-font-smoothing:antialiased;
  185. font-smoothing:antialiased;
  186. }
  187.  
  188. a {
  189. color:{color:link};
  190. text-decoration:none;
  191. transition:all .3s linear;
  192. -webkit-transition:all .3s linear;
  193. -o-transition:all .3s linear;
  194. -moz-transition:all .3s linear;
  195. }
  196.  
  197. a, a img {cursor:pointer;}
  198.  
  199. a:hover {
  200. color:{color:Link Hover};
  201. text-decoration:none;
  202. }
  203.  
  204. img {
  205. opacity:1;
  206. border:0;
  207. text-decoration:none;
  208. max-width:100%;
  209. height:auto;
  210. display:block;
  211. }
  212.  
  213. blockquote {
  214. padding:.25em 0 .25em 15px;
  215. margin:.5em 1em;
  216. border-left:3px solid {color:borders};
  217. }
  218.  
  219. pre {
  220. padding:0;
  221. margin:0;
  222. line-height:inherit!important;
  223. background:transparent;
  224. font-family:inherit!Important;
  225. font-size:inherit!important;
  226. white-space:pre-wrap;
  227. white-space:-moz-pre-wrap;
  228. white-space:-pre-wrap;
  229. white-space:-o-pre-wrap;
  230. word-wrap:break-word;
  231. }
  232.  
  233. p {margin:1em 0;}
  234.  
  235. p:first-of-type {margin-top:0;}
  236.  
  237. p:last-of-type {margin-bottom:0;}
  238.  
  239. b, strong, b a, strong a {
  240. font-weight:bold!important;
  241. color:{color:Secondary Text};
  242. }
  243.  
  244. small, big, sub, pre {
  245. font-size:1em!important;
  246. line-height:1.4em!important;
  247. vertical-align:baseline!important;
  248. }
  249.  
  250. h1, h2, h3, h4 {
  251. margin:1.5em 0;
  252. font-size:1.5em;
  253. padding:0;
  254. color:{color:text};
  255. font-weight:bold;
  256. font-family:'Montserrat', sans-serif;
  257. }
  258.  
  259. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {
  260. margin-top:0;
  261. }
  262.  
  263. .comment ul {
  264. list-style: none;
  265. padding: 0;
  266. margin: 0;
  267. }
  268.  
  269. .comment li {
  270. padding-left: 16px;
  271. }
  272.  
  273. .comment li:before {
  274. content: "•";
  275. padding-right: 8px;
  276. color: {color:Secondary Text};
  277. }
  278.  
  279. hr {
  280. border:none;
  281. box-shadow:0;
  282. margin:2em auto;
  283. width:75px;
  284. border-top:1px solid {color:borders};
  285. }
  286.  
  287. ::selection {background:{color:Selection}; color:{color:Selection Text};}
  288.  
  289.  
  290. /*top bar*/
  291.  
  292. #top:before{
  293. position:fixed;
  294. width:100%;
  295. left:0px;top:0px;
  296. height:30px;
  297. background:{color:Accent};
  298. content:'';
  299. font-family: 'Montserrat', sans-serif;
  300. font-weight:200;
  301. }
  302.  
  303. #top, #tit{
  304. position:fixed;
  305. z-index:99;
  306. text-align:right;
  307. background:{color:background};
  308. left:50%;top:30px;
  309. height:40px;
  310. width:1100px;
  311. margin-left:-550px;
  312. }
  313.  
  314. #top{
  315. border-bottom:1px solid {color:Borders};
  316. }
  317.  
  318. #tit{
  319. background:none;
  320. width:400px;
  321. z-index:100;
  322. text-align:left;
  323. font-size:15px;
  324. color:{color:Top Text};
  325. line-height:40px;
  326. font-family: 'Montserrat Alternates', sans-serif;
  327. }
  328.  
  329. #top a{
  330. display:inline-block;
  331. padding:10px;
  332. padding-top:6px;
  333. font-size:11px;
  334. margin:5px;
  335. color:{color:Top Text};
  336. text-transform:lowercase;
  337. margin-top:7px;
  338. font-family: 'Montserrat', sans-serif;
  339. border-bottom:1px solid transparent;
  340. }
  341.  
  342.  
  343. #top a:hover{
  344. padding-bottom:4px;
  345. color:{color:Link Hover};
  346. }
  347.  
  348. #top span{
  349. font-size:10px;
  350. padding-right:4px;
  351. margin-top:-3px;
  352. }
  353.  
  354.  
  355. /* sidebars */
  356.  
  357. #left, #right{
  358. position:absolute;
  359. width:245px;
  360. left:50%;
  361. margin-top:-5px;
  362. margin-left:-550px;
  363. }
  364.  
  365. #right{
  366. margin-left:300px;
  367. }
  368.  
  369. .head{
  370. margin:0px;
  371. padding:0px;
  372. font-size:15px;
  373. margin-bottom:10px;
  374. font-family: 'Montserrat Alternates', sans-serif;
  375. padding-bottom:10px;
  376. border-bottom:1px solid {color:Sidebar Title Borders};
  377. font-weight:400;
  378. font-size:11px;
  379. color:{color:Sidebar Titles};
  380. }
  381.  
  382. .head:after{
  383. position:absolute;
  384. right:0;
  385. content:'\e814';
  386. font-family:'linearicons-free';
  387. margin-top:2px;
  388. font-style:normal;
  389. }
  390.  
  391. .ad:after{content:'\e82a';}
  392. .sch:after{content:'\e836';}
  393. .so:after{content:'\e83d';}
  394. .ql:after{content:'\e871';}
  395. .ab:after{content:'\e843';}
  396. .af:after{content:'\e82b';}
  397.  
  398. #left ul, #right ul{
  399. list-style-type:none;
  400. padding:0px;
  401. margin:0px;
  402. margin-top:-10px;
  403. }
  404.  
  405. #left ul, #left li, #right li, #right ul{
  406. display:block;
  407. padding:0;
  408. margin:5px 0;
  409. }
  410.  
  411. #left li, #right li{
  412. margin-bottom:60px;
  413. }
  414.  
  415. .socials a{
  416. display:block;
  417. padding:5px 0;
  418. }
  419.  
  420. .socials span{
  421. display:inline-block;
  422. width:15px;
  423. }
  424.  
  425. .socials span.th{
  426. color:{color:Secondary Text};
  427. }
  428.  
  429. .desc, .inform{line-height:1.5;}
  430.  
  431. .inform b{font-family: 'Montserrat Alternates', sans-serif;}
  432.  
  433. .inform span{
  434. display:block;
  435. padding:4px;
  436. padding-left:0;
  437. border-bottom:1px solid {color:Borders};
  438. }
  439.  
  440. .inform span:last-child{
  441. border:none;
  442. }
  443.  
  444. .admins img{
  445. width:32px;
  446. border-radius:3px;
  447. float:left;
  448. margin-right:10px;
  449. }
  450.  
  451. .admins a{
  452. display:block;
  453. margin-bottom:20px;
  454. }
  455.  
  456. .admins h3{
  457. display:block;
  458. height:12px;
  459. font-size:10px;
  460. padding:10px;
  461. padding-top:2px;
  462. font-family: 'Montserrat Alternates', sans-serif;
  463. font-weight:600;
  464. color:{color:Secondary Text};
  465. }
  466.  
  467. .admins h3:after{
  468. position:absolute;
  469. display:inline-block;
  470. right:20px;
  471. content:'\e876';
  472. font-family:'linearicons-free';
  473. padding-top:8px;
  474. font-style:normal;
  475. transition:.5s;
  476. opacity:0%;
  477. }
  478.  
  479. .admins a:hover h3:after{
  480. right:10px;
  481. transition:.5s;
  482. opacity:80%;
  483. }
  484.  
  485. .admins i{
  486. display:block;
  487. margin-left:40px;
  488. margin-top:-22px;
  489. color:{color:Link};
  490. margin-bottom:-10px;
  491. }
  492.  
  493. .sbpic img{
  494. width:100%;
  495. border-radius:3px;
  496. margin-bottom:-20px;
  497. }
  498.  
  499. .qlinks a{
  500. display:block;
  501. padding:6px;
  502. font-size:11px;
  503. font-family: 'Montserrat', sans-serif;
  504. padding-left:0;
  505. border-bottom:1px solid {color:Borders};
  506. color:{color:Secondary Text};
  507. }
  508.  
  509. .qlinks a:last-child{
  510. border:none;
  511. }
  512.  
  513. .qlinks a:after{
  514. position:absolute;
  515. display:inline-block;
  516. content:'\e876';
  517. font-family:'linearicons-free';
  518. padding-top:4px;
  519. font-size:8px;
  520. padding-left:20px;
  521. font-style:normal;
  522. transition:.5s;
  523. }
  524.  
  525. .qlinks a:hover:after{
  526. padding-left:30px;
  527. }
  528.  
  529.  
  530. .aff{
  531. text-align:left;
  532. padding-bottom:20px;
  533. }
  534.  
  535. .aff img{
  536. width:38px;
  537. border-radius:3px;
  538. display:inline-block;
  539. margin:4px;
  540. transition:.5s;
  541. }
  542.  
  543. .aff img:hover{
  544. filter: grayscale(100%);
  545. transition:.5s;
  546. }
  547.  
  548. .app{
  549. display:block;
  550. text-align:left;
  551. padding:5px;
  552. color:#aaa;
  553. float:left;
  554. font-style:italic;
  555. }
  556.  
  557. .app:after{
  558. position:absolute;
  559. margin-left:10px;
  560. content:'\e876';
  561. font-family:'linearicons-free';
  562. margin-top:4px;
  563. font-style:normal;
  564. transition:.5s;
  565. opacity:30%;
  566. font-size:8px;
  567. }
  568.  
  569. .app:hover:after{
  570. margin-left:20px;
  571. opacity:100%;
  572. }
  573.  
  574. header {
  575. width:1100px;
  576. height:{text:Header Height};
  577. left:50%;
  578. margin-left:-550px;
  579. position:absolute;
  580. top:110px;
  581. background:{color:Header Background};
  582. {block:IfHeaderOverlay}
  583. background:rgba({RGBcolor:Header Overlay}, {text:Header Overlay Opacity});
  584. {/block:IfHeaderOverlay}
  585. border-radius:3px;
  586. text-align:center;
  587. overflow:hidden;
  588. color:{color:Header Text};
  589. {block:ifHideHeaderOnPermalink}
  590. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  591. {/block:ifHideHeaderOnPermalink}
  592. }
  593.  
  594. header:before{
  595. content:"";
  596. opacity:0.5;
  597. position:absolute;
  598. width:1100px;
  599. margin-left:-550px;
  600. height:{text:Header Height};
  601. background:{color:Header Background};
  602. background-image:url('{image:Header}');
  603. background-repeat:no-repeat;
  604. background-position:center;
  605. background-size:cover;
  606. z-index:-10;
  607. border-radius:3px;
  608. }
  609.  
  610. .sub{
  611. font-size:35px;
  612. font-family: 'Montserrat Alternates', sans-serif;
  613. font-weight:600;
  614. padding-top:{text:Title Padding};
  615. display:block;
  616. }
  617.  
  618.  
  619. #blogtitle {
  620. font-size:1.5em;
  621. color:{color:title};
  622. border:0;
  623. }
  624.  
  625. #description {
  626. margin-top:15px;
  627. font-size:13px;
  628. font-style:italic;
  629. }
  630.  
  631. nav {
  632. display:block;
  633. margin-top:20px;
  634. }
  635.  
  636. nav a {
  637. display:inline-block;
  638. color:{color:Header Text};
  639. margin:0 3px;
  640. border:1px solid transparent;
  641. padding:4px;
  642. padding-left:5px;
  643. padding-bottom:3px;
  644. border-radius:3px;
  645. }
  646.  
  647. nav a:hover{
  648. color:{color:Link Hover};
  649. }
  650.  
  651.  
  652. /*pagination*/
  653.  
  654. footer {
  655. text-align:center;
  656. color:{color:Text Over Accent};
  657. background:{color:Accent};
  658. border-radius:3px;
  659. font-family: 'Montserrat Alternates', sans-serif;
  660. padding:10px;
  661. }
  662.  
  663. footer span {
  664. text-align:right;
  665. float:right;
  666. display:inline-block;
  667. }
  668.  
  669. .current_page {
  670. font-weight:bold;
  671. color:#000000;
  672. }
  673.  
  674. footer a {
  675. display:inline-block;
  676. border:0;
  677. margin:0 5px;
  678. }
  679.  
  680. #copy{
  681. background:none;
  682. margin-top:50px;
  683. width:100%;
  684. text-align:center;
  685. line-height:200%;
  686. font-family: 'Montserrat', sans-serif;
  687. }
  688.  
  689. /*posts*/
  690.  
  691. section {
  692. width:500px;
  693. overflow:hidden;
  694. margin:0px auto 100px auto;
  695. margin-top:450px;
  696. margin-top:calc({text:Header Height} + 160px);
  697. {block:IfNotHeader}margin-top:120px;{/block:IfNotHeader}
  698. {block:ifHideHeaderOnPermalink}
  699. {block:PermalinkPage}margin-top:120px;{/block:PermalinkPage}
  700. {/block:ifHideHeaderOnPermalink}
  701. }
  702.  
  703. .posts {
  704. width:500px;
  705. overflow:hidden;
  706. margin-bottom:100px;
  707. {block:PermalinkPage}margin-bottom:0px;{/block:PermalinkPage}
  708. }
  709.  
  710.  
  711. .ph {
  712. position:relative;
  713. overflow:hidden;
  714. }
  715.  
  716. .ph img {
  717. width:100%;
  718. display:block;
  719. }
  720.  
  721. /* =============================================================================
  722. PXU Photoset Extended Styles
  723. ========================================================================== */
  724.  
  725. .clearit:before, .clearit:after { content: ""; display: table; }
  726. .clearit:after { clear: both; }
  727. .clearit { *zoom: 1; }
  728.  
  729. /* Photoset */
  730.  
  731. .photo-slideshow {
  732. visibility: hidden;
  733. }
  734.  
  735. .photo-slideshow.processed {
  736. visibility: visible;
  737. }
  738.  
  739. .photo-slideshow .row {
  740. clear: both;
  741. width: 100%;
  742. }
  743.  
  744. .photo-slideshow .pxu-photo {
  745. display: block;
  746. float: left;
  747. margin-bottom: 0;
  748. width: 100%;
  749. overflow: hidden;
  750. }
  751.  
  752. .photo-slideshow .pxu-photo img {
  753. display: block;
  754. }
  755.  
  756. .photo-slideshow.processed .pxu-photo img {
  757. width: 100%;
  758. height: auto;
  759. }
  760.  
  761. .photo-slideshow .pxu-photo:first-child img {
  762. margin-left: 0;
  763. }
  764.  
  765. .photo-slideshow .count-1 {
  766. width: 100%;
  767. }
  768.  
  769. .photo-slideshow .count-2 {
  770. width: 50%;
  771. }
  772.  
  773. .photo-slideshow .count-3 {
  774. width: 33.33%;
  775. }
  776.  
  777. .photo-slideshow .count-4 {
  778. width: 25%;
  779. }
  780.  
  781. .photo-slideshow .count-5 {
  782. width: 20%;
  783. }
  784.  
  785. .photo-slideshow .info {
  786. display: none;
  787. }
  788.  
  789. /* Icons for EXIF Data and Zoom */
  790.  
  791. .photo-data {
  792. position: relative;
  793. float: left;
  794. }
  795.  
  796. .icons {
  797. position: absolute;
  798. top: 5px;
  799. right: 5px;
  800. width: 20px;
  801. height: 66px;
  802. text-indent: -9999px;
  803. z-index: 999;
  804. visibility: hidden;
  805. }
  806.  
  807. .icons > span, .icons .tumblr-box span {
  808. width: 20px;
  809. height: 20px;
  810. display: block;
  811. margin-bottom: 2px;
  812. cursor: pointer;
  813. }
  814.  
  815. .zoom {
  816. background: url('https://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');
  817. }
  818.  
  819. .info {
  820. background: url('https://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  821. position: relative;
  822. }
  823.  
  824. /* EXIF & CAPTION Data Tooltip */
  825.  
  826. .pxu-data {
  827. position: absolute;
  828. top: 30px;
  829. left: -110px;
  830. width: 240px;
  831. background: #000;
  832. background: rgba(0,0,0,.85);
  833. color: #fff;
  834. font-size: 12px;
  835. line-height: 1.4;
  836. text-indent: 0;
  837. padding: 20px;
  838. display: none;
  839. opacity: 0;
  840. filter: alpha(opacity = 0);
  841. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  842.  
  843. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  844.  
  845. -webkit-border-radius: 5px;
  846. -moz-border-radius: 5px;
  847. border-radius: 5px;
  848.  
  849. -webkit-box-sizing: border-box;
  850. -moz-box-sizing: border-box;
  851. box-sizing: border-box;
  852.  
  853. }
  854.  
  855. .pxu-caption {
  856. margin-top: 0;
  857. word-wrap: break-word;
  858. }
  859.  
  860. .pxu-caption:before {
  861. content: url('https://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  862. opacity: 0.5;
  863. filter: alpha(opacity = 50);
  864. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  865. float: left;
  866. margin-right: 5px;
  867. }
  868.  
  869. .pxu-data.caption-only .pxu-caption {
  870. margin-bottom: 0;
  871. }
  872.  
  873. .pxu-data table {
  874. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  875. font-weight: bold;
  876. width: 100%;
  877. }
  878.  
  879. .pxu-data table tr {
  880. width: 100%;
  881. }
  882.  
  883. .pxu-data table tr td {
  884. width: 50%;
  885. font-weight: bold;
  886. padding-bottom: 15px;
  887. }
  888.  
  889. .pxu-data table tr:last-child td {
  890. padding-bottom: 0;
  891. }
  892.  
  893. .pxu-data .label {
  894. color: #cccccc;
  895. text-transform: uppercase;
  896. font-size: 10px;
  897. text-align: right;
  898. padding-right: 12px;
  899. font-weight: normal;
  900. }
  901.  
  902. .arrow-down {
  903. width: 0;
  904. height: 0;
  905. border-left: 10px solid transparent;
  906. border-right: 10px solid transparent;
  907.  
  908. border-bottom: 10px solid rgba(0,0,0,0.85);
  909.  
  910. position: absolute;
  911. top: -10px;
  912. left: 110px;
  913. }
  914.  
  915. /*titles*/
  916.  
  917. .title {
  918. color:{color:title};
  919. font-size:1.25em;
  920. line-height:1.75em;
  921. }
  922.  
  923. .title a {color:{color:Text Over Accent};}
  924.  
  925. .title a:hover {color:{color:link};}
  926.  
  927. .ted {margin-top:10px;}
  928.  
  929. /*captions*/
  930.  
  931. .comment {
  932. padding:0 0 1.5em 0;
  933. list-style:none;
  934. }
  935.  
  936. img.usericon{
  937. width:20px;
  938. float:left;
  939. border-radius:3px;
  940. }
  941.  
  942. .user span{
  943. background:{color:background};
  944. padding:0 10px;
  945. }
  946.  
  947. .user:before{
  948. content:"";
  949. width:480px;
  950. position:absolute;
  951. height:1px;
  952. z-index:-100;
  953. background:{color:Accent};
  954. margin-top:10px;
  955. }
  956.  
  957. .comment:last-of-type {padding-bottom:0!important;}
  958.  
  959. .user {
  960. display:inline-block;
  961. line-height:20px;
  962. font-weight:600;
  963. font-family: 'Montserrat', sans-serif;
  964. margin-bottom:.75em;
  965. color:{color:text};
  966. padding-bottom:5px;
  967. }
  968.  
  969. .comment img{
  970. max-width:100%;
  971. }
  972.  
  973. .captioned .comment:first-of-type {margin-top:2em;}
  974.  
  975. .tex li, .tex blockquote {text-align:left;}
  976.  
  977. /*quote*/
  978.  
  979. .source {margin-top:5px;
  980. padding-left:20px;
  981.  
  982. }
  983.  
  984. .quote{
  985. font-size:15px;
  986. }
  987.  
  988.  
  989. .player {
  990. width:25px;
  991. height:24px;
  992. position:absolute;
  993. left:10px;
  994. top:calc(50% - 15px);
  995. display:block;
  996. overflow:hidden;
  997. }
  998.  
  999. .hold {
  1000. text-align:left;
  1001. position:relative;
  1002. display:block;
  1003. background:{color:Accent};
  1004. border-radius:3px;
  1005. min-height:24px;
  1006. padding:15px;
  1007. }
  1008.  
  1009. .audio_info {
  1010. vertical-align:middle;
  1011. line-height:12px;
  1012. margin-left:35px;
  1013. max-width:calc(100% - 35px);
  1014. }
  1015.  
  1016. .audio_info span {
  1017. white-space:nowrap;
  1018. overflow:hidden;
  1019. text-overflow:ellipsis;
  1020. display:block;
  1021. }
  1022. .artist{
  1023. font-size:10px;
  1024. color:{color:Text Over Accent};
  1025. }
  1026.  
  1027. .hold .track {color:{color:Text Over Accent};}
  1028.  
  1029. .track{
  1030. font-weight:600;
  1031. font-family: 'Montserrat', sans-serif;
  1032.  
  1033. }
  1034.  
  1035. /*asks*/
  1036.  
  1037. .q {
  1038. text-align:left;
  1039. padding:15px;
  1040. margin-bottom:2em;
  1041. background:{color:Accent};
  1042. color:{color:Text Over Accent};
  1043. border-radius:3px;
  1044. }
  1045.  
  1046. .as {text-transform:lowercase;
  1047. display:block;
  1048. line-height:20px;
  1049. font-weight:600;
  1050. font-family: 'Montserrat', sans-serif;
  1051. margin-bottom:.75em;
  1052. padding-bottom:5px;
  1053. }
  1054.  
  1055. .as img{
  1056. width:20px;
  1057. float:left;
  1058. margin-right:10px;
  1059. border-radius:3px;
  1060. }
  1061.  
  1062. .as a {color:{color:text};}
  1063.  
  1064. .as a:hover {color:{color:link hover};}
  1065.  
  1066. /*chat*/
  1067.  
  1068. .chat {
  1069. text-align:left;
  1070. margin:0;
  1071. padding:0;
  1072. list-style:none;
  1073. }
  1074.  
  1075. .l {
  1076. padding:15px 0;
  1077. border-bottom:1px solid {color:borders};
  1078. }
  1079.  
  1080. .label {
  1081. font-weight:bold;
  1082. color:{color:title};
  1083. display:inline-block;
  1084. }
  1085.  
  1086. .l:first-of-type {padding-top:0;}
  1087.  
  1088. .l:last-of-type {
  1089. padding-bottom:0;
  1090. border:0;
  1091. }
  1092.  
  1093. /*permalink and notes*/
  1094.  
  1095. .when {margin-top:20px; {block:PermalinkPage} display:none;{/block:PermalinkPage}}
  1096.  
  1097. .when span {display:inline-block;}
  1098.  
  1099. .tags {margin-top:-1em;}
  1100.  
  1101. .tags span{
  1102. display:inline-block;
  1103. margin-top:-1px;
  1104. }
  1105. .tags a {
  1106. opacity:.7;
  1107. display:inline-block;
  1108. margin-left:10px;
  1109. {block:PermalinkPage}
  1110. color:{color:Text Over Accent};
  1111. padding-top:5px;
  1112. {/block:PermalinkPage}
  1113. }
  1114.  
  1115. .tags a:first-child{
  1116. margin-left:0;
  1117. }
  1118.  
  1119. .posts:hover .tags a{
  1120. opacity:1;
  1121. }
  1122.  
  1123. .perm{
  1124. background:{color:Accent};
  1125. border-radius:3px;
  1126. padding:10px;
  1127. border-bottom:20px;
  1128. color:{color:Text Over Accent};
  1129. font-weight:400;
  1130. font-family: 'Montserrat', sans-serif;
  1131. margin-bottom:40px;
  1132. line-height:150%;
  1133. display:none;
  1134. {block:PermalinkPage}
  1135. display:block;
  1136. {/block:PermalinkPage}
  1137. }
  1138.  
  1139. .tags{
  1140. display:block;
  1141. margin:0;
  1142. padding:0;
  1143. }
  1144.  
  1145. .pagenotes {
  1146. padding-top:2em;
  1147. }
  1148.  
  1149. ol.notes {
  1150. list-style-type:none;
  1151. padding:0px;
  1152. text-align:left;
  1153. margin:0px;
  1154. }
  1155.  
  1156. ol.notes li.note {
  1157. display:block;
  1158. border-bottom:1px solid {color:Accent};
  1159. padding:10px;
  1160. }
  1161.  
  1162. ol.notes li.note img.avatar {display:none!important;}
  1163.  
  1164.  
  1165. a.more_notes_link {
  1166. display:block;
  1167. text-align:center;
  1168. font-weight:600;
  1169. color:#000000;
  1170. font-family: 'Montserrat', sans-serif;
  1171. text-transform:uppercase;
  1172. }
  1173.  
  1174.  
  1175. .postt{
  1176. display:block;
  1177. background:{color:Accent};
  1178. border-radius:3px;
  1179. padding:5px;
  1180. font-size:10px;
  1181. height:20px;
  1182. overflow:hidden;
  1183. line-height:20px;
  1184. font-family: 'Montserrat', sans-serif;
  1185. margin-bottom:10px;
  1186. {block:IfNotNotesBar}
  1187. border-radius:0;
  1188. background:none;
  1189. margin-bottom:-2px;
  1190. padding-left:0;
  1191. border-top:1px solid {color:Accent};
  1192. {/block:IfNotNotesBar}
  1193. }
  1194.  
  1195. a.notecount{
  1196. opacity:0;
  1197. }
  1198. .posts:hover a.notecount{
  1199. opacity:1;
  1200. }
  1201.  
  1202. .viasrc{
  1203. line-height:20px;
  1204. opacity:0;
  1205. display:none;
  1206. transition:.5s;
  1207. margin-top:-2px;
  1208. }
  1209.  
  1210. .viasrc:before{
  1211. width:1px;
  1212. height:0.5px;
  1213. background:{color:text};
  1214. margin-left:0px;
  1215. position:absolute;
  1216. margin-top:10px;
  1217. content:'';
  1218. transition:.5s;
  1219. }
  1220.  
  1221. .posts:hover .viasrc{
  1222. padding-left:40px;
  1223. opacity:1;
  1224. transition:.5s;
  1225. }
  1226.  
  1227. .posts:hover .viasrc:before{
  1228. width:25px;
  1229. margin-left:-35px;
  1230. transition:.5s;
  1231. }
  1232.  
  1233. .viasrc img{
  1234. width:13px;
  1235. border-radius:3px;
  1236. }
  1237.  
  1238. .postt a{
  1239. display:inline-block;
  1240. padding:0 5px;
  1241. }
  1242. .viasrc a{
  1243. padding:0;
  1244. margin-top:5px;
  1245. margin-bottom:-3px;
  1246. margin-right:3px;
  1247. }
  1248.  
  1249. .dt{
  1250. text-transform:uppercase;
  1251. border-radius:3px;
  1252. color:{color:text};
  1253. }
  1254.  
  1255. .like_and_reblog_buttons {
  1256. float:right;
  1257. margin-top:4px;
  1258. height:20px;
  1259. margin-right:5px;
  1260. border-radius: 3px;
  1261. list-style: none;
  1262. }
  1263.  
  1264. .like_and_reblog_buttons li {
  1265. display:inline-block;
  1266. margin: 0;
  1267. }
  1268.  
  1269. .like_and_reblog_buttons li:first-child {}
  1270.  
  1271. .like {
  1272. position: relative;
  1273. margin-top:2px;
  1274. }
  1275.  
  1276. .like svg path {
  1277. fill: {color:Like Button};
  1278. }
  1279.  
  1280. .like .like_button {
  1281. position: absolute;
  1282. top: 0;
  1283. opacity: 0;
  1284. overflow: visible;
  1285. }
  1286. .like .like_button.liked {
  1287. opacity: 1;
  1288. overflow: visible;
  1289. }
  1290.  
  1291. .rb{
  1292. margin-top:-16px;
  1293. font-size:12px;
  1294. margin-left:-20px;
  1295. position:absolute;
  1296. }
  1297.  
  1298. .caption{
  1299. display:block;
  1300. margin-top:5px;
  1301. }
  1302.  
  1303. .pin, .posts h1{
  1304. display:block;
  1305. padding:10px;
  1306. border-radius:3px;
  1307. background:{color:Accent};
  1308. margin-bottom:10px;
  1309. color:{color:Text Over Accent};
  1310. font-family: 'Montserrat Alternates', sans-serif;
  1311. }
  1312.  
  1313. .posts h2, .posts h3, .posts h4{
  1314. border-bottom:3px solid {color:Accent};
  1315. padding-bottom:5px;
  1316. font-weight:400;
  1317. }
  1318.  
  1319. .posts h2{
  1320. font-weight:bold;
  1321. }
  1322.  
  1323. .pin span{
  1324. margin-right:20px;
  1325. }
  1326.  
  1327. .vid{
  1328. display:block;
  1329. }
  1330.  
  1331. .posttitle{
  1332. font-size:15px;
  1333. padding:10px 15px;
  1334. }
  1335.  
  1336. /* credit, please do not remove */
  1337. .taezs{
  1338. position:fixed;
  1339. bottom:20px;
  1340. right:20px;
  1341. width:200px;
  1342. height:20px;
  1343. }
  1344.  
  1345. .taezs a{
  1346. display:inline-block;
  1347. background:{color:Background};
  1348. border:1px solid {color:Border};
  1349. border-radius:3px;
  1350. position:fixed;
  1351. right:20px;
  1352. padding:5px;
  1353. bottom:20px;
  1354. color:{color:Borders};
  1355. }
  1356.  
  1357. .taezs a:before{
  1358. content:"theme by taezs";
  1359. position:fixed;
  1360. right:70px;
  1361. opacity:0;
  1362. bottom:27px;
  1363. font-style:italic;
  1364. transition:.5s;
  1365. }
  1366.  
  1367. .taezs a:hover:before{
  1368. opacity:1;
  1369. right:50px;
  1370. color:{color:Text};
  1371. transition:.5s;
  1372. }
  1373.  
  1374. .taezs a:hover{
  1375. color:black;
  1376. background:white;
  1377. border-color:black;
  1378. }
  1379.  
  1380. {CustomCSS}
  1381.  
  1382. </style>
  1383.  
  1384. </head>
  1385.  
  1386. <body>
  1387.  
  1388.  
  1389.  
  1390. <div id="tit">{Name}</div>
  1391.  
  1392. <div id="top">
  1393.  
  1394. {block:ifHomeTitle}<a href="/"><span class="lnr lnr-home"></span> {text:home title}</a>{/block:ifHomeTitle}
  1395.  
  1396. {block:ifAskTitle}<a href="/ask"><span class="lnr lnr-envelope"></span> {text:ask title}</a>{/block:ifAskTitle}
  1397.  
  1398. {block:ifArchiveTitle}<a href="/archive"><span class="lnr lnr-history"></span> {text:archive title}</a>{/block:ifArchiveTitle}
  1399.  
  1400. {block:ifLink1}<a href="{text:Link 1 URL}"><span class="lnr lnr-menu"></span> {text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}"><span class="lnr lnr-users"></span>{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}"><span class="lnr lnr-enter-down"></span> {text:Link 3}</a>{/block:ifLink3}
  1401. </div>
  1402.  
  1403. {block:IfHeader}
  1404. <header>
  1405. {block:IfHeaderText}
  1406. <div class="sub">{text:Header Title}</div>
  1407. <div id="description">{text:Subtitle}</div>
  1408. <nav>
  1409. {block:IfHeaderSocials}
  1410.  
  1411. <!-----
  1412.  
  1413. Add or remove as many as you like - head to https://honeybee.suiomi.com/ to get the correct code for the one you want.
  1414.  
  1415. ----->
  1416.  
  1417. <a href="URL"><span class="th th-facebook-o"></span></a>
  1418. <a href="URL"><span class="th th-twitter-o"></span></a>
  1419. <a href="URL"><span class="th th-instagram"></span></a>
  1420. <a href="URL"><span class="th th-spotify"></span></a>
  1421. <a href="URL"><span class="th th-vlive"></span></a>
  1422. <a href="URL"><span class="th th-twitch"></span></a>
  1423. {/block:IfHeaderSocials}
  1424. </nav>
  1425. {/block:IfHeaderText}
  1426. </header>
  1427. {/block:IfHeader}
  1428.  
  1429.  
  1430. <!---- left sidebar begins ---->
  1431.  
  1432. <div id="left">
  1433. <ul>
  1434. {block:ifSidebarImage}
  1435. <li class="sbpic">
  1436. <img src="{image:Sidebar}">
  1437. </li>
  1438. {/block:ifSidebarImage}
  1439. {block:IfAboutBox}
  1440. <li>
  1441. <h1 class="head dsc">About</h1>
  1442. <div class="desc">
  1443. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="">#linktag</a>
  1444. <br><br>
  1445. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea <i>commodo consequat</i>. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <b>deserunt mollit</b> anim id est laborum.
  1446. </div>
  1447. </li>
  1448. {/block:IfAboutBox}
  1449. {block:IfAdminBox}
  1450.  
  1451. <li>
  1452. <h1 class="head ad">Admins</h1>
  1453. <div class="admins">
  1454. <a href=""><img src="https://static.tumblr.com/vmteopo/1f0o0evzm/drowning.png"><h3>urlname</h3><i>admin</i></a>
  1455. <a href=""><img src="https://static.tumblr.com/vmteopo/9vMo6n5u3/kinfolk_best_medicine.png"><h3>urlname</h3><i>admin</i></a>
  1456. <a href=""><img src="https://static.tumblr.com/vmteopo/ll3numqc0/pink_fash2.jpg"><h3>urlname</h3><i>queueing assistant</i></a>
  1457. <a href=""><img src="https://static.tumblr.com/vmteopo/TUsnzs6x9/mint_girl.png"><h3>urlname</h3><i>queueing assistant</i></a>
  1458. </div>
  1459. </li>
  1460. {/block:IfAdminBox}
  1461. {block:IfInfoBox}
  1462.  
  1463. <li>
  1464. <h1 class="head ab">Information</h1>
  1465. <div class="inform">
  1466. <span><b>About:</b> A Thing</span>
  1467. <span><b>Online:</b> <a href="" title="14 people online">14</a></span>
  1468. <span><b>Total visits:</b> <a href="" title="total views">289163</a></span>
  1469. <span><b>Established:</b> 04 JUL 13</span>
  1470. <span><b>Theme:</b> <a href="https://taezs.tumblr.com">taezs</a></span>
  1471. <span><b>Disclaimer:</b> Our site does not claim credit for any of the images, media, or information posted on this site unless otherwise stated. If you see anything that belongs to you on this blog and you wish for it to be removed please let us know immediately.</span>
  1472. </div>
  1473. </li>
  1474. {/block:IfInfoBox}
  1475.  
  1476.  
  1477.  
  1478. </ul>
  1479. </div>
  1480.  
  1481.  
  1482. <!---- left sidebar ends ---->
  1483.  
  1484.  
  1485. <!---- right sidebar begins ---->
  1486.  
  1487. <div id="right">
  1488. <ul>
  1489.  
  1490.  
  1491. {block:IfLinksBox}
  1492. <li>
  1493. <h1 class="head ql">Quick Links</h1>
  1494. <div class="qlinks">
  1495. <a href="">Members</a>
  1496. <a href="">Tags list</a>
  1497. <a href="">Apply</a>
  1498. <a href="">Archive</a>
  1499. <a href="">FAQ</a>
  1500. <a href="">Rules</a>
  1501.  
  1502. </div>
  1503.  
  1504. </li>
  1505. {/block:IfLinksBox}
  1506.  
  1507. {block:IfAffiliatesBox}
  1508. <li>
  1509. <h1 class="head af">Affiliates</h1>
  1510. <div class="aff">
  1511. <a href=""><img src="https://static.tumblr.com/vmteopo/Dytnumpva/24mg.jpg"></a>
  1512. <a href=""><img src="https://static.tumblr.com/vmteopo/129o5z65p/landon_speers2.png"></a>
  1513. <a href=""><img src="https://static.tumblr.com/vmteopo/ll3numqc0/pink_fash2.jpg"></a>
  1514. <a href=""><img src="https://static.tumblr.com/vmteopo/Crco5z03d/loveandpop_kr.jpg"></a>
  1515. <a href=""><img src="https://static.tumblr.com/vmteopo/BuAo43syo/plant_boy.png"></a>
  1516. <a href=""><img src="https://static.tumblr.com/vmteopo/MAso6oyxe/cherieloup.png"></a>
  1517. <a href=""><img src="https://static.tumblr.com/vmteopo/vCAo5z08h/sammydress.png"></a>
  1518. <a href=""><img src="https://static.tumblr.com/vmteopo/6T9o6n3t9/ye_fei3a.png"></a>
  1519. <a href=""><img src="https://static.tumblr.com/vmteopo/Eaio6p5sg/braidsa.jpg"></a>
  1520. <a href=""><img src="https://static.tumblr.com/vmteopo/tlMo6n40n/selfesteem_icon2.png"></a>
  1521.  
  1522. <a href="/APPLYURL" class="app">Apply to be an affiliate</a>
  1523.  
  1524. </div>
  1525. </li>
  1526. {/block:IfAffiliatesBox}
  1527. {block:IfSchedulesBox}
  1528. <li>
  1529.  
  1530. <h1 class="head sch">Schedule</h1>
  1531. <div class="inform">
  1532. <span><b>201120:</b> thing happens</span>
  1533. <span><b>201120:</b> thing happens</span>
  1534. <span><b>201120:</b> thing happens</span>
  1535. <span><b>201120:</b> thing happens</span>
  1536. <span><b>201120:</b> thing happens</span>
  1537. </div>
  1538.  
  1539.  
  1540. </li>
  1541. {/block:IfSchedulesBox}
  1542. {block:IfSocialsBox}
  1543. <li>
  1544. <h1 class="head so">Socials</h1>
  1545. <div class="socials">
  1546.  
  1547. <!---- to use a social that is not listed here, look up on https://honeybee.suiomi.com/ to see if it exists in this icon font and also what to change the span class name to ---->
  1548.  
  1549. <a href=""><span class="th th-twitter-o"></span> @twitter</a>
  1550. <a href=""><span class="th th-facebook-o"></span> @facebook</a>
  1551. <a href=""><span class="th th-tumblr-o"></span> @tumblr</a>
  1552. <a href=""><span class="th th-discord"></span> @discord</a>
  1553. <a href=""><span class="th th-vlive"></span> @vlive</a>
  1554. <a href=""><span class="th th-instagram"></span> @instagram</a>
  1555. </div>
  1556. </li>
  1557. {/block:IfSocialsBox}
  1558. </ul>
  1559. </div>
  1560.  
  1561. <!---- right sidebar ends ---->
  1562.  
  1563.  
  1564.  
  1565. <section id="entries">{block:posts}
  1566. <article class="posts {block:caption}captioned{/block:caption}">
  1567. {block:PinnedPostLabel}<div class="pin"><span class="lnr lnr-pushpin"></span>Pinned Post</div>{/block:PinnedPostLabel}
  1568. {block:Quote}
  1569. <div class="title quote">{quote}</div>
  1570. {block:Source}<div class="source">&mdash; {source}</div>{/block:Source}
  1571. {/block:Quote}
  1572.  
  1573.  
  1574. {block:Text}
  1575. {block:Title}<div class="pin posttitle">{title}</div>{/block:Title}
  1576. {block:RebloggedFrom}
  1577. {block:Reblogs}
  1578. <li class="comment {block:Title}ted{/block:Title}">
  1579. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img class="usericon" src="{PortraitURL-64}"><span>{username}</span></a>
  1580. <div class="tex">{body}</div>
  1581. </li>
  1582. {/block:Reblogs}
  1583. {/block:RebloggedFrom}
  1584. {block:NotReblog}
  1585. <li class="comment {block:Title}ted{/block:Title}">
  1586. <div class="tex">{body}</div>
  1587. </li>
  1588. {/block:NotReblog}
  1589. {/block:Text}
  1590.  
  1591. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  1592. {block:Description}
  1593. {block:NotReblog}
  1594. <li class="comment ted">
  1595. <div class="tex">{description}</div>
  1596. </li>
  1597. {/block:NotReblog}
  1598. {/block:Description}
  1599. {block:RebloggedFrom}
  1600. {block:Reblogs}
  1601. <li class="comment">
  1602. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1603. <div class="tex">{body}</div>
  1604. </li>
  1605. {/block:Reblogs}
  1606. {/block:RebloggedFrom}
  1607. {/block:Link}
  1608.  
  1609. {block:Chat}
  1610. {block:Title}<div id="title">{title}</div>{/block:Title}
  1611. <ol class="chat {block:Title}ted{/block:Title}">
  1612. {block:lines}
  1613. <li class="l {Alt}">
  1614. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1615. </li>
  1616. {/block:lines}
  1617. </ol>
  1618. {/block:Chat}
  1619.  
  1620. <div class="ph">
  1621.  
  1622. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}
  1623.  
  1624. {/block:Photo}
  1625.  
  1626. {block:Photoset}
  1627.  
  1628. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1629.  
  1630. {block:Photos}
  1631. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1632. <div class="photo-data">
  1633. <div class="pxu-photo">
  1634. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  1635. </div>
  1636. </a>
  1637. </div>
  1638.  
  1639. {/block:Photos}
  1640.  
  1641. </div>
  1642. {/block:Photoset}
  1643.  
  1644.  
  1645. {block:Answer}
  1646. <div class="as"><img src="{AskerPortraitURL-96}">{asker}:</div>
  1647. <div class="q">
  1648. {question}
  1649. </div>
  1650. {block:Answerer}
  1651. <li class="comment">
  1652. <div class="user"><img class="usericon" src="{AnswererPortraitURL-64}"><span>{answerer} replied:</span></div>
  1653. <div class="tex">{answer}</div>
  1654. </li>
  1655. {/block:Answerer}
  1656. {block:NotReblog}
  1657. <li class="comment">
  1658. <div class="tex">{replies}</div>
  1659. </li>
  1660. {/block:NotReblog}
  1661. {block:RebloggedFrom}
  1662. {block:Reblogs}
  1663. <li class="comment">
  1664. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img class="usericon" src="{PortraitURL-64}"><span>{username}</span></a>
  1665. <div class="tex">{body}</div>
  1666. </li>
  1667. {/block:Reblogs}
  1668. {/block:RebloggedFrom}
  1669. {/block:Answer}
  1670.  
  1671. {block:Video}<div class="vid">{video-500}</div>{/block:Video}
  1672.  
  1673.  
  1674. {block:Audio}
  1675. {block:audioplayer}
  1676. <div class="hold">
  1677. <div class="player">{audioplayerwhite}</div>
  1678. <div class="audio_info">
  1679. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  1680. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  1681. </div>
  1682. </div>
  1683. {/block:audioplayer}
  1684.  
  1685. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1686. {/block:Audio}
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692. {block:caption}
  1693. {block:Reblogs}
  1694. <li class="comment">
  1695.  
  1696. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img class="usericon" src="{PortraitURL-64}"><span>{username}</span></a>
  1697. {body}
  1698. </li>
  1699. {/block:Reblogs}
  1700. {block:NotReblog}
  1701. <li class="comment">
  1702. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img class="usericon" src="{PortraitURL-64}"><span>{name}</span></a>
  1703. {caption}
  1704. </li>
  1705. {/block:NotReblog}
  1706. {/block:caption}
  1707.  
  1708.  
  1709. {block:Date}
  1710. <div class="when">
  1711. <div class="postt">
  1712. <a class="dt" href="{Permalink}" >{DayofMonthWithZero} {ShortMonth} {ShortYear}</a>
  1713. {block:NoteCount}<a class="notecount" href="{Permalink}">{NoteCount} N</a>{/block:NoteCount}
  1714. {block:NotReblog}
  1715. <span class="viasrc">original post</span>
  1716. {/block:NotReblog}
  1717.  
  1718. {block:RebloggedFrom}
  1719. <span class="viasrc"><a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-128}"></a>
  1720. {block:ContentSource}
  1721. <a href="{ReblogRootURL}" title="originally posted by {ReblogRootName}"><img src="{ReblogRootPortraitURL-128}"></a>{/block:ContentSource}</span>
  1722. {/block:RebloggedFrom}
  1723. <ul class="like_and_reblog_buttons">
  1724. <li><div class="rb"><a href="{ReblogURL}"><span class="lnr lnr-redo"></span></a></div></li>
  1725. <li class="like">
  1726. <svg width="14" height="14" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
  1727. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  1728. </svg>
  1729. {LikeButton size="14"}
  1730. </li></ul>
  1731. </div>
  1732. {block:IfShowTags}
  1733. {block:hastags}
  1734. <span class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</span>
  1735. {/block:hasTags}
  1736. {/block:IfShowTags}
  1737. </div>
  1738. {/block:Date}
  1739.  
  1740. </article>
  1741.  
  1742.  
  1743. {block:PermalinkPage}
  1744. {block:Date}
  1745. <article class="posts pagenotes notecount">
  1746. <div class="perm">
  1747. {TimeAgo} on <a href="/day/{Year}/{MonthNumberWithZero}/{dayofmonthwithzero}">{DayofMonthWithZero} {ShortMonth} {ShortYear}</a> with {NoteCountWithLabel}
  1748.  
  1749. {block:RebloggedFrom}
  1750. <br>reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1751. {block:ContentSource}
  1752. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  1753. {/block:RebloggedFrom}
  1754. {block:HasTags}
  1755. <br>filed under:<br>{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}
  1756. {/block:HasTags}
  1757. </div>
  1758. {PostNotes}
  1759. </article>
  1760. {/block:Date}
  1761. {/block:PermalinkPage}
  1762.  
  1763.  
  1764. {/block:Posts}
  1765.  
  1766. {block:Pagination}
  1767. <footer id="pagination">
  1768. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}{/block:nextpage}{/block:PreviousPage}
  1769.  
  1770. {block:JumpPagination length="5"}
  1771. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1772. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1773. {/block:JumpPagination}
  1774. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1775. </footer>
  1776. {/block:Pagination}
  1777.  
  1778. <div id="copy">
  1779. &copy; {Name}<br>
  1780. Powered by Tumblr<br>
  1781. {CopyrightYears}
  1782.  
  1783. </div>
  1784.  
  1785. </section>
  1786.  
  1787. <!------ LEAVE CREDIT IN TACT ------------>
  1788. <div class="taezs"><a href="https://taezs.tumblr.com"><span class="lnr lnr-paperclip"></span></a></div>
  1789. <!------ LEAVE CREDIT IN TACT ------------>
  1790.  
  1791. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  1792.  
  1793. <script>
  1794. $(document).ready(function(){
  1795. $('.photo-slideshow').pxuPhotoset({
  1796. lightbox: true,
  1797. highRes: true,
  1798. gutter: '4px',
  1799. borderRadius: '0px',
  1800. photoset: '.photo-slideshow',
  1801. photoWrap: '.photo-data',
  1802. photo: '.pxu-photo'
  1803. });
  1804.  
  1805. });
  1806. </script>
  1807.  
  1808.  
  1809. <script>
  1810. $(document).ready(function(){
  1811. $('body').tooltip({track:true});
  1812. $('iframe.tumblr_audio_player').load( function() {
  1813. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:Accent} !important} </style>"));
  1814. });
  1815. {block:indexpage}
  1816. {block:ifinfinitescroll}
  1817. var $container = $('section');
  1818. $container.infinitescroll({
  1819. itemSelector: 'article',
  1820. navSelector: 'footer',
  1821. nextSelector: 'footer a',
  1822. loadingImg: '',
  1823. loadingText: '<em></em>',
  1824. bufferPx: 100
  1825. },
  1826. function( newElements ) {
  1827. var $newElems = $( newElements );
  1828. $newElems.find('iframe.tumblr_audio_player').load(function(){
  1829. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  1830. });
  1831. });
  1832. {/block:ifinfinitescroll}
  1833. {/block:indexpage}
  1834. });
  1835. </script>
  1836.  
  1837.  
  1838. {block:ContentSource}
  1839. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1840. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1841. {/block:SourceLogo}
  1842. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1843. {/block:ContentSource}
  1844. </body></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!