API tools faq
paste
Advertisement
vcnillacodes

BABY v2 / FRVDDIEMERCURY & STEVENHYD

vcnillacodes
Dec 5th, 2018
1,612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3.  
  4. <!---------- BABY v2 / 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 ---------->
  5.  
  6. <!---------- SCRIPTS AND STYLESHEETS ---------->
  7.  
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="stylesheet" href="hint.css">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  16. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  17.  
  18. <link href="https://file.myfontastic.com/MFvz6ip3Xn5yXQQuJk3osm/icons.css" rel="stylesheet">
  19. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  20. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  21. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
  22. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
  23. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface:700,900" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800" rel="stylesheet">
  25.  
  26. <!---------- TAB AND TOOLTIPS ---------->
  27.  
  28. <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>
  29.  
  30. <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"; }
  31.  
  32. tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); }
  33.  
  34. document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script>
  35.  
  36. <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"; }
  37.  
  38. tablinks1 = document.getElementsByClassName("tablinks1"); for (i = 0; i < tabcontent1.length; i++) { tablinks1[i].className = tablinks1[i].className.replace(" active", ""); }
  39.  
  40. document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active" } </script>
  41.  
  42. <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>
  43.  
  44.  
  45. <!---------- META TAGS ---------->
  46.  
  47. <meta name="color:background" content="#eaeaea">
  48. <meta name="color:text" content="#868686" />
  49. <meta name="color:posts" content="#ffffff"/>
  50. <meta name="color:borders" content="#d7d7d7"/>
  51. <meta name="color:link" content="#dddddd" />
  52. <meta name="color:pagination link" content="#fff"/>
  53. <meta name="color:linkhover" content="#818181"/>
  54. <meta name="color:Bold" content="#9b9b9b" />
  55. <meta name="color:Italic" content="#393939"/>
  56. <meta name="color:contain" content="#f3f3f3"/>
  57. <meta name="color:topbar" content="#c3aea9"/>
  58. <meta name="color:box1" content="#e5e3db"/>
  59. <meta name="color:navi links" content="#4f4f4f"/>
  60. <meta name="color:tab link" content="#e0e0e0"/>
  61.  
  62. <meta name="image:background" content=""/>
  63. <meta name="image:sbimage" content=""/>
  64. <meta name="image:borderbg" content="https://i.imgur.com/FxpF9c1.png"/>
  65. <meta name="image:tab png" content=""/>
  66.  
  67. <meta name="text:title" content="lorem ipsum dolor sit amet lorem ipsum dolor sit amet"/>
  68. <meta name="text:vertical title" content="lorem upsum dolor sit amet lorem"/>
  69. <meta name="text:tab title" content="oh no babe!"/>
  70. <meta name="text:tab desc" content="lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor"/>
  71. <meta name="text:fhs" content="123 / 45678 "/>
  72. <meta name="if:scrollbar" content="0" />
  73. <meta name="if:bw posts" content="0" />
  74. </head>
  75.  
  76. <style type="text/css">
  77.  
  78. /*---------- IFRAME CONTROLS ----------*/
  79.  
  80. #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);}
  81. #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%); }
  82.  
  83. /*---------- SCROLL ----------*/
  84.  
  85. {block:IfScrollbar}
  86. ::-webkit-scrollbar { width:2px; height: 4px; }
  87. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  88. -webkit-border-radius: 5px; }
  89. {/block:IfScrollbar}
  90.  
  91. {block:IfNotScrollbar}
  92. ::-webkit-scrollbar { width:0px; height: 4px; }
  93. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  94. -webkit-border-radius: 5px; }
  95. {/block:IfNotScrollbar}
  96.  
  97. /*---------- TOOLTIPS ----------*/
  98.  
  99. #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}; }
  100.  
  101. /*---------- MAIN BODY ----------*/
  102.  
  103. 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;
  104. }
  105.  
  106. /*----- BORDER BG 700px x 500px -----*/
  107.  
  108. #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; }
  109.  
  110. #contain { background: {color:contain}; position:absolute; margin:auto; left:0px; right:0px; top:0px; border-radius:5px; bottom:0px; width:600px; height:420px; }
  111.  
  112. /*---------- POSTS LINKS ----------*/
  113.  
  114. 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; }
  115.  
  116. a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  117. .posts a:link, a:active, a:visited { color:{color:link hover}; text-decoration:none; }
  118.  
  119. .posts a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  120.  
  121. #info a:link, a:active, a:visited { color:{color:topbar}; text-decoration:none; }
  122.  
  123. #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; }
  124.  
  125. /*---------- TEXT CONTROLS ----------*/
  126.  
  127. small { font-size:10px; }
  128.  
  129. sub, sup { font-size:9px; }
  130.  
  131. pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  132.  
  133. big { font-size:auto; }
  134.  
  135. h2, h1 { font-weight:400; font-size:17px; font-family:'inconsolata'; }
  136.  
  137. p { margin-top:6px; margin-bottom:6px;}
  138.  
  139. li { list-style-type: circle;}
  140.  
  141. blockquote { margin:12px; padding-left:10px; padding-right:10px; border-left:1px solid {color:borders}; }
  142.  
  143. img a { border:none; width:100%;}
  144.  
  145. blockquote img { height:auto; }
  146.  
  147. /*---------- POSTS ----------*/
  148.  
  149. .entries { text-align: justify; position:absolute; height:372px; width:370px; overflow:auto; bottom:0px; right:0px; overflow-x:hidden; }
  150.  
  151. .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; }
  152.  
  153. .posts img { max-width:100%; height:auto;}
  154.  
  155. /*---------- POSTS INFO ----------*/
  156.  
  157. #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; }
  158.  
  159. #info a { font-weight:bold; font-size:10px; color:{color:text}; }
  160.  
  161. /*---------- REBLOGGED VIA ----------*/
  162.  
  163. #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'; }
  164.  
  165. /*---------- CREDIT / DON'T EDIT OR MOVE ----------*/
  166.  
  167. #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; }
  168.  
  169. /*---------- ASK POSTS ----------*/
  170.  
  171. #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; }
  172.  
  173. #question b { text-transform:uppercase; text-align:right; }
  174.  
  175. #asker a { padding:0px; border-bottom:none; color:{color:topbar}; }
  176.  
  177. #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; }
  178.  
  179. #asker b { text-transform:uppercase; border-radius:4px; padding:2px; padding-left:4px; padding-right:4px; color:{color:posts}; background:{color:text}; }
  180.  
  181. /*---------- AUDIO POSTS ----------*/
  182.  
  183. #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; }
  184.  
  185. #audioplayer:hover { opacity:0.9; -webkit-transition:0.5s; }
  186.  
  187. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  188.  
  189. #audioart img { width:45px; }
  190.  
  191. #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; }
  192.  
  193. /*---------- PERMALINK NOTE STYLING ----------*/
  194.  
  195. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  196. ol.notes, .notes li { width:330px; list-style:none; margin:3px; margin-top:-5px; margin-left:25px; padding:0px; }
  197.  
  198. .notes li a { font-weight:bold; color:{color:bold}; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  199.  
  200. /*---------- TAGS ----------*/
  201.  
  202. #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; }
  203.  
  204. #tags a { padding:0px; border-bottom:none; color:{color:topbar}; text-shadow:none; text-transform:lowercase; font-size:9px; }
  205.  
  206. #tags i { color:{color:bold}; }
  207.  
  208. /*---------- CHAT POSTS ----------*/
  209.  
  210. .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;}
  211. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
  212.  
  213. .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; }
  214.  
  215. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:accent}; }
  216.  
  217. .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; }
  218.  
  219. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
  220.  
  221. /*---------- GREYSCALE POSTS ----------*/
  222.  
  223. {block:IfBWPosts}
  224. .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; }
  225. {/block:IfBWPosts}
  226.  
  227. {block:IfBWToColorHover}
  228. .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; }
  229. {/block:IfBWToColorHover}
  230.  
  231. /*---------- LIKE / RB IFRAMES ----------*/
  232.  
  233. svg { width:12px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  234.  
  235. .controls { width:50px; height:20px; margin-left:274px; position:absolute; margin-top:-3px; opacity:0.7; }
  236.  
  237. .controls a { position:relative; display:inline-block; padding:2px; width:12px; height:12px; }
  238.  
  239. .controls .reblog { opacity:.9; }
  240.  
  241. .controls .reblog svg { width:11px; margin-top:1px; }
  242.  
  243. .controls .like .liked + svg { opacity:1; }
  244.  
  245. .controls .like .liked + svg path { fill: #ec5a5a; }
  246.  
  247. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:2; opacity:0; }
  248.  
  249.  
  250. /*---------- TOPBAR ----------*/
  251.  
  252. #topbar { width:560px; height:8px; padding:20px; background:{color:topbar}; position:absolute; top:0px; border-top-left-radius:5px; border-top-right-radius:5px; }
  253.  
  254. #pagination { float:left; margin:-2px; text-transform:lowercase; font-weight:bold; font-size:10px; letter-spacing:1px; color:{color:pagination link}; }
  255.  
  256. #pagination a { color:{color:pagination link}; }
  257.  
  258. #title { text-align:right; margin:-2px; text-transform:lowercase; font-weight:bold; font-size:10px; letter-spacing:1px; color:{color:pagination link}; }
  259.  
  260. /*---------- SIDEBAR ----------*/
  261.  
  262. #sbimage { position:absolute; top:48px; left:0px; width:150px; height:150px; background:{color:posts}; }
  263.  
  264. /*----- SB IMAGE, 150 x 150px -----*/
  265.  
  266. #sbimage img { width:150px; height:150px; }
  267.  
  268. #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}; }
  269.  
  270. #box1 { background:{color:box1}; width:80px; height:372px; position:absolute; left:150px; top:48px; }
  271.  
  272. #box1 ul { margin-top:38px; margin-left:0px; }
  273.  
  274. #box1 a { color:{color:navi links}; }
  275.  
  276. #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; }
  277.  
  278. .verticalquote { color:{color:navi links}; position:absolute; bottom:95px;
  279. 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); }
  280.  
  281. #quickinfo { position:absolute; bottom:0px; left:0px; width:150px; height:30px; }
  282.  
  283. .textbox { width:80px; height:40px; overflow:auto; position:absolute; right:25px; top:4px; font-size:10px; font-weight:bold; letter-spacing:0.5px; }
  284.  
  285. /*---------- TAB ----------*/
  286.  
  287. .tabcontent { display:none; border-top: none; width:450px; height:420px;
  288. 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; }
  289.  
  290. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  291.  
  292. .tab button { background-color: inherit; border: none; outline: none; cursor: pointer; transition: 0.3s; color:{color:navi links}; padding:0px;
  293. margin-top:-5px; }
  294.  
  295. .tab a { color:{color:navi links}; }
  296.  
  297. .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; }
  298.  
  299. .topbox li { list-style-type:none; background:{color:topbar}; width:30px; height:30px; float:left; margin-left:10px; text-align:center; margin-top:10px; border-radius:5px; transition:0.5s; -webkit-transition:0.5s; }
  300.  
  301. .topbox li i { font-size:15px; color:{color:contain}; padding-top:8px; display:block; }
  302.  
  303. .topbox li:hover { background:{color:contain}; transition:0.5s; -webkit-transition:0.5s; transform:scale(1.1); }
  304.  
  305. /*----- TAB PNG SIZE, 175 x 210px -----*/
  306.  
  307. .tabpng { position:absolute; bottom:-3px; left:130px; }
  308.  
  309. .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}; }
  310.  
  311. @font-face{ font-family:"germanica"; src:url('https://dl.dropboxusercontent.com/s/9t53wnrvmn9hj73/Plain%20Germanica.ttf');}
  312.  
  313. @font-face{ font-family:"tahu"; src:url('https://dl.dropboxusercontent.com/s/96mb64jptnf0pw2/Tahu%21.ttf');}
  314.  
  315. .leaf { color:{color:box1}; font-size:170px; position:absolute; transform:rotate(-70deg); top:160px; left:30px; }
  316.  
  317. .leaf2 { color:{color:topbar}; font-size:170px; position:absolute; top:180px; left:190px; }
  318.  
  319. .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; }
  320.  
  321. .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; }
  322.  
  323. /*---------- TAB INSIDE TAB / SOCIALS ----------*/
  324.  
  325. .tabcontent1 { display:none; border-top: none; width:450px; height:420px;
  326. background:{color:contain}; position:absolute; right:0px; bottom:0px; z-index:9999999; animation: fadeEffect2 0.3s; overflow:hidden; }
  327.  
  328. @keyframes fadeEffect2 { from {opacity: 0;} to {opacity: 1;} }
  329.  
  330. .topbox button { background-color: inherit; border: none; outline: none; cursor: pointer; transition: 0.3s; color:{color:navi links}; padding:0px;
  331. margin-top:-5px; }
  332.  
  333. .topbox a { color:{color:navi links}; }
  334.  
  335. .closetab1 { 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; }
  336.  
  337. /*---------- TAB INSIDE TAB / INSTAGRAM ----------*/
  338.  
  339. .igcont { width:300px; height:355px; border-radius:5px; position:absolute; top:32px; background:{color:posts}; left:70px; padding:2px; }
  340.  
  341. .igicon { position:absolute; top:23px; left:20px; cursor:pointer; }
  342.  
  343. .igicon img { width:40px; height:40px; border-radius:100%; border:2px solid {color:topbar}; padding:1px; }
  344.  
  345. .igname { position:absolute; top:33px; left:80px; font-weight:bold; color:#7c7c7c; }
  346.  
  347. .igname username { color:{color:text}; font-weight:500; }
  348.  
  349. .igfollow { font-weight:bold; background:{color:topbar}; position:absolute; color:{color:posts}; border-radius:15px; padding:6px; padding-left:8px; padding-right:8px; letter-spacing:1px; font-size:7px; cursor:pointer; top:35px; right:20px; font-family:'montserrat'; }
  350.  
  351. .igstats { position:absolute; top:85px; font-weight:600; font-size:7px; letter-spacing:1px; font-family:'montserrat'; }
  352.  
  353. .igstats li { list-style-type:none; float:left; width:94px; text-align:center; }
  354.  
  355. .igstats li b { color:{color:topbar}; font-size:13px; font-weight:500; }
  356.  
  357. .igdesc { position:absolute; top:125px; left:25px; right:25px; }
  358.  
  359. .igfeedoverview { position:absolute; top:180px; text-align:center; }
  360.  
  361. .igfeedoverview img { margin:5px; border-radius:5px; }
  362.  
  363. /*---------- TAB INSIDE TAB / TWITTER ----------*/
  364.  
  365. .twtcont { width:300px; height:355px; border-radius:5px; position:absolute; top:32px; background:{color:posts}; left:70px; padding:2px; }
  366.  
  367. .twthead { width:300px; height:45px; border-top-left-radius:5px; border-top-right-radius:5px; position:absolute; top:0px; background:{color:topbar}; left:0px; padding:2px; }
  368.  
  369. .twticon { position:absolute; top:23px; left:20px; cursor:pointer; }
  370.  
  371. .twticon img { width:60px; height:60px; border-radius:100%; padding:0px; border:3px solid {color:topbar}; }
  372.  
  373. .twtname { position:absolute; top:105px; left:25px; font-weight:bold; color:#7c7c7c; }
  374.  
  375. .twtname username { color:{color:text}; font-weight:500; }
  376.  
  377. .twtfollow { font-weight:bold; background:{color:topbar}; position:absolute; color:{color:posts}; border-radius:15px; padding:7px; padding-left:9px; padding-right:9px; letter-spacing:1px; font-size:7px; cursor:pointer; top:65px; right:20px; font-family:'montserrat'; }
  378.  
  379. .twtstats { position:absolute; top:185px; font-weight:600; left:10px; font-size:7.5px; letter-spacing:1px; font-family:'montserrat'; }
  380.  
  381. .twtstats li { list-style-type:none; float:left; width:91px; text-align:center; }
  382.  
  383. .twtstats li b { color:#d7ccc9; font-size:10px; font-weight:500; }
  384.  
  385. .twtdesc { position:absolute; top:135px; left:25px; right:25px; }
  386.  
  387. .atweet { background:{color:contain}; width:260px; height:auto; padding-bottom:8px; text-align:justify; border-radius:5px; font-family:'montserrat'; margin-top:225px; margin-left:20px; }
  388.  
  389. .tweeticon img { width:30px; margin-top:10px; border-radius:100%; margin:10px; }
  390.  
  391. .tweetcontent { font-size:9px; margin-left:10px; margin-right:10px; line-height:13px; margin-top:5px; }
  392.  
  393. .tweetuser { width:150px; height:34px; font-size:10px; line-height:13px; position:relative; margin-top:-40px; margin-left:45px; }
  394.  
  395. .tweetuser b { font-size:10px; color:{color:topbar}; }
  396.  
  397. .likeretweet { width:260px; text-align:center; height:15px; }
  398.  
  399. .likeretweet i { background:{color:posts}; font-size:10px; border-radius:100%; width:10px; height:10px; padding:6px; border:1px solid {color:contain}; position:relative; margin-top:10px; cursor:pointer; margin-left:5px; margin-right:5px; }
  400.  
  401. .likeretweet i:hover { background:{color:topbar}; border:1px solid {color:topbar}; color:{color:posts}; }
  402.  
  403. /*---------- TAB INSIDE TAB / PHONE ----------*/
  404.  
  405. /*----- SNAPCHAT -----*/
  406.  
  407. #snapstory { width:180px; height:265px; border-radius:5px; position:absolute; top:42px; background:{color:posts}; position:absolute; overflow:hidden; right:30px; }
  408.  
  409. .txt { margin:20px; line-height:15px; }
  410.  
  411. #snapstory img { border-radius:0px; width:180px; height:265px; }
  412.  
  413. #s1 { opacity:0; position:absolute; }
  414.  
  415. #s2 { opacity:0; position:absolute; }
  416.  
  417. #s3{ opacity:0; position:absolute; }
  418.  
  419. #snapstory:hover #s1 { opacity:1; transition-delay:1s; }
  420.  
  421. #snapstory:hover #s2 { opacity:1; transition-delay:2.5s; }
  422.  
  423. #snapstory:hover #s3 { opacity:1; transition-delay:4s; }
  424.  
  425. .username { color:{color:posts}; font-weight:bold; text-shadow:1px 1px 2px {color:box1}; position:absolute; top:7px; letter-spacing:1px; left:7px; text-transform:uppercase; z-index:9999; }
  426.  
  427. .caption { position:absolute; background:rgba(0, 0, 0, 0.5); width:185px; padding:3px; text-align:center; top:185px; color:{color:posts}; letter-spacing:1px; font-size:10px; height:12px; left:0px; font-weight:300; text-transform:none; line-height:9px; padding-top:6px; }
  428.  
  429. .timeago { color:#f5f5f5; position:absolute; text-shadow:0px 0px 3px #aaa; top:20px; letter-spacing:2px; left:7px; text-transform:uppercase; font-weight:bold; font-size:7px; }
  430.  
  431. .friends { width:167px; height:35px; border-top-left-radius:5px; border-top-right-radius:5px; position:absolute; top:0px; background:{color:topbar}; left:0px; padding:2px; color:{color:posts}; line-height:35px; padding-left:15px; font-size:10px; font-family:'montserrat'; font-weight:bold; }
  432.  
  433. .snapscore { width:102px; height:55px; border-radius:5px; position:absolute; bottom:40px; background:{color:posts}; line-height:40px; font-size:16px; color:{color:topbar}; right:30px; padding:2px; padding-left:20px; font-family:'montserrat'; }
  434.  
  435. .snapuser { font-size:10px; margin-top:-23px; text-transform:uppercase; margin-left:4px; color:{color:text}; }
  436.  
  437. .snapghost { width:50px; height:55px; border-radius:5px; position:absolute; bottom:40px; background:{color:posts}; font-size:33px; color:{color:topbar}; right:160px; padding:2px; padding-left:0px; font-family:'montserrat'; }
  438.  
  439. .snapghost i { margin-top:10px; margin-left:10px; }
  440.  
  441. /*----- PHONE TIME / DATE -----*/
  442.  
  443. .contact { width:102px; height:55px; border-radius:5px; position:absolute; top:40px; background:{color:posts}; line-height:40px; font-size:16px; color:{color:topbar}; left:30px; padding:2px; padding-left:30px; font-family:'montserrat'; }
  444.  
  445. .incoming { font-size:9px; margin-top:-23px; text-transform:uppercase; margin-left:-2px; color:{color:text}; }
  446.  
  447. .icon { width:25px; height:55px; border-radius:5px; position:absolute; top:40px; background:{color:posts}; font-size:33px; color:{color:topbar}; left: 158px; padding:2px; padding-right:30px; font-family:'montserrat'; }
  448.  
  449. .icon i { margin-top:10px; margin-left:10px; }
  450.  
  451. /*----- NOTIFICATIONS -----*/
  452.  
  453. .notifications { width:180px; height:260px; border-radius:5px; position:absolute; bottom:42px; background:{color:posts}; left:30px; padding:2px; }
  454.  
  455. .notifs1 { background:{color:contain}; width:145px; height:45px; border-radius:5px; left:20px; top:35px; position:absolute; animation: }
  456.  
  457. .notifs1 i { font-size:15px; background:{color:topbar}; color:{color:posts}; width:15px; height:15px; position:absolute; top:10px; left:10px; padding:5px; border-radius:5px; }
  458.  
  459. .notifs1name { width:90px; position:absolute; text-align:left; top:10px; right:12px; font-weight:700; color:{color:topbar}; font-family:'montserrat'; text-transform:uppercase; font-size:7px; letter-spacing:2px; }
  460.  
  461. .notifs1name span { background:{color:box1}; color:{color:text}; letter-spacing:1px; padding:2px; border-radius:3px; padding-left:4px; padding-right:4px; }
  462.  
  463. .notifs2 { background:{color:contain}; width:145px; height:45px; border-radius:5px; left:20px; top:85px; position:absolute; }
  464.  
  465. .notifs2 i { font-size:15px; background:{color:topbar}; color:{color:posts}; width:15px; height:15px; position:absolute; top:10px; left:10px; padding:5px; border-radius:5px; }
  466.  
  467. .notifs2name { width:90px; position:absolute; text-align:left; top:10px; right:12px; font-weight:700; color:{color:topbar}; font-family:'montserrat'; text-transform:uppercase; font-size:7px; letter-spacing:2px; }
  468.  
  469. .notifs2name span { background:{color:box1}; color:{color:text}; letter-spacing:1px; padding:2px; border-radius:3px; padding-left:4px; padding-right:4px; }
  470.  
  471. .notifs3 { background:{color:contain}; width:145px; height:45px; border-radius:5px; left:20px; top:135px; position:absolute; }
  472.  
  473. .notifs3 i { font-size:15px; background:{color:topbar}; color:{color:posts}; width:15px; height:15px; position:absolute; top:10px; left:10px; padding:5px; border-radius:5px; }
  474.  
  475. .notifs3name { width:90px; position:absolute; text-align:left; top:10px; right:12px; font-weight:700; color:{color:topbar}; font-family:'montserrat'; text-transform:uppercase; font-size:7px; letter-spacing:2px; }
  476.  
  477. .notifs3name span { background:{color:box1}; color:{color:text}; letter-spacing:1px; padding:2px; border-radius:3px; padding-left:4px; padding-right:4px; }
  478.  
  479. .notifs4 { background:{color:contain}; width:145px; height:45px; border-radius:5px; left:20px; top:185px; position:absolute; }
  480.  
  481. .notifs4 i { font-size:15px; background:{color:topbar}; color:{color:posts}; width:15px; height:15px; position:absolute; top:10px; left:10px; padding:5px; border-radius:5px; }
  482.  
  483. .notifs4name { width:90px; position:absolute; text-align:left; top:10px; right:12px; font-weight:700; color:{color:topbar}; font-family:'montserrat'; text-transform:uppercase; font-size:7px; letter-spacing:2px; }
  484.  
  485. .notifs4name span { background:{color:box1}; color:{color:text}; letter-spacing:1px; padding:2px; border-radius:3px; padding-left:4px; padding-right:4px; }
  486.  
  487. </style>
  488.  
  489. <!---------- START OF HTML ---------->
  490.  
  491. <body>
  492.  
  493. <div id="border">
  494. <div id="contain">
  495.  
  496. <div id="topbar">
  497.  
  498. {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}
  499.  
  500. <div id="title">{text:title}</div></div>
  501.  
  502. <div id="sbimage"> <img src="{image:sbimage}"/> </div>
  503.  
  504. <div id="description">{Description}</div>
  505.  
  506. <div id="quickinfo">
  507.  
  508. <!----- EDIT FHS HERE ----->
  509. <div class="textbox"> {text:fhs} </div> </div>
  510.  
  511. <div id="box1">
  512.  
  513. <div class="verticalquote"> {text:vertical title} </div>
  514.  
  515. <div class="tab">
  516.  
  517. <ul>
  518. <a href="/"><li>01</li></a>
  519. <a href="/ask"><li>02</li></a>
  520. <button class="tablinks" onclick="openCity(event, 'tab1')"><li>03</li></button></ul></div></div>
  521.  
  522. <!---------- START OF TAB EDITING ---------->
  523.  
  524. <div id="tab1" class="tabcontent">
  525. <span onclick="this.parentElement.style.display='none'" class="closetab"> x </span>
  526.  
  527. <!----- EDIT TAB LINKS HERE ----->
  528. <div class="topbox">
  529. <button class="tablinks1" onclick="openCity1(event, 'tab2')"><li><i class="fab fa-instagram"></i></li></a>
  530. <button class="tablinks1" onclick="openCity1(event, 'tab3')"><li><i class="fab fa-twitter"></i></li></a>
  531. <button class="tablinks1" onclick="openCity1(event, 'tab4')"><li><i class="fas fa-mobile-alt"></i></li></a>
  532. </div>
  533.  
  534. <div class="leaf2"><i class="icon-002-leaf-monstera"></i></div>
  535. <div class="leaf"><i class="icon-003-leaf"></i></div>
  536.  
  537. <div class="tabtitle"> {text:tab title} </div>
  538.  
  539. <div class="tabtextbox"> {text:tab desc} </div>
  540.  
  541. <div class="tabpng"><img src="{image:tab png}"/></div>
  542. </div>
  543.  
  544. <!---------- SOCIAL MEDIA TABS ---------->
  545.  
  546. <!---------- EDIT INSTAGRAM TAB HERE ---------->
  547.  
  548. <div id="tab2" class="tabcontent1">
  549. <span onclick="this.parentElement.style.display='none'" class="closetab"> x </span>
  550.  
  551. <div class="igcont">
  552.  
  553. <div class="igicon"> <!---- EDIT INSTAGRAM ICON HERE, 40x40px -----> <img src="http://via.placeholder.com/40x40"></div>
  554.  
  555. <div class="igname"> <!---- EDIT INSTAGRAM NAME HERE ----->
  556.  
  557. First Last <br><username>@username</username></div>
  558.  
  559. <div class="igfollow">FOLLOWING</div>
  560.  
  561. <div class="igstats"> <!--- EDIT INSTAGRAM STATS HERE ---->
  562.  
  563. <li> <b>389</b> <br> POSTS </li>
  564. <li> <b>64m</b> <br> FOLLOWERS </li>
  565. <li> <b>120</b> <br> FOLLOWING </li></div>
  566.  
  567. <div class="igdesc"> <!--- EDIT INSTAGRAM DESC HERE ----> lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris erat diam, lobortis in euismod nec, congue nec orci.</div>
  568.  
  569. <div class="igfeedoverview"> <!--- EDIT INSTAGRAM PICS HERE, 70 x 70px ---->
  570.  
  571. <img src="http://via.placeholder.com/70x70">
  572. <img src="http://via.placeholder.com/70x70">
  573. <img src="http://via.placeholder.com/70x70">
  574. <img src="http://via.placeholder.com/70x70">
  575. <img src="http://via.placeholder.com/70x70">
  576. <img src="http://via.placeholder.com/70x70">
  577.  
  578. </div></div></div>
  579.  
  580. <!---------- END INSTAGRAM TAB ---------->
  581.  
  582. <!---------- EDIT TWITTER TAB HERE ---------->
  583.  
  584. <div id="tab3" class="tabcontent1">
  585.  
  586. <span onclick="this.parentElement.style.display='none'" class="closetab"> x </span>
  587.  
  588. <div class="twtcont">
  589.  
  590. <div class="twthead"></div>
  591.  
  592. <div class="twticon"><!--- EDIT TWITTER ICON HERE, 60x60px ---->
  593. <img src="http://via.placeholder.com/60x60"></div>
  594.  
  595. <div class="twtname"> <!---- EDIT TWITTER NAME HERE ----->
  596.  
  597. First Last <br><username>@username</username></div>
  598.  
  599. <div class="twtfollow">FOLLOWING</div>
  600.  
  601. <div class="twtstats"> <!--- EDIT TWITTER STATS HERE ---->
  602.  
  603. <li> <b>389</b> TWEETS </li>
  604. <li> <b>64m</b> FOLLOWERS </li>
  605. <li> <b>120</b> FOLLOWING </li></div>
  606.  
  607. <div class="twtdesc"> <!--- EDIT TWITTER DESC HERE ----> lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris erat diam, lobortis in euismod nec, congue nec orci.</div>
  608.  
  609. <!--- EDIT THE TWEET HERE ---->
  610.  
  611. <div class="atweet">
  612.  
  613. <div class="tweeticon"> <!--- EDIT TWITTER ICON HERE, 30x30px ---->
  614. <img src="http://via.placeholder.com/30x30"></div>
  615.  
  616. <div class="tweetuser"> <!--- EDIT TWITTER USER HERE ---->
  617. <b>name</b> <br>@username</div>
  618.  
  619. <div class="tweetcontent"> <!--- EDIT TWEET HERE ---->
  620. lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  621.  
  622. <div class="likeretweet"><i class="material-icons">favorite</i> <i class="material-icons">swap_horiz</i> <i class="material-icons">chat_bubble</i></div>
  623.  
  624. </div></div></div>
  625.  
  626. <!--- END TWITTER TAB ---->
  627.  
  628. <!---------- EDIT PHONE TAB HERE ---------->
  629.  
  630. <div id="tab4" class="tabcontent1">
  631.  
  632. <span onclick="this.parentElement.style.display='none'" class="closetab"> x </span>
  633.  
  634. <!---- EDIT INCOMING CALL HERE ---->
  635.  
  636. <div class="contact"> CALLER <br>
  637.  
  638. <div class="incoming"> INCOMING CALL </div> </div>
  639.  
  640. <div class="icon">
  641. <i class="fas fa-phone-square"></i></div>
  642.  
  643.  
  644. <!---- EDIT NOTIFICATIONS HERE ----->
  645.  
  646. <div class="notifications">
  647.  
  648. <div class="notifs1">
  649.  
  650. <i class="fa fa-comments" aria-hidden="true"></i>
  651.  
  652. <div class="notifs1name">
  653.  
  654. imessage <br><span>6 new messages</span></div></div>
  655.  
  656. <div class="notifs2">
  657.  
  658. <i class="fab fa-twitter" aria-hidden="true"></i>
  659.  
  660. <div class="notifs2name">
  661.  
  662. twitter <br><span>18 new notifs</span></div></div>
  663.  
  664. <div class="notifs3">
  665.  
  666. <i class="fab fa-instagram" aria-hidden="true"></i>
  667.  
  668. <div class="notifs3name">
  669.  
  670. instagram <br><span>100+ new notifs</span></div></div>
  671.  
  672. <div class="notifs4">
  673.  
  674. <i class="fa fa-phone" aria-hidden="true"></i>
  675.  
  676. <div class="notifs4name">
  677.  
  678. anika b <br><span>2 missed calls</span></div></div>
  679.  
  680. </div>
  681.  
  682. <!----- EDIT SNAPCHAT STORY HERE ----->
  683.  
  684. <!----- SNAPCHAT IMAGES - 180 x 265px. PLEASE NOTE, BEFORE YOU PUT THE PICS IN, IT MAY LOOK LIKE THE CAPTIONS OVERLAP AND THE CODE HAS BUGGED. DO NOT WORRY - ONCE THE PICS ARE IN IT WILL RECTIFY :-) ----->
  685.  
  686. <!----- SNAP 1 ----->
  687.  
  688. <div id="snapstory" style="background-image:url('http://via.placeholder.com/180x265');">
  689.  
  690. <div class="username"> username </div>
  691.  
  692. <div class="timeago"> 2hr ago</div>
  693.  
  694. <div class="caption"> snap number 1 !! </div>
  695.  
  696. <!----- SNAP 2 ----->
  697.  
  698. <div id="s1">
  699. <div class="timeago"> 4hr ago</div>
  700.  
  701. <div class="caption"> wow snap 2 (: </div>
  702.  
  703. <img src="http://via.placeholder.com/180x265"></div>
  704.  
  705. <!----- SNAP 3 ----->
  706.  
  707. <div id="s2">
  708. <div class="timeago"> 4hr ago</div>
  709.  
  710. <div class="caption"> wow snap 3 (: </div>
  711.  
  712. <img src="http://via.placeholder.com/180x265"></div>
  713.  
  714. <!----- SNAP 4 ----->
  715.  
  716. <div id="s3">
  717. <div class="timeago"> 4hr ago</div>
  718.  
  719. <div class="caption"> wow snap 4 (: </div>
  720.  
  721. <img src="http://via.placeholder.com/180x265"></div>
  722.  
  723. </div>
  724.  
  725. <!----- SNAP SCORE ----->
  726.  
  727. <div class="snapscore"> username <br>
  728.  
  729. <div class="snapuser"> <!----- SNAP SCORE -----> 123,456 - user </div> </div>
  730.  
  731. <div class="snapghost"><i class="fab fa-snapchat"></i></div></div>
  732.  
  733. <!---------- END PHONE TAB ---------->
  734.  
  735. <!---------- START OF POSTS HTML ---------->
  736.  
  737. <div class="entries">
  738.  
  739. {block:posts}
  740. <div class="posts" id="{PostID}">
  741.  
  742. {block:ContentSource}<!-- {SourceURL}
  743. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  744. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  745. {/block:ContentSource}
  746.  
  747. {block:RebloggedFrom}<div id="via">
  748. <a href="{ReblogParentUrl}">VIA {ReblogParentName}</a>{ReblogParentImg}
  749. </div>{/block:RebloggedFrom}
  750.  
  751. {block:Text}{block:Title}
  752. <h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  753.  
  754. {block:Quote}<h2>{Quote} <div class="quoter">— {Source}</div></h2>{/block:Quote}
  755.  
  756. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  757. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  758.  
  759. {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}
  760.  
  761. {block:Chat} {block:Title} <h1>{Title}</h1>{/block:Title}<br>
  762. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  763. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  764.  
  765. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  766.  
  767. {block:Answer}<div id="question"> {Question}</div>
  768. <div id="asker"><b>asked by: {Asker}</b></div>
  769. {Answer}{/block:Answer}
  770.  
  771. {block:Audio}<div id="audioinfo"><div id="audioplayer">{AudioPlayerWhite}</div><div id="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  772. <b>{block:TrackName}{TrackName}{/block:TrackName}</b>
  773. <br>by {block:Artist}{Artist}{/block:Artist}
  774. </div>
  775. {block:Caption}{Caption}{/block:Caption} {/block:Audio}
  776.  
  777. {block:Date}
  778.  
  779. <div id="info">
  780. <div class="controls">
  781.  
  782. <a href="{ReblogURL}" target="_blank" class="reblog">
  783. <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>
  784.  
  785. <a href="#" class="like">{LikeButton}
  786. <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>
  787.  
  788. <a href="{Permalink}">{NoteCountWithLabel}</a> /
  789. <a href="{Permalink}">{TimeAgo}</a>
  790. {block:ContentSource}{/block:NoSourceLogo}{/block:ContentSource}</div>
  791.  
  792. {/block:Date}
  793.  
  794. {block:HasTags}
  795. <div id="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  796. </div>{/block:HasTags}</div>
  797.  
  798. {/block:Posts}
  799.  
  800. {block:PostNotes}{PostNotes}{/block:PostNotes}
  801.  
  802. <br/></div></div></div></div></div></div>
  803.  
  804. <!---------- CREDIT / DON'T DELETE OR MOVE ---------->
  805.  
  806. <a href="http://vcnilla.tumblr.com/">
  807. <div id="credit">VCNILLA</div></a>
  808.  
  809. </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!