stella_rex

Sepulchre - (4.1)

Mar 14th, 2021
5,240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.06 KB | None | 0 0
  1. <!--
  2. Theme 4.1 - SEPULCHRE
  3. Revamp of theme 4.0 (Altar) by ARESANGLANT.TUMBLR.COM
  4. ( completed 3/13/21 )
  5.  
  6. . DON'T REMOVE CREDIT
  7. . DON'T USE AS A BASE CODE
  8. . DON'T CLAIM AS YOUR OWN
  9. . DON'T HEAVILY EDIT UNTIL IT IS UNRECOGNIZABLE FROM THE ORIGINAL DESIGN
  10.  
  11. . for a list of the credits please see original post
  12. . please send messages or concerns to aresanglant.tumblr.com
  13. . thank you for showing interest in my theme and following my rules of use! i love you \o/
  14.  
  15. -->
  16.  
  17. <!DOCTYPE html>
  18. <head><title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#FFFFFF"/>
  25. <meta name="color:Text" content="#333333"/>
  26. <meta name="color:Link" content="#333333"/>
  27. <meta name="color:Linkhover" content="#F2992E"/>
  28. <meta name="color:Border" content="#EEEEEE"/>
  29. <meta name="color:Scrollbar" content="#F7C282"/>
  30. <meta name="color:Scrollbarbg" content="#EEEEEE"/>
  31. <meta name="color:Sidebarbg" content="#FFFFFF"/>
  32. <meta name="color:Tooltipbg" content="#333333"/>
  33. <meta name="color:Tooltiptext" content="#FFFFFF"/>
  34. <meta name="color:Captionbg" content="#F6F6F6"/>
  35.  
  36. <meta name="image:SidebarImage" content=""/>
  37. <meta name="if:Show Social" content"0"/>
  38. <meta name="if:Show SideImage" content"0"/>
  39.  
  40. <meta name="text:Link 1 URL" content="" />
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 3" content="" />
  46. <meta name="text:Link 4 URL" content="" />
  47. <meta name="text:Link 4" content="" />
  48. <meta name="text:Link 5 URL" content="" />
  49. <meta name="text:Link 5" content="" />
  50.  
  51. <meta name="text:Discord title" content="" />
  52. <meta name="text:Discord url" content="" />
  53.  
  54. <meta name="text:Pinterest title" content="" />
  55. <meta name="text:Pinterest url" content="" />
  56.  
  57. <meta name="text:Twitter title" content="" />
  58. <meta name="text:Twitter url" content="" />
  59.  
  60. <meta name="text:Facebook title" content="" />
  61. <meta name="text:Facebook url" content="" />
  62.  
  63. <meta name="text:Instagram title" content="" />
  64. <meta name="text:Instagram url" content="" />
  65.  
  66. <meta name="select:Font" content="arial" title="Arial">
  67. <meta name="select:Font" content="playfair" title="Playfair Display">
  68.  
  69. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  71.  
  72. <!-- Fonts -->
  73.  
  74. <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&display=swap" rel="stylesheet">
  75.  
  76. <!-- Honeybee Icon font by Suiomi -->
  77.  
  78. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  79.  
  80. <style type="text/css">
  81.  
  82. .playfair {font-family: 'Playfair Display', serif;}
  83. .arial {font-family:arial;}
  84.  
  85. ::-webkit-scrollbar {
  86. width:17px;
  87. height:17px;}
  88.  
  89. ::-webkit-scrollbar {
  90. background-color:{color:background};}
  91.  
  92. ::-webkit-scrollbar-track {
  93. border:8px solid {color:background};
  94. background-color:{color:scrollbarbg};}
  95.  
  96. ::-webkit-scrollbar-thumb {
  97. border:8px solid {color:background};
  98. background-color:{color:scrollbar};
  99. min-height:24px;
  100. min-width:24px;}
  101.  
  102. body {
  103. background:{color:background};
  104. color:{color:text};
  105. font-family: 'Raleway', sans-serif;
  106. font-size:14px;
  107. letter-spacing:0.3px;
  108. text-align:justify;
  109. margin:0;
  110. line-height:2; }
  111.  
  112. a {
  113. color:{color:link};
  114. text-decoration:none;
  115. -webkit-transition: all .3s ease-in-out;
  116. -moz-transition: all .3s ease-in-out;
  117. -ms-transition: all .3s ease-in-out;
  118. -o-transition: all .3s ease-in-out;
  119. transition: all .3s ease-in-out; }
  120.  
  121. a:hover {
  122. color:{color:linkhover};
  123. -webkit-transition: all .3s ease-in-out;
  124. -moz-transition: all .3s ease-in-out;
  125. -ms-transition: all .3s ease-in-out;
  126. -o-transition: all .3s ease-in-out;
  127. transition: all .3s ease-in-out; }
  128.  
  129. img{opacity:1;
  130. border:none;
  131. text-decoration:none; }
  132.  
  133. small {
  134. font-size:12px;}
  135. big {
  136. font-size:15px;}
  137.  
  138. h1 {
  139. font-weight:800;
  140. font-size:17px; }
  141.  
  142. .tippy-tooltip.custom-theme {
  143. background-color:{color:tooltipbg};
  144. color:{color:tooltiptext};
  145. text-align:center;
  146. font-size:11px;
  147. padding:2px;
  148. font-style:italic;
  149. letter-spacing:0.9px;}
  150.  
  151. .sidebarim {
  152. margin-left:70px;
  153. position:absolute;
  154. width:60px;
  155. height:60px;
  156. margin-bottom:-10px;
  157. {block:ifNotShowSideImage}
  158. display:none!important;
  159. {/block:ifNotShowSideImage} }
  160.  
  161. .sidebarim img {
  162. border:0px solid {color:border};
  163. width:60px;
  164. height:60px;
  165. border-radius:100%; }
  166.  
  167. #blogt {
  168. font-size:19px;
  169. width:100%;
  170. height:auto;
  171. font-weight:800;
  172. letter-spacing:0px;
  173. line-height:1.2;
  174. text-transform:uppercase;
  175. text-align:center;
  176. padding-top:20px;
  177. border-top:1px solid {color:border};
  178. margin-top:80px;
  179.  
  180. {block:ifNotShowSideImage}
  181. border-top:none;
  182. margin-top:-10px;
  183. {/block:ifNotShowSideImage} }
  184.  
  185. #blogt a {
  186. color:{color:text}; }
  187.  
  188. #blogt a:hover {
  189. color:{color:linkhover}; }
  190.  
  191. #sidebar {
  192. height:auto;
  193. position:fixed;
  194. right:170px;
  195. margin-top:25px;
  196. width:250px;
  197. padding:20px;
  198. background-color:{color:sidebarbg};
  199. -moz-border-radius:5px;
  200. -webkit-border-radius:5px;
  201. z-index:999; }
  202.  
  203. #links {
  204. width:100%;
  205. letter-spacing:1px;
  206. line-height:2.3;
  207. margin-top:20px;
  208. margin-bottom:20px;
  209. text-align:center;
  210. font-style:italic;
  211. text-transform:lowercase;
  212. font-size:13px; }
  213.  
  214. #links a {
  215. margin-right:3px;
  216. margin-bottom:10px;
  217. color:{color:link}; }
  218.  
  219. #links a:hover {
  220. color:{color:linkhover}; }
  221.  
  222. .places {
  223. border-top:1px solid {color:border};
  224. font-size:16px;
  225. padding-top:15px;
  226. margin-top:20px;
  227. margin-bottom:-15px;
  228. width:100%;
  229. text-align:center;
  230. {block:ifNotShowSocial}
  231. display:none!important;
  232. {/block:ifNotShowSocial}}
  233.  
  234. .places a {
  235. padding-right:10px;
  236. padding-left:10px;
  237. color:{color:text}!important; }
  238.  
  239. .places a:hover {
  240. color:{color:linkhover}!important; }
  241.  
  242. .description {
  243. font-size:13px;
  244. padding-bottom:20px;
  245. text-align:justify;
  246. width:100%;
  247. border-bottom:1px solid {color:border};
  248. margin-top:15px; }
  249.  
  250. #pagination {
  251. width:auto;
  252. letter-spacing:0.6px;
  253. font-weight:900;
  254. font-size:17px;
  255. color:{color:text};
  256. text-align:center;
  257. padding-top:10px;
  258. border-top:1px solid {color:border}; }
  259.  
  260. #pagination a {
  261. color:{color:text};
  262. font-weight:900;
  263. padding:0 15px; }
  264.  
  265. #pagination a:hover {
  266. color:{color:text}; }
  267.  
  268. .pagenotestitle {
  269. font-weight:800;
  270. font-size:17px; }
  271.  
  272. #title {font-size:17px;
  273. line-height:18px;
  274. margin-bottom:10px;
  275. text-transform:uppercase;
  276. text-align:left;
  277. font-weight:800;}
  278.  
  279. #con {
  280. left:12%;
  281. position:absolute;
  282. padding:95px;}
  283.  
  284. #entries {
  285. margin-top:0px;
  286. width:500px;}
  287.  
  288. #posts {
  289. padding:30px;
  290. background-color:{color:background};
  291. width:500px;
  292. {block:IndexPage}
  293. margin-bottom:130px;
  294. {/block:IndexPage}
  295. {block:PermalinkPage}
  296. margin-bottom:50px;
  297. {/block:PermalinkPage}
  298. -moz-border-radius:5px;
  299. -webkit-border-radius:5px;}
  300.  
  301. #posts img {
  302. max-width:99%;
  303. display:block;
  304. margin:auto; }
  305.  
  306. .photoset {
  307. padding:10px;
  308. max-width:500px;
  309. width:99%;
  310. margin:auto;}
  311.  
  312. .video {
  313. max-width:500px!important;
  314. overflow:hidden!important;
  315. width:100%;
  316. margin:auto!important;}
  317.  
  318. #posts li {max-width: 100%;}
  319.  
  320. blockquote {
  321. margin-left:0px;
  322. text-align:justify;}
  323.  
  324. .caption {width:100%;
  325. margin-top:15px;
  326. padding:20px;
  327. background-color:{color:captionbg};
  328. -moz-border-radius:5px;
  329. -webkit-border-radius:5px; }
  330.  
  331. #titlequote{text-align:left;
  332. letter-spacing:0.3px;
  333. font-style:italic;
  334. text-transform:lowercase;
  335. line-height:1.7;}
  336.  
  337. #source {
  338. font-weight:800;
  339. font-size:15px;
  340. margin-top:15px;
  341. margin-left:5px;}
  342.  
  343. #player {
  344. border-left:1px solid {color:border};
  345. opacity:1;
  346. width:auto;
  347. height:50px;
  348. padding-top:10px;
  349. padding-left:20px;
  350. padding-bottom:10px;
  351. overflow:hidden;
  352. position:absolute;
  353. background-color:{color:background}; }
  354.  
  355. #albumdet {
  356. border-top:1px solid {color:border};
  357. height:auto;
  358. padding:10px;
  359. width:100%;
  360. margin-top:70px;
  361. display:inline-block;
  362. background-color:{color:background}; }
  363.  
  364. .questiongen {
  365. background-color:{color:captionbg};
  366. color:{color:text};
  367. padding:25px;
  368. margin-bottom:20px;
  369. -moz-border-radius:3px;
  370. -webkit-border-radius:3px; }
  371.  
  372. .questiontitle {font-size:15px;
  373. color:{color:text};
  374. font-weight:800;
  375. margin-top:-5px;
  376. margin-left:5px;
  377. text-transform:uppercase;}
  378.  
  379. .thequestion {
  380. border-left:1px solid {color:border};
  381. padding-left:15px;
  382. margin-left:25px;
  383. font-style:italic;}
  384. .a {
  385. border-top:1px solid {color:border};
  386. border-bottom:1px solid {color:border};
  387. padding:15px;
  388. text-align:justify;}
  389.  
  390. .chat ol {
  391. padding:0;
  392. list-style:none;}
  393. .line {padding:10px 0;
  394. margin-left:35px;}
  395. .label {font-style:italic;}
  396.  
  397. #permalink {
  398. margin-top:30px;
  399. text-transform:lowercase;
  400. text-align:center;
  401. padding-bottom:25px;
  402. border-bottom:1px solid {color:border}; }
  403.  
  404. #permalink a {margin-right:25px; color:{color:text}; }
  405.  
  406. #permalink a:hover {
  407. color:{color:linkhover}; }
  408.  
  409. .tags {
  410. font-size:13px;
  411. color:{color:text};
  412. text-align:center;
  413. word-break:break-all;
  414. margin-top:20px;
  415. font-style:italic;
  416. text-transform:lowercase; }
  417.  
  418. .tags a {
  419. margin-right:8px;
  420. color:{color:link}; }
  421.  
  422. .tags a:hover {
  423. color:{color:linkhover}; }
  424.  
  425. .pagenotes {
  426. text-align:center;
  427. width:auto;
  428. {block:IndexPage}
  429. display: none!important;
  430. {/block:IndexPage} }
  431.  
  432. .pagenotes a {
  433. margin-left:7px;
  434. margin-right:7px;
  435. font-size:14px;
  436. color:{color:linkhover};}
  437.  
  438. .pagenotes img {
  439. display:none!important; }
  440.  
  441. .pagenotes li {
  442. border-bottom:1px solid {color:border};
  443. list-style-type:none;
  444. padding-bottom:30px;
  445. margin:30px 0 0 -35px;}
  446.  
  447. #credit {
  448. text-transform:uppercase;
  449. font-size:10px;
  450. color:{color:text};
  451. font-family:arial;
  452. position:static;
  453. bottom:0px;
  454. margin-top:30px;
  455. letter-spacing:0.1em;
  456. padding:8px;
  457. text-align:center;
  458. text-transform:uppercase; }
  459.  
  460. #credit a {
  461. opacity:0.7;
  462. color:{color:text};}
  463.  
  464. #credit a:hover {
  465. opacity:1;
  466. color:{color:text}; }
  467.  
  468. /* link effect by Mary Lou on Codrops (don't edit) */
  469.  
  470. *,
  471. *:after,
  472. *::before {
  473. -webkit-box-sizing: border-box;
  474. -moz-box-sizing: border-box;
  475. box-sizing: border-box;}
  476.  
  477. nav a {
  478. position: relative;
  479. display: inline-block;
  480. margin: 15px 25px;
  481. outline: none;
  482. color: {color:background};
  483. text-decoration: none;
  484. text-transform: uppercase;
  485. letter-spacing: 1px;
  486. font-weight: 400;
  487. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  488. font-size: 1.35em;}
  489.  
  490. nav a:hover,
  491. nav a:focus {
  492. outline: none;}
  493.  
  494. /* Effect 1: Brackets */
  495.  
  496. .cl-effect-1 a::before,
  497. .cl-effect-1 a::after {
  498. display: inline-block;
  499. opacity: 0;
  500. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  501. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  502. transition: transform 0.3s, opacity 0.2s;}
  503.  
  504. .cl-effect-1 a::before {
  505. margin-right: 7px;
  506. content: '(';
  507. -webkit-transform: translateX(20px);
  508. -moz-transform: translateX(20px);
  509. transform: translateX(20px);}
  510.  
  511. .cl-effect-1 a::after {
  512. margin-left: 7px;
  513. content: ')';
  514. -webkit-transform: translateX(-20px);
  515. -moz-transform: translateX(-20px);
  516. transform: translateX(-20px);}
  517.  
  518. .cl-effect-1 a:hover::before,
  519. .cl-effect-1 a:hover::after,
  520. .cl-effect-1 a:focus::before,
  521. .cl-effect-1 a:focus::after {
  522. opacity: 1;
  523. -webkit-transform: translateX(0px);
  524. -moz-transform: translateX(0px);
  525. transform: translateX(0px);}
  526.  
  527. /* responsive code */
  528.  
  529. @media only screen and (max-width: 415px) {
  530.  
  531. #sidebar {
  532. position:relative;
  533. left:0px!important;
  534. width:100%!important;
  535. top:0; }
  536.  
  537. #con {
  538. left:0px!important;
  539. position:absolute;
  540. padding:95px; }
  541.  
  542. #entries {
  543. margin-top:125px;
  544. width:100%; }
  545.  
  546. #posts {
  547. width:100%;}
  548.  
  549. .video {
  550. width:250px;}
  551.  
  552. }
  553.  
  554. @media only screen and (max-width: 600px) {
  555. #sidebar {
  556. position:relative;
  557. left:0px!important;
  558. width:100%!important;
  559. top:0; }
  560.  
  561. #con {
  562. left:0px!important;
  563. position:absolute;
  564. padding:95px; }
  565.  
  566. #entries {
  567. margin-top:125px;
  568. width:100%; }
  569.  
  570. .video {
  571. width:400px; }
  572.  
  573. #posts {
  574. width:100%;}
  575.  
  576. .sidebarim {
  577. margin-left:30px;
  578. position:absolute;
  579. width:50px;
  580. height:50px;
  581. margin-bottom:-10px;
  582.  
  583. {block:ifNotShowSideImage}
  584. display:none!important;
  585. {/block:ifNotShowSideImage} }
  586.  
  587. .sidebarim img {
  588. border:0px solid {color:border};
  589. width:50px;
  590. height:50px;
  591. border-radius:100%; }
  592.  
  593. #blogt {
  594. margin-top:70px;}
  595.  
  596. #pagination {
  597. border-top:1px solid {color:border};
  598. bottom:0;
  599. left:0;
  600. position:fixed;
  601. width:100%!important;
  602. padding:15px;
  603. background-color:{color:sidebarbg};
  604. z-index:999999;}
  605. }
  606.  
  607.  
  608. @media only screen and (max-width: 800px) {
  609.  
  610. #sidebar {
  611. position:relative;
  612. left:0;
  613. width:100%!important;
  614. top:0; }
  615.  
  616. #con {
  617. left:0px!important;
  618. position:absolute;
  619. padding:95px; }
  620.  
  621. #entries {
  622. margin-top:125px;
  623. width:100%; }
  624.  
  625. #posts {
  626. width:100%;}
  627.  
  628. .sidebarim {
  629. margin-left:30px;
  630. position:absolute;
  631. width:50px;
  632. height:50px;
  633. margin-bottom:-10px;
  634.  
  635. {block:ifNotShowSideImage}
  636. display:none!important;
  637. {/block:ifNotShowSideImage} }
  638.  
  639. .sidebarim img {
  640. border:0px solid {color:border};
  641. width:50px;
  642. height:50px;
  643. border-radius:100%; }
  644.  
  645. #blogt {
  646. margin-top:70px;
  647.  
  648. {block:ifNotShowSideImage}
  649. margin-top:0px;
  650. {/block:ifNotShowSideImage}}
  651.  
  652. #pagination {
  653. border-top:1px solid {color:border};
  654. bottom:0;
  655. left:0;
  656. position:fixed;
  657. width:100%!important;
  658. padding:15px;
  659. background-color:{color:sidebarbg};
  660. z-index:999999;}
  661. .photoset {
  662. margin:auto; }
  663. }
  664.  
  665. @media only screen and (max-width: 992px) and (min-width: 601px) {
  666. #sidebar {
  667. position:relative;
  668. left:0px!important;
  669. width:100%!important;
  670. top:0; }
  671.  
  672. #con {
  673. left:0px!important;
  674. position:absolute;
  675. padding:95px; }
  676.  
  677. #entries {
  678. margin-top:125px;
  679. width:100%; }
  680.  
  681. #posts {
  682. width:100%;}
  683.  
  684. .sidebarim {
  685. margin-left:30px;
  686. position:absolute;
  687. width:50px;
  688. height:50px;
  689. margin-bottom:-10px;
  690.  
  691. {block:ifNotShowSideImage}
  692. display:none!important;
  693. {/block:ifNotShowSideImage} }
  694.  
  695. .sidebarim img {
  696. border:0px solid {color:border};
  697. width:50px;
  698. height:50px;
  699. border-radius:100%; }
  700.  
  701. #blogt {
  702. margin-top:70px
  703.  
  704. {block:ifNotShowSideImage}
  705. margin-top:10px;
  706. {/block:ifNotShowSideImage}}
  707.  
  708. #pagination {
  709. border-top:1px solid {color:border};
  710. bottom:0;
  711. left:0;
  712. position:fixed;
  713. width:100%!important;
  714. padding:15px;
  715. background-color:{color:sidebarbg};
  716. z-index:999999;}
  717. .photoset {
  718. margin:auto; } }
  719.  
  720. @media only screen and (width: 1024px) {
  721. #con {
  722. left:0px!important;
  723. position:absolute; } }
  724.  
  725.  
  726. @media only screen and (max-width: 1366px) {
  727. #sidebar {
  728. right:80px;
  729. margin-top:25px;}
  730. }
  731.  
  732. @media only screen and (min-width: 1680px) {
  733. #sidebar {
  734. right:300px;
  735. width:350px;
  736. margin-top:130px; }
  737.  
  738. .sidebarim {
  739. left:70px;
  740. position:absolute;
  741. width:70px;
  742. height:70px;
  743. margin-bottom:-10px;
  744.  
  745. {block:ifNotShowSideImage}
  746. display:none!important;
  747. {/block:ifNotShowSideImage} }
  748.  
  749. .sidebarim img {
  750. border:0px solid {color:border};
  751. width:70px;
  752. height:70px;
  753. border-radius:100%; }
  754.  
  755. #entries {
  756. margin-top:100px;} }
  757.  
  758. /* tumblr controls */
  759.  
  760. .tcontrol {
  761. z-index:999999999!important;
  762. position:fixed;
  763. text-align:right;
  764. padding-top:5px;
  765. padding-right:15px;
  766. padding-bottom:5px;
  767. top:0px;
  768. font-size:21px;
  769. font-weight:900;
  770. width:100%;
  771. background-color:{color:background}; }
  772.  
  773. .tmblr-iframe {
  774. z-index:9999999999999!important;
  775. top:0px;
  776. opacity:1;
  777. transform:scale(0.7,0.7); }
  778.  
  779.  
  780. {CustomCSS}
  781.  
  782. </style>
  783. </head>
  784. <body>
  785.  
  786. <div class="tcontrol">&plusb;</div>
  787. <div id="con">
  788. <div id="sidebar">
  789. <div class="sidebarim"><img src="{image:SidebarImage}"></div>
  790. <div class="cl-effect-1" id="cl-effect-1">
  791. <div class="{select:Font}" id="blogt"><a href="/" title="home">{Title}</a></div></div>
  792. <div class="description">{Description}</div>
  793. <div class="{select:Font}" id="links" >
  794.  
  795. <a href="/ask">Ask</a> &nbsp; / &nbsp;
  796. {block:ifLink1}<a href="{text:Link 1 URL}"> {text:Link 1} </a>{/block:ifLink1}
  797. &nbsp; / &nbsp;
  798. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  799. &nbsp; / &nbsp;
  800. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a> {/block:ifLink3}
  801. &nbsp; / &nbsp;
  802. {block:ifLink4}<a href="{text:Link 4 URL}" >{text:Link 4}</a> {/block:ifLink4}
  803. &nbsp; / &nbsp;
  804. {block:ifLink5}<a href="{text:Link 5 URL}" >{text:Link 5}</a> {/block:ifLink5}
  805.  
  806. <div class="places">
  807.  
  808. <!-- remove this if you don't have a discord -->
  809. <a href="{text:discord url}" title="{text:discord title}"><span class="th th-discord"></span></a>
  810. <!-- end of discord link -->
  811.  
  812. <!-- remove this if you don't have a pinterest -->
  813. <a href="{text:pinterest url}" title="{text:pinterest title}"><span class="th th-pinterest"></span></a>
  814. <!-- end of pinterest link -->
  815.  
  816. <!-- remove this if you don't have a twitter -->
  817. <a href="{text:twitter url}" title="{text:twitter title}"><span class="th th-twitter"></span></a>
  818. <!-- end of twitter link -->
  819.  
  820. <!-- remove this if you don't have a facebook -->
  821. <a href="{text:facebook url}" title="{text:facebook title}"><span class="th th-facebook"></span></a>
  822. <!-- end of facebook link -->
  823.  
  824. <!-- remove this if you don't have an instagram -->
  825. <a href="{text:instagram url}" title="{text:instagram title}"><span class="th th-instagram"></span></a>
  826. <!-- end of insta link -->
  827.  
  828.  
  829. </div></div>
  830.  
  831. <div class="{select:Font}" id="pagination">
  832. {block:Pagination}
  833. {block:PreviousPage}
  834. &nbsp; <a href="{PreviousPage}" title="back"> &lsaquo; </a>
  835. {/block:PreviousPage}
  836. &nbsp;
  837.  
  838. {block:NextPage}
  839. &nbsp; <a href="{NextPage}" title="forward"> &rsaquo; </a>
  840. {/block:NextPage}
  841. {/block:Pagination}
  842. </div>
  843. </div>
  844.  
  845. <div id="entries">
  846. {block:Posts}
  847. <div id="posts" post-type="{PostType}">
  848.  
  849. {block:Quote}
  850.  
  851. <div id="titlequote">{Quote}</div>
  852. {block:Source}<div class="{select:Font}" id="source">&mdash; {Source}</div>{/block:Source}
  853. {/block:Quote}
  854.  
  855. {block:Text}
  856. {block:Title}
  857. <div class="{select:Font}" id="title">{Title}</div>{/block:Title}
  858. {Body}
  859. {/block:Text}
  860.  
  861. {block:Link}
  862. <div id="title"><a href="{URL}"> {Name} </a></div>{block:Description}{Description}{/block:Description}
  863. {/block:Link}
  864.  
  865. {block:Chat}
  866.  
  867. {block:Title}
  868. <h1>{Title}</h1>
  869. {/block:Title}
  870.  
  871. <div class="chat">
  872. <ol>
  873. {block:Lines}
  874. {block:Label}
  875. <span class="label"> <div class="{select:Font}">
  876. <b>{Label}</b></span></div>{/block:Label}
  877. <li class="line {Alt}">
  878. {Line}</li>
  879. {/block:Lines}
  880. </ol></div>
  881.  
  882. {/block:Chat}
  883.  
  884. {block:Photo}
  885. {LinkOpenTag}<img src="{PhotoURL-500}" width="{PhotoWidth-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  886. {/block:Photo}
  887.  
  888. {block:Photoset}
  889. <div class="photoset"> {Photoset-500} </div>
  890. {/block:Photoset}
  891.  
  892. {block:Video}
  893. <div class="video">
  894. {Video-500}</div>
  895. {/block:Video}
  896.  
  897. {block:Audio}
  898. <div id="player"> {AudioPlayerGrey} </div>
  899. <div id="albumdet">
  900. {block:TrackName} "{TrackName}"{/block:TrackName} </a>
  901. {block:Artist} by {Artist}, {/block:Artist}
  902. {block:Album} from the album <b>{Album}</b>. {/block:Album}<br> </div>
  903.  
  904. {/block:Audio}
  905.  
  906. {block:Answer}
  907. <div class="questiongen">
  908. <div class="questiontitle"><div class="{select:Font}">Question from {Asker}:</div></div>
  909. <div class="thequestion"> {Question} </div> </div>
  910. <div class="a">{Answer}</div>
  911. {/block:Answer}
  912.  
  913. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  914.  
  915. {block:Date}
  916. <div id="permalink" class="{select:Font}">
  917. <a href="{Permalink}" title="see details"> {TimeAgo}</a> &bullet; &nbsp;&nbsp;&nbsp;&nbsp; <a href="{ReblogURL}" target="_blank"> Reblog </a>
  918. <br>
  919. {/block:Date}
  920.  
  921. {block:permalinkpage}
  922. {block:NoteCount} {NoteCount} notes. {/block:NoteCount} &nbsp;
  923. {block:RebloggedFrom}
  924. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  925. {block:ContentSource} Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  926. {/block:RebloggedFrom}
  927. {/block:permalinkpage}
  928. </div>
  929.  
  930. {block:HasTags}<div class="tags">filed under: &nbsp; {block:Tags} <a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  931. </div>
  932.  
  933. {block:PostNotes}
  934. <div class="{select:Font} pagenotestitle">History:</div>
  935. <div class="pagenotes">
  936. {PostNotes}
  937. {/block:PostNotes}
  938. {/block:Posts}
  939. </div>
  940.  
  941. {block:ContentSource}
  942. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  943. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  944. {/block:SourceLogo}
  945. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  946. {/block:ContentSource}
  947.  
  948. <div class="cl-effect-1" id="cl-effect-1">
  949. <div id="credit"> <a href="https://aresanglant.tumblr.com" target="_blank" title="theme credit"> aresanglant themes </a>
  950. </div>
  951. </div>
  952.  
  953. <!--- TIPPY TOOLTIPS -->
  954.  
  955. <script src="https://unpkg.com/popper.js@1"></script>
  956. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  957. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  958.  
  959. <script>
  960. tippy('a[title]', {
  961. arrow:false,
  962. zIndex:9999999,
  963. maxWidth: 200,
  964. theme:'custom',
  965. followCursor:true,
  966.  
  967. content(reference) {
  968. const title = reference.getAttribute('title');
  969. reference.removeAttribute('title');
  970. return title;
  971. },
  972. });
  973. </script>
  974.  
  975. <!-- END TOOLTIPS - NO CODE BEYOND THIS POINT -->
  976.  
  977.  
  978. </body>
  979. </html>
  980.  
  981.  
  982.  
Advertisement
Add Comment
Please, Sign In to add comment