API tools faq
paste
Advertisement
codesbyally

make a wish. ♡

codesbyally
Dec 10th, 2020 (edited)
2,533
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.41 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4.  
  5.  
  6. MAKE A WISH by ALLY
  7.  
  8. — don't steal anything from this code
  9. — don't remove the credit, it's very small, it won't hurt your aesthetic
  10. — don't redistribute or claim this theme as your own
  11.  
  12.  
  13.  
  14.  
  15. --->
  16.  
  17.  
  18.  
  19. <html><head>
  20.  
  21.  
  22.  
  23. <!------ meta tags & scripts ------>
  24.  
  25.  
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:contain" content=""/>
  29.  
  30. <meta name="if:grayscale"content="1">
  31.  
  32. <meta name="if:300"content="1">
  33. <meta name="if:400"content="1">
  34.  
  35. <meta name="color:background" content="#f3f3f3"/>
  36. <meta name="color:contain" content="#fafafa"/>
  37. <meta name="color:sidebar" content="#fff"/>
  38. <meta name="color:desc" content="#f8f8f8"/>
  39. <meta name="color:postbg" content="#f3f3f3"/>
  40. <meta name="color:title" content="#b4d7b7"/>
  41. <meta name="color:title2" content="#dabe99"/>
  42. <meta name="color:bold" content="#d4caa2"/>
  43. <meta name="color:italic" content="#d4a587"/>
  44. <meta name="color:text" content="#525252"/>
  45. <meta name="color:links" content="#525252"/>
  46. <meta name="color:hover" content="#f3f3f3"/>
  47.  
  48. <meta name="text:title" content="your energy, it links me up. feel this feeling now (i'll do it for you) i can take you anywhere."/>
  49. <meta name="text:title2" content="it's gonna be alright"/>
  50. <meta name="text:freelink" content="/"/>
  51. <meta name="text:freelinktitle" content="free link"/>
  52. <meta name="text:freelinkhover" content="free link"/>
  53.  
  54. <meta name="text:tabinfo" content="lorem ipsum" />
  55. <meta name="text:threads" content="26" />
  56. <meta name="text:replies" content="12" />
  57.  
  58. <meta name="text:tablink1" content="/"/>
  59. <meta name="text:tablink1title" content="tab link 1"/>
  60. <meta name="text:tablink2" content="/"/>
  61. <meta name="text:tablink2title" content="tab link 2"/>
  62. <meta name="text:tablink3" content="/"/>
  63. <meta name="text:tablink3title" content="tab link 3"/>
  64. <meta name="text:tablink4" content="/"/>
  65. <meta name="text:tablink4title" content="tab link 4"/>
  66. <meta name="text:tablink5" content="/"/>
  67. <meta name="text:tablink5title" content="tab link 5"/>
  68. <meta name="text:tablink6" content="/"/>
  69. <meta name="text:tablink6title" content="tab link 6"/>
  70.  
  71.  
  72. <link rel="shortcut icon" href="{Favicon}" />
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  74. <title>{Title}</title>
  75. {block:subtitleription}<meta name="subtitleription" content="{Metasubtitleription}" /> {/block:subtitleription}
  76.  
  77.  
  78. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  79. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  80.  
  81. <script>
  82. (function($){
  83. $(document).ready(function() {
  84. $("a[title]").style_my_tooltips({
  85. tip_follows_cursor:false,
  86. tip_delay_time:90,
  87. tip_fade_speed:600,
  88. attribute:"title"
  89. });
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94.  
  95. <script>
  96. $(document).ready(function() {
  97. //
  98. $('a.poplight[href^=#]').click(function() {
  99. var popID = $(this).attr('rel'); //Get Popup Name
  100. var popURL = $(this).attr('href'); //Get Popup href to define size
  101. var query= popURL.split('?');
  102. var dim= query[1].split('&');
  103. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  104. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  105. $('body').append('<div id="fade"></div>');
  106. $('#fade').css({'filter' : 'alpha(opacity=30)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=30)'})
  107. return false;
  108. });
  109.  
  110. $('a.close, #fade').live('click', function() {
  111. $('#fade, .popup_block').fadeOut(function() {
  112. $('#fade, a.close').remove(); //fade them both out
  113. });
  114. return false;
  115. });
  116. });
  117. </script>
  118.  
  119.  
  120. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  121.  
  122.  
  123.  
  124.  
  125. <script>
  126. function openCity(evt, cityName) {
  127. var i, tabcontent, tablinks;
  128. tabcontent = document.getElementsByClassName("tabcontent");
  129. for (i = 0; i < tabcontent.length; i++) {
  130. tabcontent[i].style.display = "none";
  131. }
  132. tablinks = document.getElementsByClassName("tablinks");
  133. for (i = 0; i < tablinks.length; i++) {
  134. tablinks[i].className = tablinks[i].className.replace(" active", "");
  135. }
  136. document.getElementById(cityName).style.display = "block";
  137. evt.currentTarget.className += " active";
  138. }
  139. </script>
  140.  
  141. <script type="text/javascript">
  142. $(document).ready(function(){
  143.  
  144. $('ul.tabs li').click(function(){
  145. var tab_id = $(this).attr('data-tab');
  146.  
  147. $('ul.tabs li').removeClass('current');
  148. $('.tab-content').removeClass('current');
  149.  
  150. $(this).addClass('current');
  151. $("#"+tab_id).addClass('current');
  152. })
  153.  
  154. })
  155. </script>
  156.  
  157. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  158.  
  159. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  160.  
  161. <script src="https://kit.fontawesome.com/bd9f878505.js"></script>
  162.  
  163.  
  164. <link href="https://fonts.googleapis.com/css?family=Comfortaa:320,400,700" rel="stylesheet">
  165.  
  166. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  167.  
  168. <link href="https://fonts.googleapis.com/css?family=Fredoka+One&display=swap" rel="stylesheet">
  169.  
  170. <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,700' rel='stylesheet' type='text/css'>
  171. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  172.  
  173.  
  174.  
  175. <style type="text/css">
  176.  
  177.  
  178.  
  179. /* ------ fonts ------ */
  180.  
  181.  
  182.  
  183. @font-face { font-family: "tantinotes"; src: url('https://dl.dropboxusercontent.com/s/z15mn9qxlgjp3z7/Tantinotes.otf') ;}
  184. @font-face { font-family: "pistilli"; src: url('https://dl.dropboxusercontent.com/s/pyua0lsg7wvqjoa/Pistilli-Roman.otf') ;}
  185.  
  186.  
  187.  
  188. /* ------ scrollbar ------ */
  189.  
  190.  
  191.  
  192. ::-webkit-scrollbar { width: 0px; height:0px; background:transparent; }
  193.  
  194. ::-webkit-scrollbar-thumb { background-color: transparent; }
  195.  
  196.  
  197.  
  198. /* ------ lightbox ------ */
  199.  
  200.  
  201.  
  202. .vignette, #vignette { opacity:0; z-index:999999999999999999999999999999999999999999999999999; }
  203.  
  204. .lightbox-image, #tumblr_lightbox img { box-shadow:none !important; border-radius:4px; max-width:none; border:5px solid {color:postbg} !important; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-filter:grayscale(0%); z-index:9999999999999999999999999999999999999999999999999999999; }
  205.  
  206. .tmblr-lightbox, #tumblr_lightbox { background-color:rgba(0,0,0,.6) !important; z-index:99999999999999999999999999999999999999999999999; }
  207.  
  208. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; z-index:999999999999999999999999999999999999999999999999; }
  209.  
  210.  
  211.  
  212. /* ------ tooltip ------ */
  213.  
  214.  
  215.  
  216. #s-m-t-tooltip { max-width:250px; padding:2px 4px 2px 4px; margin:-30px 12px; color:{color:text}; background:{color:postbg}; z-index:9999999999999; font-size:9px; border-radius:4px; text-transform:lowercase; font-variant:none; letter-spacing:1px; font-weight:bold; }
  217.  
  218.  
  219.  
  220. /* ------ selection ------ */
  221.  
  222.  
  223.  
  224. ::-moz-selection { background:{color:links}; color:{color:linksbg}; }
  225.  
  226. ::selection { background:{color:links}; color:{color:linksbg}; }
  227.  
  228.  
  229.  
  230. /* ------ text styles ------ */
  231.  
  232.  
  233.  
  234. body { background:{color:background}; margin:0px; font-weight:500; color:{color:text}; font-family:'ABeeZee', sans-serif; font-size:9px; line-height:20px; letter-spacing:.5px; text-align:justify; background-image:url('{image:Background}'); }
  235.  
  236. a { text-decoration:none; color:{color:links}; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  237.  
  238. a:hover { color:{color:text}; background:transparent; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  239.  
  240. b, strong { color:{color:bold}; font-weight:700; }
  241.  
  242. em, i { color:{color:italic}; font-weight:600; }
  243.  
  244. i:hover { background:transparent; }
  245.  
  246. li { margin-left:-20px; padding-right:10px; }
  247.  
  248. strike { color:{color:bold}; }
  249.  
  250. small { font-size:10px; line-height:20px; }
  251.  
  252. big { color:{color:bold}; font-weight:400; font-family:'pistilli'; letter-spacing:0px; font-size:14px; font-style:italic; }
  253.  
  254. sup { text-transform:normal; color:{color:text}; font-size:10px; line-height:16px; }
  255.  
  256. sub { text-transform:normal; color:{color:text}; font-size:10px; line-height:16px; }
  257.  
  258. blockquote { margin-left:5px; padding-left:10px; width:92%; border-left:1px solid {color:background}; }
  259.  
  260. h1 { color:{color:bold}; font-size:8px; letter-spacing:2px; text-transform:uppercase;font-family:'ABeeZee', sans-serif; font-style:none; line-height:10px; text-align:left; padding:0px; }
  261.  
  262. h2 { text-align: center; font-size:11px; letter-spacing:.5px; text-transform:lowercase; font-style:none; font-weight:400; line-height:14px; text-align:normal; padding:0px; }
  263.  
  264. h3 { font-family:'ABeeZee', sans-serif; font-size:24px; text-align:center; text-transform:lowercase; font-weight:400; letter-spacing:0px; margin-top:5px; padding-top:20px; margin-bottom:0px; color:{color:italic}; }
  265.  
  266. h4 { font-family:'ABeeZee', sans-serif; font-size:24px; text-align:center; text-transform:lowercase; font-weight:400; letter-spacing:0px; margin-top:5px; padding-top:20px; margin-bottom:20px; color:{color:italic}; }
  267.  
  268.  
  269.  
  270. /* ------ captions ------ */
  271.  
  272.  
  273.  
  274. a.tumblr_blog { font-weight:700; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  275.  
  276. .caption { font-size:9px; padding:10px 20px 20px 20px; }
  277.  
  278.  
  279.  
  280. /* ------ images/videos ------ */
  281.  
  282.  
  283.  
  284. img { border:none; max-width:100%; height:auto; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  285.  
  286. resize { {block:If300px} width:300px; {/block:If300px} {block:If400px} width:400px; {/block:If400px} height:auto; }
  287.  
  288. #posts img { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  289.  
  290. .photoset { width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  291.  
  292.  
  293.  
  294. /* ------ container & posts ------ */
  295.  
  296.  
  297.  
  298. #contain { background-color:{color:contain}; {block:If300} width:760px; {/block:If300} {block:If400} width:860px; {/block:If400} height:500px; margin:auto; left:0px; right:0px; top:0px; bottom:0px; position:absolute; overflow:hidden; border-radius:6px; background-image:url('{image:contain}'); background-blend-mode:overlay; }
  299.  
  300. #entries { {block:If300} width:380px; {/block:If300} {block:If400} width:480px; {/block:If400} height:480px; margin:auto; bottom:0px; right:0px; left:0px; top:0px; position:absolute; font-family:'ABeeZee', sans-serif; padding:0px 20px 20px 20px; overflow-x:hidden; overflow-y:auto; letter-spacing:.5px; border-radius:4px; opacity:0; -moz-transition-duration:2s; -webkit-transition-duration:2s; -o-transition-duration:2s; }
  301.  
  302. #entries:hover { opacity:1; -moz-transition-duration:2s; -webkit-transition-duration:2s; -o-transition-duration:2s; }
  303.  
  304. #post { margin:auto; top:0px; right:0px; bottom:0px; left:0px; {block:If300} width:300px; {/block:If300} {block:If400} width:400px; {/block:If400} background:{color:postbg}; padding:0px; position:relative; border-radius:6px; margin-top:20px; margin-bottom:20px; font-size:9px; overflow:hidden; }
  305.  
  306. #post i { color:{color:italic}; }
  307.  
  308. #post em { color:{color:italic}; }
  309.  
  310. #post b { color:{color:bold}; font-weight:700; }
  311.  
  312. #post strong { color:{color:bold}; font-weight:700; }
  313.  
  314. #post strike { color:{color:italic}; }
  315.  
  316. #post sup { line-height:14px; }
  317.  
  318. #post a { color:{color:bold}; }
  319.  
  320.  
  321.  
  322. /* ------ sidebar ------ */
  323.  
  324.  
  325.  
  326. .sidebar { position:absolute; top:0px; left:0px; height:100%; width:330px; background:{color:sidebar}; overflow:visible; border-radius:6px 0px 0px 6px; }
  327.  
  328. .title { position:relative; left:60px; top:40px; width:250px; height:auto; text-align:left; font-family:'pistilli'; font-size:34px; line-height:35px; overflow:visible; color:{color:title}; }
  329.  
  330. .title a { color:{color:title}; }
  331.  
  332. .title2 { position:relative; top:20px; left:40px; width:300px; height:auto; font-family:'tantinotes'; text-align:center; font-size:55px; line-height:30px; color:{color:title2}; -webkit-transform:rotate(-7deg); z-index:9; }
  333.  
  334. .navbar { position:absolute; bottom:18px; right:25px; overflow:visible; width:260px; height:110px; float:left; z-index:999999999; border-radius:0px 0px 4px 4px; }
  335.  
  336. .navbar a { display:inline-block; font-family:'Roboto Condensed', sans-serif; color:{color:desc text}; letter-spacing:1px; font-size:9px; font-weight:bold; margin:5px; }
  337.  
  338. ul.navig8 { position:absolute; top:0px; left:10px; height:110px; width:260px; margin:0px; padding:0px; overflow:hidden; float:left; display:inline-block; }
  339.  
  340. ul.navig8 li { border-bottom:1px solid {color:background}; text-align:right; height:20px; width:230px; margin:2px; display:inline-block; }
  341.  
  342. ul.navig8 li a { margin:auto; font-weight:normal; -moz-transition-duration:2s; -webkit-transition-duration:2s; -o-transition-duration:2s; }
  343.  
  344. ul.navig8 li a:hover { letter-spacing:4px; -moz-transition-duration:2s; -webkit-transition-duration:2s; -o-transition-duration:2s; }
  345.  
  346.  
  347.  
  348. /* ------ pagination ------ */
  349.  
  350.  
  351.  
  352. #pagination { {block:If300} width:380px; {/block:If300} {block:If400} width:480px; {/block:If400} position:relative; height:14px; padding:3px; padding-top:5px; margin:auto; bottom:25px; left:0px; word-spacing:20px; text-align:center; color:{color:text}; }
  353.  
  354. #pagination a { padding:5px; padding-left:8px; background:{color:postbg}; color:{color:text}; font-weight:bold; letter-spacing:5px; font-size:7px; border-radius:4px; }
  355.  
  356.  
  357.  
  358. /* ------ info / tags ------ */
  359.  
  360.  
  361.  
  362. #info { background:{color:postbg}; width:auto; height:20px; text-align:left; margin-top:-20px; border-top:1px solid {color:contain}; letter-spacing:1px; font-size:12px; font-style:none; padding:7px; line-height:20px; text-transform:uppercase; color:#6d6d6d; border-radius:2px; }
  363.  
  364. #info a { color:{color:links}; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  365.  
  366. #info a:hover { -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; color:{color:text}; background:transparent; }
  367.  
  368. #tags { padding:5px; color:{color:text}; text-transform:none; font-style:none; font-size:7px; text-align:center; letter-spacing:1px; border-top:1px solid {color:contain}; }
  369.  
  370. #tags i { color:{color:text}; }
  371.  
  372. #tags a { color: {color:links}; }
  373.  
  374. #tags a:hover { color: {color:text}; background:transparent; }
  375.  
  376. #notes { {block:If300} width:275px; {/block:If300} {block:If400} width:375px; {/block:If400} }
  377.  
  378.  
  379.  
  380. /* ------ questions ------ */
  381.  
  382.  
  383.  
  384. #question { border-radius:4px 4px 0px 0px; color:{color:navbar}; padding:14px; font-family:'ABeeZee', sans-serif; font-size:10px; font-weight:500; letter-spacing:.5px; text-align:center; margin-top:-20px; text-transform:normal; line-height:16px; background-color:{color:postbg}; }
  385.  
  386. #asker { font-size:8px; letter-spacing:5px; font-weight:300; color:{color:postbg}; padding:5px; background:{color:italic}; border-bottom:1px solid {color:background}; width:auto; text-align:center; text-transform:uppercase; border-radius:0px; }
  387.  
  388. #asker a { color:{color:postbg}; }
  389.  
  390. #asker b { color:{color:postbg}; }
  391.  
  392. #asker i { color:{color:postbg}; }
  393.  
  394.  
  395.  
  396. /* ------ music player ------ */
  397.  
  398.  
  399.  
  400. .audio { {block:If300} width:300px; {/block:If300} {block:If400} width:400px; {/block:If400} padding-bottom:10px; }
  401.  
  402. .audioinfo { background:{color:postbg}; {block:If300} width:198px; {/block:If300} {block:If400} width:298px; {/block:If400} height:40px; text-align:center; margin-left:70px; padding:16px; color:{color:text}; text-transform:lowercase; border-radius:0px 4px 4px 0px; }
  403.  
  404. .audioinfo b, strong, i, em { color:{color:title}; }
  405.  
  406. .audioinfo h1 { text-align:center; font-size:12px; letter-spacing:0px; height:0px; font-weight:800; margin-top:10px; font-variant:none; text-transform:lowercase; color:{color:italic}; font-family:'ABeeZee', sans-serif;
  407. }
  408.  
  409. .playerborderer { height:50px; width:50px; padding:15px; background:transparent; position:absolute;
  410. }
  411.  
  412. .player { margin-top:-13px; margin-left:-13px; position:relative; text-align:center; width:6px; height:10px; overflow:hidden; padding:20px; background:transparent; opacity:.3; }
  413.  
  414. .cover { border-radius:4px 0px 0px 0px; height:60px; width:60px; margin-right:10px; margin-top:0px; border:6px solid rgba(500,500,500,.6); }
  415.  
  416.  
  417.  
  418. /* ------ quote source ------ */
  419.  
  420.  
  421.  
  422. .qsource { text-align:center; }
  423.  
  424. .qsource i, em { color:{color:text}; }
  425.  
  426.  
  427.  
  428. /* ------ copyright ------ */
  429.  
  430.  
  431.  
  432. #copyright { text-align:center; font-size:14px; height:auto; width:100px; padding-bottom:15px; padding-top:15px; bottom:0px; left:0px; position:absolute; line-height:20px; letter-spacing:0px; overflow:hidden; z-index:5; }
  433.  
  434. #copyright a { font-weight:bold; font-size:12px; font-variant:small-caps; letter-spacing:3px; color:{color:postbg}; padding:3px 3px 7px 6px; background:{color:title2}; border-radius:4px; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; z-index:99999; }
  435.  
  436.  
  437.  
  438. /* ------ tab coding ------ */
  439.  
  440.  
  441.  
  442. .tabcontent { overflow:hidden; display: none; height:375; width:360px; padding:0px; margin-left:0px; margin-top:0px; background-color:transparent; z-index:999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  443.  
  444. .tabcontent.current { display: inherit; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  445.  
  446. @-webkit-keyframes fadeEffect { from { opacity:0; } to { opacity:1; } }
  447.  
  448. @keyframes fadeEffect { from { opacity:0; } to { opacity:1; } }
  449.  
  450.  
  451.  
  452. /* ------ tab cosmetics ------ */
  453.  
  454.  
  455.  
  456. #tab1 { position:absolute; margin:auto; top:0px; right:0px; {block:If300} width:400px; {/block:If300} {block:If400} width:500px; {/block:If400} height:500px; overflow:hidden; border-radius:0px 6px 6px 0px; }
  457.  
  458. #tab2 { position:absolute; margin:auto; top:0px; right:0px; {block:If300} width:400px; {/block:If300} {block:If400} width:500px; {/block:If400} height:500px; overflow:hidden; border-radius:0px 6px 0px 0px; }
  459.  
  460.  
  461.  
  462. /* ------ navtab cosmetics ------ */
  463.  
  464.  
  465.  
  466. .tabnav { position:absolute; text-align:center; {block:If300} width:330px; {/block:If300} {block:If400} width:430px; {/block:If400} height:240px; overflow:scroll; top:20px; right:30px; border-radius:0px; line-height:30px; font-family:'ABeeZee', sans-serif; font-weight:300; text-transform:lowercase; letter-spacing:1px; font-size:16px; }
  467.  
  468. ul.tab { position:absolute; display:inline-block; height:auto; {block:If300} width:330px; {/block:If300} {block:If400} width:430px; {/block:If400} margin:auto; top:0px; left:0px; bottom:0px; right:0px; padding:0px; z-index:999999999; }
  469.  
  470. ul.tab li { border-bottom:1px solid {color:sidebar}; {block:If300} width:250px; {/block:If300} {block:If400} width:350px; {/block:If400} height:auto; padding:5px 0px 5px 5px; display:inline-block; margin:7px; line-height:14px; font-size:10px; text-align:right; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  471.  
  472. ul.tab li a { color:{color:sidebar}; font-weight:bold; }
  473.  
  474. ul.tab li:hover { letter-spacing:4px; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  475.  
  476. .tabinfo { position:absolute; {block:If300} width:260px; {/block:If300} {block:If400} width:360px; {/block:If400} line-height:20px; height:160px; margin:auto; bottom:70px; right:60px; overflow:scroll; font-size:8px; color:{color:sidebar}; font-weight:bold; letter-spacing:1px; text-align:justify; text-transform:lowercase; z-index:999; }
  477.  
  478. .updates { position:absolute; bottom:30px; right:60px; background:{color:postbg}; color:{color:text}; {block:If300} width:250px; {/block:If300} {block:If400} width:350px; {/block:If400} text-align:center; height:20px; padding:2px 6px 2px 6px; border-radius:4px; }
  479.  
  480. .updates b { color:{color:bold}; }
  481.  
  482.  
  483.  
  484. /* ------ end of css coding ------ */
  485.  
  486.  
  487.  
  488. {CustomCSS}</style></head><body>
  489.  
  490.  
  491.  
  492. <!------ begin html coding ------>
  493.  
  494.  
  495.  
  496. <div id="contain">
  497.  
  498. <div class="sidebar">
  499.  
  500. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 250" style="position:absolute; -webkit-transform:rotate(90deg); margin-top:280px; margin-left:-40px; width:850px;"><path fill="{color:sidebar}" fill-opacity="1" d="M0,224L34.3,218.7C68.6,213,137,203,206,186.7C274.3,171,343,149,411,160C480,171,549,213,617,208C685.7,203,754,149,823,117.3C891.4,85,960,75,1029,101.3C1097.1,128,1166,192,1234,197.3C1302.9,203,1371,149,1406,122.7L1440,96L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"></path></svg>
  501.  
  502. <div style="position:absolute; top:30px; left:30px; width:1px; height:440px; border-right:1px solid #ddd;"></div>
  503. <div class="title"><a href="/">{text:title}</a></div>
  504. <div class="title2">{text:title2}</div>
  505. <div class="navbar">
  506. <ul class="navig8">
  507. <li><a href="#" class="tablinks" onclick="openCity(event, 'tab1')" title="go back to the start">refresh</a></li>
  508. <li><a href="/ask" title="send me some mail">message</a></li>
  509. <li><a href="#" class="tablinks" onclick="openCity(event, 'tab2')" title="navigate">navigate</a></li>
  510. <li><a href="{text:freelink}" title="{text:freelinkhover}">{text:freelinktitle}</a></li>
  511. </ul>
  512. </div>
  513. </div>
  514.  
  515.  
  516.  
  517. <!------ navigation tab ------>
  518.  
  519.  
  520.  
  521. <div id="tab2" class="tabcontent">
  522.  
  523.  
  524. <div class="updates"><b>open threads:</b> {text:threads} / <b>replies owed:</b> {text:replies}</div>
  525.  
  526. <div class="tabnav">
  527. <ul class="tab">
  528. <li><a href="{text:tablink1}" title="basic info"> about me </a></li>
  529. <li><a href="{text:tablink2}" title="please read!"> guidelines </a></li>
  530. <li><a href="{text:tablink3}" title="open for plots"> open muses </a></li>
  531. <li><a href="{text:tablink4}" title="closed for plots"> closed muses </a></li>
  532. <li><a href="{text:tablink5}" title="music inspo"> playlist </a></li>
  533. <li><a href="{text:tablink6}" title="general insp"> inspiration </a></li
  534. </ul>
  535. </div>
  536.  
  537. <div class="tabinfo">{text:tabinfo}</div>
  538.  
  539. <div style="position:absolute; top:30px; right:30px; height:440px; width:1px; border-right:1px solid #fff;"></div>
  540.  
  541. </div>
  542.  
  543.  
  544.  
  545. <!------ begin posts ------>
  546.  
  547.  
  548.  
  549. <div id="tab1" class="tabcontent current">
  550.  
  551.  
  552. <div id="entries">
  553.  
  554.  
  555.  
  556. {block:posts}
  557. <!-- {block:NoRebloggedFrom}
  558. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  559. {/block:NoRebloggedFrom} -->
  560. {block:ContentSource}<!-- {SourceURL}
  561. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{Sourcetitle}" />{/block:SourceLogo}
  562. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  563. {/block:ContentSource}
  564. <div id="post">
  565.  
  566. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  567.  
  568. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  569.  
  570. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  571.  
  572. {block:Quote}<div class="caption"><h2>{Quote}</h2><br>
  573. {block:Source}<div class="qsource"> — {Source}</div></div>
  574. {/block:Source}{/block:Quote}
  575.  
  576. {block:Link}<h4><a href="{URL}></script>" {Target}>{Name}</a></h4>{block:subtitleription}<div class="caption">{subtitleription}</div>{/block:subtitleription}{/block:Link}
  577.  
  578. {block:Chat}{block:title}<h3>{title}</h3>{/block:title}<br><div class="caption">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  579.  
  580. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" align="left" class="cover" />{/block:AlbumArt}<div class="playerborderer"><div class="player">{block:AudioPlayer}{AudioPlayer{color:postbg}}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}{block:Artist}— {Artist} —{/block:Artist}</div>{/block:Audio}<br>
  581.  
  582. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:caption}{/block:Video}
  583.  
  584. {block:Answer}<div id="question">{Question}</div><div id="asker"><b><i>{Asker}</i></b><br></div><div class="caption" style="padding:10px 20px 30px 20px;">{Answer}</div>{/block:Answer}
  585.  
  586. <div id="info">
  587. <div style="float:left; padding:0px 6px 0px 6px; font-weight:600; font-size:10px; background:{color:postbg}; border-radius:2px;"><a href="{Permalink}" title="{TimeAgo}">{ShortMonth}{DayOfMonthWithZero}</a></div>
  588. <div style="float:right; padding:0px 6px 0px 6px; font-weight:bold; font-size:10px; background:{color:postbg}; border-radius:2px;"> <a href="{ReblogURL}" target="_blank" class="details" style="color:{color:italic};">REBLOG</span></a></span></div>{/block:NoteCount}
  589. <div style="float:right; margin-right:5px; padding:0px 2px 0px 6px; font-weight:600; font-size:10px; background:{color:postbg}; border-radius:2px;"> <a href="{Permalink}" title="{TimeAgo}">{NoteCount}N</a>&nbsp;</div></div>
  590.  
  591.  
  592. {block:HasTags}<div id="tags">
  593.  
  594. {block:Tags}<i class="far fa-hashtag"></i> <a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  595. </div>{block:HasTags}
  596. </div>
  597. {/block:Posts}
  598. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  599. </article>
  600. {/block:Posts}
  601.  
  602. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div>
  603.  
  604. </div></div>
  605. </div></div>
  606.  
  607. <div id="copyright"><a href="https://streamkai.tumblr.com" title="code by ally">streamkai</a></div>
  608. </div>
  609.  
  610.  
  611.  
  612. <!-- begin scripts ————— DO NOT DELETE! -->
  613.  
  614.  
  615.  
  616. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  617. <script>
  618. $(document).ready(function(){
  619. $('.video iframe').each(function(){
  620. var scale = $(this).parents('.video').width() / 400;
  621. $(this).attr({
  622. width: Math.floor($(this).attr('width') * scale),
  623. height: Math.floor($(this).attr('height') * scale)
  624. });
  625. });
  626. });
  627. </script>
  628.  
  629.  
  630. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  631.  
  632. <script>
  633. $(document).ready(function() {
  634. $('.tabs .tab-links a').on('click', function(e) {
  635. var currentAttrValue = $(this).attr('href');
  636.  
  637. // Show/Hide Tabs
  638. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  639.  
  640. // Change/remove current tab to active
  641. $(this).parent('li').addClass('active').siblings().removeClass('active');
  642.  
  643. e.preventDefault();
  644. });
  645. });
  646. </script>
  647.  
  648. <script>
  649. $(document).ready(function() {
  650. $('#filterOptions li a').click(function() {
  651. // fetch the class of the clicked item
  652. var ourClass = $(this).attr('class');
  653.  
  654. // reset the active class on all the buttons
  655. $('#filterOptions li').removeClass('active');
  656. // update the active state on our clicked button
  657. $(this).parent().addClass('active');
  658.  
  659. if(ourClass == 'all') {
  660. // show all our items
  661. $('#ourHolder').children('div.item').show();
  662. }
  663. else {
  664. // hide all elements that don't share ourClass
  665. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  666. // show all elements that do share ourClass
  667. $('#ourHolder').children('div.' + ourClass).show();
  668. }
  669. return false;
  670. });
  671. });
  672. </script>
  673.  
  674. </body></html>
Advertisement
Comments
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!