API tools faq
paste
solocodes

Theme: Bloom

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