solocodes

Theme: Primal

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