API tools faq
paste
solocodes

Theme: Noir

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