API tools faq
paste
Advertisement
solocodes

Theme: Moi

solocodes
Aug 24th, 2021
1,239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.95 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------
  2.  
  3. ___ ___ _ ___ ___ ___ ___ ___ ___
  4. / __|/ _ \| | / _ \ / __/ _ \| \| __/ __|
  5. \__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \
  6. |___/\___/|____\___/ \___\___/|___/|___|___/
  7.  
  8.  
  9. **** Tʜᴇᴍᴇ: MOI ****
  10.  
  11. .Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
  12. .Hᴀᴠᴇ Aɴʏ Qᴜᴇsᴛɪᴏɴs? Sᴇɴᴅ me an ask, an email or Join My Discord
  13. .To Join my Discord, you can find the link on all Theme and Page Posts
  14. .Joining my Discord gives you access to exclusives and more
  15.  
  16. Email > solodesigns.codes@gmail.com
  17.  
  18. .Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
  19. .Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
  20. .Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
  21. .Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
  22. .Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
  23. .Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
  24. .Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ
  25.  
  26. ------------------------------------>
  27.  
  28.  
  29. <!DOCTYPE html>
  30. <head>
  31.  
  32. <title>{Title}</title>
  33.  
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38.  
  39. <meta name="color:Background" content="#f8f8f8"/>
  40. <meta name="color:Accent One" content ="#ffcc33"/>
  41. <meta name="color:Accent Two" content ="#FF3358"/>
  42. <meta name="color:Tooltip Background" content="#bbb"/>
  43. <meta name="color:Tooltip Text" content="#fff"/>
  44. <meta name="color:Nav Box Background" content="#eee"/>
  45. <meta name="color:Blog Title" content="#cecece"/>
  46. <meta name="color:Navigation Text" content="#000"/>
  47. <meta name="color:Sidebar" content="#000"/>
  48. <meta name="color:Desc Text" content="#fff"/>
  49. <meta name="color:Social Media Icons" content="#ddd"/>
  50. <meta name="color:Text" content="#fff"/>
  51. <meta name="color:Links" content="#fff"/>
  52. <meta name="color:Hover" content="#fff"/>
  53. <meta name="color:Bold" content="#fff"/>
  54. <meta name="color:Italic" content="#ddd"/>
  55. <meta name="color:Border" content="#111"/>
  56. <meta name="color:Posts" content="#fff"/>
  57. <meta name="color:Tags" content="#fff"/>
  58. <meta name="color:Tags Background" content="#000"/>
  59. <meta name="color:Pagination" content="#fff"/>
  60.  
  61. <meta name="text:Blog Title" content="Moi."/>
  62. <meta name="if:Box Shadows" content="0"/>
  63. <meta name="text:Posts Margin" content="280"/>
  64.  
  65.  
  66. <meta name="select:Title Font" content="Poppins"/>
  67. <meta name="select:Title Font" content="Raleway"/>
  68. <meta name="select:Title Font" content="Montserrat"/>
  69. <meta name="select:Title Font" content="Open Sans"/>
  70. <meta name="select:Title Font" content="Work Sans"/>
  71. <meta name="select:Title Font" content="Day One"/>
  72. <meta name="select:Title Font" content="Sora"/>
  73. <meta name="select:Title Font" content="Doppio One"/>
  74. <meta name="select:Title Font" content="Exo"/>
  75. <meta name="select:Title Font" content="Montserrat"/>
  76. <meta name="select:Title Font" content="Libre Franklin"/>
  77. <meta name="select:Title Font" content="Monda"/>
  78. <meta name="select:Title Font" content="Mukta"/>
  79. <meta name="select:Title Font" content="Red Hat Display"/>
  80.  
  81.  
  82. <meta name="select:Body Font" content="Poppins"/>
  83. <meta name="select:Body Font" content="Lato"/>
  84. <meta name="select:Body Font" content="Open Sans"/>
  85. <meta name="select:Body Font" content="Karla"/>
  86. <meta name="select:Body Font" content="Raleway"/>
  87. <meta name="select:Body Font" content="Montserrat"/>
  88. <meta name="select:Body Font" content="Day One"/>
  89. <meta name="select:Body Font" content="Sora"/>
  90. <meta name="select:Body Font" content="Doppio One"/>
  91. <meta name="select:Body Font" content="Exo"/>
  92. <meta name="select:Body Font" content="Montserrat"/>
  93. <meta name="select:Body Font" content="Libre Franklin"/>
  94. <meta name="select:Body Font" content="Monda"/>
  95. <meta name="select:Body Font" content="Mukta"/>
  96. <meta name="select:Body Font" content="Red Hat Display"/>
  97.  
  98.  
  99. <meta name="select:Body Font Weight" content="400"/>
  100. <meta name="select:Body Font Weight" content="500"/>
  101. <meta name="select:Body Font Weight" content="600"/>
  102. <meta name="select:Body Font Weight" content="700"/>
  103. <meta name="select:Body Font Weight" content="800"/>
  104.  
  105. <meta name="select:Post Width" content="400px"/>
  106. <meta name="select:Post Width" content="450px"/>
  107. <meta name="select:Post Width" content="500px"/>
  108. <meta name="select:Post Width" content="540px"/>
  109.  
  110.  
  111. <meta name="image:Background" content=""/>
  112. <meta name="image:Sidebar" content=""/>
  113. <meta name="image:Sideblog One" content=""/>
  114. <meta name="image:Sideblog Two" content=""/>
  115. <meta name="image:Sideblog Three" content=""/>
  116.  
  117.  
  118. <meta name="text:Name" content="Kwon Ji-yong"/>
  119. <meta name="text:Birthday" content="August 18, 1988"/>
  120. <meta name="text:Zodiac" content="Leo"/>
  121. <meta name="text:Residence" content="Seoul, South Korea"/>
  122. <meta name="text:Pronouns" content="He / Him"/>
  123. <meta name="text:Hobbies" content="Sing, Rap, Dance"/>
  124. <meta name="text:Studying" content="English"/>
  125.  
  126. <meta name="text:Twitter Url" content="/"/>
  127. <meta name="text:Facebook Url" content="/"/>
  128. <meta name="text:Instagram Url" content="/"/>
  129. <meta name="text:Spotify Url" content="/"/>
  130. <meta name="text:Pinterest Url" content="/"/>
  131.  
  132. <meta name="text:Link 1" content="http://"/>
  133. <meta name="text:Link 1 Title" content="Link One"/>
  134. <meta name="text:Sub Title 1" content="Subtitle 1"/>
  135. <meta name="text:Link 2" content="http://"/>
  136. <meta name="text:Link 2 Title" content="Link Two"/>
  137. <meta name="text:Sub Title 2" content="Subtitle 2"/>
  138. <meta name="text:Link 3" content="http://"/>
  139. <meta name="text:Link 3 Title" content="Link Three"/>
  140. <meta name="text:Sub Title 3" content="Subtitle 3"/>
  141.  
  142. <meta name="text:Sideblog Link 1" content="http://"/>
  143. <meta name="text:Sideblog Link 1 Title" content="Sideblog One"/>
  144. <meta name="text:Sideblog SubTitle 1" content="Subtitle 1"/>
  145. <meta name="text:Sideblog Link 2" content="http://"/>
  146. <meta name="text:Sideblog Link 2 Title" content="Sideblog Two"/>
  147. <meta name="text:Sideblog SubTitle 2" content="Subtitle 2"/>
  148. <meta name="text:Sideblog Link 3" content="http://"/>
  149. <meta name="text:Sideblog Link 3 Title" content="Sideblog Three"/>
  150. <meta name="text:Sideblog SubTitle 3" content="Subtitle 3"/>
  151.  
  152.  
  153. <!--- HONEYBEE, DRIP, GOOGLE MATERIAL & LINEAR ICONS FONT ICONS --->
  154. <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">
  155.  
  156.  
  157. <!----- GOOGLE FONTS ----->
  158. <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">
  159.  
  160.  
  161. <!----- COLOR AUDIO ----->
  162. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  163.  
  164. <script>
  165. $(document).ready(function() {
  166. // audio player
  167. var $audio = $('iframe.tumblr_audio_player');
  168. $audio.load(function() {
  169. $(this).contents().find('head').append('<style type="text/css">' +
  170. '.audio-player { background:{color:Accent One}; color:{color:Posts} !important; }' + '.audio-player .audio-info .track-artist { color:{color:Posts} !important; }' + '</style>');
  171. });
  172. });
  173. </script>
  174.  
  175. <!--- SOUNDCLOUD PLAYER--->
  176. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  177. <script>
  178. // minimal soundcloud player © shythemes.tumblr
  179. $(document).ready(function(){
  180. var color = '{color:Accent One}'; // color of play button (hex)
  181. $('.soundcloud_audio_player').each(function(){
  182. $(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%' });
  183. });
  184. });
  185. </script>
  186.  
  187.  
  188. <style>
  189.  
  190. * {box-sizing: border-box}
  191.  
  192. ::-webkit-scrollbar-thumb {
  193. height:122px;
  194. border:1.7px solid transparent;
  195. z-index:9;
  196. border-radius:6px;
  197. background:{color:Accent One};}
  198.  
  199. ::-webkit-scrollbar {
  200. width:6px;
  201. height:7px;
  202. border-left:5px solid transparent;
  203. border-right:5px solid transparent;
  204. border-top:2px solid transparent;
  205. border-bottom:2px solid transparent;}
  206.  
  207.  
  208. /* TOOLTIPS */
  209. .tippy-tooltip.custom-theme {
  210. background-color:{color:Tooltip Background};
  211. color:{color:Tooltip Text};
  212. text-align:center;
  213. font-family:{select:Body Font}, sans-serif;
  214. font-weight:bold;
  215. text-transform:uppercase;
  216. letter-spacing:1px;
  217. font-size:0.90em;
  218. box-shadow: 7px 7px 7px -9px rgba(000,000,000, 0.45);}
  219.  
  220. .tippy-tooltip.custom-theme .tippy-svg-arrow {
  221. fill:{color:Tooltip Background};}
  222.  
  223.  
  224. /* TUMBLR CONTROLS */
  225. iframe.tmblr-iframe {
  226. z-index:99999999!important;
  227. top:8px!important;
  228. right:50px!important;
  229. opacity:0;
  230. transition: all 0.3s ease 0s;
  231. /* delete invert(1) from here */
  232. filter:invert(1) contrast(150%);
  233. -webkit-filter:invert(1) contrast(150%);
  234. -o-filter:invert(1) contrast(150%);
  235. -moz-filter:invert(1) contrast(150%);
  236. -ms-filter:invert(1) contrast(150%);
  237. /* to here if your blog has a dark background */
  238. transform:scale(0.65);
  239. transform-origin:100% 0;
  240. -webkit-transform:scale(0.65);
  241. -webkit-transform-origin:100% 0;
  242. -o-transform:scale(0.65);
  243. -o-transform-origin:100% 0;
  244. -moz-transform:scale(0.65);
  245. -moz-transform-origin:100% 0;
  246. -ms-transform:scale(0.65);
  247. -ms-transform-origin:100% 0;}
  248.  
  249. iframe.tmblr-iframe:hover {
  250. opacity:0.8!important;}
  251.  
  252. .hcontrols {
  253. position:fixed;
  254. top:13px;
  255. right:25px;
  256. z-index:999;
  257. color:{color:Text};}
  258.  
  259. .hcontrols svg {
  260. z-index:9999;
  261. width:20px;
  262. height:20px;
  263. font-size:1.1em;
  264. text-align:center;
  265. line-height:23px;
  266. padding:4px;
  267. color:{color:Text};;}
  268.  
  269. .hcontrols svg path {
  270. color:{color:Text};}
  271.  
  272. .plus path, {
  273. stroke-width:0.7px;
  274. color:{color:Text};}
  275.  
  276.  
  277. /* LIGHTBOX */
  278. .vignette, #vignette {
  279. opacity:0; }
  280.  
  281. .lightbox-image, #tumblr_lightbox img {
  282. box-shadow:none !important;
  283. border-radius:0 !important;
  284. max-width:none;
  285. border:5px solid #fff !important;
  286. -moz-box-sizing:border-box;
  287. box-sizing:border-box;
  288. z-index:9999999999999999999999999 !important;}
  289.  
  290. .tmblr-lightbox, #tumblr_lightbox {
  291. background-color:rgba(245,245,245,.84) !important;
  292. z-index:9999999999999999999999999 !important;}
  293.  
  294. .lightbox-caption, #tumblr_lightbox_caption {
  295. visibility:hidden; }
  296.  
  297.  
  298. /* Set height of body and the document to 100% */
  299. body, html {
  300. height: 100%;
  301. margin: 0;
  302. font-size:12px;
  303. font-family:{select:Body Font};
  304. overflow-x:hidden;
  305. background-image:url('{image:Background}');
  306. background-repeat:repeat;
  307. background-attachment:fixed;
  308. background-color:{color:Background};}
  309.  
  310. /* FIXED IMAGES + VIDEOS + DO NOT TOUCH */vg
  311. img, embed, object, video {
  312. margin:auto;
  313. max-width: 100%;
  314. border:0;
  315. outline: none;}
  316.  
  317. select, textarea, input, a {
  318. outline:none; }
  319.  
  320. small{
  321. font-size:90%;}
  322.  
  323. big{
  324. font-size:110%;}
  325.  
  326.  
  327.  
  328. /* CHAT LINES */
  329. .lines {
  330. line-height:14px;
  331. padding:3px;
  332. font-family:{select:Body Font};
  333. color:{color:Text};}
  334.  
  335.  
  336. /* ENTRY TITLES */
  337. h1 {
  338. padding-top:0px;
  339. padding-left:5px;
  340. width:{select:Post Width} - 10px;
  341. letter-spacing:1.5px;
  342. font-size:2em;
  343. font-family:{select:Title Font}, sans-serif;
  344. text-transform:uppercase;
  345. font-weight:800;
  346. text-align:left;
  347. background:{color:Posts};
  348. color:{color:Text};
  349. line-height:22px;}
  350.  
  351.  
  352. /* ENTRY BODY TEXTS */
  353. h2 {
  354. width:100%;
  355. line-height:16px;
  356. letter-spacing:1px;
  357. font-size:1em;
  358. font-weight:400;
  359. font-family:{select:Body Font}, sans-serif;
  360. color:{color:Text};}
  361.  
  362. /* ENTRY LINKS / BODY LINKS / ENTRY AND BODY IMAGE LINKS */
  363.  
  364. a:link, a:active, a:visited {
  365. z-index:2!Important;
  366. color:{color:Links};
  367. font:0.95em {select:Body Font}, sans-serif;
  368. letter-spacing:1px;
  369. text-decoration:none;
  370. text-transform:normal;}
  371.  
  372. a:hover {
  373. clear:both;
  374. z-index:99999999!Important;
  375. -webkit-transition: all .3s;
  376. -moz-transition: all .3s;
  377. -o-transition: all .3s;
  378. -ms-transition: all .3s;
  379. transition: all .3s;}
  380.  
  381. a img, :link img, :visited img {
  382. border: 0;}
  383.  
  384. /* BOLD TEXT / DESIGN & COLOR */
  385. b, strong {
  386. color:{color:Bold};
  387. font-style:bold;}
  388.  
  389. /* ITALIC TEXT / DESIGN & COLOR */
  390. i, em, italic {
  391. color:{color:Italic};
  392. font-style:italic;}
  393.  
  394.  
  395. /* BLOCKQUOTE , PARAGRAPHS / BLOCKQUOTE IMAGES */
  396. p { padding:5px; background:{color:Posts};}
  397. .caption li {font:0.90em, {select:Body Font}, sans-serif; line-height:22px;}
  398.  
  399. p,blockquote{line-height:150%;}
  400. p,blockquote,ul,ol{margin:10px;}
  401. blockquote p{margin:10px 0;}
  402. blockquote p:first-child{margin:0 0 10px;}
  403. blockquote p:last-child{margin:10px 0 0;}
  404. blockquote p:only-child{margin:0;}
  405.  
  406. blockquote {
  407. width:{select:Post Width} - 10px;
  408. font:1em {select:Body Font}, sans-serif;
  409. line-height:14px;
  410. border-left:1px solid {color:Border};
  411. background:{color:Posts};}
  412.  
  413. blockquote p{
  414. margin:auto;
  415. padding:auto;}
  416.  
  417. blockquote img, blockquote a img {
  418. width:500px;
  419. height:auto;}
  420.  
  421. blockquote a {color:{color:Text};}
  422.  
  423. img a {border:none; max-width:500px;}
  424.  
  425.  
  426. /* QUOTE AND SOURCE TEXT POSTS */
  427. .quotee {
  428. color:{color:Text};
  429. font:1.2em {select:Body Font}, sans-serif;
  430. line-height:20px;}
  431.  
  432. .sourcee {
  433. color:{color:Text};
  434. font:1em {select:Title Font}, sans-serif;
  435. line-height:14px; }
  436.  
  437. /* LINK BLOG POST */
  438. .linktitle h3 {
  439. width:auto;
  440. margin-top:0px;
  441. padding:none;
  442. height:80px;
  443. line-height:80px;
  444. text-align:center;
  445. background:{color:Accent One};}
  446.  
  447. /* ENTIRE POSTS/SIDEBAR CONTAINER */
  448. section {
  449. display:block;
  450. display: -webkit-box;
  451. display: -webkit-flex;
  452. display: -ms-flexbox;
  453. display: flex;
  454. clear: both;
  455. margin: 0 auto;
  456. width:calc(450px + {select:Post Width});}
  457.  
  458. /* ENTIRE SIDEBAR CONTAINER */
  459. .sidebar {
  460. position:fixed;
  461. clear:both;
  462. width:350px;
  463. height:300px;
  464. margin-left:0px;
  465. margin-top:90px;}
  466.  
  467. /* SIDEBAR ICON IMAGE */
  468. .sidebar img {
  469. position:fixed;
  470. margin-left:0px;
  471. margin-top:0px;
  472. width:100px;
  473. height:100px;
  474. background:{color:Accent One};
  475. border-top-left-radius:5px;}
  476.  
  477. /* SOCIAL MEDIA BOX */
  478. .socialbox {
  479. position:fixed;
  480. margin-top:0px;
  481. margin-left:100px;
  482. width:250px;
  483. height:100px;
  484. border-top-right-radius:5px;
  485. border-bottom-right-radius:5px;
  486. border-top:1px solid {color:Border};
  487. border-bottom:1px solid {color:Border};
  488. border-right:1px solid {color:Border};
  489. background:{color:Sidebar};}
  490.  
  491. /*SOCIAL MEDIA ICONS LINKS STYLING */
  492. .socials {
  493. position:fixed;
  494. margin-top:35px;
  495. width:220px;
  496. margin-left:14px;
  497. text-align:center;}
  498.  
  499. .socials a {
  500. z-index:999999;
  501. padding:10px;
  502. font-size:1.8em;
  503. text-align:center;
  504. color:{color:Social Media Icons};
  505. background:transparent;}
  506.  
  507. /* SIDEBAR NAVIGATION LINKS CONTAINER BOX */
  508. .linkbox {
  509. position:fixed;
  510. margin-left:0px;
  511. margin-top:100px;
  512. width:100px;
  513. height:200px;
  514. background:{color:Sidebar};
  515. border-bottom-left-radius:5px;
  516. border-bottom-right-radius:5px;
  517. border-left:1px solid {color:Border};
  518. border-bottom:1px solid {color:Border};
  519. border-right:1px solid {color:Border};}
  520.  
  521.  
  522. /* NAVIGATION LINKS CONTAINER */
  523. .links {
  524. position:fixed;
  525. width:260px;
  526. z-index:99999;
  527. text-align:left;
  528. color:{color:Navigation Text};
  529. margin-left:10px;
  530. margin-top:10px;}
  531.  
  532. /* NAVIGATION LINKS SUBTITLE */
  533. .links span {
  534. font-style:italic;
  535. letter-spacing:1.3px;
  536. color:{color:Text};
  537. font:0.85em {select:Body Font}, sans-serif;}
  538.  
  539. /* NAVIGATION LINKS STYLING */
  540. .links a {
  541. z-index:999999;
  542. display:block;
  543. padding-top:16px;
  544. padding-left:20px;
  545. width:200px;
  546. font:0.90em {select:Title Font}, sans-serif;
  547. font-weight:600;
  548. letter-spacing:1px;
  549. text-transform:uppercase;
  550. text-align:left;
  551. color:{color:Navigation Text};}
  552.  
  553.  
  554. /* CUSTOM NAVIGATION LINKS HOVER */
  555. .links a:hover {
  556. color:{color:Hover};}
  557.  
  558. /* CUSTOM NAVIGATION LINKS ICONS CONTANIER */
  559. .links ic {
  560. position:absolute;
  561. margin-top:2px;
  562. margin-left:2px;
  563. float:left;
  564. font:bold 1em {select:Title Font}, sans-serif;
  565. font-weight:800;
  566. color:{color:Accent One};}
  567.  
  568.  
  569. /* BIO SIDEBAR MAIN TITLE */
  570. .blogtitle {
  571. position:fixed;
  572. margin-top:170px;
  573. margin-left:180px;
  574. width:auto;
  575. text-align:center;
  576. font:bold 4em 'Poppins', sans-serif;
  577. font-weight:800;
  578. text-transform:uppercase;
  579. letter-spacing:1px;
  580. color:{color:Blog Title};}
  581.  
  582. .navigate {
  583. position:fixed;
  584. z-index:9999999;
  585. bottom:220px;
  586. text-align:center;
  587. margin-left:150px;}
  588.  
  589.  
  590. .material-icons {
  591. position:fixed;
  592. font-size:1.5em;
  593. padding:10px;
  594. width:40px;
  595. height:40px;
  596. border-radius:100px;
  597. text-align:center;
  598. color:{color:Sidebar};
  599. background:{color:Accent One};
  600. line-height:20px;}
  601.  
  602.  
  603. /* SIDEBAR ABOUT BOX DESCRIPTION */
  604. .desc {
  605. position:fixed;
  606. z-index:999;
  607. width:350px;
  608. height:150px;
  609. bottom:50px;
  610. margin-left:0px;
  611. letter-spacing:1px;
  612. text-align:center;
  613. font-size:{text:Desc Font Size}px;
  614. font-family:{select:Body Font}, sans-serif;
  615. text-transform:normal;
  616. padding:20px;
  617. font-weight:{select:Body Font Weight};
  618. background:{color:Sidebar};
  619. border-radius:5px;
  620. color:{color:Desc Text};
  621. border:1px solid {color:Border};
  622. line-height:20px;}
  623.  
  624.  
  625. /* SLIDEOUT NAVIGATION MENU CONTAINER */
  626. .sidenav {
  627. height:100%;
  628. width:0px;
  629. position:fixed;
  630. z-index:999999999999999999999;
  631. top:0;
  632. left:0;
  633. background:{color:Background};
  634. overflow-x:hidden;
  635. overflow-y:hidden;
  636. padding-top: 60px;
  637. transition: 0.5s;}
  638.  
  639. /* SLIDEOUT NAVIATION MENU CLOSE BUTTON */
  640. .sidenav .closebtn {
  641. position:absolute;
  642. top:5px;
  643. right:10px;
  644. font-size:3em;
  645. font-weight:800;
  646. text-align:center;
  647. color:{color:Text};
  648. line-height:40px;}
  649.  
  650.  
  651. /*SLIDE NAVIGATION BOX CONTAINER */
  652. .box {
  653. position:absolute;
  654. z-index:999;
  655. width:910px;
  656. height:270px;
  657. left:calc(50% - 455px);
  658. top:calc(50% - 135px);
  659. border-radius:5px;}
  660.  
  661.  
  662. /*SLIDEOUT NAV:: PROFILE BOX CONTAINTER*/
  663. .profile {
  664. position:absolute;
  665. width:250px;
  666. height:270px;
  667. margin-top:0px;
  668. margin-left:20px;
  669. border-radius:5px;
  670. background:{color:Sidebar};
  671. {block:IfBoxShadows}
  672. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  673. {/block:IfBoxShadows}}
  674.  
  675. /*SLIDEOUT NAV:: PROFILE BOX CONTAINTER*/
  676. .profileheader {
  677. position:absolute;
  678. z-index:999999;
  679. width:250px;
  680. height:40px;
  681. border-top-left-radius:5px;
  682. border-top-right-radius:5px;
  683. background:{color:Accent One};}
  684.  
  685.  
  686. /* SLIDEOUT NAV:: PROFILE HEADER */
  687. .proft {
  688. position:absolute;
  689. font:bold 0.85em 'Poppins', sans-serif;
  690. font-weight:800;
  691. text-transform:uppercase;
  692. letter-spacing:1px;
  693. line-height:40px;
  694. padding-left:10px;
  695. color:{color:Sidebar};}
  696.  
  697. /* SLIDEOUT NAV:: PROFILE HEADER ICONS */
  698. .picons {
  699. position:absolute;
  700. margin-left:220px;
  701. line-height:40px;}
  702.  
  703. /* SLIDEOUT NAV:: PROFILE INFO */
  704. .pinfo {
  705. position:absolute;
  706. margin-top:65px;
  707. margin-left:30px;
  708. width:290px;
  709. text-align:left;
  710. letter-spacing:1px;
  711. font:0.85em 'Poppins', sans-serif;
  712. line-height:25px;
  713. color:{color:Text};}
  714.  
  715. /* SLIDEOUT NAV:: PROFILE TITLE LABELS*/
  716. tt {
  717. text-transform:uppercase;
  718. text-align:left;
  719. letter-spacing:1.3px;
  720. font-weight:700;
  721. font:bold 0.90em 'Poppins', sans-serif;
  722. color:{color:Accent One};}
  723.  
  724.  
  725. /* SIDEBAR SIDEWAYS HEADER ICONS STYLING*/
  726. .picons i {
  727. font-size:2em;
  728. color:{color:Sidebar};}
  729.  
  730.  
  731.  
  732. /* SLIDE NAV: QUOTE TEXT STYLING */
  733. .blogbox {
  734. position:absolute;
  735. width:250px;
  736. height:255px;
  737. margin-top:20px;
  738. margin-left:340px;
  739. background:{color:Sidebar};
  740. border-radius:5px;
  741. {block:IfBoxShadows}
  742. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  743. {/block:IfBoxShadows}}
  744.  
  745. /*SLIDEOUT NAV:: PROFILE BOX CONTAINTER*/
  746. .blogheader {
  747. position:absolute;
  748. z-index:999999;
  749. width:250px;
  750. height:40px;
  751. border-top-left-radius:5px;
  752. border-top-right-radius:5px;
  753. background:{color:Accent Two};}
  754.  
  755. /* SLIDEOUT NAV:: PROFILE HEADER */
  756. .blogt {
  757. position:absolute;
  758. font:bold 0.85em 'Poppins', sans-serif;
  759. font-weight:800;
  760. text-transform:uppercase;
  761. letter-spacing:1px;
  762. line-height:40px;
  763. padding-left:10px;
  764. color:{color:Header Titles};}
  765.  
  766. /*SLIDEOUT NAV: SIDEBLOGS CUSTOM NAVIGATION LINKS CONTAINER*/
  767. .blogs {
  768. position:absolute;
  769. z-index:9999999999;
  770. margin-top:5px;
  771. margin-left:8px;
  772. width:240px;
  773. text-align:left;
  774. color:{color:Text};}
  775.  
  776. /*SLIDEOUT NAV: SIDEBLOGS CUSTOM NAVIGATION LINKS STYLING*/
  777. .blogs a {
  778. z-index:9999999999;
  779. font:0.85em 'Poppins', sans-serif;
  780. font-weight:800;
  781. width:240px;
  782. letter-spacing:1px;
  783. text-transform:uppercase;
  784. text-align:left;
  785. color:{color:Text};
  786. display:block;
  787. padding-left:76px;
  788. padding-top:46px;}
  789.  
  790. /*SLIDEOUT NAV: SIDEBLOGS CUSTOM NAVIGATION LINKS LINK STYLE CONTAINER */
  791. .blogs li {
  792. z-index:9999999999;
  793. margin-left:10px;
  794. float:left;
  795. display:block;}
  796.  
  797. /* SLIDEOUT NAV: SIDEBLOGS CUSTOM NAVIGATION LINKS SUBTITLE */
  798. .blogs span {
  799. z-index:9999999999;
  800. font-style:italic;
  801. letter-spacing:1px;
  802. color:{color:Text};
  803. font-weight:{select:Body Font Weight};
  804. font:0.88em {select:Body Font}, sans-serif;}
  805.  
  806. /* SLIDEOUT NAV: SIDEBLOGS CUSTOM NAVIGATION LINKS ICONS CONTANIER */
  807. .blogs img {
  808. position:absolute;
  809. margin-top:40px;
  810. width:40px;
  811. height:40px;
  812. border-radius:100px;
  813. float:left;}
  814.  
  815. /* SLIDE NAV: QUOTE TEXT STYLING */
  816. .linksbox {
  817. position:absolute;
  818. width:250px;
  819. height:270px;
  820. margin-top:0px;
  821. margin-left:660px;
  822. background:{color:Sidebar};
  823. border-radius:5px;
  824. {block:IfBoxShadows}
  825. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  826. {/block:IfBoxShadows}}
  827.  
  828. /*SLIDEOUT NAV:: PROFILE BOX CONTAINTER*/
  829. .linkheader {
  830. position:absolute;
  831. z-index:999999;
  832. width:250px;
  833. height:40px;
  834. border-top-left-radius:5px;
  835. border-top-right-radius:5px;
  836. background:{color:Accent One};}
  837.  
  838. /* SLIDEOUT NAV:: PROFILE HEADER */
  839. .linkt {
  840. position:absolute;
  841. font:bold 0.85em 'Poppins', sans-serif;
  842. font-weight:800;
  843. text-transform:uppercase;
  844. letter-spacing:1px;
  845. line-height:40px;
  846. padding-left:10px;
  847. color:{color:Sidebar};}
  848.  
  849. /* CUSTOM NAVIGATION LINKS CONTAINER */
  850. .linkss
  851. {position:absolute;
  852. width:150px;
  853. z-index:999999;
  854. text-align:left;
  855. color:{color:Text};
  856. margin-top:10px;
  857. margin-left:10px;}
  858.  
  859. /* CUSTOM NAVIGATION LINKS STYLING */
  860. .linkss a {
  861. z-index:99999999999999;
  862. font:0.90em 'Poppins', sans-serif;
  863. font-weight:600;
  864. width:150px;
  865. letter-spacing:1px;
  866. text-transform:uppercase;
  867. text-align:left;
  868. color:{color:Text};
  869. display:block;
  870. padding-left:66px;
  871. padding-top:46px;}
  872.  
  873. /* CUSTOM NAVIGATION LINKS LINK STYLE CONTAINER */
  874. .linkss li {
  875. z-index:9999999999;
  876. margin-left:10px;
  877. float:left;
  878. display:block;}
  879.  
  880. /* CUSTOM NAVIGATION LINKS HOVER */
  881. .linkss a:hover {
  882. z-index:99999999999;
  883. color:{color:Hover};}
  884.  
  885. /* CUSTOM NAVIGATION LINKS SUBTITLE */
  886. .linkss span {
  887. z-index:9999999999;
  888. font-style:italic;
  889. letter-spacing:1.3px;
  890. color:{color:Text};
  891. font:0.88em 'Poppins', sans-serif;}
  892.  
  893. /* CUSTOM NAVIGATION LINKS ICONS CONTANIER */
  894. .linkss ic {
  895. position:absolute;
  896. width:100px;
  897. height:100px;
  898. float:left;}
  899.  
  900. /* CUSTOM NAVIGATION LINKS ICONS STYLE */
  901. .linkss i {
  902. position:absolute;
  903. z-index:999999999;
  904. margin-top:40px;
  905. border-radius:100px;
  906. width:40px;
  907. height:40px;
  908. font-size:1.2em;
  909. text-align:center;
  910. color:{color:Accent One};
  911. border:5px solid {color:Background};
  912. background:{color:Sidebar};
  913. line-height:30px;}
  914.  
  915.  
  916. /* CUSTOM LINKS NAVIGATION BORDER */
  917. .bdd {
  918. position:absolute;
  919. width:1px;
  920. height:190px;
  921. margin-left:40px;
  922. margin-top:50px;
  923. background-color:{color:Border};}
  924.  
  925.  
  926. /*POSTS / ENTRIES CONTAINER */
  927. .posts {
  928. position:relative;
  929. z-index:9;
  930. top:130px;
  931. left:450px;
  932. float:right;}
  933.  
  934. /* ENTRIES */
  935. .entry {
  936. clear:both;
  937. margin-bottom:{text:Posts Margin}px;
  938. width:{select:Post Width};
  939. float:right;
  940. padding:10px;
  941. border-radius:8px;
  942. border:1px solid {color:Border};
  943. {block:IfBoxShadows}
  944. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  945. {/block:IfBoxShadows}
  946. background:{color:Posts};}
  947.  
  948. .entry a {z-index:999999;}
  949.  
  950. .entry:hover {
  951. transition: .4s ease-in-out;
  952. -webkit-transition: .4s ease-in-out;
  953. -moz-transition: .4s ease-in-out;
  954. -o-transition: .4s ease-in-out;
  955. box-shadow:none;}}
  956.  
  957. /* ENTRY IMAGE */
  958. .entry img {
  959. margin:0px;
  960. height:auto;
  961. width:{select:Post Width} - 5px;}
  962.  
  963. /* CAPTIONS CONTAINER */
  964. .caption iframe{
  965. display:block;
  966. max-width:100%;
  967. overflow:hidden;}
  968.  
  969. .caption {
  970. font:1em {select:Body Font}, sans-serif;
  971. font-weight:{select:Body Font Weight};
  972. color:{color:Text};
  973. margin:10px 0;}
  974.  
  975. .tumblr_parent {
  976. border:0;
  977. margin:4px 0;
  978. padding:20px;}
  979.  
  980. .tumblr_parent blockquote {margin:5px 0;}
  981.  
  982. {block:PermalinkPage}
  983. .tumblr_parent {padding:25px;}
  984. {/block:PermalinkPage}
  985.  
  986. .caption.nospace .tumblr_parent
  987. {border:0;
  988. padding-top:0;}
  989.  
  990. /* CAPTIONS LINK STYLING */
  991. .caption a {
  992. color:{color:Text};}
  993.  
  994. /* CAPTIONS TUMBLR USERNAME STYLING */
  995. .caption .tumblr_blog {
  996. color:{color:Text}
  997. font-size:0.90em;
  998. font-family:{select:Title Font}, sans-serif;
  999. font-weight:700;
  1000. font-style:bold;
  1001. text-transform:uppercase;
  1002. letter-spacing:0.5px;}
  1003.  
  1004. /* CAPTIONS TUMBLR USERNAME CONTAINER */
  1005. .tumblr_blog {
  1006. display:inline-block;
  1007. vertical-align:middle;
  1008. text-align:left;}
  1009.  
  1010. /* CAPTIONS AVATAR */
  1011. .caption .tumblr_avatar {
  1012. width:20px;
  1013. height:20px;
  1014. margin-right:7px;
  1015. display:inline-block;
  1016. vertical-align:middle;
  1017. border-radius:100px;}
  1018.  
  1019. /* PAGINATION */
  1020. .pagination {
  1021. width:{select:Post Width};
  1022. z-index:100;
  1023. display:block;
  1024. text-align:center;
  1025. font:1.1em 'Poppins', sans-serif;
  1026. font-weight:{select:Body Font Weight};
  1027. text-transform:uppercase;
  1028. color:{color:Pagination};}
  1029.  
  1030. .pagination a {
  1031. margin:0 4px;
  1032. display:inline-block;
  1033. text-align:center;
  1034. letter-spacing:1px;
  1035. font-weight:700;
  1036. font:1.1em 'Poppins', sans-serif;
  1037. width:30px;
  1038. height:30px;
  1039. border-radius:5px;
  1040. background:{color:Posts};
  1041. color:{color:Pagination};
  1042. line-height:30px;}
  1043.  
  1044. .pagination a:hover {
  1045. color:{color:Hover};}
  1046.  
  1047. .current_page {
  1048. margin:0 4px;
  1049. width:30px;
  1050. height:30px;
  1051. display:inline-block;
  1052. text-align:center;
  1053. letter-spacing:1px;
  1054. font-weight:700;
  1055. font:1.1em 'Poppins', sans-serif;
  1056. letter-spacing:1px;
  1057. color:{color:Accent Two};
  1058. background:{color:Posts};
  1059. border-radius:5px;
  1060. line-height:30px;}
  1061.  
  1062.  
  1063. /* NOTECOUNT INFO */
  1064. .count {
  1065. position:absolute;
  1066. float:left;
  1067. margin-top:-75px;
  1068. margin-left:80px;
  1069. width:auto;
  1070. height:40px;
  1071. padding:10px;
  1072. outline:none;
  1073. text-align:center;
  1074. color:{color:Text};}
  1075.  
  1076. /* NOTECOUNT STYLING */
  1077. .count i {
  1078. z-index:9999999;
  1079. display:block;
  1080. font-size:1.3em;
  1081. width:40px;
  1082. height:40px;
  1083. font-weight:bold;
  1084. line-height:40px;
  1085. border-radius:5px;
  1086. text-align:center;
  1087. color:{color:Accent One};
  1088. background-color:{color:Posts};
  1089. {block:IfBoxShadows}
  1090. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  1091. {/block:IfBoxShadows} }
  1092.  
  1093.  
  1094. /* --- REBLOG CONTAINER ---*/
  1095. .rebg {
  1096. position:absolute;
  1097. z-index:9;
  1098. margin-top:-85px;
  1099. margin-left:-30px;
  1100. padding:20px;
  1101. float:left;
  1102. text-align:center;
  1103. display:block;
  1104. width:40px;
  1105. letter-spacing:1px;
  1106. text-transform:uppercase;
  1107. color:{color:Post Info};}
  1108.  
  1109. /* --- REBLOG LINK ---*/
  1110. .rebg i {
  1111. z-index:9999999;
  1112. display:block;
  1113. font-size:1.3em;
  1114. width:40px;
  1115. height:40px;
  1116. font-weight:bold;
  1117. text-align:center;
  1118. line-height:40px;
  1119. border-radius:5px;
  1120. color:{color:Posts};
  1121. background-color:{color:Accent One};
  1122. {block:IfBoxShadows}
  1123. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  1124. {/block:IfBoxShadows}}
  1125.  
  1126.  
  1127. /* POST INFO TIME */
  1128. .time {
  1129. position:absolute;
  1130. margin-left:30px;
  1131. margin-top:-75px;
  1132. text-align:center;
  1133. width:auto;
  1134. height:40px;
  1135. padding:10px;
  1136. color:{color:Text};}
  1137.  
  1138. .time i {
  1139. z-index:9999999;
  1140. display:block;
  1141. font-size:1.3em;
  1142. width:40px;
  1143. height:40px;
  1144. font-weight:bold;
  1145. line-height:40px;
  1146. border-radius:5px;
  1147. color:{color:Accent Two};
  1148. background-color:{color:Posts};
  1149. {block:IfBoxShadows}
  1150. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  1151. {/block:IfBoxShadows} }
  1152.  
  1153.  
  1154. /* BOTTOM POST + TAGS CONTAINER*/
  1155. .bottominfo {
  1156. position:absolute;
  1157. width:calc({select:Post Width} - 2px);
  1158. z-index:9;
  1159. margin:-10px;
  1160. margin-top:5px;
  1161. padding-top:10px;
  1162. padding-bottom:10px;
  1163. text-align:left;
  1164. letter-spacing:1.5px;
  1165. border-top:1px solid {color:Border};
  1166. text-transform:uppercase;
  1167. border-bottom-left-radius:8px;
  1168. border-bottom-right-radius:8px;
  1169. {block:IfBoxShadows}
  1170. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  1171. {/block:IfBoxShadows}
  1172. background:{color:Tags Background};}
  1173.  
  1174. /* BOTTOM POST + ENTRY INFO STYING */
  1175. .bottominfo a {
  1176. z-index:9;
  1177. display:inline;
  1178. padding:7px;
  1179. font-family:{select:Body Font}, sans-serif;
  1180. font-size:0.85em;
  1181. font-weight:{select:Body Font Weight};
  1182. letter-spacing:1px;
  1183. text-transform:uppercase;
  1184. border:none;
  1185. color:{color:Post Info};}
  1186.  
  1187. .bottominfo a:hover {
  1188. color:{color:Hover};}
  1189.  
  1190.  
  1191. /* TAGS */
  1192. .tags {
  1193. position:relative;
  1194. width:{select:Post Width};
  1195. height:auto;
  1196. z-index:9;
  1197. text-align:center;
  1198. line-height:20px;}
  1199.  
  1200. /* TAGS STYLING */
  1201. .tags a {
  1202. width:{select:Post Width};
  1203. display:inline;
  1204. padding:4px;
  1205. text-decoration:none;
  1206. font-family:{select:Body Font}, sans-serif;
  1207. font-size:{text:Tags Font Size}px;
  1208. font-style:normal;
  1209. text-align:center;
  1210. z-index:9;
  1211. letter-spacing:0.7px;
  1212. font-weight:800;
  1213. line-height:20px;
  1214. color:{color:Tags};}
  1215.  
  1216. /* TAGS HOVER */
  1217. .tags a:hover {
  1218. box-shadow:none;
  1219. transition: .4s ease-in-out;
  1220. -webkit-transition: .4s ease-in-out;
  1221. -moz-transition: .4s ease-in-out;
  1222. -o-transition: .4s ease-in-out;
  1223. letter-spacing:1.5px;
  1224. color:{color:Hover}; }
  1225.  
  1226.  
  1227. /* ASK POSTS */
  1228. .asker {
  1229. font:0.90em 'Day One', sans-serif;
  1230. letter-spacing:1px;
  1231. font-weight:600;
  1232. font-style:bold;
  1233. color:{color:Text};}
  1234.  
  1235. /* ASKER URL */
  1236. .asker a {
  1237. border-radius:3px;
  1238. font:1em {select:Body Font}, sans-serif;
  1239. text-transform:uppercase;
  1240. letter-spacing:1px;
  1241. font-weight:800;
  1242. border-radius:5px;
  1243. padding:5px;
  1244. background:{color:Tags Background};
  1245. color:{color:Tags};}
  1246.  
  1247. user {
  1248. position:absolute;
  1249. margin-top:0px;
  1250. width:auto;
  1251. padding-bottom:2px;}
  1252.  
  1253. /* QUESTION */
  1254. .question {
  1255. width:{select:Post Width} - 10px;
  1256. font:1em {select:Body Font}, sans-serif;
  1257. font-weight:600;
  1258. text-transform:normal;
  1259. letter-spacing:1px;
  1260. background:{color:Posts};
  1261. color:{color:Text};
  1262. line-height:20px;}
  1263.  
  1264. /* ANSWER */
  1265. .answer {
  1266. padding:10px;
  1267. font:1em {select:Body Font}, sans-serif;
  1268. font-weight:400;
  1269. text-transform:normal;
  1270. letter-spacing:1px;
  1271. background:{color:Posts};
  1272. color:{color:Text};
  1273. line-height:18px;}
  1274.  
  1275. /* ANSWER BLOCKQUOTE */
  1276. .answer blockquote {
  1277. padding:10px;
  1278. font:1em {select:Body Font}, sans-serif;
  1279. font-weight:400;
  1280. text-transform:normal;
  1281. letter-spacing:1px;
  1282. background:{color:Posts};
  1283. color:{color:Text};
  1284. line-height:18px;}
  1285.  
  1286. /* POST NOTES */
  1287. .notes {
  1288. position:absolute;
  1289. z-index:999999999999;
  1290. width:{select:Post Width};
  1291. display:inline;
  1292. height:100%;
  1293. padding:5px;
  1294. list-style-type: none;
  1295. margin-top:40px;
  1296. margin-left:-10px;
  1297. font:0.90em {select:Body Font}, sans-serif;
  1298. font-style:normal;
  1299. letter-spacing:1px;
  1300. font-weight:{select:Body Font Weight};
  1301. text-transform:uppercase;
  1302. line-height:25px;
  1303. color:{color:Text};}
  1304.  
  1305. .notes a {
  1306. border:none;
  1307. color:{color:Text}; }
  1308.  
  1309. .notes blockquote {background:{color:background};}
  1310.  
  1311. ol.notes li.note img.avatar {
  1312. vertical-align: -4px;
  1313. margin-right: 10px;
  1314. width: 16px;
  1315. border: 0;
  1316. border-radius:3px;
  1317. height: 16px;
  1318. color:{color:Text};}
  1319.  
  1320. a.avatar_frame {
  1321. border: 0;}
  1322.  
  1323.  
  1324. /* AUDIO POSTS */
  1325. .tumblr_audio_player {
  1326. border:none;
  1327. clear:both;
  1328. width:calc({select:Post Width} - 20px);}
  1329.  
  1330. .soundcloud_audio_player
  1331. {width: 100%;}
  1332.  
  1333.  
  1334. /* VIDEO POSTS */
  1335. .video {overflow:hidden; border:0;}
  1336. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  1337.  
  1338.  
  1339. {CustomCSS}
  1340. </style>
  1341.  
  1342. <!--- UNEST CAPTIONS --->
  1343. <script src="https://static.tumblr.com/emvnqzg/cK3o6sxeb/jquery.truncate.js"></script>
  1344. <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  1345. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1346. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1347. <script> $(function(){ $('.entry').unnest({
  1348. yourCaption: '.caption',
  1349. originalPostCaptionUsername: true,
  1350. newCaptionUsername: true,
  1351. tumblrAvatars: true,
  1352. tumblrAvatarClass: ".tumblr_avatar",
  1353. usernameColon: false
  1354. }); }); </script>
  1355.  
  1356. <!--- PXU PHOTOSET --->
  1357. <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
  1358. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1359. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1360.  
  1361. <script>
  1362. $(document).ready(function(){
  1363. $('.photo-slideshow').pxuPhotoset({
  1364. lightbox: true,
  1365. rounded: false,
  1366. gutter: '4px',
  1367. borderRadius: '0px',
  1368. photoset: '.photo-slideshow',
  1369. photoWrap: '.photo-data',
  1370. photo: '.pxu-photo'
  1371. });
  1372. });
  1373. </script>
  1374.  
  1375. <!--- VIDEO RESIZE --->
  1376. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1377.  
  1378. <!--- FULL SCREEN NAVIGATION --->
  1379. <script>
  1380. /* Open the sidenav */
  1381. function openNav() {
  1382. document.getElementById("mySidenav").style.width = "100%";
  1383. }
  1384.  
  1385. /* Close/hide the sidenav */
  1386. function closeNav() {
  1387. document.getElementById("mySidenav").style.width = "0";
  1388. }
  1389. </script>
  1390.  
  1391.  
  1392. </style>
  1393. </head>
  1394. <body>
  1395.  
  1396. <div class="hcontrols"><svg viewBox="0 0 24 24" class="plus">
  1397. <path d="M 12 2 L 12 22 M 2 12 L 22 12" stroke="{color:Text}" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" />
  1398. </svg></div></div>
  1399.  
  1400.  
  1401. <section>
  1402.  
  1403. <div class="sidebar">
  1404. <div class="sidebarimage"><img src="{image:Sidebar}"></div>
  1405. <div class="socialbox">
  1406. <div class="socials">
  1407. <a href="{text:Twitter Url}" title="twitter"><i class="fab fa-twitter"></i></a>
  1408. <a href="{text:Facebook Url}" title="facebook"><i class="fab fa-facebook"></i></a>
  1409. <a href="{text:Instagram Url}" title="instagram"><i class="fab fa-instagram"></i></a>
  1410. <a href="{text:Pinterest Url}" title="pinterest"><i class="fab fa-pinterest"></i></a>
  1411. <a href="{text:Spotify Url}" title="spotify"><i class="fab fa-spotify"></i></a></div></div>
  1412.  
  1413. <div class="linkbox">
  1414. <div class="links">
  1415. <ic> 01 </ic> <a href="/" title="Return Home"> Home </a>
  1416. <br>
  1417. <ic> 02 </ic> <a href="/ask" title="Ask"> Ask </a>
  1418. <br>
  1419. <ic> 03 </ic> <a href="/archive" title="Archive"> Past </a>
  1420. <br>
  1421. <ic> 04 </ic> <a href="https://solocodes.tumblr.com" title="Theme Credit"> Theme </a> </li> </div>
  1422. </div>
  1423.  
  1424. <div class="blogtitle">{text:Blog Title}</div>
  1425.  
  1426. </div>
  1427.  
  1428.  
  1429.  
  1430. <div class="navigate"><span onclick="openNav()"><i class="material-icons">sort</i></span></div>
  1431. <div class="bd"></div>
  1432. <div class="desc"><br>{Description}</div>
  1433.  
  1434.  
  1435.  
  1436. <div id="mySidenav" class="sidenav">
  1437. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  1438.  
  1439. <div class="box">
  1440.  
  1441.  
  1442. <div class="profile">
  1443. <div class="profileheader">
  1444. <div class="proft">Profile</div>
  1445. <div class="picons"><i class="dripicons dripicons-dots-3"></i></div>
  1446. </div>
  1447.  
  1448. <div class="pinfo">
  1449. <tt>Name:</tt>&nbsp;&nbsp; {text:Name} <br>
  1450. <tt>Bday:</tt> &nbsp;&nbsp; {text:Birthday} <br>
  1451. <tt>Zodiac:</tt> &nbsp;&nbsp; {text:Zodiac} <br>
  1452. <tt>Residence:</tt>&nbsp;&nbsp; {text:Residence} <br>
  1453. <tt>Pronouns:</tt> &nbsp;&nbsp; {text:Pronouns} <br>
  1454. <tt>Hobbies:</tt> &nbsp;&nbsp; {text:Hobbies} <br>
  1455. <tt>Studying:</tt> &nbsp;&nbsp; {text:Studying}
  1456. </div>
  1457. </div>
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463. <div class="blogbox">
  1464. <div class="blogs" style="list-style-type:none;">
  1465. <div class="blogheader" style="margin-left:-8px;margin-top:-30px;">
  1466. <div class="blogt">Side Blogs</div>
  1467. <div class="picons"><i class="dripicons dripicons-dots-3"></i></div>
  1468. </div>
  1469.  
  1470.  
  1471.  
  1472. {block:ifLink1Title}<li> <ic> <img src="{image:Sideblog One}">
  1473. </ic> <a href="{text:Sideblog Link 1}" title="{text:Sideblog Link 1 Title}"> {text:Sideblog Link 1 Title} <br><span> {text:Sideblog SubTitle 1} </span></a> </li>{/block:ifLink1Title}
  1474.  
  1475. {block:ifLink2Title}<li> <ic> <img src="{image:Sideblog Two}"> </ic> <a href="{text:Sideblog Link 2}" title="{text:Sideblog Link 2 Title}"> {text:Sideblog Link 2 Title} <br><span> {text:Sideblog SubTitle 2} </span></a> </li>{/block:ifLink2Title}
  1476.  
  1477. {block:ifLink3Title}<li> <ic> <img src="{image:Sideblog Three}"> </ic> <a href="{text:Sideblog Link 3}" title="{text:Sideblog Link 3 Title}"> {text:Sideblog Link 3 Title} <br><span> {text:Sideblog SubTitle 3} </span></a> </li>{/block:ifLink3Title}
  1478.  
  1479.  
  1480. </div>
  1481. </div>
  1482.  
  1483.  
  1484. <div class="linksbox">
  1485. <div class="linkheader">
  1486. <div class="linkt">Navigate</div>
  1487. <div class="picons"><i class="dripicons dripicons-dots-3"></i></div>
  1488. </div>
  1489. <div class="bdd"></div>
  1490. <div class="linkss" style="list-style-type:none;">
  1491. {block:ifLink1Title}<li> <ic> <i class="dripicons dripicons-pulse"></i> </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}
  1492.  
  1493. {block:ifLink2Title}<li> <ic> <i class="dripicons dripicons-pulse"></i> </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}
  1494.  
  1495. {block:ifLink3Title}<li> <ic> <i class="dripicons dripicons-pulse"></i> </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}
  1496.  
  1497. </div>
  1498.  
  1499.  
  1500. </div>
  1501.  
  1502. </div>
  1503. </div>
  1504.  
  1505.  
  1506.  
  1507. <div class="posts">
  1508. {block:Posts}
  1509. <div class="entry">
  1510.  
  1511. <div class="topinfo">
  1512. <div class="rebg"> <a href="{ReblogURL}" target="_blank" title="reblog this post"><i class="dripicons dripicons-clockwise"></i></a></div>
  1513.  
  1514. <div class="time"> <a href="{Permalink}" title="{12HourWithZero}:{Minutes} {AmPm}"><i class="dripicons dripicons-pulse"></i></a></div>
  1515.  
  1516. <div class="count"><a href="{Permalink}" title="{NoteCountWithLabel}"> <i class="dripicons dripicons-graph-bar"></i> </a></div></div>
  1517.  
  1518. {block:Text}
  1519. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1520. <h2>{Body}<h2>
  1521. {block:IndexPage}
  1522. {/block:IndexPage}
  1523. {/block:Text}
  1524.  
  1525.  
  1526. {block:Photo}
  1527. <img src="{PhotoURL-HighRes}" width="100%"></center>
  1528. {/block:Photo}
  1529.  
  1530. {block:Photoset}
  1531. <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>
  1532. {/block:Photoset}
  1533.  
  1534. {block:Chat}
  1535. <div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
  1536. <div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
  1537. {/block:Lines}</div>
  1538. {/block:Chat}
  1539.  
  1540. {block:Quote}
  1541. <div class="quotee">
  1542. "{Quote}"
  1543. </div>
  1544. <div class="sourcee">
  1545. <br>
  1546. — {Source}
  1547. </div>
  1548. {/block:Quote}
  1549.  
  1550. {block:Link}
  1551. <div class="linktitle">
  1552. <a href="{URL}"><h3>{Name}</h3></a>
  1553. </div>
  1554. {block:Description}
  1555. <p>{Description}</p>
  1556. {/block:Description}
  1557. {/block:Link}
  1558.  
  1559. {block:Answer}
  1560. <div class="asker">
  1561. <div class="question">
  1562. <br>
  1563. {Asker}
  1564. <br><br>
  1565. {Question}</div>
  1566. </div>
  1567. <div class="answer">
  1568. <blockquote>{Answer}</blockquote>
  1569. </div>
  1570. {/block:Answer}
  1571.  
  1572. {block:Video}
  1573. <div class="video">{Video-500}</div>
  1574. {/block:Video}
  1575.  
  1576. {block:Audio}
  1577. <div class="tumblr_audio_player">
  1578. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1579. </div>
  1580. {/block:Audio}
  1581.  
  1582. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1583.  
  1584. {block:Date}
  1585. <div class="bottominfo">
  1586. <div class="tags">
  1587. &nbsp;{block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;&nbsp;{/block:Tags}
  1588. </div>
  1589. </div>
  1590. {/block:Date}
  1591.  
  1592.  
  1593. {block:PermalinkPage}{block:PostNotes}<div class="notes">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>
  1594.  
  1595. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1596.  
  1597. {block:ContentSource}
  1598. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1599. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1600. {/block:SourceLogo}
  1601. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1602. {/block:ContentSource}
  1603.  
  1604. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1605.  
  1606. {/block:Posts}
  1607.  
  1608.  
  1609. {block:Pagination}
  1610. <div class="pagination">{block:PreviousPage}
  1611. <a href="{PreviousPage}"><</a>
  1612. {/block:PreviousPage}
  1613. {block:JumpPagination length="5"}
  1614. {block:CurrentPage}
  1615. <span class="current_page">{PageNumber}</span>
  1616. {/block:CurrentPage}
  1617. {block:JumpPage}
  1618. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1619. {/block:JumpPage}
  1620. {/block:JumpPagination}
  1621. {block:NextPage}
  1622. <a href="{NextPage}">></a>
  1623. {/block:NextPage}
  1624. <br><br>
  1625. </div>
  1626. {/block:Pagination}
  1627. <br><br><br><br><br>
  1628. </div>
  1629. </section>
  1630. </body>
  1631.  
  1632.  
  1633. <!--- TOOLTIPS --->
  1634.  
  1635. <script src="https://unpkg.com/popper.js@1"></script>
  1636. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1637. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  1638.  
  1639. <script>
  1640. tippy('a[title]', {
  1641. theme: 'custom',
  1642. arrow: tippy.roundArrow,
  1643. zIndex: 9999999999,
  1644. maxWidth: 300,
  1645.  
  1646. content(reference) {
  1647. const title = reference.getAttribute('title');
  1648. reference.removeAttribute('title');
  1649. return title;
  1650. },
  1651. });
  1652. </script>
  1653.  
  1654.  
  1655. </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!