API tools faq
paste
Advertisement
Guest User

THEME #1 MEIO by SACRINTEETH

a guest
Dec 6th, 2019
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.38 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.  
  3.  
  4. <!-----
  5.  
  6. "MEIO" THEME #1 | BY SACRINTEETH.TUMBLR.COM
  7.  
  8. TERMS
  9.  
  10. + Do not steal/redistribute/use as a base or claim this theme as your own
  11. + Do not remove the credit
  12. + If you enjoy this theme please like or reblog it!
  13. + If you're interested in my art, please follow me @sacrinteeth for more!
  14. + Thanks for using my first theme! :) Hope you enjoy it!
  15.  
  16. CREDITS
  17.  
  18. BASE CODE © SARAHCATHS.TUMBLR.COM | "BASE CODE" #1
  19.  
  20. + I MESSAGE CHAT (https://animalites.tumblr.com)
  21. + Search Bar (https://lmthemeslp-tut.tumblr.com/)
  22. + Scroll to the Top (www.itjungles.com)
  23. + Pop Up Menu (https://starious.tumblr.com/)
  24. + Corner Music Player (https://gyapo.tumblr.com/)
  25. + Link hover text (https://unseenmockingjay.tumblr.com/)
  26. + Gradient backgrounds (https://help-with-coding.tumblr.com/)
  27. + Font Awesome Icons (fontawesome.com)
  28. + Audio Posts & coding resources (https://octomoosey.tumblr.com/)
  29.  
  30. + Coding Tutorial
  31.  
  32. https://www.youtube.com/watch?v=oyOFaUnEJYA&feature=youtu.be
  33.  
  34. ----->
  35.  
  36.  
  37. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  38. <meta https-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <title>{Title}</title>
  40.  
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46.  
  47.  
  48. <head>
  49.  
  50.  
  51. <link rel="stylesheet" href=
  52. "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css">
  53. </link>
  54.  
  55. <!--------------------------------------------------------------- favicon -->
  56.  
  57. <link rel="icon" href="{favicon}" type="image/gif" />
  58.  
  59. <!----------------------------------------------------------------- images-->
  60.  
  61. <meta name="image:Background" content=""/>
  62. <meta name="image:sidebar img" content="" />
  63.  
  64. <!----------------------------------------------------------------- colors-->
  65.  
  66. <meta name="color:Background" content="#f5f5f5" />
  67. <meta name="color:title" content="#ffffff" />
  68. <meta name="color:subtitle" content="#816c73" />
  69. <meta name="color:Text" content="#aa939b" />
  70. <meta name="color:Bold" content="#816c73" />
  71. <meta name="color:Italic" content="#ceb9c0" />
  72. <meta name="color:Link" content="#afa3be" />
  73. <meta name="color:Link hover" content="#afc3c3" />
  74. <meta name="color:Content BG" content="#ffffff" />
  75. <meta name="color:blockquote Border" content="#e5e1e1" />
  76. <meta name="color:Info Border" content="#beb5b5" />
  77. <meta name="color:sidebar" content="#ffffff" />
  78. <meta name="color:accent 1" content="#d4bfbb" />
  79. <meta name="color:accent 2" content="#bacccc" />
  80. <meta name="color:accent 3" content="#bbacac" />
  81. <meta name="color:accent 4" content="#766969" />
  82. <meta name="color:accent 5" content="#9d8b8b" />
  83. <meta name="color:scrollbar background" content="#f5f5f5" />
  84. <meta name="color:underline" content="#8c7594" />
  85.  
  86. <!------------------------------------------------------------------ text -->
  87.  
  88. <meta name="text:subtitle Size" content="20px" />
  89. <meta name="text:description Size" content="14px" />
  90. <meta name="text:Text Size" content="14px" />
  91. <meta name="text:post info size" content="11px" />
  92.  
  93. <meta name="text:subtitle" content="Welcome to my blog!" />
  94. <meta name="text:description" content="This is my description" />
  95. <meta name="text:blog icon" content="fas fa-cloud-showers-heavy" />
  96.  
  97.  
  98. <!-------------------------------------------------------- font selection -->
  99.  
  100. <meta name="font:title" content="sofia pro" />
  101. <meta name="font:subtitle" content="sofia pro" />
  102. <meta name="font:body" content="sofia pro" />
  103. <meta name="font:description" content="sofia pro" />
  104.  
  105.  
  106. <!---------------------------------------------------------------- Misc -->
  107.  
  108.  
  109. <meta name="text:billy music player code" content="" />
  110.  
  111. <meta name="text:cursor" content="" />
  112.  
  113. <meta name="text:bullet style" content="◆" />
  114.  
  115.  
  116. <!---------------------------------------------------------------- options-->
  117.  
  118.  
  119. <meta name="if:bottom sidebar nav link" content=“0” />
  120. <meta name="if:no sidebar img" content=“1” />
  121.  
  122.  
  123. <!------------------------------------------------------ Header nav links -->
  124.  
  125.  
  126. <meta name="text:header nav link 1" content="" />
  127. <meta name="text:header nav link 1 url" content="" />
  128.  
  129. <meta name="text:header nav link 2" content="" />
  130. <meta name="text:header nav link 2 url" content="" />
  131.  
  132. <meta name="text:header nav link 3" content="" />
  133. <meta name="text:header nav link 3 url" content="" />
  134.  
  135. <meta name="text:header nav link 4" content="" />
  136. <meta name="text:header nav link 4 url" content="" />
  137.  
  138. <meta name="text:header nav link 5" content="" />
  139. <meta name="text:header nav link 5 url" content="" />
  140.  
  141.  
  142. <!----------------------------------------------------- sidebar nav links -->
  143.  
  144.  
  145. <meta name="text:sidebar nav link 1" content="" />
  146. <meta name="text:sidebar link 1 icon" content="" />
  147. <meta name="text:sidebar nav link 1 url" content="" />
  148.  
  149. <meta name="text:sidebar nav link 2" content="" />
  150. <meta name="text:sidebar link 2 icon" content="" />
  151. <meta name="text:sidebar nav link 2 url" content="" />
  152.  
  153. <meta name="text:sidebar nav link 3" content="" />
  154. <meta name="text:sidebar link 3 icon" content="" />
  155. <meta name="text:sidebar nav link 3 url" content="" />
  156.  
  157. <meta name="text:sidebar nav link 4" content="" />
  158. <meta name="text:sidebar link 4 icon" content="" />
  159. <meta name="text:sidebar nav link 4 url" content="" />
  160.  
  161. <meta name="text:sidebar nav link 5" content="" />
  162. <meta name="text:sidebar link 5 icon" content="" />
  163. <meta name="text:sidebar nav link 5 url" content="" />
  164.  
  165.  
  166. <!---------------------------------------------- bottom sidebar nav links -->
  167.  
  168.  
  169. <meta name="text:bottom sidebar link" content="" />
  170. <meta name="text:bottom sidebar link icon" content="" />
  171. <meta name="text:bottom sidebar nav link url" content="" />
  172.  
  173.  
  174. <!----------------------------------------------------------- BEGIN STYLE -->
  175.  
  176.  
  177. <style type="text/css">
  178.  
  179.  
  180. /*---------------------------------------------------------- SCROLL BAR --*/
  181.  
  182.  
  183. ::-webkit-scrollbar {
  184.  
  185. width: 15px;
  186. background: {color:scrollbar background};
  187. }
  188.  
  189. ::-webkit-scrollbar-track {
  190.  
  191. background: none;
  192. }
  193.  
  194.  
  195. ::-webkit-scrollbar-thumb {
  196.  
  197. border-radius: 15px;
  198. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  199. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  200. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  201. background: linear-gradient({color:accent 1}, {color:accent 2});
  202. }
  203.  
  204. /*----------------------------------------------------------------- MAIN --*/
  205. body {
  206.  
  207. background-color:{color:Background};
  208. background-image:url({image:Background});
  209. color:{color:Text};
  210. font-family: {font:body};
  211. font-size: {text:Text Size};
  212. margin: 0px;
  213. padding: 0px;
  214. }
  215.  
  216. a:link, a:active {
  217.  
  218. text-decoration:none;
  219. color: {color:Link};
  220. }
  221.  
  222. a:visited {
  223.  
  224. text-decoration:none;
  225. color: {color:Link};
  226. }
  227.  
  228. a:hover {
  229.  
  230. text-decoration:none;
  231. color: {color:link hover};
  232. }
  233.  
  234. b, strong, .strong {
  235.  
  236. color:{color:Bold};
  237. }
  238.  
  239. li {
  240. margin-left: -15px;
  241. list-style-type: none;
  242. }
  243.  
  244. li:before {
  245.  
  246. content: '{text:bullet style}';
  247. margin-left: -20px;
  248. margin-right: 8px;
  249. }
  250.  
  251. blockquote {
  252.  
  253. border-left:2px dotted;
  254. border-color: {color:blockquote Border};
  255. padding-left:10px;
  256. margin-left:8px;
  257. }
  258.  
  259. #tumblr_controls{
  260.  
  261. position:fixed!important; right: 0px; top:0px;
  262. }
  263.  
  264. i, em, .em {
  265.  
  266. color:{color:Italic};
  267. }
  268.  
  269. u {
  270.  
  271. color: {color:underline};
  272. }
  273.  
  274. /*--------------------------------------------------------------- HEADER --*/
  275. .blog-icon {
  276.  
  277. margin-left: 100px;
  278. font-size:40px;
  279. height: 40px;
  280. position: absolute;
  281. vertical-align: 30px;
  282. width:40px;
  283. border-radius: 100px;
  284. margin-top: -17px;
  285. padding: 20px;
  286. color: {color:title};
  287. }
  288.  
  289. #header {
  290.  
  291. position:static;
  292. width:100%;
  293. height: 60px;
  294. margin-top: 0px;
  295. box-shadow: 0px 5px 30px -9px rgba(0,0,0,0.12);
  296.  
  297. background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  298. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  299. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  300. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  301.  
  302. }
  303.  
  304. /*--------------------------------------------------------------- FOOTER --*/
  305. #footer {
  306.  
  307. position: absolute;
  308. width:100%;
  309. height: 60px;
  310. bottom: 0px;
  311.  
  312. background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  313. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  314. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  315. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  316.  
  317. }
  318.  
  319. #footer-content {
  320.  
  321. position: absolute;
  322. margin-top: 20px;
  323. margin-left: 100px;
  324. color: {color:accent 4} ;
  325. }
  326.  
  327. #footer-content a {
  328.  
  329. color: {color:accent 5} ;
  330. }
  331.  
  332. #footer-container {
  333.  
  334. position: relative;
  335. min-height: 50vh;
  336. }
  337.  
  338. /*---------------------------------------------------------------- POSTS --*/
  339.  
  340. .contentwhole {
  341.  
  342. width:520px;
  343. margin-left:400px;
  344. height:100%;
  345. margin-bottom: 22px;
  346. }
  347.  
  348. .content {
  349.  
  350. width: 500px;
  351. height: auto;
  352. padding:20px;
  353. padding-top: 40px;
  354. margin-top: 22px;
  355. background-color: {color:Content BG};
  356. border-radius: 7px;
  357. box-shadow: 0px 5px 30px -9px rgba(0,0,0,0.1);
  358. overflow: auto;
  359. }
  360.  
  361. .content {
  362.  
  363. width: 500px;
  364. height: auto;
  365. padding:20px;
  366. padding-top: 40px;
  367. margin-top: 22px;
  368. background-color: {color:Content BG};
  369. border-radius: 7px;
  370. box-shadow: 0px 5px 30px -9px rgba(0,0,0,0.1);
  371. }
  372.  
  373. .content img {
  374. width: 400px;
  375. height: auto;
  376. border-radius: 7px;
  377. display: inline;
  378. text-align: center;
  379. margin-bottom: 10px;
  380. }
  381.  
  382. /*----------------------------------------------------- POST INFORMATION --*/
  383. .info {
  384.  
  385. height:auto;
  386. float:center;
  387. padding-top:0px;
  388. opacity:0.8;
  389. text-align:center;
  390. font-size:{text:post info size};
  391. letter-spacing:1px;
  392. line-height: 25px;
  393. background-image:url('{image:Info BG}');
  394. color:{color:Link};
  395. font-family:{font:body};
  396. width: 500px;
  397. text-transform:uppercase;
  398. padding-bottom:50px;
  399. overflow: hidden;
  400. }
  401.  
  402. .info:hover {
  403.  
  404. opacity:1.0;
  405. transition-duration: 0.6s;
  406. -moz-transition-duration: 0.6s;
  407. -webkit-transition-duration: 0.6s;
  408. -o-transition-duration: 0.6s;
  409.  
  410. }
  411.  
  412. #post-info a{
  413.  
  414. transition: 0.6s;
  415. }
  416.  
  417. #post-info a:hover {
  418.  
  419. padding: 5px;
  420. border-radius: 15px;
  421. color: {color:title};
  422.  
  423. -moz-transition-duration: 0.6s;
  424. -webkit-transition-duration: 0.6s;
  425. -o-transition-duration: 0.6s;
  426.  
  427. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  428. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  429. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  430. background: linear-gradient({color:accent 1}, {color:accent 2});
  431.  
  432. }
  433.  
  434. /*----------------------------------------------------------- PAGINATION --*/
  435. #pagination {
  436.  
  437. font-size:20px;
  438. margin:20px;
  439. text-align:center;
  440. }
  441.  
  442. /*-------------------------------------------------------------- SIDEBAR --*/
  443.  
  444. #sidebar {
  445.  
  446. width:220px;
  447. position:fixed;
  448. top:80px;
  449. text-align:left;
  450. background-color:transparent;
  451. padding: 20px;
  452. left:100px;
  453. height:auto;
  454. border-radius: 7px;
  455. background-color: {color:sidebar};
  456. font-size: {text:description size};
  457. box-shadow: 0px 5px 30px -9px rgba(0,0,0,0.1);
  458.  
  459. }
  460.  
  461. #sidebar img {
  462.  
  463. margin-top:20px;
  464. margin-bottom:20px;
  465. width:200px;
  466. height:auto;
  467. text-align:center;
  468. border-radius: 7px;
  469.  
  470. {block:ifnosidebarimg}
  471. width: auto;
  472. height: auto;
  473. margin-top: 0px;
  474. margin-bottom: 5px;
  475. {/block:ifnosidebarimg}
  476.  
  477. }
  478.  
  479. /*-------------------------------------------------------- TITLE BORDERS --*/
  480.  
  481. .title-border {
  482.  
  483. margin-top: 30px;
  484. margin-bottom: 30px;
  485. border-top: 2px dashed {color:Info Border};
  486. }
  487.  
  488.  
  489. .permalinknotes-border {
  490.  
  491. margin-top: 30px;
  492. border-top: 2px dashed {color:Info Border};
  493. }
  494.  
  495. /*---------------------------------------------------------------- TITLE --*/
  496. .ttitle {
  497.  
  498. font-size: 30px;
  499. }
  500.  
  501. #title {
  502. font-family:{font:title};
  503. color:{color:title};
  504. font-size:30px;
  505. font-style:bold;
  506. text-align:center;
  507. margin-left: 170px;
  508. text-decoration:none;
  509. float: left;
  510. margin-top: 7px;
  511. position: static;
  512. }
  513.  
  514. #title a {
  515.  
  516. color:{color:title};
  517. transition: 0.6s;
  518.  
  519.  
  520. }
  521.  
  522. #title a:hover {
  523.  
  524. color:{color:accent 4};
  525. transition: 0.6s;
  526.  
  527. }
  528.  
  529.  
  530. #subtitle {
  531.  
  532. font-family:{font:subtitle};
  533. color:{color:subtitle};
  534. font-size: {text:subtitle size};
  535. font-style:bold;
  536. text-align:center;
  537. text-decoration:none;
  538. margin-top: -20;
  539.  
  540. }
  541.  
  542. /*---------------------------------------------------- HEADER NAVIGATION --*/
  543. #header-nav {
  544.  
  545. position:absolute;
  546. width:30px;
  547. height: 20px;
  548. padding: 20px;
  549. margin-top: 0px;
  550. background: {color:title};
  551. float:left;
  552. margin-left:0px;
  553. font-size: 30px;
  554.  
  555. }
  556.  
  557. .header-nav-icon {
  558.  
  559. position: absolute;
  560. float:left;
  561. font-size:30px;
  562. margin-top:-10px;
  563. position:relative;
  564. margin-left: 0px;
  565. color: {color:title};
  566. }
  567.  
  568. #fade {
  569.  
  570. display: none;
  571. position: fixed;
  572. left: 0;
  573. top: 0;
  574. width: 100%;
  575. height: 100%;
  576. opacity: 1;
  577. z-index: 9999;
  578.  
  579. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  580. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  581. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  582. background: linear-gradient({color:accent 1}, {color:accent 2});
  583.  
  584. text-shadow:5px 5px 5px rgba(5,5,5,5);
  585.  
  586. }
  587.  
  588. .popup_block {
  589.  
  590. display: none;
  591. padding: 30px ;
  592. float: left;
  593. position: fixed;
  594. top: 50%;
  595. left: 50%;
  596. z-index: 99999;
  597. text-align: center;
  598. position:center;
  599. line-height: 65px;
  600. color: {color:accent 4};
  601. font-size: 30px;
  602.  
  603. }
  604.  
  605. .popup_blocklinks a {
  606.  
  607. background: {color:title};
  608. width:400px;
  609. font-size:25px;
  610. padding-top: 10px;
  611. padding-bottom: 10px;
  612. padding-left: 80px ;
  613. padding-right: 80px ;
  614. border-radius: 70px;
  615. transition: 0.4s;
  616. }
  617.  
  618. .popup_blocklinks a:hover {
  619.  
  620. display: inline block;
  621. padding-left: 90px;
  622. padding-right: 90px;
  623. border-bottom: 5px solid;
  624. border-color: {color:accent 5};
  625. transition-duration: 0.4s;
  626.  
  627. }
  628.  
  629. img.btn_close {
  630.  
  631. float: right;
  632. margin: -55px -55px 0 0;
  633.  
  634. }
  635.  
  636. *html #fade {
  637.  
  638. position: absolute;
  639.  
  640. }
  641.  
  642. *html .popup_block {
  643.  
  644. position: absolute;
  645.  
  646. }
  647.  
  648. /*--------------------------------------------------- SIDEBAR NAVIGATION --*/
  649.  
  650. #sidebar2 {
  651.  
  652. width:30px;
  653. position:fixed;
  654. top:80px;
  655. text-align:left;
  656. background-color:transparent;
  657. padding: 20px;
  658. margin-left: 10px;
  659. height:420px;
  660. border-radius: 7px;
  661. background-color: transparent;
  662. font-size: 12px;
  663. display:block;
  664. }
  665.  
  666. .sidebar-nav {
  667.  
  668. position:fixed;
  669. bottom:0;
  670. top:150px;
  671. width:auto;
  672. height:auto;
  673. text-align:center;
  674. padding-top:0px;
  675. top:40;
  676. background:transparent;
  677. margin-left:10px;
  678. }
  679.  
  680.  
  681. .sidebar-nav a {
  682.  
  683. font-size:20px;
  684. display:block;
  685. padding:10px;
  686. font-family:{select:font};
  687. letter-spacing:0px;
  688. font-weight:100;
  689. transition:.4s;
  690. margin-bottom:0px;
  691. height: 30px;
  692. width: 30px;
  693. float: left;
  694. border-radius: 1000%;
  695. text-align: center;
  696. color: {color: accent 3};
  697.  
  698. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  699. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  700. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  701. background: linear-gradient({color:accent 1}, {color:accent 2});
  702. }
  703.  
  704. .sidebar-nav a:hover {
  705.  
  706. transition:.4s;
  707. padding: 10px;
  708. transform:translateX(-5px);
  709. border-right:5px solid;
  710. color: {color:accent 3};
  711.  
  712. background: -webkit-linear-gradient(left, {color:accent 1}, {color:accent 2});
  713. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  714. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  715. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  716.  
  717. }
  718.  
  719.  
  720. /*------------------------------------------------- BOTTOM SIDEBAR LINKS --*/
  721.  
  722.  
  723. .bottom-nav {
  724.  
  725. font-size: 14px;
  726. padding: 30px ;
  727. position: fixed;
  728. left: 50px;
  729. z-index: 99999;
  730. text-align: center;
  731. line-height: 66px;
  732. width:300px;
  733.  
  734. }
  735.  
  736. .bottom-nav a {
  737.  
  738. padding-top: 10px;
  739. padding-bottom: 10px;
  740. padding-left: 30px ;
  741. padding-right: 30px ;
  742. border-radius: 70px;
  743. color:{color:title};
  744. transition: 0.4s;
  745.  
  746. background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  747. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  748. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  749. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  750.  
  751. }
  752.  
  753. .bottom-nav a:hover {
  754.  
  755. display: inline block;
  756. padding-left: 30px ;
  757. padding-right: 30px ;
  758. padding-top: 15px;
  759. padding-bottom: 15px;
  760. border-bottom: 5px solid;
  761. border-color: {color:accent 3};
  762. transition-duration: 0.4s;
  763.  
  764. }
  765.  
  766. #bottom-nav-container {
  767.  
  768. background-color:transparent;
  769. margin-top: 20px;
  770. }
  771.  
  772. /*--------------------------------------------------------------- QUOTES --*/
  773.  
  774. .quote {
  775.  
  776. padding-left:70px;
  777. font-weight:500;
  778. font-size:18px;
  779. color:{color: bold};
  780. }
  781.  
  782. .quote-icon {
  783.  
  784. position: absolute;
  785. font-size:30px;
  786. margin-left:-50px;
  787. }
  788.  
  789. /*--------------------------------------------------- LIKE/REBLOG BUTTON --*/
  790.  
  791. .like {
  792.  
  793. position: relative;
  794. }
  795.  
  796. /* Change color */
  797. .like svg path,
  798. .reblog svg path {
  799.  
  800. fill:{color:title};
  801. transition: 0.4s;
  802. }
  803.  
  804. /* Position like button above your custom one */
  805. .like .like_button {
  806.  
  807. position: relative;
  808. top: 0;
  809. margin-top: -30px;
  810. opacity: 0;
  811.  
  812. }
  813.  
  814. /* Keep like functionality active */
  815. .like .like_button.liked {
  816.  
  817. opacity: 1;
  818. fill:{color:accent 3};
  819. }
  820.  
  821.  
  822. .like:hover svg path {
  823.  
  824. fill: {color:accent 3};
  825. transition: 0.4s;
  826. }
  827.  
  828.  
  829.  
  830. .reblog a:hover {
  831.  
  832. color:{color:accent 3};
  833. transition: 0.4s;
  834. font-size: 15px;
  835. }
  836.  
  837.  
  838. /*----------------------------------------------- LIKE/REBLOG BACKGROUND --*/
  839. .share {
  840. color: {color: title};
  841. margin-left: -40px;
  842. margin-top: -22px;
  843. line-height: 30px;
  844. }
  845.  
  846. .sharebg {
  847. width: 15px;
  848. height: 40px;
  849. margin-left: 530px;
  850. padding: 15px;
  851. position: absolute;
  852. margin-top: -30px;
  853. border-radius: 20px;
  854.  
  855. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  856. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  857. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  858. background: linear-gradient({color:accent 1}, {color:accent 2});
  859.  
  860. }
  861.  
  862. /*-------------------------------------------------------PERMALINK NOTES --*/
  863.  
  864. {block:PermalinkPage}
  865.  
  866. .notes {
  867.  
  868. margin-top:30px;
  869. line-height:30px;
  870. text-align: left;
  871. }
  872.  
  873.  
  874. .notes li.note {
  875.  
  876. margin-left: 0px;
  877. border-radius: 100px;
  878.  
  879. }
  880. .notes img {
  881.  
  882. margin-right:10px;
  883. width:15px;
  884. height:15px;
  885. border-radius: 100px;
  886. vertical-align:-14px;
  887.  
  888. }
  889. {/block:PermalinkPage}
  890.  
  891. /*--------------------------------------------------------- MUSIC PLAYER --*/
  892.  
  893.  
  894. #cornerplayer {
  895.  
  896. z-index:999;
  897. background-color:#000;
  898. width:70px;
  899. height:70px;
  900. border-radius:0px 50px 0px 0px;
  901.  
  902. -moz-border-radius:0px 50px 0px 0px;
  903.  
  904. position:fixed;
  905. overflow:hidden;
  906. bottom:0px;
  907. left:0px;
  908.  
  909. -webkit-transition: opacity 0.8s linear;
  910. -webkit-transition: all 0.8s ease-in-out;
  911. -moz-transition: all 0.8s ease-in-out;
  912. -o-transition: all 0.8s ease-in-out;
  913.  
  914. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  915. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  916. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  917. background: linear-gradient({color:accent 1}, {color:accent 2});
  918.  
  919. box-shadow: 0px 8px 19px 8px rgba(0,0,0,0.6);
  920. }
  921.  
  922. #icon {
  923.  
  924. margin-top:25px;
  925. margin-bottom:20px;
  926. margin-left:-5px;
  927.  
  928. -webkit-transition: opacity 0.8s linear;
  929. -webkit-transition: all 0.8s ease-in-out;
  930. -moz-transition: all 0.8s ease-in-out;
  931. -o-transition: all 0.8s ease-in-out;
  932.  
  933. }
  934.  
  935. #cornerplayer:hover {
  936.  
  937. width:200px;
  938. height: 70px;
  939. -moz-border-radius:0px;
  940. border-radius:20px;
  941.  
  942. }
  943.  
  944. #cornerplayer:hover #icon {
  945.  
  946. margin-top:10px;
  947. margin-left:0px;
  948. margin-bottom:4px;
  949.  
  950. }
  951.  
  952.  
  953. /*---------------------------------------------------------- HOVER LINKS --*/
  954.  
  955. #s-m-t-tooltip {
  956.  
  957. margin-left:15px;
  958. margin-top:-21px;
  959. letter-spacing:0px;
  960. font-family:{font:body};
  961. text-transform:auto;
  962. font-size:12px;
  963. color: {color:title};
  964. padding: 3px;
  965. z-index:99999999999999999999999;
  966.  
  967. -webkit-transition:all 0.6s;
  968. -moz-transition:all 0.6s;
  969. -ms-transition:all 0.6s;
  970. -o-transition:all 0.6s;
  971.  
  972. transition:all 0.6s;
  973. background: {color:accent 3};
  974. padding: 5px;
  975. border-radius: 20px;
  976.  
  977. }
  978.  
  979.  
  980. /*-------------------------------------------------------- SCROLL TO TOP --*/
  981.  
  982. #scrollToTop:link,
  983. #scrollToTop:visited {
  984.  
  985. display: none;
  986. position: fixed;
  987. top: 20px;
  988. right: 10px;
  989. bottom: 0px;
  990. margin-top: 650px;
  991. margin-right: 100px;
  992. font-size: 40px;
  993. padding: 30px;
  994. }
  995.  
  996. /*--------------------------------------------------------------- CURSOR --*/
  997.  
  998.  
  999. body, * {
  1000.  
  1001. cursor:url({text:cursor}), auto;
  1002.  
  1003. }
  1004.  
  1005. a, a:hover {
  1006.  
  1007. cursor:url({text:cursor}),pointer;
  1008.  
  1009. }
  1010.  
  1011.  
  1012.  
  1013. /*---------------------------------------------------------- AUDIO POSTS --*/
  1014.  
  1015.  
  1016.  
  1017. .playbutton {
  1018.  
  1019. position:relative;
  1020. margin-top:45px;
  1021. margin-left:44px;
  1022. z-index:9;
  1023. width:30px;
  1024. height:30px;
  1025. overflow:hidden;
  1026. border-radius: 100px;
  1027. text-align: center;
  1028. background:#eee
  1029.  
  1030. }
  1031.  
  1032. .albumart img {
  1033.  
  1034. position:relative;
  1035. margin-top:-75px;
  1036. margin-left:0px
  1037. height:120px;
  1038. width:120px;
  1039.  
  1040. -webkit-border-top-left-radius: 20px;
  1041. -webkit-border-bottom-left-radius: 20px;
  1042. -moz-border-radius-topleft: 20px;
  1043. -moz-border-radius-bottomleft: 20px;
  1044.  
  1045. border-top-right-radius: 0px;
  1046. border-bottom-right-radius: 0px;
  1047.  
  1048. }
  1049.  
  1050. .trackinfo {
  1051.  
  1052. padding: 10px;
  1053. margin-bottom:10px;
  1054. color:{color:accent 4};
  1055. top:-14px;
  1056. position:relative;
  1057. margin-left:120px;
  1058. height:100px;
  1059. margin-top:-120px;
  1060.  
  1061. -webkit-border-top-right-radius: 20px;
  1062. -webkit-border-bottom-right-radius: 20px;
  1063. -moz-border-radius-topright: 20px;
  1064. -moz-border-radius-bottomright: 20px;
  1065.  
  1066. border-top-right-radius: 20px;
  1067. border-bottom-right-radius: 20px;
  1068.  
  1069. background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  1070. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1071. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1072. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  1073.  
  1074. }
  1075.  
  1076. .trackname {
  1077.  
  1078. position:relative;
  1079. padding-top:13px;
  1080. text-align:center;
  1081. font-size:14px;
  1082. text-transform:uppercase;
  1083. font-weight: bold;
  1084. letter-spacing:2px;
  1085.  
  1086. }
  1087.  
  1088. .artist {
  1089.  
  1090. text-align:center;
  1091. font-size:11px;
  1092. text-transform:uppercase;
  1093. letter-spacing:2px;
  1094. }
  1095.  
  1096. .album {
  1097.  
  1098. text-align:center;
  1099. font-style: italic;
  1100. letter-spacing:2px;
  1101. font-size:11px;
  1102.  
  1103. }
  1104.  
  1105. .playcount {
  1106.  
  1107. font-weight: bold;
  1108. margin-top:5px;
  1109. text-align:center;
  1110. letter-spacing:2px;
  1111. font-size:11px;
  1112. }
  1113.  
  1114.  
  1115. /*------------------------------------------------------ ASK & QUESTIONS --*/
  1116.  
  1117. .askerbg {
  1118.  
  1119. padding: 0px;
  1120. border-radius: 100px;
  1121.  
  1122. }
  1123.  
  1124. .askerbg img {
  1125.  
  1126. width: 60px;
  1127. height: auto;
  1128. margin-left: 10px;
  1129. border-radius: 100px;
  1130. padding: 5px;
  1131.  
  1132. background: -webkit-linear-gradient({color:accent 1}, {color:accent 2});
  1133. background: -o-linear-gradient({color:accent 1}, {color:accent 2});
  1134. background: -moz-linear-gradient({color:accent 1}, {color:accent 2});
  1135. background: linear-gradient({color:accent 1}, {color:accent 2});
  1136.  
  1137. }
  1138.  
  1139. .question {
  1140.  
  1141. width: 360px;
  1142. margin-top: 10px;
  1143. color: {color:title};
  1144. padding: 10px;
  1145. border-radius: 7px;
  1146.  
  1147. background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  1148. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1149. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1150. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  1151.  
  1152. }
  1153.  
  1154. /*----------------------------------------------------------- SEARCH BAR --*/
  1155.  
  1156. .search {
  1157.  
  1158. margin-left: 15px;
  1159. margin-top: -5px;
  1160.  
  1161. }
  1162. .disp {
  1163. display: flex;
  1164. justify-content: space-evenly;
  1165.  
  1166. }
  1167.  
  1168. .sfm input {
  1169.  
  1170. background-color: #f5f5f5;
  1171. font-size: 11px;
  1172. border: 0px;
  1173. text-transform: uppercase;
  1174. margin-top: 0px;
  1175. color: #999;
  1176. letter-spacing: 1px;
  1177. padding: 4px 8px;
  1178. font-family: {font:text};
  1179. border-radius: 20px;
  1180. padding-top: 10px;
  1181. padding-bottom: 10px;
  1182. padding-left: 30px ;
  1183. padding-right: 30px ;
  1184. border-radius: 70px;
  1185. color:{color:text};
  1186. transition: 0.4s;
  1187. background: {color:title};
  1188.  
  1189. }
  1190.  
  1191.  
  1192. /*------------------------------------------------ IMESSAGE CHAT POST --*/
  1193.  
  1194.  
  1195.  
  1196.  
  1197. .answer span,.convo i
  1198. {
  1199. margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}
  1200.  
  1201. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11
  1202. {
  1203. float:left;
  1204.  
  1205. color:{color:accent 4};
  1206. left:3px;
  1207. background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  1208. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1209. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1210. background: linear-gradient(to right, {color:accent 1} , {color:accent 2});
  1211. }
  1212. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after
  1213. {
  1214. content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:accent 1};border-bottom-right-radius:1em .5em
  1215.  
  1216. }
  1217. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12
  1218. {
  1219. right:3px;float:right; background: -webkit-linear-gradient(left, {color:accent 1} , {color:accent 2});
  1220. background: -o-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1221. background: -moz-linear-gradient(right, {color:accent 1} , {color:accent 2});
  1222. background: linear-gradient(to right, {color:accent 1} , {color:accent 2}); ;color:{color:accent 4};
  1223.  
  1224. }
  1225. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:accent 2};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  1226. .asked p {
  1227. text-align: left;
  1228. margin: 0 0px 10px 0px;
  1229. padding: 0;
  1230. color: {color:accent 4};
  1231. font-family: 'Inconsolata', Inconsolata;
  1232. font-size: 12px;
  1233. line-height: 0px;
  1234. }
  1235. .footerright .viasrc {
  1236. float: left;
  1237. }
  1238. .asked a {
  1239. margin:0;padding:0;
  1240. }
  1241. .user_4{background-color:#55caff;color:{color:accent 4}}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:{color:accent 4}}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  1242. .convo {
  1243. overflow: hidden;
  1244. list-style-type: none;
  1245. padding: 0;
  1246. margin: 0;
  1247. }
  1248.  
  1249.  
  1250.  
  1251. /*------------------------------------------------------------ END STYLE --*/
  1252.  
  1253.  
  1254. </style>
  1255.  
  1256.  
  1257.  
  1258.  
  1259. <!------------------------------------------------------- STYLE TOOL TIPS -->
  1260.  
  1261. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1262. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1263. <script>
  1264. (function($){
  1265. $(document).ready(function(){
  1266. $("a[title]").style_my_tooltips({
  1267. tip_follows_cursor:true,
  1268. tip_delay_time:7,
  1269. tip_fade_speed:7,
  1270. attribute:"title"
  1271. });
  1272. });
  1273. })(jQuery);
  1274. </script>
  1275.  
  1276.  
  1277. <script type="text/javascript"
  1278. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1279.  
  1280.  
  1281. <!--------------------------------------------------- BEGINNING OF SCRIPT -->
  1282.  
  1283.  
  1284. <script>
  1285.  
  1286.  
  1287. /*--------------------------------------------------- POP UP MENU SCRIPT --*/
  1288.  
  1289. $(document).ready(function() {
  1290.  
  1291. //
  1292.  
  1293.  
  1294.  
  1295. //When you click on a link with class of poplight and the href starts with a #
  1296.  
  1297. $('a.poplight[href^=#]').click(function() {
  1298.  
  1299. var popID = $(this).attr('rel'); //Get Popup Name
  1300.  
  1301. var popURL = $(this).attr('href'); //Get Popup href to define size
  1302.  
  1303.  
  1304.  
  1305. //Pull Query & Variables from href URL
  1306.  
  1307. var query= popURL.split('?');
  1308.  
  1309. var dim= query[1].split('&');
  1310.  
  1311. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1312.  
  1313.  
  1314.  
  1315. //Fade in the Popup and add close button
  1316.  
  1317. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">X </a>');
  1318.  
  1319.  
  1320. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  1321.  
  1322. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1323.  
  1324. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1325.  
  1326.  
  1327.  
  1328. //Apply Margin to Popup
  1329.  
  1330. $('#' + popID).css({
  1331.  
  1332. 'margin-top' : -popMargTop,
  1333.  
  1334. 'margin-left' : -popMargLeft
  1335.  
  1336. });
  1337.  
  1338.  
  1339.  
  1340. //Fade in Background
  1341.  
  1342. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1343.  
  1344. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1345.  
  1346.  
  1347.  
  1348. return false;
  1349.  
  1350. });
  1351.  
  1352.  
  1353.  
  1354. //Close Popups and Fade Layer
  1355.  
  1356. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1357.  
  1358. $('#fade , .popup_block').fadeOut(function() {
  1359.  
  1360. $('#fade, a.close').remove(); //fade them both out
  1361.  
  1362. });
  1363.  
  1364. return false;
  1365.  
  1366. });
  1367.  
  1368. });
  1369.  
  1370.  
  1371. /*----------------------------------------------- END POP UP MENU SCRIPT --*/
  1372.  
  1373.  
  1374. </script>
  1375.  
  1376.  
  1377. <!-------------------------------------------------------- END OF SCRIPT -->
  1378.  
  1379.  
  1380. <!----------------------------------------------------- TAG SEARCH SCRIPT -->
  1381.  
  1382.  
  1383. <script type="text/javascript" src="https://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  1384.  
  1385. <!----------------------------------------------------- END SEARCH SCRIPT -->
  1386.  
  1387. </head>
  1388.  
  1389. <body>
  1390.  
  1391.  
  1392. <!-------------------------------------------------------- SCROLL TO TOP -->
  1393.  
  1394. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <div style="float:right;bottom: 0px; margin-top:15px; margin-right:3px;"><a href="https://tumblings.net/post/44212620655/tumblreffects" target="_blank"></a></div>
  1395. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1396.  
  1397.  
  1398. <div style="position:fixed;bottom:10px;right:10px;z-index:1;color:{color:accent 4}">
  1399. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top" alt="Go to Top"> <i class="fa fa-chevron-up" style= color:{color:text}></i></a></div>
  1400.  
  1401.  
  1402.  
  1403. <!-------------------------------------------------------- MUSIC PLAYER -->
  1404.  
  1405. <!-- TO GET MUSIC PLAYER CODE:
  1406. https://www.sheepproductions.com/billy/?mode=code-->
  1407.  
  1408. <div id="cornerplayer">
  1409. <center>
  1410. <div id="icon"><img src="https://66.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  1411. </div>
  1412. <div>{text:billy music player code}
  1413. </div>
  1414. </center>
  1415. </div>
  1416.  
  1417.  
  1418. <!---------------------------------------------------------------- HEADER -->
  1419.  
  1420. <div id="header"style="z-index:-9">
  1421.  
  1422. <div class="blog-icon">
  1423.  
  1424. <div class="{text:blog icon}"></div></div>
  1425.  
  1426. <div id="title">
  1427.  
  1428. <div class="disp"><a href="/">{title}</a>
  1429.  
  1430. <div class="search">
  1431.  
  1432. <form onsubmit="return tagSearch(this)" class="sfm">
  1433.  
  1434. <input type="text" name="tag" value="{SearchQuery}" id="sf" onfocus="if (this.value == '{SearchQuery}') {this.value=''}" onblur="if (this.value == '') {this.value='{SearchQuery}'}" />
  1435. <input type="submit" value= "◆" id="sb" />
  1436. </form>
  1437.  
  1438. </div>
  1439.  
  1440. </div>
  1441.  
  1442. </div>
  1443.  
  1444.  
  1445. <div id="header-nav">
  1446. <div class="header-nav-icon">
  1447.  
  1448. <a href="#?w=500" rel="popup_name" class="poplight"> <i class="fas fa-list" style="color:{color:text}"></i>
  1449. </a></div></div>
  1450.  
  1451.  
  1452.  
  1453. <!---------------- HEADER sidebar-nav LINK ---------------->
  1454.  
  1455.  
  1456.  
  1457. <div id="popup_name" class="popup_block">
  1458.  
  1459. NAVIGATION
  1460.  
  1461. <div class="popup_blocklinks">
  1462. {block:ifheadernavlink1} <a href="{text:header nav link 1 url}" target="_blank"> {text:header nav link 1}</a> {/block:ifheadernavlink1}</div>
  1463.  
  1464. <div class="popup_blocklinks">
  1465. {block:ifheadernavlink2} <a href="{text:header nav link 2 url}" target="_blank"> {text:header nav link 2}</a> {/block:ifheadernavlink2}</div>
  1466.  
  1467. <div class="popup_blocklinks">
  1468. {block:ifheadernavlink3} <a href="{text:header nav link 3 url}" target="_blank"> {text:header nav link 3}</a> {/block:ifheadernavlink3}</div>
  1469.  
  1470. <div class="popup_blocklinks">
  1471. {block:ifheadernavlink4} <a href="{text:header nav link 4 url}" target="_blank"> {text:header nav link 4}</a> {/block:ifheadernavlink4}</div>
  1472.  
  1473. <div class="popup_blocklinks">
  1474. {block:ifheadernavlink5} <a href="{text:header nav link 5 url}" target="_blank"> {text:header nav link 5}</a> {/block:ifheadernavlink5}</div>
  1475.  
  1476. </div>
  1477.  
  1478.  
  1479.  
  1480. <!---------------- END HEADER NAVIGATION LINK ---------------->
  1481.  
  1482.  
  1483.  
  1484. </div>
  1485.  
  1486. </div>
  1487.  
  1488. </div>
  1489.  
  1490.  
  1491.  
  1492. <!-------------------------------------------------------- END HEADER -->
  1493.  
  1494.  
  1495.  
  1496. <!------------------------------------------------------- SIDEBAR -->
  1497.  
  1498. <div id="sidebar">
  1499.  
  1500.  
  1501. <div align="center">
  1502. <div id="pagination"></div><div id="subtitle">
  1503. {text:subtitle}
  1504. </div> <!-- END PAGINATION TITLE -->
  1505. <div id="sidebarimg">
  1506. <a href="/">
  1507. <img src="{image:sidebar img}"/>
  1508. </a>
  1509. </div>
  1510. {text:Description}
  1511. <p>
  1512.  
  1513. <div id="pagination">
  1514.  
  1515. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-chevron-left"style="color:{color:accent 1}"></i></a>{/block:PreviousPage}
  1516. {CurrentPage}/{TotalPages}
  1517. {block:NextPage}<a href="{NextPage}"><i class="fas fa-chevron-right"style="color:{color:accent 1}"></i></a>{/block:NextPage}{/block:Pagination}
  1518.  
  1519.  
  1520.  
  1521. <!---------------- BOTTOM SIDEBAR LINK ---------------->
  1522.  
  1523.  
  1524.  
  1525. <div id="bottom-nav-container">
  1526. <center>
  1527. <div class="bottom-nav">
  1528.  
  1529.  
  1530. {block:ifbottomsidebarnavlink}<a href="{text:bottom sidebar nav link url}" target="_blank"><i class="{text:bottom sidebar link icon}"style="color:{color:title}" ></i> {text:bottom sidebar link}</a>{/block:ifbottomsidebarnavlink}
  1531.  
  1532. </div>
  1533.  
  1534. </center>
  1535. </div>
  1536.  
  1537.  
  1538.  
  1539. <!---------------- END BOTTOM SIDEBAR LINK ---------------->
  1540.  
  1541.  
  1542.  
  1543. </div> <!-- END PAGINATION -->
  1544. </div> <!-- END SIDE INFO -->
  1545. </div> <!-- END SIDE IMG -->
  1546. </div> <!-- END DIV LEFT -->
  1547. </div> <!-- END SIDEBAR -->
  1548. </div> <!-- IDK WHAT THIS IS -->
  1549.  
  1550. <!------------------------------------------------------- END SIDEBAR -->
  1551.  
  1552.  
  1553. <!-------------------------------------------------- SIDEBAR NAV LINKS -->
  1554.  
  1555. <div id="sidebar2">
  1556. <div class="sidebar-nav">
  1557.  
  1558. {block:ifsidebarnavlink1} <a href="{text:sidebar nav link 1 url}" title="{text:sidebar nav link 1}" ><i class="{text:sidebar link 1 icon}"style="color:{color:title}"></i></a>
  1559. <br><br><br><br>{/block:ifsidebarnavlink1}
  1560.  
  1561. {block:ifsidebarnavlink2} <a href="{text:sidebar nav link 2 url}" title="{text:sidebar nav link 2}"><i class="{text:sidebar link 2 icon}"style="color:{color:title}"></i></a>
  1562. <br><br><br><br>{/block:ifsidebarnavlink2}
  1563.  
  1564. {block:ifsidebarnavlink3} <a href="{text:sidebar nav link 3 url}" title="{text:sidebar nav link 3}"><i class="{text:sidebar link 3 icon}"style="color:{color:title}"></i></a>
  1565. <br><br><br><br>{/block:ifsidebarnavlink3}
  1566.  
  1567. {block:ifsidebarnavlink4} <a href="{text:sidebar nav link 4 url}" title="{text:sidebar nav link 4}"><i class="{text:sidebar link 4 icon}"style="color:{color:title}"></i></a>
  1568. <br><br><br><br>{/block:ifsidebarnavlink4}
  1569.  
  1570. {block:ifsidebarnavlink5} <a href="{text:sidebar nav link 5 url}" title="{text:sidebar nav link 5}"><i class="{text:sidebar link 5 icon}"style="color:{color:title}"></i></a>
  1571. <br><br><br><br>{/block:ifsidebarnavlink5}
  1572.  
  1573. </div>
  1574. </div>
  1575.  
  1576.  
  1577.  
  1578. <!-------------------------------------------------- END SIDEBAR NAV -->
  1579.  
  1580.  
  1581.  
  1582.  
  1583.  
  1584. <!------------------------------------------------------------ POSTS -->
  1585.  
  1586. <div class="contentwhole">
  1587. {block:Posts}
  1588. <div class="content">
  1589.  
  1590.  
  1591. <!-------------------------------------------------------- LIKE/REBLOG -->
  1592.  
  1593. {block:Date}
  1594. <div class="sharebg">
  1595. <div class="share">
  1596. <div class="post" id="{PostID}">
  1597.  
  1598.  
  1599. <ul>
  1600. <div class="reblog">
  1601. <a href="{ReblogURL}" target="_blank" ><i class="fas fa-sync-alt"style="color:{color:title}"></i></a>
  1602. </div>
  1603. <i class="like"><svg width="15" height="15" viewBox="0 0 19 16" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000"> <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>
  1604. </svg>{LikeButton size="15"}</i>
  1605. </ul>
  1606. </div>
  1607. </div>
  1608. </div>
  1609. {/block:Date}
  1610.  
  1611. <!------------------------------------------------------ END LIKE/REBLOG -->
  1612.  
  1613. {block:Text}
  1614. {block:Title}
  1615. <a href="{Permalink}" class="ttitle"><center>{Title}</center></a>
  1616. <div class="title-border">
  1617. </div>
  1618. {/block:Title}
  1619. {Body}
  1620. {/block:Text}
  1621.  
  1622. <!---------------- !!!! ---------------->
  1623.  
  1624.  
  1625. {block:Photo}
  1626. <div style="display: block; text-align: center;">
  1627. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1628.  
  1629. </div>
  1630. {block:Caption}{Caption}{/block:Caption}
  1631. {/block:Photo}
  1632.  
  1633.  
  1634. {block:Photoset}
  1635. {Photoset-500}
  1636. {block:Caption}{Caption}{/block:Caption}
  1637. {/block:Photoset}
  1638.  
  1639.  
  1640. {block:Quote} <div class="quote">
  1641. <div class="quote-icon"><i class="fas fa-quote-left"style="color:{color:accent 3}"></i></div>
  1642. {Quote}<p></div>
  1643. {block:Source}- {Source}{/block:Source}
  1644. {/block:Quote}
  1645.  
  1646. {block:Link}
  1647. <a href="{URL}" target="{Target}" class="ttitle" ><center>{Name} (x)</center> </a>
  1648. <div class="title-border"></div>
  1649. {block:Description} {Description} {/block:Description}
  1650. {/block:Link}
  1651.  
  1652.  
  1653.  
  1654. {block:Chat}
  1655. {block:Title}
  1656. <h1>{Title}</h1>{/block:Title}<br>
  1657. <ul class="convo">{block:Lines}<i class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1658. {Line}</i>{/block:Lines}</ul>
  1659. {/block:Chat}
  1660.  
  1661.  
  1662.  
  1663.  
  1664.  
  1665.  
  1666. {block:Audio}
  1667. {block:AudioPlayer}
  1668. <div class="playbutton">{AudioPlayerGrey}</div>
  1669. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1670.  
  1671. <div class="trackinfo">
  1672. <div class="trackname">
  1673. {block:TrackName}{TrackName}{/block:TrackName}
  1674. </div>
  1675. <div class="artist">
  1676. {block:Artist}{Artist}{/block:Artist}
  1677. </div>
  1678. <div class="album">
  1679. {block:Album}{Album}{/block:Album}
  1680. </div>
  1681. <div class="playcount">
  1682. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  1683. </div>
  1684. </div>
  1685. {block:Caption}{Caption}{/block:Caption}
  1686. {/block:AudioPlayer}
  1687. {/block:Audio}
  1688.  
  1689.  
  1690. {block:Video}
  1691. {Video-500}
  1692. {block:Caption}{Caption}{/block:Caption}
  1693. {/block:Video}
  1694.  
  1695.  
  1696.  
  1697. {block:Answer}
  1698. <table style="padding-bottom:5px;margin-bottom:5px;">
  1699. <tr>
  1700. <td class="askerbg" style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}"></td><td style="vertical-align:top;"><strong>{Asker} asked:</strong>
  1701. <div class="question">{Question}</div>
  1702. </td>
  1703. </tr>
  1704. </table>
  1705. {Answer}
  1706. {/block:Answer}
  1707.  
  1708.  
  1709. {block:PermalinkPage}
  1710. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  1711.  
  1712. {block:PostNotes} <div class="permalinknotes-border">
  1713. {PostNotes}</div>
  1714. {/block:PostNotes}
  1715. {/block:PermalinkPage}
  1716.  
  1717.  
  1718. <div class="title-border"></div>
  1719. <div class="info"><div id="post-info">
  1720.  
  1721. {block:ContentSource}<a href="{SourceURL}">source: {SourceTitle}</a> <b><font size="1">◆</font></b>{/block:ContentSource}
  1722.  
  1723. {block:Date} <a href="{Permalink}"> posted {TimeAgo}</a> {/block:Date}
  1724. {block:NoteCount}<b><font size="1">◆ </font></b> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</a></div>
  1725.  
  1726. <div id="post-info">
  1727. {block:HasTags}{block:Tags}<b>#</b><a href="{TagURL}">{Tag}</a> &nbsp{/block:Tags}{/block:HasTags}</div>
  1728.  
  1729. </div> <!--END INFO -->
  1730.  
  1731. </div> <!-- END CONTENT -->
  1732.  
  1733.  
  1734. {/block:Posts}
  1735.  
  1736. <!------------------------------------------------------------ END POSTS --> </div> <!-- END CONTENT WHOLE -->
  1737. <!------------------------------------------------------ FOOTER & CREDIT -->
  1738.  
  1739.  
  1740. <div id="footer-container">
  1741. <footer id="footer" style="">
  1742. <div id="footer-content">
  1743. <center>
  1744. © {CopyrightYears} <a href="/">{Name}</a> all rights reserved. Theme by <a href="https://sacrinteeth.tumblr.com" target="_blank">SacrinTeeth</a> ◆ Powered by <a href="https://tumblr.com" target="_blank">Tumblr</a></center>
  1745. </div>
  1746. </div>
  1747. </div>
  1748. </footer>
  1749.  
  1750.  
  1751. </body>
  1752. </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!