API tools faq
paste
Advertisement
vcnillacodes

BABY v1 / FRVDDIEMERCURY & STEVENHYD

vcnillacodes
Dec 5th, 2018
1,631
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3. <!---------- BABY v1 / FRVDDIEMERCURY & STEVENHYD. DON'T MOVE, AMEND, TAMPER WITH OR DELETE THE CREDIT. DON'T TAKE PARTS OF THIS CODE FOR UR OWN CODES OR USE AS A BASE CODE ---------->
  4.  
  5. <!---------- SCRIPTS AND STYLESHEETS ---------->
  6.  
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="stylesheet" href="hint.css">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11.  
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  15. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  16.  
  17. <link href="https://file.myfontastic.com/MFvz6ip3Xn5yXQQuJk3osm/icons.css" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  19. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  20. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
  21. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
  22. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface:700,900" rel="stylesheet">
  23. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800" rel="stylesheet">
  24.  
  25. <!---------- TAB AND TOOLTIPS ---------->
  26.  
  27. <script> (function($){ $(document).ready(function() { $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20, tip_fade_speed:200, attribute:"title" }); }); })(jQuery); </script>
  28.  
  29. <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; }
  30.  
  31. tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); }
  32.  
  33. document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script>
  34.  
  35. <script> function openCity1(evt, cityName) { var i, tabcontent1, tablinks1;tabcontent1 = document.getElementsByClassName("tabcontent1"); for (i = 0; i < tabcontent1.length; i++) { tabcontent1[i].style.display = "none"; }
  36.  
  37. tablinks1 = document.getElementsByClassName("tablinks1"); for (i = 0; i < tabcontent1.length; i++) { tablinks1[i].className = tablinks1[i].className.replace(" active", ""); }
  38.  
  39. document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active" } </script>
  40.  
  41. <script type="text/javascript"> $(document).ready(function(){ $('ul.tabs li').click(function(){ var tab_id = $(this).attr('data-tab'); $('ul.tabs li').removeClass('current'); $('.tab-content').removeClass('current'); $(this).addClass('current'); $("#"+tab_id).addClass('current'); }) }) </script>
  42.  
  43.  
  44. <!---------- META TAGS ---------->
  45.  
  46. <meta name="color:background" content="#eaeaea">
  47. <meta name="color:text" content="#868686" />
  48. <meta name="color:posts" content="#ffffff"/>
  49. <meta name="color:borders" content="#d7d7d7"/>
  50. <meta name="color:link" content="#dddddd" />
  51. <meta name="color:pagination link" content="#fff"/>
  52. <meta name="color:linkhover" content="#818181"/>
  53. <meta name="color:Bold" content="#9b9b9b" />
  54. <meta name="color:Italic" content="#393939"/>
  55. <meta name="color:contain" content="#f3f3f3"/>
  56. <meta name="color:topbar" content="#c3aea9"/>
  57. <meta name="color:box1" content="#e5e3db"/>
  58. <meta name="color:navi links" content="#4f4f4f"/>
  59. <meta name="color:tab link" content="#e0e0e0"/>
  60.  
  61. <meta name="image:background" content=""/>
  62. <meta name="image:sbimage" content=""/>
  63. <meta name="image:borderbg" content="https://i.imgur.com/FxpF9c1.png"/>
  64. <meta name="image:tab png" content=""/>
  65.  
  66. <meta name="text:title" content="lorem ipsum dolor sit amet lorem ipsum dolor sit amet"/>
  67. <meta name="text:vertical title" content="lorem upsum dolor sit amet lorem"/>
  68. <meta name="text:tab title" content="oh no babe!"/>
  69. <meta name="text:tab desc" content="lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor"/>
  70. <meta name="text:fhs" content="123 / 45678 "/>
  71. <meta name="if:scrollbar" content="0" />
  72. <meta name="if:bw posts" content="0" />
  73. </head>
  74.  
  75. <style type="text/css">
  76.  
  77. /*---------- IFRAME CONTROLS ----------*/
  78.  
  79. #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5; -webkit-transition:all 0.5s ease-out;-webkit-transition: opacity 0.5s linear;opacity: 0.2;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.5s ease-out; transform:scale(0.8);}
  80. #tumblr_controls, .tmblr-iframe:hover{ opacity:.3;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%); }
  81.  
  82. /*---------- SCROLL ----------*/
  83.  
  84. {block:IfScrollbar}
  85. ::-webkit-scrollbar { width:2px; height: 4px; }
  86. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  87. -webkit-border-radius: 5px; }
  88. {/block:IfScrollbar}
  89.  
  90. {block:IfNotScrollbar}
  91. ::-webkit-scrollbar { width:0px; height: 4px; }
  92. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  93. -webkit-border-radius: 5px; }
  94. {/block:IfNotScrollbar}
  95.  
  96. /*---------- TOOLTIPS ----------*/
  97.  
  98. #s-m-t-tooltip { max-width:300px; padding:4px; padding-left:8px; padding-right:8px; margin:20px 20px 5px 10px; font-weight:bold; text-transform:lowercase; font-family:'inconsolata'; font-size:10px; font-weight:bold; letter-spacing:1px; background:{color:posts}; z-index:99999999; border-radius:5px; color:{color:text}; }
  99.  
  100. /*---------- MAIN BODY ----------*/
  101.  
  102. body { color:{color:text}; background-color:{color:background}; line-height:12px; text-align:justify; background-image:url('{image:background}'); font-family:'inconsolata'; font-size:10px; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased;
  103. }
  104.  
  105. /*----- BORDER BG 700px x 500px -----*/
  106.  
  107. #border { background-image: url({image:borderbg}); position:absolute; margin:auto; left:0px; right:0px; top:0px; bottom:0px; border-radius:5px; width:700px; height:500px; }
  108.  
  109. #contain { background: {color:contain}; position:absolute; margin:auto; left:0px; right:0px; top:0px; border-radius:5px; bottom:0px; width:600px; height:420px; }
  110.  
  111. /*---------- POSTS LINKS ----------*/
  112.  
  113. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  114.  
  115. a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  116. .posts a:link, a:active, a:visited { color:{color:link hover}; text-decoration:none; }
  117.  
  118. .posts a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  119.  
  120. #info a:link, a:active, a:visited { color:{color:topbar}; text-decoration:none; }
  121.  
  122. #info a:hover, #tags a:hover, #links a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  123.  
  124. /*---------- TEXT CONTROLS ----------*/
  125.  
  126. small { font-size:10px; }
  127.  
  128. sub, sup { font-size:9px; }
  129.  
  130. pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  131.  
  132. big { font-size:auto; }
  133.  
  134. h2, h1 { font-weight:400; font-size:17px; font-family:'inconsolata'; }
  135.  
  136. p { margin-top:6px; margin-bottom:6px;}
  137.  
  138. li { list-style-type: circle;}
  139.  
  140. blockquote { margin:12px; padding-left:10px; padding-right:10px; border-left:1px solid {color:borders}; }
  141.  
  142. img a { border:none; width:100%;}
  143.  
  144. blockquote img { height:auto; }
  145.  
  146. /*---------- POSTS ----------*/
  147.  
  148. .entries { text-align: justify; position:absolute; height:372px; width:370px; overflow:auto; bottom:0px; right:0px; overflow-x:hidden; }
  149.  
  150. .posts { width:310px; margin-top:20px; margin-bottom:20px; margin-left:20px; text-align:justify; padding:10px; padding-top:10px; background-color:{color:posts}; font-family:'inconsolata'; border-radius:5px; font-size:10px; text-transform:lowercase; }
  151.  
  152. .posts img { max-width:100%; height:auto;}
  153.  
  154. /*---------- POSTS INFO ----------*/
  155.  
  156. #info { padding:10px; text-align:left; text-transform:lowercase; border-top:1px solid {color:borders}; font-family:'inconsolata'; margin:-10px; margin-top:8px; font-size:10px; text-transform:lowercase; }
  157.  
  158. #info a { font-weight:bold; font-size:10px; color:{color:text}; }
  159.  
  160. /*---------- REBLOGGED VIA ----------*/
  161.  
  162. #via { border-bottom:1px solid {color:borders}; padding:10px; padding-top:10px; margin:-10px; margin-bottom:10px; text-transform:lowercase; font-size:10px; font-weight:bold; letter-spacing:1px; font-family:'inconsolata'; }
  163.  
  164. /*---------- CREDIT / DON'T EDIT OR MOVE ----------*/
  165.  
  166. #credit { position:fixed; bottom:13px; left:13px; background:{color:topbar}; padding:5px; font-size:10px; color:{color:posts}; font-weight:bold; font-family:'inconsolata'; text-transform:lowercase; border-radius:6px; }
  167.  
  168. /*---------- ASK POSTS ----------*/
  169.  
  170. #question { margin:0px; margin-left:-7px; margin-right:-7px; padding:4px; padding-bottom:12px; text-align:center; border-bottom:1px solid {color:borders}; font-size:10px; text-transform:lowercase; }
  171.  
  172. #question b { text-transform:uppercase; text-align:right; }
  173.  
  174. #asker a { padding:0px; border-bottom:none; color:{color:topbar}; }
  175.  
  176. #asker { margin:0px; margin-top:-9px; padding:3px; text-align:center; color:{color:posts}; text-transform:uppercase; font-weight:bold; font-size:8px; letter-spacing:2px; margin-bottom:-2px; }
  177.  
  178. #asker b { text-transform:uppercase; border-radius:4px; padding:2px; padding-left:4px; padding-right:4px; color:{color:posts}; background:{color:text}; }
  179.  
  180. /*---------- AUDIO POSTS ----------*/
  181.  
  182. #audioplayer { width:30px; height:30px; background:#f2f2f2; overflow:hidden; position:absolute; padding:0px; margin-top:-9px; margin-left:0px; opacity:0.4; z-index:9999; -webkit-transition:0.5s; border:8px solid #f2f2f2; }
  183.  
  184. #audioplayer:hover { opacity:0.9; -webkit-transition:0.5s; }
  185.  
  186. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  187.  
  188. #audioart img { width:45px; }
  189.  
  190. #audioinfo { border-bottom:1px solid {color:borders}; height:41px; margin-left:-7px; margin-right:-7px; padding-bottom:5px; text-transform:uppercase; font-size:14px; text-align:left; padding-left:10px; top:0px; padding-top:15px; letter-spacing:1px; margin-bottom:5px; }
  191.  
  192. /*---------- PERMALINK NOTE STYLING ----------*/
  193.  
  194. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  195. ol.notes, .notes li { width:330px; list-style:none; margin:3px; margin-top:-5px; margin-left:25px; padding:0px; }
  196.  
  197. .notes li a { font-weight:bold; color:{color:bold}; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  198.  
  199. /*---------- TAGS ----------*/
  200.  
  201. #tags { text-align:justify; margin-top:6px; font-size:8px; padding-left:0px; line-height:10px; font-family:'inconsolata'; color:{color:topbar}; border-top:1px solid {color:borders}; padding:9px; margin:-10px; letter-spacing:1px; margin-top:7px; }
  202.  
  203. #tags a { padding:0px; border-bottom:none; color:{color:topbar}; text-shadow:none; text-transform:lowercase; font-size:9px; }
  204.  
  205. #tags i { color:{color:bold}; }
  206.  
  207. /*---------- CHAT POSTS ----------*/
  208.  
  209. .answer span,.convo li { margin:0 0 5px; border-radius:1em; padding:.5em 10px; max-width:75%; clear:both; position:relative; list-style-type:none;}
  210. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
  211.  
  212. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after,.user_13::after { content:""; position:absolute; left:-.5em; bottom:0;width:.5em; height:1em; border-right:.5em solid {color:container}; border-bottom-right-radius:1em .5em; }
  213.  
  214. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:accent}; }
  215.  
  216. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after { content:"";position:absolute; right:-.5em; bottom:0; width:.5em; height:1em; border-left:.5em solid {color:accent}; border-bottom-left-radius:1em .5em; }
  217.  
  218. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
  219.  
  220. /*---------- GREYSCALE POSTS ----------*/
  221.  
  222. {block:IfBWPosts}
  223. .photoset, .posts img, .video { -webkit-filter:grayscale(100%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }
  224. {/block:IfBWPosts}
  225.  
  226. {block:IfBWToColorHover}
  227. .photoset:hover, .posts img:hover, .video:hover { -webkit-filter:grayscale(10%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }
  228. {/block:IfBWToColorHover}
  229.  
  230. /*---------- LIKE / RB IFRAMES ----------*/
  231.  
  232. svg { width:12px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  233.  
  234. .controls { width:50px; height:20px; margin-left:274px; position:absolute; margin-top:-3px; opacity:0.7; }
  235.  
  236. .controls a { position:relative; display:inline-block; padding:2px; width:12px; height:12px; }
  237.  
  238. .controls .reblog { opacity:.9; }
  239.  
  240. .controls .reblog svg { width:11px; margin-top:1px; }
  241.  
  242. .controls .like .liked + svg { opacity:1; }
  243.  
  244. .controls .like .liked + svg path { fill: #ec5a5a; }
  245.  
  246. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:2; opacity:0; }
  247.  
  248.  
  249. /*---------- TOPBAR ----------*/
  250.  
  251. #topbar { width:560px; height:8px; padding:20px; background:{color:topbar}; position:absolute; top:0px; border-top-left-radius:5px; border-top-right-radius:5px; }
  252.  
  253. #pagination { float:left; margin:-2px; text-transform:lowercase; font-weight:bold; font-size:10px; letter-spacing:1px; color:{color:pagination link}; }
  254.  
  255. #pagination a { color:{color:pagination link}; }
  256.  
  257. #title { text-align:right; margin:-2px; text-transform:lowercase; font-weight:bold; font-size:10px; letter-spacing:1px; color:{color:pagination link}; }
  258.  
  259. /*---------- SIDEBAR ----------*/
  260.  
  261. #sbimage { position:absolute; top:48px; left:0px; width:150px; height:150px; background:{color:posts}; }
  262.  
  263. /*----- SB IMAGE, 150 x 150px -----*/
  264.  
  265. #sbimage img { width:150px; height:150px; }
  266.  
  267. #description { position:absolute; top:198px; left:0px; width:110px; height:140px; background:{color:posts}; padding:0px 20px 0px 20px; overflow:auto; border-bottom:20px solid {color:posts}; border-top:20px solid {color:posts}; }
  268.  
  269. #box1 { background:{color:box1}; width:80px; height:372px; position:absolute; left:150px; top:48px; }
  270.  
  271. #box1 ul { margin-top:38px; margin-left:0px; }
  272.  
  273. #box1 a { color:{color:navi links}; }
  274.  
  275. #box1 li { list-style-type:none; font-family:'inconsolata'; font-weight:bold; font-size:20px; width:80px; height:14px; margin-left:-40px; margin-top:20px; text-align:center; letter-spacing:-1px; }
  276.  
  277. .verticalquote { color:{color:navi links}; position:absolute; bottom:95px;
  278. left:-40px; font-weight:bold; width:180px; height:30px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
  279.  
  280. #quickinfo { position:absolute; bottom:0px; left:0px; width:150px; height:30px; }
  281.  
  282. .textbox { width:80px; height:40px; overflow:auto; position:absolute; right:25px; top:4px; font-size:10px; font-weight:bold; letter-spacing:0.5px; }
  283.  
  284. /*---------- TAB ----------*/
  285.  
  286. .tabcontent { display:none; border-top: none; width:450px; height:420px;
  287. background:{color:contain}; position:absolute; right:0px; bottom:0px; z-index:99; animation: fadeEffect 0.5s; border-top-right-radius:5px; border-bottom-right-radius:5px; overflow:hidden; }
  288.  
  289. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  290.  
  291. .tab button { background-color: inherit; border: none; outline: none; cursor: pointer; transition: 0.3s; color:{color:navi links}; padding:0px;
  292. margin-top:-5px; }
  293.  
  294. .tab a { color:{color:navi links}; }
  295.  
  296. .topbox { width:160px; height:160px; border-radius:0px; position:absolute; top:135px; background:{color:container}; border:3px solid color:{color:topbox}; right:75px; padding:2px; border-top-right-radius:5px; }
  297.  
  298. .topbox li { list-style-type:none; background:{color:topbar}; width:30px; height:30px; float:left; margin-left:10px; text-align:center; margin-top:5px; border-radius:5px; transition:0.5s; -webkit-transition:0.5s; }
  299.  
  300. .topbox li i { font-size:15px; color:{color:contain}; padding-top:8px; display:block; }
  301.  
  302. .topbox li:hover { background:{color:contain}; transition:0.5s; -webkit-transition:0.5s; transform:scale(1.1); }
  303.  
  304. /*----- TAB PNG SIZE, 175 x 210px -----*/
  305.  
  306. .tabpng { position:absolute; bottom:-3px; left:130px; }
  307.  
  308. .tabtitle { position:absolute; right:65px; top:65px; text-align:right; text-transform:lowercase; font-size:60px; width:330px; line-height:40px; transform:rotate(0deg); font-family:'tahu'; color:{color:topbar}; }
  309.  
  310. @font-face{ font-family:"germanica"; src:url('https://dl.dropboxusercontent.com/s/9t53wnrvmn9hj73/Plain%20Germanica.ttf');}
  311.  
  312. @font-face{ font-family:"tahu"; src:url('https://dl.dropboxusercontent.com/s/96mb64jptnf0pw2/Tahu%21.ttf');}
  313.  
  314. .leaf { color:{color:box1}; font-size:170px; position:absolute; transform:rotate(-70deg); top:160px; left:30px; }
  315.  
  316. .leaf2 { color:{color:topbar}; font-size:170px; position:absolute; top:180px; left:190px; }
  317.  
  318. .tabtextbox { position:absolute; font-weight:bold; text-transform:lowercase; width:200px; top:110px; margin:auto; left:110px; right:0px; opacity:0.8; text-align:center; }
  319.  
  320. .closetab { position:absolute; top:0px; right:0px; padding:8px; background:{color:contain}; color:{color:topbar}; font-size:15px; font-weight:bold; text-transform:lowercase; cursor:pointer; z-index:999; letter-spacing:0.5; }
  321.  
  322. </style>
  323.  
  324. <!---------- START OF HTML ---------->
  325.  
  326. <body>
  327.  
  328. <div id="border">
  329. <div id="contain">
  330.  
  331. <div id="topbar">
  332.  
  333. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}</div>{/block:Pagination}
  334.  
  335. <div id="title">{text:title}</div></div>
  336.  
  337. <div id="sbimage"> <img src="{image:sbimage}"/> </div>
  338.  
  339. <div id="description">{Description}</div>
  340.  
  341. <div id="quickinfo">
  342.  
  343. <!----- EDIT FHS HERE ----->
  344. <div class="textbox"> {text:fhs} </div> </div>
  345.  
  346. <div id="box1">
  347.  
  348. <div class="verticalquote"> {text:vertical title} </div>
  349.  
  350. <div class="tab">
  351.  
  352. <ul>
  353. <a href="/"><li>01</li></a>
  354. <a href="/ask"><li>02</li></a>
  355. <button class="tablinks" onclick="openCity(event, 'tab1')"><li>03</li></button></ul></div></div>
  356.  
  357. <!---------- START OF TAB EDITING ---------->
  358.  
  359. <div id="tab1" class="tabcontent">
  360. <span onclick="this.parentElement.style.display='none'" class="closetab"> x </span>
  361.  
  362. <!----- EDIT TAB LINKS HERE ----->
  363. <div class="topbox">
  364. <a href="/"><li><i class="fas fa-globe-africa"></i></li></a>
  365. <a href="/"><li><i class="fas fa-comments"></i></li></a>
  366. <a href="/"><li><i class="fas fa-lightbulb"></i></li></a>
  367. </div>
  368.  
  369. <div class="leaf2"><i class="icon-002-leaf-monstera"></i></div>
  370. <div class="leaf"><i class="icon-003-leaf"></i></div>
  371.  
  372. <div class="tabtitle"> {text:tab title} </div>
  373.  
  374. <div class="tabtextbox"> {text:tab desc} </div>
  375.  
  376. <div class="tabpng"><img src="{image:tab png}"/></div>
  377. </div>
  378.  
  379. <!---------- START OF POSTS HTML ---------->
  380.  
  381. <div class="entries">
  382.  
  383. {block:posts}
  384. <div class="posts" id="{PostID}">
  385.  
  386. {block:ContentSource}<!-- {SourceURL}
  387. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  388. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  389. {/block:ContentSource}
  390.  
  391. {block:RebloggedFrom}<div id="via">
  392. <a href="{ReblogParentUrl}">VIA {ReblogParentName}</a>{ReblogParentImg}
  393. </div>{/block:RebloggedFrom}
  394.  
  395. {block:Text}{block:Title}
  396. <h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  397.  
  398. {block:Quote}<h2>{Quote} <div class="quoter">— {Source}</div></h2>{/block:Quote}
  399.  
  400. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  401. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  402.  
  403. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  404.  
  405. {block:Chat} {block:Title} <h1>{Title}</h1>{/block:Title}<br>
  406. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  407. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  408.  
  409. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  410.  
  411. {block:Answer}<div id="question"> {Question}</div>
  412. <div id="asker"><b>asked by: {Asker}</b></div>
  413. {Answer}{/block:Answer}
  414.  
  415. {block:Audio}<div id="audioinfo"><div id="audioplayer">{AudioPlayerWhite}</div><div id="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  416. <b>{block:TrackName}{TrackName}{/block:TrackName}</b>
  417. <br>by {block:Artist}{Artist}{/block:Artist}
  418. </div>
  419. {block:Caption}{Caption}{/block:Caption} {/block:Audio}
  420.  
  421. {block:Date}
  422.  
  423. <div id="info">
  424. <div class="controls">
  425.  
  426. <a href="{ReblogURL}" target="_blank" class="reblog">
  427. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
  428.  
  429. <a href="#" class="like">{LikeButton}
  430. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a></div>
  431.  
  432. <a href="{Permalink}">{NoteCountWithLabel}</a> /
  433. <a href="{Permalink}">{TimeAgo}</a>
  434. {block:ContentSource}{/block:NoSourceLogo}{/block:ContentSource}</div>
  435.  
  436. {/block:Date}
  437.  
  438. {block:HasTags}
  439. <div id="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  440. </div>{/block:HasTags}</div>
  441.  
  442. {/block:Posts}
  443.  
  444. {block:PostNotes}{PostNotes}{/block:PostNotes}
  445.  
  446. <br/></div></div></div></div></div></div>
  447.  
  448. <!---------- CREDIT / DON'T DELETE OR MOVE ---------->
  449.  
  450. <a href="http://vcnilla.tumblr.com/">
  451. <div id="credit">VCNILLA</div></a>
  452.  
  453. </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!