API tools faq
paste
Advertisement
codesbyally

wanna know love. ♡

codesbyally
Mar 26th, 2018
2,583
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.05 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4.  
  5.  
  6. WANNA KNOW LOVE 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. <meta name="image:sidebar" content=""/>
  30. <meta name="image:tabimg1" content=""/>
  31. <meta name="image:tabimg2" content=""/>
  32.  
  33. <meta name="color:background" content="#1d1d1d"/>
  34. <meta name="color:contain" content="#161616"/>
  35. <meta name="color:sidebar" content="#1d1d1d"/>
  36. <meta name="color:postbg" content="#1d1d1d"/>
  37. <meta name="color:title" content="#dbbd82"/>
  38. <meta name="color:subtitle" content="#e5e5e5"/>
  39. <meta name="color:bold" content="#dbbd82"/>
  40. <meta name="color:italic" content="#dbbd82"/>
  41. <meta name="color:text" content="#a8a8a8"/>
  42. <meta name="color:links" content="#e5e5e5"/>
  43. <meta name="color:hover" content="#e5e5e5"/>
  44.  
  45. <meta name="text:title" content="truly"/>
  46. <meta name="text:subtitle" content="understand"/>
  47. <meta name="text:tabtitle" content="wanna know love"/>
  48. <meta name="text:tabsubtitle" content="oh, make it something tangible"/>
  49. <meta name="text:script" content="bigger"/>
  50. <meta name="text:tabbox" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur laoreet sapien nec sodales feugiat. Quisque egestas magna tortor, eu porta mi lobortis at. Pellentesque turpis sapien, vehicula a dui eu, faucibus pharetra ex. Aenean auctor tristique risus a feugiat. Nunc eu pellentesque quam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mauris ante, eleifend sed gravida vitae, eleifend ut mi. In malesuada tempor neque sit amet vulputate."/>
  51.  
  52. <meta name="text:tablink1" content="/"/>
  53. <meta name="text:tablink2" content="/"/>
  54. <meta name="text:tablink3" content="/"/>
  55. <meta name="text:tablink4" content="/"/>
  56. <meta name="text:tablink5" content="/"/>
  57. <meta name="text:tablink6" content="/"/>
  58. <meta name="text:tablink7" content="/"/>
  59. <meta name="text:tablink8" content="/"/>
  60. <meta name="text:tablink9" content="/"/>
  61.  
  62.  
  63. <link rel="shortcut icon" href="{Favicon}" />
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  65. <title>{Title}</title>
  66. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  67.  
  68.  
  69. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  71.  
  72. <script>
  73. (function($){
  74. $(document).ready(function() {
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:false,
  77. tip_delay_time:90,
  78. tip_fade_speed:600,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85.  
  86. <script>
  87. function openCity(evt, cityName) {
  88. var i, tabcontent, tablinks;
  89. tabcontent = document.getElementsByClassName("tabcontent");
  90. for (i = 0; i < tabcontent.length; i++) {
  91. tabcontent[i].style.display = "none";
  92. }
  93. tablinks = document.getElementsByClassName("tablinks");
  94. for (i = 0; i < tablinks.length; i++) {
  95. tablinks[i].className = tablinks[i].className.replace(" active", "");
  96. }
  97. document.getElementById(cityName).style.display = "block";
  98. evt.currentTarget.className += " active";
  99. }
  100. </script>
  101.  
  102. <script type="text/javascript">
  103. $(document).ready(function(){
  104.  
  105. $('ul.tabs li').click(function(){
  106. var tab_id = $(this).attr('data-tab');
  107.  
  108. $('ul.tabs li').removeClass('current');
  109. $('.tab-content').removeClass('current');
  110.  
  111. $(this).addClass('current');
  112. $("#"+tab_id).addClass('current');
  113. })
  114.  
  115. })
  116. </script>
  117.  
  118. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  119. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  120.  
  121. <script>
  122. (function($){
  123. $(document).ready(function(){
  124. $(“[title],a[title],img[title]”).style_my_tooltips({
  125. tip_follows_cursor:true,
  126. tip_delay_time:90,
  127. tip_fade_speed:600,
  128. attribute:“title”
  129. });
  130. });
  131. })(jQuery);
  132. </script>
  133.  
  134. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  135.  
  136. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  137.  
  138. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  139.  
  140. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  141.  
  142. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  143.  
  144. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  145.  
  146. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  147.  
  148. <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900" rel="stylesheet">
  149.  
  150.  
  151.  
  152.  
  153.  
  154. <style type="text/css">
  155.  
  156.  
  157.  
  158. /* ------ fonts ------ */
  159.  
  160.  
  161. @font-face { font-family: paduka; src: url('https://dl.dropboxusercontent.com/s/17sjbqt7xfnor93/Paduka%20Script%20free.ttf') ; }
  162.  
  163.  
  164. /* ------ scrollbar ------ */
  165.  
  166.  
  167.  
  168. ::-webkit-scrollbar { width: 0px; height:0px; background:transparent; }
  169.  
  170. ::-webkit-scrollbar-thumb { background-color: transparent; }
  171.  
  172.  
  173.  
  174. /* ------ tooltip ------ */
  175.  
  176.  
  177.  
  178. #s-m-t-tooltip { max-width:250px; padding:4px; padding-left:6px; margin:-30px 12px; color:{color:title}; background: {color:postbg}; z-index:99999; font-size:7px; border-radius:4px; text-transform:uppercase; font-variant:none; letter-spacing:2px; font-weight:bold; opacity:.8; }
  179.  
  180.  
  181.  
  182. /* ------ selection ------ */
  183.  
  184.  
  185.  
  186. ::-moz-selection { background:{color:links}; color:{color:linksbg}; }
  187.  
  188. ::selection { background:{color:links}; color:{color:linksbg}; }
  189.  
  190.  
  191.  
  192. /* ------ text styles ------ */
  193.  
  194.  
  195.  
  196. body { background:{color:background}; margin:0px; font-weight:500; color:{color:text}; font-family:'montserrat'; font-size:10px; line-height:16px; letter-spacing:.5px; text-align:justify; background-image:url('{image:Background}'); }
  197.  
  198. a { text-decoration:none; color:{color:links}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  199.  
  200. a:hover { color:{color:text}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  201.  
  202. b, strong { color:{color:bold}; font-weight:700; }
  203.  
  204. em, i { color:{color:italic}; font-weight:600; }
  205.  
  206. strike { color:{color:title}; }
  207.  
  208. small { font-size:10px; }
  209.  
  210. big { color:{color:title}; font-weight:600; font-variant:small-caps; letter-spacing:2px; }
  211.  
  212. sup { font-variant:small-caps; letter-spacing:2px; color:{color:bold}; font-weight:normal; }
  213.  
  214. blockquote { margin-left:5px; padding-left:10px; width:365px; border-left:1px solid {color:background}; }
  215.  
  216. blockquote blockquote { padding-left:10px; width:345px; border-left:1px solid {color:background}; }
  217.  
  218. h1 { color:{color:bold}; font-size:8px; letter-spacing:2px; text-transform:uppercase;font-family:'montserrat'; font-style:none; line-height:10px; text-align:left; padding:0px; }
  219.  
  220. 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; }
  221.  
  222. h3 { font-family:'montserrat'; font-size:24px; text-align:center; text-transform:lowercase; font-weight:400; letter-spacing:0px; margin-top:5px; color:{color:italic}; }
  223.  
  224.  
  225.  
  226. /* ------ images ------ */
  227.  
  228.  
  229.  
  230. img { border:none; max-width:100%; height:auto; border-radius:6px; -webkit-filter:grayscale(100%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  231.  
  232. img:hover { -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  233.  
  234. resize { width: 300px; height:auto; }
  235.  
  236. #posts img { -webkit-filter:grayscale(100%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  237.  
  238. .photoset { width:100%; border-radius:6px; -webkit-filter:grayscale(100%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  239.  
  240. #posts img:hover { -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  241.  
  242. .photoset:hover { max-width:100%; -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  243.  
  244.  
  245.  
  246. /* ------ body ------ */
  247.  
  248.  
  249.  
  250. #contain { width:920px; height:460px; margin:auto; left:0px; right:0px; top:0px; bottom:0px; background:{color:contain}; position:absolute; overflow:auto; border-radius:6px; z-index:1; background-image:url('{image:contain}'); }
  251.  
  252. #entries { padding:10px; width:440px; height:450px; margin-left:440px; margin-top:-10px; font-size:10px; position:absolute; font-family:'montserrat'; overflow-x:hidden; overflow-y:auto; letter-spacing:0px; }
  253.  
  254. #post { margin:auto; top:-22px; right:0px; bottom:0px; left:0px; width:400px; background: {color:postbg}; padding:20px; position:relative; border-radius:6px; margin-top:40px; }
  255.  
  256.  
  257.  
  258. /* ------ sidebar ------ */
  259.  
  260.  
  261.  
  262. #sidebar { background:{color:sidebar}; width:420px; height:460px; position:absolute; overflow:hidden; left:0px; top:0px; }
  263.  
  264. #sidebar img { border-radius:0px; width:420px; height:460px; position:absolute; background:transparent; -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  265.  
  266. .title { position:absolute; color:{color:title}; font-family:'paduka'; font-size:64px; width:420px; padding-top:200px; height:260px; margin:auto; left:0px; top:0px; right:0px; bottom:0px; line-height:30px; text-align:center; z-index:999; }
  267.  
  268. .title strong { font-weight:400; color:{color:italic}; }
  269.  
  270. .subtitle { width:420px; height:235px; padding-top:225px; font-size:10px; text-transform:lowercase; font-variant:small-caps; color:{color:subtitle}; letter-spacing:3px; margin:auto; left:0px; top:0px; right:0px; bottom:0px; position:absolute;text-align:center; }
  271.  
  272. .desc { background:rgba(14,14,14,.4); font-weight:400; position:absolute; width:220px; line-height:20px; height:140px; margin:200px 0px 0px 30px; overflow:hidden; font-size:7.5px; color:{color:desc}; padding:17px; border-radius:6px; text-transform:uppercase; padding-top:13px; font-family:'montserrat'; letter-spacing:1px; text-align:justify; z-index:9999999; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  273.  
  274. .desc i { color:{color:bold}; font-weight:400; }
  275.  
  276. .desc a { font-size:12px; font-weight:bold; }
  277.  
  278. .desc b { font-size:8px; }
  279.  
  280. .desc h3 { font-family:'paduka'; font-size:20px; text-align:center; text-transform:lowercase; font-weight:400; letter-spacing:0px; font-variant:none; margin-top:5px; margin-bottom:8px; color:{color:title}; }
  281.  
  282. .sidelink { text-align:right; border-radius:6px; height:18px; width:237px; margin:390px 0px 0px 0px; position:absolute; padding:17px;padding-right:0px; overflow:hidden; opacity:.3; z-index:9999999999; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  283.  
  284. .sidelink a { height:2px; background:{color:postbg}; margin:0px 0px 0px 10px; width:2px; padding:8px; font-size:12px; line-height:auto; border-radius:4px; font-family:'montserrat'; font-weight:bold; letter-spacing:2px; color:{color:text}; }
  285.  
  286. .sidelink i { color:{color:links}; font-weight:600; }
  287.  
  288. .sidelink:hover { opacity:.7; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  289.  
  290.  
  291.  
  292. /* ------ pagination ------ */
  293.  
  294.  
  295. #pagination { width:430px; position:relative; height:14px; padding:3px; padding-top:5px; margin:auto; bottom:25px; left:0px; word-spacing:20px; text-align:center; color:{color:text}; z-index:9999999999999; }
  296.  
  297. #pagination a { padding:5px; background:{color:postbg}; color:{color:text}; font-weight:bold; letter-spacing:5px; font-size:7px; border-radius:6px; }
  298.  
  299.  
  300.  
  301. /* ------ info / tags ------ */
  302.  
  303.  
  304.  
  305. #info { background:{color:contain}; width:auto; text-align:center; font-family:'trebuchet ms'; margin-top:8px; letter-spacing:1px; font-size:12px; font-style:none; padding:7px; line-height:10px; text-transform:uppercase; color:#6d6d6d; border-radius:6px; }
  306.  
  307. #info i { padding-right:20px; padding-left:20px; text-align:center; color:{color:links}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  308.  
  309. #info i:hover { -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:{color:text}; }
  310.  
  311. #tags { padding: 5px; color:{color:text}; text-transform: none; font-style:none; font-size: 7px; text-align: center; letter-spacing: 1px; }
  312.  
  313. #tags i { color:{color:text}; }
  314.  
  315. #tags a { color: {color:italic}; }
  316.  
  317. #tags a:hover { color: {color:text}; }
  318.  
  319. #notes { width:275px; }
  320.  
  321.  
  322.  
  323. /* ------ questions ------ */
  324.  
  325.  
  326.  
  327. #question { border-radius:10px 10px 0px 0px; color:{color:contain}; padding:14px; font-family:'montserrat'; font-size:10px; font-weight:500; letter-spacing:.5px; text-align:center; margin-top:0px; text-transform:normal; line-height:100%; background-color:{color:accent}; }
  328.  
  329. #asker { font-size:12px; color:{color:bold}; padding:5px; background:{color:contain}; width:auto; text-align:right; text-transform:uppercase; border-radius:0px 0px 10px 10px; }
  330.  
  331. #asker a { color:{color:bold}; }
  332.  
  333. #asker b { color:{color:bold}; }
  334.  
  335. #asker i { color:{color:bold}; }
  336.  
  337.  
  338.  
  339. /* ------ music player ------ */
  340.  
  341.  
  342.  
  343. .audio { width:400px; padding-bottom:10px; background-color:{color:border}; }
  344.  
  345. .audioinfo { background:{color:contain}; width:298px; height:40px; text-align:center; margin-left:70px; padding:16px; color:{color:text}; text-transform:lowercase; border-radius:0px 10px 10px 0px; }
  346.  
  347. .audioinfo b, strong, i, em { color:{color:title}; }
  348.  
  349. .audioinfo h1 { text-align:center; font-size:20px; letter-spacing:0px; height:0px; font-weight:800; margin-top:10px; font-variant:none; text-transform:lowercase; color:{color:fl}; font-family:'montserrat';
  350. }
  351.  
  352. .playerborderer { height:50px; width:50px; padding:15px; background:transparent; position:absolute;
  353. }
  354.  
  355. .player { margin-top:-13px; margin-left:-13px; position:relative; text-align:center; width:6px; height:10px; overflow:hidden; padding:20px; background:transparent; opacity:.5; }
  356.  
  357. .cover { border-radius:10px 0px 0px 10px; height:60px; width:60px; margin-right:10px; margin-top:0px; border:6px solid #ddd; }
  358.  
  359.  
  360.  
  361.  
  362. /* ------ quote source ------ */
  363.  
  364.  
  365.  
  366. .qsource { text-align:center; }
  367.  
  368. .qsource i, em { color:{color:text}; }
  369.  
  370.  
  371.  
  372. /* ------ huney ------ */
  373.  
  374.  
  375.  
  376. #huney { position: absolute; color: white; background: {color:postbg}; padding: 6px; width: 16px; border-radius: 50px; text-align: center; font-size: 12px; bottom: 10px; left: 10px; display: block; position: fixed; }
  377.  
  378. #huney a { color:{color:text};-moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  379.  
  380. #huney a:hover { color:{color:bold};-moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  381.  
  382.  
  383.  
  384. /* ------ tab coding ------ */
  385.  
  386.  
  387.  
  388. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
  389.  
  390. ul.tab li { width: 20px; float:left; margin-left:2px; }
  391.  
  392. ul.tab li a{ display:inline-block; color:{color:text}; font-size:11px; width:11px; height:11px; padding:3px; border-radius:100px; }
  393.  
  394. ul.tab li i{ color:{color:text}; }
  395.  
  396. .close { position:absolute; top:13px; right:15px; font-weight:bold; color:#a59f93; z-index:9999999; }
  397. .close:hover { cursor: pointer; }
  398.  
  399. .tabcontent { display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  400.  
  401. .tabcontent.current{ display: inherit; }
  402.  
  403. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  404.  
  405. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  406.  
  407.  
  408.  
  409.  
  410. /* ------ tab cosmetics ------ */
  411.  
  412.  
  413.  
  414.  
  415. #navtab { position:absolute; right:-3px; bottom:0px; width: 485px; padding-top:20px; height:440px; background-color:{color:contain}; overflow:hidden; }
  416.  
  417. #navtab strong { display:inline-block; background:{color:accent}; padding:5px; border-radius:6px; width:58px; text-align:center; color:white; margin-bottom:5px; }
  418.  
  419. #navtab big { display:inline-block; background:{color:accent2}; padding:5px; border-radius:6px; width:58px; text-align:center; font-weight:700;font-size:8px; color:{color:text}; margin-bottom:5px; }
  420.  
  421. #navtab b { display:inline-block; background:#f8f8f8; padding:4px; border-radius:6px; width:180px; text-align:center; font-size:8px; color:#b7b6ac; margin-bottom:5px; text-transform:uppercase; font-variant:none; font-weight:600; }
  422.  
  423. #navtab h3 { background:{color:accent}; color:white; border-radius:50%; width:10px; height:10px; line-height:10px; padding:10px; text-align:center; display:inline-block; font-size:8px; margin:0px 10px 0px 0px; text-transform:uppercase; }
  424.  
  425. #navtab h4 { background:{color:accent2}; color:#b7b6ac; border-radius:50%; width:10px; height:10px; line-height:10px; padding:10px; text-align:center; display:inline-block; font-size:8px; margin:0px 10px 0px 0px; text-transform:uppercase; }
  426.  
  427.  
  428.  
  429.  
  430. /* ------ tab cosmetics 2.0 ------ */
  431.  
  432.  
  433.  
  434.  
  435. .tabtitle { font-weight:400; text-transform:uppercase; width:auto; height:30px; font-family:'montserrat'; font-size:30px; text-align:center; margin-top:24px; color:{color:title}; }
  436.  
  437. .tabsubtitle { color:{color:subtitle}; font-size:10.5px; letter-spacing:4px; text-transform:lowercase; font-variant:small-caps; text-align:center; margin-top:5px; }
  438.  
  439. .tabnav { position:fixed; text-align:center; width:156px; height:132px; margin:30px 20px 20px 290px; line-height:36px; font-variant:small-caps; letter-spacing:1px; font-size:40px; text-align:justify; display:inline-block; }
  440.  
  441. .tabnav a { text-align:center; padding:2px; width:30px; height:30px; margin:5px; display:inline-block; line-height:30px; font-family:'montserrat'; color:{color:links}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  442.  
  443. .tabnav a:hover { color:{color:title}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  444.  
  445. .tabbox { position:fixed; text-align:justify; height:130px; width:200px; margin:200px 20px 20px 220px; font-variant:none; text-transform:uppercase; letter-spacing:1px; line-height:16px; font-size:7.5px; overflow:scroll; }
  446.  
  447. .stats { background:{color:postbg}; padding:5px; border-radius:8px; width:110px; letter-spacing:3px; height:auto; text-align:center; position:fixed; margin:255px 0px 0px 65px; font-size:7px; color:{color:subtitle}; text-transform:lowercase; font-variant:small-caps; }
  448.  
  449. .script { position:absolute; font-family:'paduka'; font-size:60px; color:{color:title}; width:200px; height:auto; margin:280px 0px 0px 15px; text-align:center; }
  450.  
  451.  
  452.  
  453.  
  454. /* ------ end of css / begin of html ------ */
  455.  
  456.  
  457.  
  458.  
  459. {CustomCSS}</style></head><body>
  460.  
  461. <div id="contain">
  462.  
  463. <div id="sidebar">
  464.  
  465. <div class="sidelink">
  466. <a href="/" title="refresh"><i class="pe-7s-map-marker"></i></a>
  467. <a href="/ask" title="message"><i class="pe-7s-micro"></i></a>
  468. <a href="#" class="tablinks" onclick="openCity(event, 'navtab')"><i class="pe-7s-compass"></i></a>
  469. </div>
  470.  
  471. <img src="{image:sidebar}">
  472. <div class="title">{text:title}</div>
  473. <div class="subtitle">{text:subtitle}</div>
  474. </div>
  475.  
  476.  
  477.  
  478. <!------ navigation tab ------>
  479.  
  480.  
  481.  
  482. <div id="navtab" class="tabcontent">
  483. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  484.  
  485. <div class="tabtitle">{text:tabtitle}
  486. <div class="tabsubtitle">{text:tabsubtitle}</div>
  487. </div>
  488.  
  489. <img src="{image:tabimg1}" style="position:fixed; border-radius:50%; margin-left:20px; margin-top:26px; -webkit-filter:grayscale(0%);">
  490. <img src="{image:tabimg2}" style="position:fixed; border-radius:50%; margin-left:150px; margin-top:16px; -webkit-filter:grayscale(0%);">
  491.  
  492.  
  493. <div class="tabnav">
  494. <a href="{text:tablink1}">1</a>
  495. <a href="{text:tablink2}">2</a>
  496. <a href="{text:tablink3}">3</a>
  497. <a href="{text:tablink4}">4</a>
  498. <a href="{text:tablink5}">5</a>
  499. <a href="{text:tablink6}">6</a>
  500. <a href="{text:tablink7}">7</a>
  501. <a href="{text:tablink8}">8</a>
  502. <a href="{text:tablink9}">9</a>
  503. </div>
  504.  
  505. <div class="stats">
  506.  
  507. <!------ paste online counter ------>
  508.  
  509. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5549926";
  510. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  511. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  512. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  513. </script>
  514.  
  515. <!------ end online counter ------>
  516.  
  517. of
  518.  
  519. <!------ paste hit counter ------>
  520.  
  521. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3295448";
  522. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  523. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  524. </script>
  525.  
  526. <!------ end hit counter ------>
  527.  
  528. </div>
  529.  
  530. <div class="script">{text:script}</div> <!------ keep it one (1) word ------>
  531.  
  532. <div class="tabbox">{text:tabbox}</div>
  533.  
  534. </div>
  535.  
  536. <div id="entries">
  537. {block:posts}
  538. <!-- {block:NoRebloggedFrom}
  539. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  540. {/block:NoRebloggedFrom} -->
  541. {block:ContentSource}<!-- {SourceURL}
  542. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{Sourcetitle}" />{/block:SourceLogo}
  543. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  544. {/block:ContentSource}
  545. <div id="post">
  546.  
  547. {block:Text}
  548. {block:title}<h3>{title}</h3>{/block:title}
  549. {Body}{/block:Text}
  550.  
  551. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  552.  
  553. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  554.  
  555. {block:Quote}<h2>{Quote}</h2><br>
  556. {block:Source}<div class="qsource"> — {Source}</div>
  557. {/block:Source}{/block:Quote}
  558.  
  559. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
  560.  
  561. {block:Chat}{block:title}<h3>{title}</h3>{/block:title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  562.  
  563. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" align="left" class="cover" />{/block:AlbumArt}<div class="playerborderer"><div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}{block:Artist}— {Artist} —{/block:Artist}</div>{/block:Audio}<br>
  564.  
  565. {block:Video}<div class="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  566.  
  567. {block:Answer}<div id="question">{Question}</div><div id="asker"><b><i>{Asker}</i></b><br></div>{Answer}{/block:Answer}
  568.  
  569. <div id="info">
  570. <a href="{Permalink}" title="{TimeAgo}"><i class="pe-7s-clock"></i></a>
  571. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="pe-7s-note"></i></a>
  572. {block:RebloggedFrom}
  573. <a href="{ReblogParentURL}" title="via"><i class="pe-7s-back"></i></a>
  574. {/block:RebloggedFrom}
  575. {block:ContentSource}
  576. <a href="{SourceURL}" title="src"><i class="pe-7s-link"></i></a>
  577. {/block:ContentSource}
  578. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="pe-7s-refresh"></i></a></div>
  579. {block:HasTags}<div id="tags">
  580.  
  581. {block:Tags}<i class="pe-7s-ticket"></i> <a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  582. </div>{block:HasTags}
  583. </div>
  584. {/block:Posts}
  585. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  586. {/block:Posts}
  587.  
  588. <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>
  589.  
  590. </div></div>
  591. </div>
  592.  
  593. <div id="huney"><a href="http://daccarett.tumblr.com" title="code by daccarett">♡</a></div>
  594. </div>
  595.  
  596.  
  597. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  598. <script>
  599. $(document).ready(function(){
  600. $('.video iframe').each(function(){
  601. var scale = $(this).parents('.video').width() / 400;
  602. $(this).attr({
  603. width: Math.floor($(this).attr('width') * scale),
  604. height: Math.floor($(this).attr('height') * scale)
  605. });
  606. });
  607. });
  608. </script>
  609.  
  610. </body></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!