API tools faq
paste
solocodes

Theme: Wild

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