API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 7th, 2019
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.71 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------
  2.  
  3. ___ ___ _ ___ ___ ___ ___ ___ ___
  4. / __|/ _ \| | / _ \ / __/ _ \| \| __/ __|
  5. \__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \
  6. |___/\___/|____\___/ \___\___/|___/|___|___/
  7.  
  8.  
  9. **** Tʜᴇᴍᴇ: Mᴇʟᴀɴᴄʜᴏʟʏ ****
  10.  
  11. .Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
  12. .Hᴀᴠᴇ Aɴʏ Qᴜᴇsᴛɪᴏɴs? Sᴇɴᴅ Mᴇ ᴀɴ Asᴋ
  13.  
  14. .Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
  15. .Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
  16. .Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
  17. .Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
  18. .Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
  19. .Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
  20. .Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ
  21.  
  22. ------------------------------------>
  23.  
  24.  
  25. <!DOCTYPE html>
  26. <head>
  27.  
  28. <title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34.  
  35. <meta name="color:Background" content="#f5f5f5"/>
  36. <meta name="color:Accent One" content="#be40e5"/>
  37. <meta name="color:Accent Two" content="#e53057"/>
  38. <meta name="color:Blog Title" content="000"/>
  39. <meta name="color:Desc Box" content="#fff"/>
  40. <meta name="color:Desc Text" content="#000"/>
  41. <meta name="color:Search Text" content="#000"/>
  42. <meta name="color:Navigation Icon" content="#fff"/>
  43. <meta name="color:Navigation Icon Background" content="#000"/>
  44. <meta name="color:Navigation Text" content="#e53057"/>
  45. <meta name="color:Text" content="#fff"/>
  46. <meta name="color:Links" content="#e53057"/>
  47. <meta name="color:Hover" content="#000"/>
  48. <meta name="color:Bold" content="#000"/>
  49. <meta name="color:Italic" content="#ddd"/>
  50. <meta name="color:Border" content="#111"/>
  51. <meta name="color:Posts" content="#fff"/>
  52. <meta name="color:Post Info" content="#fff"/>
  53. <meta name="color:Post Info Background" content="#fff"/>
  54. <meta name="color:Pagination" content="#ff"/>
  55.  
  56. <meta name="text:Blog Title" content="melancholy"/>
  57. <meta name="text:Quote" content="My dear, melancholy. Call out my name."/>
  58. <meta name="if:Hover Tags" content="0"/>
  59. <meta name="if:Blog Title Strike" content=""/>
  60.  
  61. <meta name="select:Title Font" content="Poppins"/>
  62. <meta name="select:Title Font" content="Muli"/>
  63. <meta name="select:Title Font" content="Open Sans"/>
  64. <meta name="select:Title Font" content="Ubuntu"/>
  65. <meta name="select:Title Font" content="Lato"/>
  66. <meta name="select:Title Font" content="Muli"/>
  67.  
  68. <meta name="select:Body Font" content="Poppins"/>
  69. <meta name="select:Body Font" content="Lato"/>
  70. <meta name="select:Body Font" content="Open Sans"/>
  71. <meta name="select:Body Font" content="Ubuntu"/>
  72.  
  73. <meta name="select:Title Font Weight" content="400"/>
  74. <meta name="select:Title Font Weight" content="600"/>
  75. <meta name="select:Title Font Weight" content="700"/>
  76.  
  77. <meta name="select:Post Width" content="400px"/>
  78. <meta name="select:Post Width" content="450px"/>
  79. <meta name="select:Post Width" content="500px"/>
  80. <meta name="select:Post Width" content="540px"/>
  81.  
  82. <meta name="text:Link 1" content="http://"/>
  83. <meta name="text:Link 1 Title" content="Link 1"/>
  84. <meta name="text:Link 2" content="http://"/>
  85. <meta name="text:Link 2 Title" content="Link 2"/>
  86. <meta name="text:Link 3" content="http://"/>
  87. <meta name="text:Link 3 Title" content="Link 3"/>
  88. <meta name="text:Link 4" content="http://"/>
  89. <meta name="text:Link 4 Title" content="Link 4"/>
  90. <meta name="text:Link 5" content="http://"/>
  91. <meta name="text:Link 5 Title" content="Link 5"/>
  92. <meta name="text:Link 6" content="http://"/>
  93. <meta name="text:Link 6 Title" content="Link 6"/>
  94.  
  95. <meta name="image:Background" content=""/>
  96. <meta name="image:Sidebar" content =""/>
  97. <meta name="image:Icon" content=""/>
  98.  
  99.  
  100. <!--- HONEYBEE, GOOGLE MATERIAL & LINEAR ICONS FONT ICONS --->
  101. <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>
  102.  
  103. <!----- GOOGLE FONTS ----->
  104. <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">
  105.  
  106. <!----- COLOR AUDIO ----->
  107. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  108.  
  109. <script>
  110. $(document).ready(function() {
  111. // audio player
  112. var $audio = $('iframe.tumblr_audio_player');
  113. $audio.load(function() {
  114. $(this).contents().find('head').append('<style type="text/css">' +
  115. '.audio-player { background:{color:Accent One}; color:{color:Text} !important; }' + '.audio-player .audio-info .track-artist { {color:Text} !important; }' + '</style>');
  116. });
  117. });
  118. </script>
  119.  
  120. <!--- SOUNDCLOUD PLAYER--->
  121. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  122. <script>
  123. // minimal soundcloud player © shythemes.tumblr
  124. $(document).ready(function(){
  125. var color = '{color:Accent One}'; // color of play button (hex)
  126. $('.soundcloud_audio_player').each(function(){
  127. $(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%' });
  128. });
  129. });
  130. </script>
  131.  
  132. <!--- TOOLTIPS --->
  133.  
  134. <script type="text/javascript"
  135. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  136.  
  137. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  138. <script>
  139. (function($){
  140. $(document).ready(function(){
  141. $("[title]").style_my_tooltips();
  142. });
  143. })(jQuery);
  144. </script>
  145.  
  146.  
  147.  
  148.  
  149. <style>
  150.  
  151. * {box-sizing: border-box}
  152.  
  153. /* SCROLLBAR */
  154.  
  155.  
  156.  
  157. ::-webkit-scrollbar-thumb {
  158. height:122px;
  159. border:1.7px solid transparent;
  160. background: {color:Accent One};}
  161.  
  162. ::-webkit-scrollbar {
  163. width:6px;
  164. height:7px;
  165. border-left:5px solid transparent;
  166. border-right:5px solid transparent;
  167. border-top:2px solid transparent;
  168. border-bottom:2px solid transparent;}
  169.  
  170.  
  171. /* TOOLTIPS */
  172. #s-m-t-tooltip {
  173. display: block;
  174. margin: 15px;
  175. color:{color:Text};
  176. background:{color:Posts};
  177. border:1px solid {color:Border};
  178. font-family:{select:Body Font};
  179. font-size:0.75em;
  180. font-weight:700;
  181. text-align:center;
  182. border-radius:3px;
  183. padding:4px;
  184. margin-left:25px;
  185. letter-spacing:1px;
  186. text-transform: uppercase;
  187. line-height:130%;
  188. min-width:40px;
  189. max-width:150px;
  190. z-index: 9999999999;}
  191.  
  192.  
  193.  
  194. iframe.tmblr-iframe {
  195. z-index:99999999!important;
  196. top:8px!important;
  197. right:50px!important;
  198. opacity:0;
  199. transition: all 0.3s ease 0s;
  200. /* delete invert(1) from here */
  201. filter:invert(1) contrast(150%);
  202. -webkit-filter:invert(1) contrast(150%);
  203. -o-filter:invert(1) contrast(150%);
  204. -moz-filter:invert(1) contrast(150%);
  205. -ms-filter:invert(1) contrast(150%);
  206. /* to here if your blog has a dark background */
  207. transform:scale(0.65);
  208. transform-origin:100% 0;
  209. -webkit-transform:scale(0.65);
  210. -webkit-transform-origin:100% 0;
  211. -o-transform:scale(0.65);
  212. -o-transform-origin:100% 0;
  213. -moz-transform:scale(0.65);
  214. -moz-transform-origin:100% 0;
  215. -ms-transform:scale(0.65);
  216. -ms-transform-origin:100% 0;}
  217.  
  218. iframe.tmblr-iframe:hover {
  219. opacity:0.8!important;}
  220.  
  221. .hcontrols {
  222. position:fixed;
  223. top:13px;
  224. right:25px;
  225. z-index:999;
  226. color:{color:Text};}
  227.  
  228. .hcontrols svg {
  229. z-index:9999;
  230. width:20px;
  231. height:20px;
  232. font-size:1.1em;
  233. text-align:center;
  234. line-height:23px;
  235. padding:4px;
  236. color:{color:Text};
  237. background-color:{color:Posts};
  238. border:1px solid {color:Border};}
  239.  
  240. .hcontrols svg path {
  241. color:{color:Text};}
  242.  
  243. .plus path, {
  244. stroke-width:0.7px;
  245. color:{color:Text};}
  246.  
  247.  
  248. /* LIGHTBOX */
  249. .vignette, #vignette {
  250. opacity:0; }
  251.  
  252. .lightbox-image, #tumblr_lightbox img {
  253. box-shadow:none !important;
  254. border-radius:0 !important;
  255. max-width:none;
  256. border:5px solid #fff !important;
  257. -moz-box-sizing:border-box;
  258. box-sizing:border-box;
  259. z-index:999999999999999999999 !important;}
  260.  
  261. .tmblr-lightbox, #tumblr_lightbox {
  262. background-color:rgba(245,245,245,.84) !important;
  263. z-index:999999999999999999999 !important;}
  264.  
  265. .lightbox-caption, #tumblr_lightbox_caption {
  266. visibility:hidden; }
  267.  
  268.  
  269. /* Set height of body and the document to 100% */
  270. body, html {
  271. height: 100%;
  272. margin: 0;
  273. font-size:12px;
  274. font-family:{select:Body Font};
  275. overflow-x:hidden;
  276. background-image:url('{image:Background}');
  277. background-repeat:repeat;
  278. background-attachment:fixed;
  279. background-color:{color:Background};}
  280.  
  281. /* FIXED IMAGES + VIDEOS + DO NOT TOUCH */vg
  282. img, embed, object, video {
  283. margin:auto;
  284. max-width: 100%;
  285. border: none;
  286. outline: none;}
  287.  
  288. select, textarea, input, a {
  289. outline: none; }
  290.  
  291. small{
  292. font-size: 90%;}
  293.  
  294. big{
  295. font-size: 110%;}
  296.  
  297. /* CHAT LINES */
  298. .lines {
  299. line-height:14px;
  300. padding:3px;
  301. font-family:{select:Body Font};
  302. color:{color:Text};}
  303.  
  304. /* ENTRY TITLES */
  305. h1 {
  306. padding-top:0px;
  307. padding-left:5px;
  308. width:{select:Post Width} - 10px;
  309. letter-spacing:1.5px;
  310. font-size:1em;
  311. text-transform:uppercase;
  312. font-weight:600;
  313. text-align:left;
  314. background:{color:Posts};
  315. color:{color:Text};
  316. line-height:22px;}
  317.  
  318. /* ENTRY BODY TEXT */
  319. h2 {
  320. width:100%;
  321. padding-bottom:10px;
  322. line-height:16px;
  323. letter-spacing: 1px;
  324. font-weight:400;
  325. font-size:1em;
  326. font-family:{select:Body Font};
  327. color:{color:Text};}
  328.  
  329. p { padding:5px;background:{color:Posts};}
  330.  
  331.  
  332. /* ENTRY LINKS / BODY LINKS */
  333. a:link, a:active, a:visited {
  334. clear:both;
  335. z-index:2!Important;
  336. color: {color:Link};
  337. text-decoration:none;}
  338.  
  339. a:hover {
  340. clear:both;
  341. z-index:99999999!Important;
  342. color: {color:Hover};
  343. -webkit-transition: all .3s;
  344. -moz-transition: all .3s;
  345. -o-transition: all .3s;
  346. -ms-transition: all .3s;
  347. transition: all .3s;}
  348.  
  349. /* BOLD TEXT / DESIGN & COLOR */
  350. b, strong {
  351. color:{color:Bold};
  352. font-style:bold;}
  353.  
  354. /* ITALIC TEXT / DESIGN & COLOR */
  355. i, em, italic {
  356. color:{color:Italic};
  357. font-style:italic;}
  358.  
  359.  
  360. /* BLOCKQUOTE / BLOCKQUOTE IMAGES */
  361. blockquote {
  362. padding:6px 14px;
  363. margin:7px 12px;
  364. width:auto;
  365. font-size:1em 'Poppins', sans-serif;
  366. line-height:14px;
  367. /* --- BLOCKQUOTE COLOR DESIGN --- */
  368. border-left:1px solid {color:Border};
  369. background:{color:Posts};}
  370.  
  371. blockquote p{
  372. margin:auto;
  373. padding:auto;}
  374.  
  375. blockquote img, blockquote a img {
  376. width:500px;
  377. height:auto;}
  378.  
  379. blockquote a {color:#9d9d9d;}
  380.  
  381. img a {border:none; max-width:500px;}
  382.  
  383. /* LINK BLOG POST */
  384.  
  385. .linktitle h1 {
  386. width:auto;
  387. margin-top:-3px;
  388. padding:none;
  389. height:80px;
  390. line-height:80px;
  391. text-align:center;
  392. background:{color:Accent Two};}
  393.  
  394. /* ENTIRE POSTS/SIDEBAR CONTAINER */
  395. section {
  396. display:block;
  397. display: -webkit-box;
  398. display: -webkit-flex;
  399. display: -ms-flexbox;
  400. display: flex;
  401. clear: both;
  402. margin: 0 auto;
  403. width:calc(450px + {select:Post Width});}
  404.  
  405.  
  406. /* SLIDEOUT NAVIATION MENU CONTAINER */
  407. .sidenav {
  408. height:100%;
  409. width:0px;
  410. position: fixed;
  411. z-index: 1000000000000;
  412. top: 0;
  413. left: 0;
  414. background-color:{color:Background};
  415. overflow-x: hidden;
  416. padding-top: 60px;
  417. transition: 0.5s;}
  418.  
  419. /* NAVIGATION GRADIENT BACKGROUND */
  420. .navback {
  421. position:absolute;
  422. left:calc(49% - 200px);
  423. top:calc(52% - 150px);
  424. width:400px;
  425. height:300px;
  426. background-image: linear-gradient(to bottom right, {color:Accent One}, {color:Accent Two});}
  427.  
  428. /* NAVIGATION MENU CONTAINER */
  429. .nav {
  430. position:absolute;
  431. z-index:9999999999;
  432. left:calc(50% - 200px);
  433. top:calc(50% - 150px);
  434. width:400px;
  435. height:300px;
  436. background:{color:Posts};}
  437.  
  438. /* NAVIGATION TOP CONTAINER */
  439. .navtop {
  440. position:absolute;
  441. width:400px;
  442. height:70px;
  443. margin-top:0px;
  444. margin-left:0px;
  445. border-bottom:1px solid {color:Border};}
  446.  
  447. /* NAVIGATION ICON IMAGE */
  448. .navtop img {
  449. margin-top:13px;
  450. margin-left:340px;
  451. width:45px;
  452. height:45px;
  453. border-radius:100px;
  454. background-image: linear-gradient(to bottom right, {color:Accent One}, {color:Accent Two});}
  455.  
  456. /* NAVIGATION BLOG TITLE */
  457. .navtitle {
  458. position:absolute;
  459. margin-left:10px;
  460. margin-top:21px;
  461. width:300px;
  462. font-family:{select:Title Font}, sans-serif;
  463. font-size:1.7em;
  464. text-align:left;
  465. font-weight:{select:Title Font Weight};
  466. letter-spacing:1px;
  467. text-transform:uppercase;
  468. color:{color:Blog Title};}
  469.  
  470. /* NAVIGATION QUOTE */
  471. .navquote {
  472. position:absolute;
  473. width:400px;
  474. height:50px;
  475. margin-top:80px;
  476. margin-left:0px;
  477. line-height:40px;
  478. letter-spacing:1px;
  479. font-family:{select:Body Font}, sans-serif;
  480. border-bottom:1px solid {color:Border};}
  481.  
  482. /* NAVIGATION MENU LINKS CONTAINER*/
  483. .links {
  484. position:absolute;
  485. margin-left:45px;
  486. margin-top:150px;}
  487.  
  488.  
  489. .links a {
  490. display:inline-block;
  491. width:100px;
  492. padding:15px;
  493. margin-bottom:20px;
  494. transition: 0.3s;
  495. text-decoration: none;
  496. font-size:1em;
  497. text-align:left;
  498. letter-spacing:1px;
  499. font-family:{select:Title Font}, sans-serif;
  500. font-weight:400;
  501. color:{color:Navigation Text};}
  502.  
  503. .links span {font-weight:700;}
  504.  
  505. /* NAVIGATION MENU LINKS HOVER */
  506. .links a:hover {
  507. color:{color:Hover};}
  508.  
  509. /* SLIDEOUT NAVIATION MENU CLOSE BUTTON */
  510. .sidenav .closebtn {
  511. position: absolute;
  512. top: 0;
  513. right:21px;
  514. font-size:3em;
  515. margin-left: 50px;
  516. color:{color:Text};}
  517.  
  518. /* NAVIATION MENU ICON */
  519. .material-icons {
  520. position:fixed;
  521. z-index:9999999999999;
  522. margin-left:10px;
  523. margin-top:10px;
  524. width:30px;
  525. height:30px;
  526. font-size:1.5em;
  527. text-align:center;
  528. line-height:30px;
  529. cursor:pointer;
  530. color:{color:Navigation Icon};
  531. background:{color:Navigation Icon Background};}
  532.  
  533. /* SIDEBAR CONTAINER */
  534. .sidebar {
  535. position:fixed;
  536. clear:both;
  537. margin-left:0px;
  538. top:40px;
  539. width:300px;
  540. height:600px;}
  541.  
  542. /* SIDEBAR ICON IMAGE */
  543. .sidebar img {
  544. position:fixed;
  545. margin-left:0px;
  546. margin-top:0px;
  547. width:300px;
  548. height:300px;}
  549.  
  550.  
  551. /* SIDEBAR TITLE */
  552. .blogtitle {
  553. position:fixed;
  554. margin-top:230px;
  555. width:297px;
  556. font-family:{select:Title Font}, sans-serif;
  557. font-size:3em;
  558. text-align:center;
  559. font-weight:{select:Title Font Weight};
  560. letter-spacing:1px;
  561. text-transform:uppercase;
  562. color:{color:Blog Title};
  563. {block:IfBlogTitleStrike}
  564. text-decoration:line-through;
  565. text-decoration-color:{color:Accent One};
  566. {/block:IfBlogTitleStrike}}
  567.  
  568. .descbox {
  569. position:fixed;
  570. margin-top:320px;
  571. margin-left:0px;
  572. background:#000;
  573. width:300px;
  574. height:250px;
  575. background:{color:Desc Box};}
  576.  
  577. .main {
  578. position:fixed;
  579. margin-top:22px;
  580. text-align:center;
  581. width:300px;}
  582.  
  583. .main a {
  584. width:auto;
  585. letter-spacing:1px;
  586. text-align:center;
  587. text-transform:uppercase;
  588. font-size:0.85em;
  589. font-weight:700;
  590. font-family:{select:Title Font}, sans-serif;
  591. color:{color:Navigation Text};}
  592.  
  593. .descback {
  594. position:fixed;
  595. z-index:9;
  596. margin-top:70px;
  597. margin-left:35px;
  598. width:210px;
  599. height:100px;
  600. background:{color:Accent Two};}
  601.  
  602. /* SIDEBAR ABOUT BOX DESCRIPTION */
  603. .desc {
  604. position:fixed;
  605. z-index:9999999999999999999;
  606. margin-top:60px;
  607. margin-left:45px;
  608. width:210px;
  609. height:100px;
  610. letter-spacing:1.2px;
  611. font-weight:400;
  612. text-align:center;
  613. font-size:0.90em;
  614. font-family:{select:Body Font}, sans-serif;
  615. text-transform:normal;
  616. padding:10px;
  617. line-height:16px;
  618. color:{color:Desc Text};
  619. background:{color:Accent One};}
  620.  
  621.  
  622.  
  623. /* SEARCH BAR */
  624. .search .query {
  625. position:fixed;
  626. z-index:9;
  627. margin-left:35px;
  628. margin-top:200px;
  629. border:0;
  630. outline:0;
  631. width:225px;
  632. overflow:hidden;
  633. padding-bottom:7px;
  634. padding-left:1px;
  635. font:bold 0.85em {select:Body Font}, sans-serif;
  636. font-weight:600;
  637. font-style:bold;
  638. letter-spacing:1px;
  639. text-align:left;
  640. text-transform:uppercase;
  641. color:{color:Search Text};
  642. background:{color:Desc Box};
  643. border-bottom:1px solid {color:Accent Two};}
  644.  
  645. ::-webkit-input-placeholder {color: inherit;}
  646. :-moz-placeholder {color: inherit; opacity:1;}
  647. ::-moz-placeholder {color: inherit; opacity:1;}
  648. :-ms-input-placeholder {color: inherit;}
  649. input:focus::-webkit-input-placeholder {color: transparent;}
  650. input:focus:-moz-placeholder {color: transparent;}
  651. input:focus::-moz-placeholder {color: transparent;}
  652. input:focus:-ms-input-placeholder { color: transparent;}
  653.  
  654.  
  655. /* SEARCH ICON */
  656. .lnr-magnifier {
  657. position:fixed;
  658. z-index:9999999999999;
  659. overflow:hidden;
  660. margin-top:190px;
  661. margin-left:235px;
  662. width:35px;
  663. height:36px;
  664. padding:10px;
  665. text-align:center;
  666. font-weight:900;
  667. font-size:1.1em;
  668. line-height:18px;
  669. color:{color:Search Text};}
  670.  
  671. /* POSTS AND ENTRIES */
  672. .posts {
  673. position:relative;
  674. z-index:999;
  675. top:50px;
  676. left:450px;
  677. float:right;}
  678.  
  679. .posts a {z-index:999;}
  680. .posts a:hover {z-index:999;}
  681.  
  682. /* ENTRIES */
  683. .entry {
  684. clear:both;
  685. margin-bottom:180px;
  686. width:{select:Post Width};
  687. float:left;
  688. padding:10px;
  689. border:1px solid {color:Border};
  690. background:{color:Posts};}
  691.  
  692. .post img.main_photo {
  693. width: 100%;
  694. }
  695. .post img {
  696. max-width: 100%;
  697. height: auto;
  698. }
  699. .post .photo img {
  700. opacity: 1;
  701. -webkit-transition: all 0.5s ease;
  702. -moz-transition: all 0.5s ease;
  703. -o-transition: all 0.5s ease;
  704. transition: all 0.5s ease;
  705. margin: 0;
  706. line-height: 0;
  707. }
  708. .tumblr_post.photo p { display: none; }
  709.  
  710. .entry a {clear:both;color:{color:Links};z-index:999;}
  711.  
  712. /* ENTRY IMAGE */
  713. .entry img {
  714. margin:0px;
  715. width:{select:Post Width} - 5px;}
  716.  
  717. /* CAPTIONS */
  718. .caption {
  719. width:{select:Post Width} - 10px;
  720. margin-top:4px;
  721. padding:15px;
  722. line-height:17px;
  723. font-size:0.90em;
  724. font-family:{select:Body Font}, sans-serif;
  725. font-style:normal;
  726. color:{color:Text};
  727. background:{color:Posts};}
  728.  
  729. /* CAPTION LINKS */
  730. .caption a {
  731. clear:both;
  732. text-decoration:none;
  733. text-transform:uppercase;
  734. letter-spacing:1px;
  735. color:{color:Links};}
  736.  
  737. .caption p a {
  738. clear:both;
  739. color:{color:Links};}
  740.  
  741. /* CAPTION PARAGRAPH */
  742. .caption p {
  743. clear:both;
  744. font-style:normal;
  745. font-size:0.90em;
  746. font-family:{select:Body Font}, sans-serif;
  747. letter-spacing:1.1px;
  748. margin-top:20px;
  749. margin-bottom:20px;
  750. line-height:17px;
  751. background:{color:Posts};
  752. color:{color:Text};}
  753.  
  754. /* CAPTIONS USERNAME/URL BLOG NAME */
  755. .caption a.tumblr_blog {
  756. clear:both;
  757. text-transform:uppercase;
  758. margin-top:10px;
  759. padding-bottom:3px;
  760. text-align:left;
  761. font-family:{select:Body Font}, sans-serif;
  762. letter-spacing:1.9px;
  763. font-weight:700;
  764. color:{color:Text};}
  765.  
  766. /* CAPTIONS PARAGRAPH USERNAME/URL BLOG NAME */
  767. .entry p a.tumblr_blog {
  768. clear:both;
  769. margin-top:23px;
  770. margin:6px 0 9px 0;
  771. text-decoration:none;
  772. text-transform:uppercase;}
  773.  
  774. .caption figure img{
  775. margin: 5px 0 0px -0px;
  776. max-width:500px;
  777. height: auto;}
  778.  
  779. .tumblr_blog {
  780. display:inline-block;
  781. vertical-align:middle;
  782. font:0.88em 'Poppins', sans-serif;
  783. text-transform:uppercase;
  784. color:{color:Text};
  785. text-align:left;}
  786.  
  787. .caption figure img{
  788. margin: 5px 0 0px -0px;
  789. max-width:500px;
  790. height: auto;}
  791.  
  792. .tumblr_parent{
  793. margin:0px;
  794. padding:0px;
  795. border: solid 0px #b918cf;}
  796.  
  797. .tumblr_parent img{
  798. margin-left: 0px;}
  799.  
  800. /* CAPTIONS AVATAR */
  801. .caption .tumblr_avatar {
  802. width:30px;
  803. height:30px;
  804. margin-right:11px;
  805. display:inline-block;
  806. float:left;
  807. opacity:1;
  808. border-radius:3px;}
  809.  
  810.  
  811.  
  812. /* TOP POST + ENTRY INFO */
  813. .topinfo {
  814. position:absolute;
  815. z-index:9!Important;
  816. margin-left:-45px;
  817. margin-top:0px;
  818. text-align:left;
  819. font:0.75em 'Space Mono', sans-serif;
  820. font-weight:600;
  821. letter-spacing:1.5px;
  822. text-transform:uppercase;}
  823.  
  824. /* POST INFO ICONS */
  825. .posticon {
  826. position:absolute;
  827. z-index:9;
  828. margin-left:-100px;
  829. margin-top:-10px;
  830. float:left;
  831. width:auto
  832. text-align:center;
  833. font-size:1.2em;
  834. line-height:15px;
  835. text-align:right;
  836. font-family:{select:Title Font}, sans-serif;
  837. font-weight:{select:Title Font Weight};
  838. color:{color:Text};}
  839.  
  840. .posticon a {text-align:right;color:{color:Text};}
  841.  
  842. /* POST INFO TIME */
  843. .time {
  844. position:absolute;
  845. margin-left:-95px;
  846. margin-top:10px;
  847. float:left;
  848. width:auto;
  849. height:27px;
  850. padding:6px;
  851. text-align:right;
  852. text-transform:uppercase;
  853. font-size:1em;
  854. line-height:12px;
  855. font-weight:400;
  856. letter-spacing:1px;
  857. outline:none;
  858. font-family:'Poppins', sans-serif;
  859. color:{color:Text};}
  860.  
  861.  
  862.  
  863. /* BOTTOM POST + ENTRY INFO */
  864. .bottominfo {
  865. position:absolute;
  866. z-index:2;
  867. width:calc({select:Post Width} - 2px);
  868. margin-left:0px;
  869. margin-top:-5px;
  870. margin-left:-10px;
  871. padding-top:10px;
  872. padding-bottom:10px;
  873. text-align:left;
  874. letter-spacing:1.5px;
  875. border-top:1px solid {color:Border};
  876. text-transform:uppercase;
  877. background:{color:Post Info Background};}
  878.  
  879. /* BOTTOM POST + ENTRY INFO STYING */
  880. .bottominfo a {
  881. z-index:9;
  882. display:inline-block;
  883. width:32%;
  884. padding:7px;
  885. font-family:{select:Body Font}, sans-serif;
  886. font-size:0.85em;
  887. font-weight:600;
  888. text-align:center;
  889. letter-spacing:1px;
  890. text-transform:uppercase;
  891. color:{color:Post Info};}
  892.  
  893.  
  894. /* TAGS */
  895. .tags {
  896. position:absolute;
  897. width:{select:Post Width};
  898. margin-left:-9px;
  899. margin-top:53px;
  900. z-index:9;
  901. text-align:center;
  902. line-height:20px;}
  903.  
  904. /* TAGS STYLING */
  905. .tags a {
  906. width:{select:Post Size};
  907. display:inline;
  908. padding:6px;
  909. text-decoration:none;
  910. font-family:{select:Body Font}, sans-serif;
  911. font-size:0.86em;
  912. font-style:normal;
  913. text-align:left;
  914. z-index:9;
  915. line-height:30px;
  916. letter-spacing:1px;
  917. font-weight:700;
  918. color:{color:Text};}
  919.  
  920. /* TAGS HOVER */
  921. .tags a:hover { color:{color:Hover}; }
  922.  
  923. {block:IfHoverTags}
  924. .tags {opacity:0;}
  925. .entry:hover .tags {opacity:1;}
  926. {/block:IfHoverTags}
  927.  
  928. /* ASK POSTS */
  929. .asker {
  930. font:0.90em {select:Title Font}, sans-serif;
  931. letter-spacing:1.5px;
  932. font-weight:600;
  933. font-style:bold;
  934. color:{color:Text};}
  935.  
  936. /* ASKER URL */
  937. .asker a {
  938. background:{color:Accent One};
  939. color:{color:Text};
  940. padding:4px;
  941. border-radius:3px;
  942. font:1em 'Poppins', sans-serif;
  943. text-transform:uppercase;
  944. letter-spacing:1.5px;
  945. font-weight:600;
  946. font-style:bold;
  947. border:none;}
  948.  
  949.  
  950. user{
  951. position:absolute;
  952. margin-top:8px;
  953. padding-bottom:2px;}
  954.  
  955. /* QUESTION */
  956. .question {
  957. margin-top:-15px;
  958. height: auto;
  959. padding:10px;
  960. font:1em 'Muli';
  961. font-weight:600;
  962. line-height:19px;
  963. text-transform:normal;
  964. letter-spacing:1px;
  965. background:{color:Posts};
  966. color:{color:Text};}
  967.  
  968. /* ANSWER */
  969. .answer {
  970. padding:10px;
  971. font:0.93em 'Poppins', sans-serif;
  972. font-weight:400;
  973. line-height:14px;
  974. text-transform:normal;
  975. letter-spacing:1.5px;
  976. background:{color:Posts};
  977. color:{color:Text};}
  978.  
  979. /* ANSWER BLOCKQUOTE */
  980. .answer blockquote {
  981. padding:10px;
  982. font:0.93em 'Poppins', sans-serif;
  983. font-weight:400;
  984. line-height:14px;
  985. text-transform:normal;
  986. letter-spacing:1.5px;
  987. background:{color:Posts};
  988. color:{color:Text};}
  989.  
  990. /* POST NOTES */
  991. .notes {
  992. position:absolute;
  993. z-index:999999999999;
  994. width:{select:Post Size};
  995. height:100%;
  996. padding:5px;
  997. list-style-type: none;
  998. margin-top:70px;
  999. font-size:0.80em;
  1000. font-family:{select:Body Font}, sans-serif;
  1001. font-style:normal;
  1002. letter-spacing:1.5px;
  1003. margin-left:0px;
  1004. font-weight:400;
  1005. text-transform:uppercase;
  1006. line-height:25px;
  1007. color:{color:Text};}
  1008.  
  1009. .notes a {
  1010. border:none;
  1011. color:{color:Text}; }
  1012.  
  1013.  
  1014. ol.notes li.note img.avatar {
  1015. vertical-align: -4px;
  1016. margin-right: 10px;
  1017. width: 16px;
  1018. border: 0;
  1019. border-radius:3px;
  1020. height: 16px;
  1021. color:{color:Text};}
  1022.  
  1023. a.avatar_frame {
  1024. border: 0;}
  1025.  
  1026. /* PAGINATION */
  1027. .pagination {
  1028. width:{select:Post Width};
  1029. z-index:100;
  1030. display:block;
  1031. text-align:center;
  1032. font:1em 'Poppins', sans-serif;
  1033. font-weight:700;
  1034. text-transform:uppercase;
  1035. color:{color:Text};}
  1036.  
  1037. .pagination a {
  1038. margin: 0 4px;
  1039. display: inline-block;
  1040. text-align: center;
  1041. letter-spacing:1px;
  1042. line-height: 20px;
  1043. font-weight:700;
  1044. font:1em 'Poppins', sans-serif;
  1045. color:{color:Text};}
  1046.  
  1047. .pagination a:hover {
  1048. color:{color:Hover};}
  1049.  
  1050.  
  1051. /* AUDIO POSTS */
  1052. .tumblr_audio_player {
  1053. height:100px;
  1054. clear:both;
  1055. width:calc({select:Post Width} - 20px);}
  1056.  
  1057. .soundcloud_audio_player
  1058. {width: 100%;}
  1059.  
  1060.  
  1061. {CustomCSS}
  1062. </style>
  1063.  
  1064. <!--- UNEST CAPTIONS --->
  1065. <script src="https://static.tumblr.com/emvnqzg/cK3o6sxeb/jquery.truncate.js"></script>
  1066. <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  1067. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1068. <script> $(function(){ $('.entry').unnest({
  1069. yourCaption: '.caption',
  1070. originalPostCaptionUsername: true ,
  1071. tumblrAvatars: true,
  1072. newCaptionUsername:false,
  1073. tumblrAvatarClass: ".tumblr_avatar",
  1074. usernameColon: false
  1075. }); }); </script>
  1076.  
  1077. <!--- PXU PHOTOSET --->
  1078.  
  1079.  
  1080.  
  1081. <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
  1082.  
  1083. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1084.  
  1085. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1086.  
  1087. <script>
  1088. $(document).ready(function(){
  1089. $('.photo-slideshow').pxuPhotoset({
  1090. lightbox: true,
  1091. rounded: false,
  1092. gutter: '4px',
  1093. borderRadius: '0px',
  1094. photoset: '.photo-slideshow',
  1095. photoWrap: '.photo-data',
  1096. photo: '.pxu-photo'
  1097. });
  1098. });
  1099. </script>
  1100.  
  1101. <!--- FULL SCREEN NAVIGATION --->
  1102. <script>
  1103. /* Open the sidenav */
  1104. function openNav() {
  1105. document.getElementById("mySidenav").style.width = "100%";
  1106. }
  1107.  
  1108. /* Close/hide the sidenav */
  1109. function closeNav() {
  1110. document.getElementById("mySidenav").style.width = "0";
  1111. }
  1112. </script>
  1113. </style>
  1114. </head>
  1115. <body>
  1116.  
  1117. <div class="hcontrols"><svg viewBox="0 0 24 24" class="plus">
  1118. <path d="M 12 2 L 12 22 M 2 12 L 22 12" stroke="{color:Text}" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" />
  1119. </svg></div></div>
  1120.  
  1121.  
  1122. <div id="mySidenav" class="sidenav">
  1123. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  1124.  
  1125. <div class="navback"></div>
  1126. <div class="nav">
  1127. <div class="navtop">
  1128. <div class="navtitle">{text:Blog Title}</div>
  1129. <div class="navtopimage"><img src="{image:Icon}"></div>
  1130. </div>
  1131. <div class="navquote"><center> <span class="th th-quote-up"></span>&nbsp;
  1132. {text:Quote} &nbsp;<span class="th th-quote-down"></span>
  1133. </center> </div>
  1134. <div class="links">
  1135. {block:ifLink1Title}
  1136. <a href="{text:Link 1}" title="{text:Link 1 Title}"><span>.01</span> {text:Link 1 Title}</a>
  1137. {block:ifLink2Title}
  1138. <a href="{text:Link 2}" title="{text:Link 2 Title}"><span>.02</span> {text:Link 2 Title}</a>
  1139. {block:ifLink3Title}
  1140. <a href="{text:Link 3}" title="{text:Link 3 Title}"><span>.03</span> {text:Link 3 Title}</a>
  1141. {/block:ifLink3Title} <br>
  1142. {block:ifLink4Title}
  1143. <a href="{text:Link 4}" title="{text:Link 4 Title}"><span>.04</span> {text:Link 4 Title}</a>
  1144. {/block:ifLink4Title}
  1145. {block:ifLink5Title}
  1146. <a href="{text:Link 5}" title="{text:Link 5 Title}"><span>.05</span> {text:Link 5 Title}</a>
  1147. {/block:ifLink5Title}
  1148. {block:ifLink6Title}
  1149. <a href="{text:Link 6}" title="{text:Link 6 Title}"><span>.06</span> {text:Link 6 Title}</a>
  1150. {/block:ifLink6Title}
  1151. </div>
  1152. </div>
  1153. </div>
  1154.  
  1155.  
  1156.  
  1157. <section>
  1158. <div class="sidebar">
  1159. <div class="sidebarimage"><img src="{image:Sidebar}"></div>
  1160. <div class="blogtitle">{text:Blog Title}</div>
  1161. <span onclick="openNav()" title="navigation"><i class="material-icons">sort</i></span>
  1162. </div>
  1163.  
  1164. <div class="descbox">
  1165.  
  1166. <div class="main">
  1167. <a href="/" title="return home">home</a> &middot;
  1168. <a href="/ask" title="ask">ask</a> &middot;
  1169. <a href="/archive" title="archive">archive</a> &middot;
  1170. <a href="https://solocodes.tumblr.com" title="theme credit">theme</a>
  1171. </div>
  1172.  
  1173. <div class="descback"></div>
  1174. <div class="desc">
  1175. <center> <span class="th th-quote-up"></span></center>
  1176. <br> {Description}</div>
  1177. <span class="lnr lnr-magnifier"></span>
  1178. <form action="/search" method="get" class="search">
  1179. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="Search blog...">
  1180. </form>
  1181.  
  1182. </div>
  1183. </div>
  1184.  
  1185. <div class="posts">
  1186. {block:Posts}
  1187. <div class="entry">
  1188.  
  1189. <div class="time">{12HourWithZero}:{Minutes} {AmPm}</div>
  1190.  
  1191. {block:Text}
  1192. <div class="posticon"><a href="{Permalink}" title="Text Post"><span class="th th-information-o"></span> &nbsp; Text</a></div>
  1193.  
  1194. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1195. <h2>{Body}<h2>{/block:Text}
  1196.  
  1197. {block:Photo}
  1198. <div class="posticon"><a href="{Permalink}" title="Photo Post"><span class="th th-picture-o"></span> &nbsp; Photo</a></div>
  1199. <img src="{PhotoURL-HighRes}" width="100%"></center>
  1200. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1201. {/block:Photo}
  1202.  
  1203. {block:Photoset}
  1204. <div class="posticon"><a href="{Permalink}" title="Photoset Post"><span class="th th-layers"></span> &nbsp;Picset</a></div>
  1205. <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>
  1206. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1207. {/block:Photoset}
  1208.  
  1209. {block:Chat}
  1210. <div class="posticon"><a href="{Permalink}" title="Chat Post"><span class="th th-chat-bubble-o"></span> &nbsp; Chat </a></div>
  1211. <div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
  1212. <div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
  1213. {/block:Lines}</div>
  1214. {/block:Chat}
  1215.  
  1216. {block:Quote}
  1217. <div class="posticon"><a href="{Permalink}" title="Quote Post"><span class="th th-quote-up"></span> &nbsp; Quote </a></div>
  1218. <div class="quote">
  1219. "{Quote}"
  1220. </div>
  1221. <div class="source">
  1222. — {Source}
  1223. </div>
  1224. {/block:Quote}
  1225.  
  1226. {block:Link}
  1227. <div class="posticon"><a href="{Permalink}" title="Link Post"><span class="th th-link"></span> &nbsp; Link </a></div>
  1228. <div class="linktitle">
  1229. <a href="{URL}"><h1>{Name}</h1></a>
  1230. </div>
  1231.  
  1232. {block:Description}
  1233. <p>{Description}</p>
  1234. {/block:Description}
  1235. {/block:Link}
  1236.  
  1237. {block:Answer}
  1238. <div class="posticon"><a href="{Permalink}" title="Ask Post"><span class="th th-question-o"></span> &nbsp; Ask </a></div>
  1239. <div class="asker">
  1240. <br><div class="question">
  1241. <user> {Asker} </user>
  1242. <br><br>
  1243. {Question}</div>
  1244. </div>
  1245. <div class="answer">
  1246. <blockquote>{Answer}</blockquote>
  1247. </div>
  1248. {/block:Answer}
  1249.  
  1250. {block:Video}
  1251. <div class="posticon"><a href="{Permalink}" title="Video Post"><span class="th th-tv"></span> &nbsp; Video</a></div>
  1252. <div class="video" >{Video-500}</div>
  1253. {block:IfShowCaption}
  1254. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1255. {/block:IfShowCaption}
  1256. {/block:Video}
  1257.  
  1258. {block:Audio}
  1259. <div class="posticon"><a href="{Permalink}" title="Audio Post"><span class="th th-music-o"></span> &nbsp; Tune </a> </div>
  1260. <div class="tumblr_audio_player">
  1261. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1262. </div>
  1263. {/block:Audio}
  1264.  
  1265.  
  1266. {block:Date}
  1267. <div class="bottominfo">
  1268.  
  1269. <a href="{ReblogURL}" target="_blank" title="reblog this post">Reblog</a>
  1270. <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a>
  1271.  
  1272. {block:RebloggedFrom}
  1273. <a href="{ReblogRootURL}" title=" source: {ReblogRootName}" data-hover="{lang:source}">Source</a>
  1274. {/block:RebloggedFrom}
  1275.  
  1276. {block:NotReblog}
  1277. <a href="{ReblogRootURL}" title="source: {Name}" data-hover="{lang:source}">Source</a>
  1278. {/block:NotReblog}
  1279. </div>
  1280. {/block:Date}
  1281.  
  1282. <div class="tags">
  1283. {block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;&nbsp;{/block:Tags}
  1284. </div>
  1285.  
  1286. {block:PermalinkPage}{block:PostNotes}<div class="note">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>
  1287.  
  1288. {/block:Posts}
  1289.  
  1290. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1291.  
  1292. {block:Pagination}
  1293. <div class="pagination">{block:PreviousPage}
  1294. <a href="{PreviousPage}"><</a>
  1295. {/block:PreviousPage}
  1296. {block:JumpPagination length="5"}
  1297. {block:CurrentPage}
  1298. <span class="current_page" style="color:{color:Text};letter-spacing:1px;">{PageNumber}</span>
  1299. {/block:CurrentPage}
  1300. {block:JumpPage}
  1301. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1302. {/block:JumpPage}
  1303. {/block:JumpPagination}
  1304. {block:NextPage}
  1305. <a href="{NextPage}">></a>
  1306. {/block:NextPage}
  1307. <br><br>
  1308. </div>
  1309. {/block:Pagination}
  1310. </div>
  1311. </section>
  1312.  
  1313. </body>
  1314. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!