API tools faq
paste
Advertisement
solocodes

Theme: Moon

solocodes
Mar 4th, 2021 (edited)
3,613
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.75 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------
  2.  
  3. ___ ___ _ ___ ___ ___ ___ ___ ___
  4. / __|/ _ \| | / _ \ / __/ _ \| \| __/ __|
  5. \__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \
  6. |___/\___/|____\___/ \___\___/|___/|___|___/
  7.  
  8.  
  9. **** Tʜᴇᴍᴇ: Moon ****
  10.  
  11. .Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
  12. .Hᴀᴠᴇ Aɴʏ Qᴜᴇsᴛɪᴏɴs? Sᴇɴᴅ Mᴇ ᴀɴ Asᴋ
  13.  
  14. .Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
  15. .Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
  16. .Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
  17. .Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
  18. .Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
  19. .Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
  20. .Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ
  21.  
  22. ------------------------------------>
  23.  
  24.  
  25. <!DOCTYPE html>
  26. <head>
  27.  
  28. <title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34.  
  35. <meta name="color:Background" content="#0a0a0a"/>
  36. <meta name="color:Accent" content ="#2596be"/>
  37. <meta name="color:Tooltip Background" content="#000"/>
  38. <meta name="color:Tooltip Text" content="#fff"/>
  39. <meta name="color:Blog Title" content="#000"/>
  40. <meta name="color:Sidebar" content="#fff"/>
  41. <meta name="color:Desc Text" content="#000"/>
  42. <meta name="color:Text" content="#fff"/>
  43. <meta name="color:Links" content="#e53057"/>
  44. <meta name="color:Hover" content="#ddd"/>
  45. <meta name="color:Bold" content="#000"/>
  46. <meta name="color:Italic" content="#ddd"/>
  47. <meta name="color:Border" content="#111"/>
  48. <meta name="color:Posts" content="#000"/>
  49. <meta name="color:Tags" content="#fff"/>
  50. <meta name="color:Tags Background" content="#000"/>
  51.  
  52.  
  53. <meta name="text:Blog Title" content="moon"/>
  54. <meta name="if:Box Shadows" content="0"/>
  55. <meta name="text:Desc Font Size" content="11"/>
  56. <meta name="text:Tags Font Size" content="11"/>
  57. <meta name="text:Posts Margin" content="280"/>
  58.  
  59.  
  60. <meta name="select:Body Font" content="Work Sans"/>
  61. <meta name="select:Body Font" content="Poppins"/>
  62. <meta name="select:Body Font" content="Lato"/>
  63. <meta name="select:Body Font" content="Open Sans"/>
  64. <meta name="select:Body Font" content="Karla"/>
  65. <meta name="select:Body Font" content="Raleway"/>
  66. <meta name="select:Body Font" content="Montserrat"/>
  67.  
  68. <meta name="select:Title Font Weight" content="400"/>
  69. <meta name="select:Title Font Weight" content="500"/>
  70. <meta name="select:Title Font Weight" content="600"/>
  71. <meta name="select:Title Font Weight" content="700"/>
  72. <meta name="select:Title Font Weight" content="800"/>
  73.  
  74. <meta name="select:Body Font Weight" content="400"/>
  75. <meta name="select:Body Font Weight" content="500"/>
  76. <meta name="select:Body Font Weight" content="600"/>
  77. <meta name="select:Body Font Weight" content="700"/>
  78. <meta name="select:Body Font Weight" content="800"/>
  79.  
  80. <meta name="select:Post Width" content="400px"/>
  81. <meta name="select:Post Width" content="450px"/>
  82. <meta name="select:Post Width" content="500px"/>
  83. <meta name="select:Post Width" content="540px"/>
  84.  
  85. <meta name="text:Link 1" content="http://"/>
  86. <meta name="text:Link 1 Title" content="Link One"/>
  87.  
  88.  
  89. <meta name="text:Link 2" content="http://"/>
  90. <meta name="text:Link 2 Title" content="Link Two"/>
  91.  
  92.  
  93. <meta name="text:Link 3" content="http://"/>
  94. <meta name="text:Link 3 Title" content="Link Three"/>
  95.  
  96.  
  97. <meta name="text:Link 4" content="http://"/>
  98. <meta name="text:Link 4 Title" content="Link Four"/>
  99.  
  100.  
  101.  
  102. <meta name="image:Background" content=""/>
  103. <meta name="image:Sidebar" content=""/>
  104. <meta name="image:Icon" content=""/>
  105.  
  106. <meta name="text:Name" content="Kim Jonghyun"/>
  107. <meta name="text:Birthday" content="April 8, 1990"/>
  108. <meta name="text:Zodiac" content="Aries"/>
  109. <meta name="text:Pronouns" content="He/him"/>
  110.  
  111.  
  112. <!--- HONEYBEE, DRIP, GOOGLE MATERIAL & LINEAR ICONS FONT ICONS --->
  113. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/all.js"></script><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/v4-shims.js"></script><link rel="stylesheet" href="https://unpkg.com/@icon/dripicons/dripicons.css">
  114.  
  115. <!----- GOOGLE FONTS ----->
  116. <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Muli:400,600,700|Poppins:400,500,600,700|Open+Sans:400,600,700|Ubuntu:400,700|Days+One&family=Doppio+One&family=Exo:wght@500;600;700;800&family=Libre+Franklin:wght@400;500;600;700;800&family=Monda:wght@400;700&family=Montserrat:wght@500;600;700&family=Mukta:wght@400;500;600;700;800&family=Red+Hat+Display:ital,wght@0,700;1,400&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  117.  
  118.  
  119. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&family=Raleway:wght@400;800&family=Work+Sans:wght@800&display=swap" rel="stylesheet">
  120.  
  121. <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
  122.  
  123.  
  124. <!----- COLOR AUDIO ----->
  125. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  126.  
  127. <script>
  128. $(document).ready(function() {
  129. // audio player
  130. var $audio = $('iframe.tumblr_audio_player');
  131. $audio.load(function() {
  132. $(this).contents().find('head').append('<style type="text/css">' +
  133. '.audio-player { background:{color:Accent}; color:{color:Text} !important; }' + '.audio-player .audio-info .track-artist { {color:Text} !important; }' + '</style>');
  134. });
  135. });
  136. </script>
  137.  
  138. <!--- SOUNDCLOUD PLAYER--->
  139. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  140. <script>
  141. // minimal soundcloud player © shythemes.tumblr
  142. $(document).ready(function(){
  143. var color = '{color:Accent One}'; // color of play button (hex)
  144. $('.soundcloud_audio_player').each(function(){
  145. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  146. });
  147. });
  148. </script>
  149.  
  150.  
  151. <style>
  152.  
  153. * {box-sizing: border-box}
  154.  
  155. ::-webkit-scrollbar-thumb {
  156. height:122px;
  157. border:1.7px solid transparent;
  158. z-index:9;
  159. background:{color:Accent};}
  160.  
  161. ::-webkit-scrollbar {
  162. width:6px;
  163. height:7px;
  164. border-left:5px solid transparent;
  165. border-right:5px solid transparent;
  166. border-top:2px solid transparent;
  167. border-bottom:2px solid transparent;}
  168.  
  169.  
  170. /* TOOLTIPS */
  171. .tippy-tooltip.custom-theme {
  172. background-color:{color:Tooltip Background};
  173. color:{color:Tooltip Text};
  174. text-align:center;
  175. font-family:{select:Body Font}, sans-serif;
  176. font-weight:bold;
  177. text-transform:uppercase;
  178. letter-spacing:1px;
  179. font-size:0.90em;
  180. box-shadow: 7px 7px 7px -9px rgba(000,000,000, 0.45);}
  181.  
  182. .tippy-tooltip.custom-theme .tippy-svg-arrow {
  183. fill:{color:Tooltip Background};}
  184.  
  185.  
  186.  
  187. iframe.tmblr-iframe {
  188. {block:IndexPage}
  189. display:none;
  190. {/block:IndexPage}
  191. z-index:999;
  192. right:20px;
  193. top:60px;
  194. position:fixed;
  195. width:0;
  196. padding-right:0px;
  197. filter:contrast(150%) invert(100%);
  198. -webkit-filter:contrast(150%) invert(100%);
  199. transform:scale(0.6);
  200. -webkit-transform:scale(0.6);
  201. transform-origin:100% 0;
  202. -webkit-transform-origin:100% 0;}
  203.  
  204. #tumblr_controls:hover, .tmblr-iframe:hover {opacity:.5!important;}
  205. _controls:hover, .tmblr-iframe:hover {opacity:.5!important;}
  206.  
  207. /* LIGHTBOX */
  208. .vignette, #vignette {
  209. opacity:0; }
  210.  
  211. .lightbox-image, #tumblr_lightbox img {
  212. box-shadow:none !important;
  213. border-radius:0 !important;
  214. max-width:none;
  215. border:5px solid #fff !important;
  216. -moz-box-sizing:border-box;
  217. box-sizing:border-box;
  218. z-index:9999999999999999999999999 !important;}
  219.  
  220. .tmblr-lightbox, #tumblr_lightbox {
  221. background-color:rgba(245,245,245,.84) !important;
  222. z-index:9999999999999999999999999 !important;}
  223.  
  224. .lightbox-caption, #tumblr_lightbox_caption {
  225. visibility:hidden; }
  226.  
  227.  
  228. /* Set height of body and the document to 100% */
  229. body, html {
  230. height: 100%;
  231. margin: 0;
  232. font-size:12px;
  233. font-family:{select:Body Font};
  234. overflow-x:hidden;
  235. background-image:url('{image:Background}');
  236. background-repeat:repeat;
  237. background-attachment:fixed;
  238. color:{color:Text};
  239. background-color:{color:Background};}
  240.  
  241. /* FIXED IMAGES + VIDEOS + DO NOT TOUCH */vg
  242. img, embed, object, video {
  243. margin:auto;
  244. max-width: 100%;
  245. border:0;
  246. outline: none;}
  247.  
  248. select, textarea, input, a {
  249. outline:none; }
  250.  
  251. small{
  252. font-size:90%;}
  253.  
  254. big{
  255. font-size:110%;}
  256.  
  257.  
  258.  
  259. /* CHAT LINES */
  260. .lines {
  261. line-height:14px;
  262. padding:3px;
  263. font-family:{select:Body Font};
  264. color:{color:Text};}
  265.  
  266.  
  267. /* ENTRY TITLES */
  268. h1 {
  269. padding-top:0px;
  270. padding-left:5px;
  271. width:{select:Post Width} - 10px;
  272. letter-spacing:1.5px;
  273. font-size:2em;
  274. text-transform:uppercase;
  275. font-weight:800;
  276. text-align:left;
  277. background:{color:Posts};
  278. color:{color:Text};
  279. line-height:22px;}
  280.  
  281.  
  282. /* ENTRY BODY TEXTS */
  283. h2 {
  284. width:100%;
  285. line-height:16px;
  286. letter-spacing:1px;
  287. font-size:1em;
  288. font-weight:400;
  289. font-family:{select:Body Font}, sans-serif;
  290. color:{color:Text};}
  291.  
  292. /* ENTRY LINKS / BODY LINKS / ENTRY AND BODY IMAGE LINKS */
  293.  
  294. a:link, a:active, a:visited {
  295. z-index:2!Important;
  296. color:{color:Links};
  297. font:0.95em {select:Body Font}, sans-serif;
  298. letter-spacing:1px;
  299. text-decoration:none;
  300. text-transform:normal;}
  301.  
  302. a:hover {
  303. clear:both;
  304. z-index:99999999!Important;
  305. -webkit-transition: all .3s;
  306. -moz-transition: all .3s;
  307. -o-transition: all .3s;
  308. -ms-transition: all .3s;
  309. transition: all .3s;}
  310.  
  311. a img, :link img, :visited img {
  312. border: 0;}
  313.  
  314. /* BOLD TEXT / DESIGN & COLOR */
  315. b, strong {
  316. color:{color:Bold};
  317. font-style:bold;}
  318.  
  319. /* ITALIC TEXT / DESIGN & COLOR */
  320. i, em, italic {
  321. color:{color:Italic};
  322. font-style:italic;}
  323.  
  324.  
  325. /* BLOCKQUOTE , PARAGRAPHS / BLOCKQUOTE IMAGES */
  326. p { padding:5px; background:{color:Posts};}
  327. .caption li {font:0.90em, {select:Body Font}, sans-serif; line-height:22px;}
  328.  
  329. p,blockquote{line-height:150%;}
  330. p,blockquote,ul,ol{margin:10px;}
  331. blockquote p{margin:10px 0;}
  332. blockquote p:first-child{margin:0 0 10px;}
  333. blockquote p:last-child{margin:10px 0 0;}
  334. blockquote p:only-child{margin:0;}
  335.  
  336. blockquote {
  337. width:{select:Post Width} - 10px;
  338. font:1em {select:Body Font}, sans-serif;
  339. line-height:14px;
  340. border-left:1px solid {color:Border};
  341. background:{color:Posts};}
  342.  
  343. blockquote p{
  344. margin:auto;
  345. padding:auto;}
  346.  
  347. blockquote img, blockquote a img {
  348. width:500px;
  349. height:auto;}
  350.  
  351. blockquote a {color:{color:Text};}
  352.  
  353. img a {border:none; max-width:500px;}
  354.  
  355.  
  356. /* QUOTE AND SOURCE TEXT POSTS */
  357. .quotee {
  358. font:1.4em {select:Body Font}, sans-serif;
  359. line-height:20px;}
  360.  
  361. .sourcee {
  362. font:1em {select:Body Font}, sans-serif;
  363. line-height:14px; }
  364.  
  365. /* LINK BLOG POST */
  366. .linktitle h3 {
  367. width:auto;
  368. margin-top:0px;
  369. padding:none;
  370. height:80px;
  371. line-height:80px;
  372. text-align:center;
  373. color:{color:Posts};
  374. background:{color:Accent};}
  375.  
  376. /* ENTIRE POSTS/SIDEBAR CONTAINER */
  377. section {
  378. display:block;
  379. display: -webkit-box;
  380. display: -webkit-flex;
  381. display: -ms-flexbox;
  382. display: flex;
  383. clear: both;
  384. margin: 0 auto;
  385. width:calc(450px + {select:Post Width});}
  386.  
  387. /* TOPBAR CONTAINER */
  388. .top {
  389. position:fixed;
  390. z-index:999999999999999999;
  391. width:100%;
  392. height:50px;
  393. background:{color:Posts};
  394. border-bottom:1px solid {color:Border};}
  395.  
  396. .top img {
  397. position:fixed;
  398. z-index:999999999999999999;
  399. margin-top:8px;
  400. margin-left:20px;
  401. width:30px;
  402. height:30px;
  403. border-radius:3px;}
  404.  
  405. .top a {z-index:999999999999999999;}
  406.  
  407.  
  408. /* TOPBAR:: DESCRIPTION / BIO */
  409. .desc {
  410. position:absolute;
  411. z-index:9999999999999;
  412. margin:0 auto;
  413. top:6px;
  414. left:0;
  415. right:0;
  416. text-align:center;
  417. letter-spacing:1px;
  418. font-size:{text:Desc Font Size}px;
  419. font-family:{select:Body Font}, sans-serif;
  420. text-transform:normal;
  421. padding:10px;
  422. font-weight:{select:Body Font Weight};
  423. line-height:18px;
  424. color:{color:Desc Text};}
  425.  
  426.  
  427. /* TOPBAR:: TUMBLR CONTROLS CUSTOMS */
  428. .controls {
  429. position:fixed;
  430. z-indeX:99999999999999;
  431. float:right;
  432. right:30px;
  433. color:{color:Text};
  434. top:14px;}
  435.  
  436. .controls i {
  437. z-indeX:99999999999999;
  438. color:{color:Text};}
  439.  
  440. .controls a {
  441. z-indeX:99999999999999;
  442. font-size:1.4em;
  443. color:{color:Text};}
  444.  
  445. .material-icons {
  446. position:relative;
  447. top:2px;
  448. color:{color:Text};
  449. font-size:1em;}
  450.  
  451. /* SIDEBAR TOP NAV BAR */
  452. .navbar{
  453. position:fixed;
  454. z-index:999999999999999;
  455. margin-left:0px;
  456. margin-top:-10px;
  457. width:280px;
  458. height:40px;
  459. font-weight:700;
  460. padding-left:10px;
  461. text-transform:uppercase;
  462. font:bold 1.1em {select:Body Font}, sans-serif;
  463. border-top-left-radius:5px;
  464. border-top-right-radius:5px;
  465. color:{color:Text};
  466. background:{color:Posts};
  467. line-height:40px;}
  468.  
  469.  
  470. /* SEARCH BAR*/
  471. .search .query {
  472. position:absolute;
  473. z-index:99999999999999;
  474. margin-top:-32px;
  475. margin-left:35px;
  476. border:0;
  477. outline:0;
  478. width:246px;
  479. border-top-right-radius:3px;
  480. overflow:hidden;
  481. padding:9px;
  482. padding-left:10px;
  483. font:bold 0.90em {select:Body Font}, sans-serif;
  484. font-weight:700;
  485. font-style:bold;
  486. letter-spacing:1px;
  487. text-align:center;
  488. text-transform:uppercase;
  489. color:{color:Text};
  490. background:{color:Sidebar};}
  491.  
  492. ::-webkit-input-placeholder {color: inherit;}
  493. :-moz-placeholder {color: inherit; opacity:1;}
  494. ::-moz-placeholder {color: inherit; opacity:1;}
  495. :-ms-input-placeholder {color: inherit;}
  496. input:focus::-webkit-input-placeholder {color: transparent;}
  497. input:focus:-moz-placeholder {color: transparent;}
  498. input:focus::-moz-placeholder {color: transparent;}
  499. input:focus:-ms-input-placeholder { color: transparent;}
  500.  
  501. /* SEARCH ICON */
  502. .lnr-magnifier {
  503. position:fixed;
  504. z-index:9999999999999;
  505. overflow:hidden;
  506. margin-top:-32px;
  507. margin-left:0px;
  508. width:35px;
  509. height:32px;
  510. padding:10px;
  511. text-align:center;
  512. font-weight:900;
  513. font-size:1.2em;
  514. line-height:20px;
  515. border-top-left-radius:3px;
  516. border-right:1px solid {color:Border};
  517. background:{color:Sidebar};
  518. color:{color:Accent};}
  519.  
  520. /* SIDEBAR */
  521. .sidebar {
  522. position:fixed;
  523. clear:both;
  524. margin-left:0px;
  525. top:160px;
  526. width:280px;
  527. height:150px;
  528. background:{color:Accent};
  529. border-radius:3px;
  530. {block:IfBoxShadows}
  531. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  532. {/block:IfBoxShadows}}
  533.  
  534. /* SIDEBAR ICON IMAGE */
  535. .sidebar img {
  536. position:fixed;
  537. margin-left:0px;
  538. margin-top:0px;
  539. width:280px;
  540. height:240px;}
  541.  
  542. /* SIDEBAR TITLE */
  543. .blogtitle {
  544. position:fixed;
  545. z-index:999999;
  546. margin-top:50px;
  547. width:280px;
  548. font:bold 2em 'Day One', sans-serif;
  549. text-align:center;
  550. font-weight:800;
  551. letter-spacing:1.2px;
  552. text-transform:uppercase;
  553. color:{color:Blog Title};}
  554.  
  555. .blogtitle a {color:{color:Blog Title};}
  556.  
  557. /* CUSTOM LINKS CONTAINER */
  558. .links {
  559. position:fixed;
  560. margin-top:96px;
  561. width:280px;
  562. text-align:center;
  563. display:inline;}
  564.  
  565. /* CUSTOM LINK STYLING */
  566. .links a {
  567. display:inline;
  568. padding:8px;
  569. text-align:center;
  570. font-size:3em;
  571. color:{color:Sidebar};}
  572.  
  573. /* PROFILE BOX */
  574. .profilebox {
  575. position:fixed;
  576. clear:both;
  577. top:340px;
  578. margin-left:0px;
  579. width:280px;
  580. height:150px;
  581. padding:15px;
  582. border-radius:3px;
  583. background:{color:Sidebar};
  584. border:1px solid {color:Border};
  585. line-height:30px;
  586. {block:IfBoxShadows}
  587. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  588. {/block:IfBoxShadows}}
  589.  
  590. .profilebox img {
  591. position:fixed;
  592. margin-top:10px;
  593. border-radius:100px;
  594. border:10px solid {color:Background};
  595. width:100px;
  596. height:100px;}
  597.  
  598. .prof {
  599. position:fixed;
  600. margin-left:110px;
  601. margin-top:27px;
  602. text-align:left;
  603. font:0.95em {select:Body Font}, sans-serif;
  604. font-weight:{select:Body Font Weight};
  605. color:{color:Text};}
  606.  
  607. /*SLIDEOUT NAV:: PROFILE BOX TITLES */
  608. tt {
  609. text-transform:uppercase;
  610. font:1em {select:Body Font}, sans-serif;
  611. color:{color:Accent};
  612. font-weight:800;}
  613.  
  614. /* PROFILE BOX */
  615. .linkbox {
  616. position:fixed;
  617. clear:both;
  618. margin-left:0px;
  619. bottom:0px;
  620. width:280px;
  621. height:60px;
  622. border:1px solid {color:Border};
  623. border-top-left-radius:3px;
  624. border-top-right-radius:3px;
  625. background:{color:Sidebar};}
  626.  
  627. .ltitle {
  628. position:fixed;
  629. margin-top:-10px;
  630. margin-left:20px;
  631. width:auto;
  632. padding:6px;
  633. border-radius:3px;
  634. text-align:center;
  635. font:bold 1em 'Day One', sans-serif;
  636. font-weight:800;
  637. text-transform:uppercase;
  638. letter-spacing:1px;
  639. background:{color:Accent};
  640. color:{color:Blog Title};}
  641.  
  642. .main {
  643. position:fixed;
  644. margin-top:30px;
  645. width:280px;
  646. text-align:center;
  647. display:inline;}
  648.  
  649. .main a {
  650. display:inline;
  651. padding:5px;
  652. text-transform:uppercase;
  653. letter-spacing:1px;
  654. color:{color:Text};
  655. font:bold 1em {select:Body Font}, sans-serif;
  656. font-weight:600;}
  657.  
  658. /* POSTS AND ENTRIES */
  659. .posts {
  660. position:relative;
  661. z-index:999;
  662. top:130px;
  663. left:450px;
  664. float:right;}
  665.  
  666. /* ENTRIES */
  667. .entry {
  668. clear:both;
  669. margin-bottom:{text:Posts Margin}px;
  670. width:{select:Post Width};
  671. float:right;
  672. padding:10px;
  673. border-radius:8px;
  674. border:1px solid {color:Border};
  675. {block:IfBoxShadows}
  676. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  677. {/block:IfBoxShadows}
  678. background:{color:Posts};}
  679.  
  680. .entry a {z-index:999999;}
  681.  
  682. .entry:hover {
  683. transition: .4s ease-in-out;
  684. -webkit-transition: .4s ease-in-out;
  685. -moz-transition: .4s ease-in-out;
  686. -o-transition: .4s ease-in-out;
  687. box-shadow:none;}}
  688.  
  689. /* ENTRY IMAGE */
  690. .entry img {
  691. margin:0px;
  692. height:auto;
  693. width:{select:Post Width} - 5px;}
  694.  
  695. /* CAPTIONS CONTAINER */
  696. .caption iframe{
  697. display:block;
  698. color:{color:Text};
  699. max-width:100%;
  700. overflow:hidden;}
  701.  
  702. .caption {
  703. color:{color:Text};
  704. font:1em {select:Body Font}, sans-serif;
  705. font-weight:{select:Body Font Weight};
  706. margin:10px 0;}
  707.  
  708. .tumblr_parent {
  709. border:0;
  710. margin:4px 0;
  711. padding:20px;}
  712.  
  713. .tumblr_parent blockquote {color:{color:Text}; margin:5px 0;}
  714.  
  715. {block:PermalinkPage}
  716. .tumblr_parent {padding:25px;}
  717. {/block:PermalinkPage}
  718.  
  719. .caption.nospace .tumblr_parent
  720. {border:0;
  721. padding-top:0;}
  722.  
  723. /* CAPTIONS LINK STYLING */
  724. .caption a {
  725. color:{color:Text};}
  726.  
  727. /* CAPTIONS TUMBLR USERNAME STYLING */
  728. .caption .tumblr_blog {
  729. color:{color:Text}
  730. font-size:0.90em;
  731. font-family:{select:Body Font}, sans-serif;
  732. font-weight:800;
  733. text-transform:uppercase;
  734. letter-spacing:1px;}
  735.  
  736. /* CAPTIONS TUMBLR USERNAME CONTAINER */
  737. .tumblr_blog {
  738. display:inline-block;
  739. vertical-align:middle;
  740. text-align:left;}
  741.  
  742. /* CAPTIONS AVATAR */
  743. .caption .tumblr_avatar {
  744. width:30px;
  745. height:30px;
  746. margin-right:7px;
  747. display:inline-block;
  748. vertical-align:middle;
  749. border:4px solid {color:Background};
  750. border-radius:100px;}
  751.  
  752. /* PAGINATION */
  753. .pagination {
  754. width:{select:Post Width};
  755. z-index:100;
  756. display:block;
  757. text-align:center;
  758. font:1.1em 'Poppins', sans-serif;
  759. font-weight:{select:Body Font Weight};
  760. text-transform:uppercase;
  761. color:{color:Accent};}
  762.  
  763. .pagination a {
  764. margin:0 4px;
  765. display:inline-block;
  766. text-align:center;
  767. letter-spacing:1px;
  768. font-weight:700;
  769. font:1.1em 'Poppins', sans-serif;
  770. width:30px;
  771. height:30px;
  772. border-radius:5px;
  773. background:{color:Posts};
  774. color:{color:Accent};
  775. line-height:30px;}
  776.  
  777. .pagination a:hover {
  778. color:{color:Hover};}
  779.  
  780. .current_page {
  781. margin:0 4px;
  782. width:30px;
  783. height:30px;
  784. display:inline-block;
  785. text-align:center;
  786. letter-spacing:1px;
  787. font-weight:700;
  788. font:1.1em 'Poppins', sans-serif;
  789. letter-spacing:1px;
  790. color:{color:Accent One};
  791. background:{color:Posts};
  792. border-radius:5px;
  793. line-height:30px;}
  794.  
  795.  
  796. /* POSTS AND ENTRIES PINNED ENTRY LABEL*/
  797. .pinned-post {
  798. position:absolute;
  799. margin-top:-60px;
  800. margin-left:-10px;
  801. background:{color:Posts};
  802. border-radius: 5px;
  803. color:{color:Accent};
  804. width:{select:Post Width};
  805. padding:10px;
  806. text-transform: uppercase;
  807. font:bold 1em 'Poppins', sans-serif;
  808. font-weight:700;
  809. {block:IfBoxShadows}
  810. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  811. {/block:IfBoxShadows}}
  812.  
  813.  
  814. .pin {
  815. float:right;
  816. font-size:1.1em;}
  817.  
  818. .pin i {
  819. color:{color:Text};}
  820.  
  821.  
  822. /* OVERALL SIDE POST ICONS CONTAINER */
  823. .topinfo {
  824. position:absolute;
  825. z-index:999999;
  826. margin-left:-80px;
  827. margin-top:-20px;
  828. display:block;}
  829.  
  830. /* NOTECOUNT INFO */
  831. .count {
  832. position:relative;
  833. float:left;
  834. width:auto;
  835. height:40px;
  836. padding:10px;
  837. outline:none;
  838. text-align:center;
  839. color:{color:Text};}
  840.  
  841. /* NOTECOUNT STYLING */
  842. .count i {
  843. z-index:9999999;
  844. display:block;
  845. font-size:1.3em;
  846. width:40px;
  847. height:40px;
  848. font-weight:bold;
  849. line-height:40px;
  850. border-radius:5px;
  851. text-align:center;
  852. color:{color:Text};
  853. background-color:{color:Sidebar};
  854. border:1px solid {color:Border};
  855. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45); }
  856.  
  857.  
  858. /* POST INFO TIME */
  859. .time {
  860. position:relative;
  861. text-align:center;
  862. width:40px;
  863. height:40px;
  864. padding:10px;
  865. color:{color:Text};}
  866.  
  867. .time i {
  868. z-index:9999999;
  869. display:block;
  870. font-size:1.3em;
  871. width:40px;
  872. height:40px;
  873. font-weight:bold;
  874. line-height:40px;
  875. border-radius:5px;
  876. color:{color:Text};
  877. background-color:{color:Sidebar};
  878. border:1px solid {color:Border};
  879. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);}
  880.  
  881.  
  882. /* REBLOG CONTAINER */
  883. .rebg {
  884. position:relative;
  885. text-align:center;
  886. z-index:9;
  887. padding:10px;
  888. width:40px;
  889. height:40px;}
  890.  
  891. /* REBLOG LINK*/
  892. .rebg i {
  893. z-index:9999999;
  894. display:block;
  895. font-size:1.3em;
  896. width:40px;
  897. height:40px;
  898. font-weight:bold;
  899. text-align:center;
  900. line-height:40px;
  901. border-radius:5px;
  902. color:{color:Text};
  903. background:{color:Posts};
  904. border:1px solid {color:Border};
  905. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);}
  906.  
  907.  
  908. /* SOURCE POST LINK */
  909. .source {
  910. position:absolute;
  911. width:{select:Post Width};
  912. margin-left:-10px;
  913. margin-top:-30px;
  914. padding-bottom:10px;
  915. padding-top:10px;
  916. text-align:center;
  917. background:{color:Background};
  918. border:1px solid {color:Border}}
  919.  
  920. .source a {
  921. font:bold 1em {select:Body Font}, sans-serif;
  922. font-weight:700;
  923. text-align:center;
  924. letter-spacing:1px;
  925. color:{color:Text};
  926. text-transform:uppercase;}
  927.  
  928.  
  929. /* BOTTOM POST + TAGS CONTAINER*/
  930. .bottominfo {
  931. position:absolute;
  932. width:calc({select:Post Width} - 2px);
  933. z-index:9;
  934. margin:-10px;
  935. margin-top:5px;
  936. padding-top:10px;
  937. padding-bottom:10px;
  938. text-align:left;
  939. letter-spacing:1.5px;
  940. border-top:1px solid {color:Border};
  941. text-transform:uppercase;
  942. border-bottom-left-radius:8px;
  943. border-bottom-right-radius:8px;
  944. {block:IfBoxShadows}
  945. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  946. {/block:IfBoxShadows}
  947. background:{color:Tags Background};}
  948.  
  949. /* BOTTOM POST + ENTRY INFO STYING */
  950. .bottominfo a {
  951. z-index:9;
  952. display:inline;
  953. padding:7px;
  954. font-family:{select:Body Font}, sans-serif;
  955. font-size:0.85em;
  956. font-weight:{select:Body Font Weight};
  957. letter-spacing:1px;
  958. text-transform:uppercase;
  959. border:none;
  960. color:{color:Post Info};}
  961.  
  962. .bottominfo a:hover {
  963. color:{color:Hover};}
  964.  
  965.  
  966. /* TAGS */
  967. .tags {
  968. position:relative;
  969. width:{select:Post Width};
  970. height:auto;
  971. z-index:9;
  972. text-align:left;
  973. line-height:20px;}
  974.  
  975. /* TAGS STYLING */
  976. .tags a {
  977. width:{select:Post Width};
  978. display:inline;
  979. padding:4px;
  980. text-decoration:none;
  981. font-family:{select:Body Font}, sans-serif;
  982. font-size:{text:Tags Font Size}px;
  983. font-style:normal;
  984. text-align:left;
  985. z-index:9;
  986. letter-spacing:1px;
  987. font-weight:800;
  988. line-height:20px;
  989. color:{color:Tags};}
  990.  
  991. /* TAGS HOVER */
  992. .tags a:hover {
  993. box-shadow:none;
  994. transition: .4s ease-in-out;
  995. -webkit-transition: .4s ease-in-out;
  996. -moz-transition: .4s ease-in-out;
  997. -o-transition: .4s ease-in-out;
  998. letter-spacing:1.5px;
  999. color:{color:Hover}; }
  1000.  
  1001.  
  1002.  
  1003. /* ASK POSTS */
  1004. .asker {
  1005. font:0.90em 'Day One', sans-serif;
  1006. letter-spacing:1px;
  1007. font-weight:600;
  1008. font-style:bold;
  1009. color:{color:Text};}
  1010.  
  1011. /* ASKER URL */
  1012. .asker a {
  1013. border-radius:3px;
  1014. font:1em {select:Body Font}, sans-serif;
  1015. text-transform:uppercase;
  1016. letter-spacing:1px;
  1017. font-weight:800;
  1018. border-radius:5px;
  1019. padding:5px;
  1020. background:{color:Tags Background};
  1021. color:{color:Text};}
  1022.  
  1023. user {
  1024. position:absolute;
  1025. margin-top:0px;
  1026. width:auto;
  1027. padding-bottom:2px;}
  1028.  
  1029. /* QUESTION */
  1030. .question {
  1031. width:{select:Post Width} - 10px;
  1032. font:1em {select:Body Font}, sans-serif;
  1033. font-weight:600;
  1034. text-transform:normal;
  1035. letter-spacing:1px;
  1036. background:{color:Posts};
  1037. color:{color:Text};
  1038. line-height:20px;}
  1039.  
  1040. /* ANSWER */
  1041. .answer {
  1042. padding:10px;
  1043. font:1em {select:Body Font}, sans-serif;
  1044. font-weight:400;
  1045. text-transform:normal;
  1046. letter-spacing:1px;
  1047. background:{color:Posts};
  1048. color:{color:Text};
  1049. line-height:18px;}
  1050.  
  1051. /* ANSWER BLOCKQUOTE */
  1052. .answer blockquote {
  1053. padding:10px;
  1054. font:1em {select:Body Font}, sans-serif;
  1055. font-weight:400;
  1056. text-transform:normal;
  1057. letter-spacing:1px;
  1058. background:{color:Posts};
  1059. color:{color:Text};
  1060. line-height:18px;}
  1061.  
  1062. /* POST NOTES */
  1063. .notes {
  1064. position:absolute;
  1065. z-index:999999999999;
  1066. width:{select:Post Width};
  1067. display:inline;
  1068. height:100%;
  1069. padding:5px;
  1070. list-style-type: none;
  1071. margin-top:40px;
  1072. margin-left:-10px;
  1073. font:0.90em {select:Body Font}, sans-serif;
  1074. font-style:normal;
  1075. letter-spacing:1px;
  1076. font-weight:{select:Body Font Weight};
  1077. text-transform:uppercase;
  1078. line-height:25px;
  1079. color:{color:Text};}
  1080.  
  1081. .notes a {
  1082. border:none;
  1083. color:{color:Text}; }
  1084.  
  1085. .notes blockquote {background:{color:background};}
  1086.  
  1087. ol.notes li.note img.avatar {
  1088. vertical-align: -4px;
  1089. margin-right: 10px;
  1090. width: 16px;
  1091. border: 0;
  1092. border-radius:3px;
  1093. height: 16px;
  1094. color:{color:Text};}
  1095.  
  1096. a.avatar_frame {
  1097. border: 0;}
  1098.  
  1099.  
  1100. /* AUDIO POSTS */
  1101. .tumblr_audio_player {
  1102. border:none;
  1103. clear:both;
  1104. width:calc({select:Post Width} - 20px);}
  1105.  
  1106. .soundcloud_audio_player
  1107. {width: 100%;}
  1108.  
  1109.  
  1110. /* VIDEO POSTS */
  1111. .video {overflow:hidden; border:0;}
  1112. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  1113.  
  1114.  
  1115. {CustomCSS}
  1116. </style>
  1117.  
  1118. <!--- UNEST CAPTIONS --->
  1119. <script src="https://static.tumblr.com/emvnqzg/cK3o6sxeb/jquery.truncate.js"></script>
  1120. <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  1121. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1122. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1123. <script> $(function(){ $('.entry').unnest({
  1124. yourCaption: '.caption',
  1125. originalPostCaptionUsername: true,
  1126. newCaptionUsername: true,
  1127. tumblrAvatars: true,
  1128. tumblrAvatarClass: ".tumblr_avatar",
  1129. usernameColon: false
  1130. }); }); </script>
  1131.  
  1132. <!--- PXU PHOTOSET --->
  1133. <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
  1134. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1135. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1136.  
  1137. <script>
  1138. $(document).ready(function(){
  1139. $('.photo-slideshow').pxuPhotoset({
  1140. lightbox: true,
  1141. rounded: false,
  1142. gutter: '4px',
  1143. borderRadius: '0px',
  1144. photoset: '.photo-slideshow',
  1145. photoWrap: '.photo-data',
  1146. photo: '.pxu-photo'
  1147. });
  1148. });
  1149. </script>
  1150.  
  1151. <!--- VIDEO RESIZE --->
  1152. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1153.  
  1154.  
  1155. </style>
  1156. </head>
  1157. <body>
  1158.  
  1159.  
  1160. <div class="top">
  1161. <div class="topimage"><img src="{image:Icon}"></div>
  1162.  
  1163. <div class="desc">{Description}</div>
  1164.  
  1165. <div class="controls">
  1166. <a href="http://tumblr.com/follow/{Name}" class="tablink" title="Follow Me"><i class="dripicons dripicons-power"></i></a>
  1167. <a href="http://tumblr.com/message/{Name}" class="tablink" title="Message"><i class="dripicons dripicons-bell"></i></a>
  1168. <a href="http://tumblr.com/dashboard" class="tablink" title="Dashboard"><i class="dripicons dripicons-exit"></i></a>
  1169.  
  1170. </div>
  1171. </div>
  1172.  
  1173.  
  1174.  
  1175.  
  1176. <section>
  1177. <div class="sidebar">
  1178. <span class="lnr lnr-magnifier"></span>
  1179. <form action="/search" method="get" class="search">
  1180. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="Search ">
  1181. </form>
  1182.  
  1183. <div class="blogtitle">{text:Blog Title}</div>
  1184.  
  1185. <div class="links">
  1186.  
  1187. {block:ifLink1Title}
  1188. <a href="{text:Link 1}" title="{text:Link 1 Title}"> ◦ </a>
  1189. {/block:ifLink1Title}
  1190.  
  1191. {block:ifLink2Title}
  1192. <a href="{text:Link 2}" title="{text:Link 2 Title}"> ◦ </a>
  1193. {/block:ifLink2Title}
  1194.  
  1195. {block:ifLink3Title}
  1196. <a href="{text:Link 3}" title="{text:Link 3 Title}"> ◦ </a>
  1197. {/block:ifLink3Title}
  1198.  
  1199. {block:ifLink4Title}
  1200. <a href="{text:Link 4}" title="{text:Link 4 Title}"> ◦ </a>
  1201. {/block:ifLink4Title}
  1202. </div>
  1203. </div>
  1204.  
  1205.  
  1206. <div class="profilebox">
  1207. <div class="profileboximage"><img src="{image:Sidebar}"></div>
  1208.  
  1209. <div class="prof">
  1210. <tt>Name:</tt> {text:Name} <br>
  1211. <tt>Bday:</tt> {text:Birthday} <br>
  1212. <tt>Zodiac:</tt> {text:Zodiac} <br>
  1213. <tt>Pronouns:</tt> {text:Pronouns} <br>
  1214. </div>
  1215. </div>
  1216.  
  1217. <div class="linkbox">
  1218. <div class="ltitle">Menu</div>
  1219.  
  1220. <div class="main">
  1221. <a href="/" title="home">Home</a>
  1222. <a href="/ask" title="ask">Ask</a>
  1223. <a href="/archive" title="archive">Past</a>
  1224. <a href="https://solocodes.tumblr.com" title="theme credit">Theme</a>
  1225. </div>
  1226. </div>
  1227.  
  1228.  
  1229.  
  1230.  
  1231. <div class="posts">
  1232. {block:Posts}
  1233. <div class="entry">
  1234.  
  1235.  
  1236. {block:PinnedPostLabel}
  1237. <div class="pinned-post">
  1238. {PinnedPostLabel}
  1239. <div class="pin"><i class="dripicons dripicons-pin"></i> </div>
  1240. </div>
  1241. {/block:PinnedPostLabel}
  1242.  
  1243. <div class="topinfo">
  1244. <div class="rebg"> <a href="{ReblogURL}" target="_blank" title="reblog this post"><i class="dripicons dripicons-clockwise"></i></a></div> <br>
  1245.  
  1246. <div class="time"> <a href="{Permalink}" title="{12HourWithZero}:{Minutes} {AmPm}"><i class="dripicons dripicons-pulse"></i></a></div> <br>
  1247.  
  1248. <div class="count"><a href="{Permalink}" title="{NoteCountWithLabel}"> <i class="dripicons dripicons-graph-bar"></i> </a></div>
  1249. </div>
  1250.  
  1251.  
  1252.  
  1253. {block:Text}
  1254. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1255. <h2>{Body}<h2>
  1256. {block:IndexPage}
  1257. {/block:IndexPage}
  1258. {/block:Text}
  1259.  
  1260.  
  1261. {block:Photo}
  1262. <img src="{PhotoURL-HighRes}" width="100%"></center>
  1263. {/block:Photo}
  1264.  
  1265. {block:Photoset}
  1266. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1267. {/block:Photoset}
  1268.  
  1269. {block:Chat}
  1270. <div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
  1271. <div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
  1272. {/block:Lines}</div>
  1273. {/block:Chat}
  1274.  
  1275. {block:Quote}
  1276. <div class="quotee">
  1277. "{Quote}"
  1278. </div>
  1279. <div class="sourcee">
  1280. <br>
  1281. — {Source}
  1282. </div>
  1283. {/block:Quote}
  1284.  
  1285. {block:Link}
  1286. <div class="linktitle">
  1287. <a href="{URL}"><h3>{Name}</h3></a>
  1288. </div>
  1289. {block:Description}
  1290. <p>{Description}</p>
  1291. {/block:Description}
  1292. {/block:Link}
  1293.  
  1294. {block:Answer}
  1295. <div class="asker">
  1296. <div class="question">
  1297. <br>
  1298. {Asker}
  1299. <br><br>
  1300. {Question}</div>
  1301. </div>
  1302. <div class="answer">
  1303. <blockquote>{Answer}</blockquote>
  1304. </div>
  1305. {/block:Answer}
  1306.  
  1307. {block:Video}
  1308. <div class="video">{Video-500}</div>
  1309. {/block:Video}
  1310.  
  1311. {block:Audio}
  1312. <div class="tumblr_audio_player">
  1313. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1314. </div>
  1315. {/block:Audio}
  1316.  
  1317. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1318.  
  1319. {block:Date}
  1320.  
  1321. <br><br>
  1322.  
  1323. {block:ContentSource}
  1324. <div class="source">
  1325. <a href="{SourceURL}" title="{SourceTitle}">Source</a>
  1326. </div>
  1327. {/block:ContentSource}
  1328.  
  1329. <div class="bottominfo">
  1330. <div class="tags">
  1331. &nbsp;{block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;&nbsp;{/block:Tags}
  1332. </div>
  1333. </div>
  1334. {/block:Date}
  1335.  
  1336.  
  1337. {block:PermalinkPage}{block:PostNotes}<div class="notes">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>
  1338.  
  1339. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1340.  
  1341. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1342. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1343.  
  1344. {/block:Posts}
  1345.  
  1346.  
  1347. {block:Pagination}
  1348. <div class="pagination">{block:PreviousPage}
  1349. <a href="{PreviousPage}"><</a>
  1350. {/block:PreviousPage}
  1351. {block:JumpPagination length="5"}
  1352. {block:CurrentPage}
  1353. <span class="current_page">{PageNumber}</span>
  1354. {/block:CurrentPage}
  1355. {block:JumpPage}
  1356. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1357. {/block:JumpPage}
  1358. {/block:JumpPagination}
  1359. {block:NextPage}
  1360. <a href="{NextPage}">></a>
  1361. {/block:NextPage}
  1362. <br><br>
  1363. </div>
  1364. {/block:Pagination}
  1365. <br><br><br><br><br>
  1366. </div>
  1367. </div>
  1368. </div>
  1369. </section>
  1370. </body>
  1371.  
  1372.  
  1373. <!--- TOOLTIPS --->
  1374.  
  1375. <script src="https://unpkg.com/popper.js@1"></script>
  1376. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1377. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  1378.  
  1379. <script>
  1380. tippy('a[title]', {
  1381. theme: 'custom',
  1382. arrow: tippy.roundArrow,
  1383. zIndex: 9999999999,
  1384. maxWidth: 300,
  1385.  
  1386. content(reference) {
  1387. const title = reference.getAttribute('title');
  1388. reference.removeAttribute('title');
  1389. return title;
  1390. },
  1391. });
  1392. </script>
  1393.  
  1394.  
  1395. </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!