solocodes

Theme: Levitate

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