API tools faq
paste
Advertisement
vcnillacodes

NOVACANE / jckieburkhart & stcvenhyde

vcnillacodes
Aug 3rd, 2018
2,069
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html><head>
  3.  
  4. <!-- NOVACANE by VCNILLA / do not redistribute, claim as ur own, steal -->
  5.  
  6.  
  7.  
  8. <!-- BASICS -->
  9. <title>{title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="stylesheet" href="hint.css">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14.  
  15. <!-- STYLESHEETS & SCRIPTS -->
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  19. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  20. <link href="css/hover-min.css" rel="stylesheet">
  21.  
  22.  
  23. <!-- ICONS -->
  24. <link href="https://file.myfontastic.com/DCGTgB4mTJXfQAVznNEbjR/icons.css" rel="stylesheet">
  25. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  26. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  27. <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet">
  28.  
  29.  
  30.  
  31. <!-- FONTS -->
  32. <link href="https://fonts.googleapis.com/css?family=Roboto:200,300,400,700,900" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Karla:400,700" rel="stylesheet">
  34.  
  35. <!-- TOOLTIP SCRIPT -->
  36. <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>
  37. <script> $(document).ready(function(){ $("#menu-toggle").click(function(){
  38. $("#tab").fadeToggle(300); }); });</script>
  39.  
  40.  
  41. <!-- META TAGS -->
  42.  
  43. <meta name="color:background" content="#eaeaea">
  44. <meta name="color:container" content="#f8f8f8">
  45. <meta name="color:text" content="#868686" />
  46. <meta name="color:posts" content="#ffffff"/>
  47. <meta name="color:sidebar" content="#f8f8f8"/>
  48. <meta name="color:link" content="#ddd" />
  49. <meta name="color:linkhover" content="#818181"/>
  50. <meta name="color:Bold" content="#9b9b9b" />
  51. <meta name="color:Italic" content="#393939"/>
  52. <meta name="color:Scrollbar" content="#dcdcdc"/>
  53. <meta name="color:borders" content="#d7d7d7"/>
  54. <meta name="color:line" content="#d7d7d7"/>
  55. <meta name="color:title shadow" content="#eee"/>
  56. <meta name="color:accent" content="#cad7cf"/>
  57. <meta name="color:extraclr" content="#cad7cf"/>
  58.  
  59. <meta name="text:link01" content="url"/>
  60. <meta name="text:toptitle" content="novacane"/>
  61. <meta name="text:desctitle" content="think i started"/>
  62. <meta name="text:desc" content="lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet"/>
  63. <meta name="text:tabdesc" content="lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet"/>
  64. <meta name="text:watching" content="lorem ipsum dolor sit amet"/>
  65. <meta name="text:listening" content="lorem ipsum dolor sit amet"/>
  66. <meta name="text:reading" content="lorem ipsum dolor sit amet"/>
  67.  
  68. <meta name="image:icon" content=""/>
  69. <meta name="image:background" content=""/>
  70.  
  71. <meta name="if:scrollbar" content="0" />
  72. <meta name="if:bw posts" content="1" />
  73.  
  74. </head>
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. /*-- IFRAME CONTROLS 2.0 --*/
  80. #tumblr_controls, .tmblr-iframe{ z-index:9!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:0; -webkit-transition:all 0.5s ease-out;-webkit-transition: opacity 0.5s linear;opacity: 0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.5s ease-out; display:none;}
  81.  
  82. #tumblinks { position:fixed; top:10px; right:10px; }
  83. #tumblinks i { background:{color:posts}; color:{color:italic}; font-size:10px; height:11px; width:11px; text-align:center; padding:5px; border-radius:5px; margin-right:5px; vertical-align:middle; }
  84.  
  85.  
  86.  
  87. /*-- SCROLLBAR --*/
  88. {block:IfScrollbar}
  89. ::-webkit-scrollbar { width:2px; height: 4px; }
  90. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  91. -webkit-border-radius: 5px; }
  92. {/block:IfScrollbar}
  93.  
  94. {block:IfNotScrollbar}
  95. ::-webkit-scrollbar { width:0px; height: 4px; }
  96. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  97. -webkit-border-radius: 5px; }
  98. {/block:IfNotScrollbar}
  99.  
  100.  
  101. /*-- TOOLTIPS --*/
  102. #s-m-t-tooltip { max-width:300px; padding:4px; padding-left:5px; padding-right:5px; margin:20px 20px 5px 10px; font-weight:700; text-transform:uppercase; font-family:'montserrat'; font-size:7px; letter-spacing:2px; background:{color:posts}; border:1px solid {color:borders}; z-index:99999999; border-radius:4px; color:{color:text}; }
  103.  
  104. ::-moz-selection { background:{color:accent}; color:{color:text}; }
  105. ::selection { background:{color:borders}; color:{color:text}; }
  106.  
  107.  
  108. /*-- BODY --*/
  109. body { color:{color:text}; background-color:{color:background}; line-height:12px; text-align:justify; font-family:Karla; font-size:10px; background-image:url('{image:background}');
  110. -webkit-font-smoothing: antialiased;
  111. -moz-osx-font-smoothing: grayscale; }
  112.  
  113. #fullcon { width:100%; height:100%; position: absolute; top:0; bottom:0px; left:0; right:0; margin:auto; text-align:center; overflow:scroll; overflow-x:hidden; }
  114.  
  115. #vcnilla { position:absolute; margin:auto; left:0; right:0; width:570px; height:455px; background:{color:container}; top:0px; bottom:0px; border-radius:7px; }
  116.  
  117.  
  118. /*-- LINKS --*/
  119. 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; }
  120. a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  121. .posts a:link, a:active, a:visited { color:{color:link hover}; text-decoration:none; }
  122. .posts a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  123.  
  124. #info a:link, a:active, a:visited { color:{color:link}; text-decoration:none; }
  125. #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; }
  126.  
  127.  
  128. /*-- TEXT TYPES --*/
  129. small { font-size:10px; }
  130. sub, sup { font-size:9px; }
  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. big {font-size:auto;}
  133. b, strong { color:{color:bold}; }
  134. h2, h1 { font-weight:400; font-size:15px; font-family:roboto; margin-top:3px; line-height:16px; }
  135.  
  136. .quoter { color:{color:bold}; font-size:9px; margin-top:10px; }
  137. i, em {color:{color:italic};}
  138. p { margin-top:6px; margin-bottom:6px;}
  139. li { list-style-type: circle;}
  140. blockquote { margin:12px; padding-left:10px; padding-right:10px; border-left:1px solid {color:borders}; }
  141. img a { border:none; width:100%;}
  142. blockquote img { height:auto; }
  143. .posts img { height:auto; }
  144.  
  145. @font-face{ font-family:"hullist"; src:url('https://dl.dropboxusercontent.com/s/sz0lgkxipmtspo6/Vincentia.otf');}
  146.  
  147.  
  148. /*-- SIDEBAR --*/
  149.  
  150. #sidebar img { border-radius:100%; width:60px; height:60px; margin-left:-272px; margin-top:32px; z-index:99; position:absolute; z-index:999999999; border:3px solid {color:line}; }
  151.  
  152. /*-- POSTS --*/
  153. .posts { width:330px; margin-top:0px; margin-bottom:25px; text-align: justify; padding:12px; padding-bottom:7px; background-color:{color:posts}; font-family:'Karla'; border-radius:4px; border:1px solid {color:borders}; margin-right:0px; }
  154. .posts img { max-width:100%; }
  155. .entries { text-align: justify; }
  156. .postcontainer { position:absolute; top:62px; left:200px; height:382px; overflow:auto; padding-right:0px; overflow-x:hidden; }
  157.  
  158. /*-- INFO --*/
  159. #info { padding:8px; padding-left:7px; text-align:left; text-transform:uppercase; border-top:1px solid {color:borders}; font-family:Karla; margin:-12px; margin-top:9px; padding-bottom:12px; }
  160. #info a { font-weight:bold; font-size:8px; letter-spacing:1px; color:{color:text}; }
  161. #info i { color:{color:bold}; font-size:6px; margin:6px; }
  162.  
  163.  
  164. /*-- DESCRIPTION --*/
  165. #description { margin:7px; margin-top:95px; text-align:justify; opacity:0.99; font-size:8px; line-height:17px; height:auto; text-transform:uppercase; height:340px; overflow:auto; margin-bottom:5px; width:145px; position:absolute; left:13px; top:10px; }
  166. #description a { font-size:9px; }
  167. #description img { border-radius:100%; width:60px; height:60px; float:left; }
  168.  
  169.  
  170. /*-- PAGINATION --*/
  171. #pagination { position:absolute; bottom:0px; font-weight:bold; font-size:7px; text-transform:uppercase; letter-spacing:2px; text-align:center; margin-top:-145px; margin-left:465px; width:128px; position:absolute; top:182.5px; z-index:99999999;}
  172. #pagination a { color:{color:text}; padding:2px; border-radius:4px; background:{color:container}; border:0px solid {color:borders}; }
  173.  
  174.  
  175. /*-- LINKS --*/
  176. #links { text-align:left; font-weight:bold; font-size:8px; text-transform:uppercase; line-height:11px; width:170px; height:45px; height:auto; letter-spacing:1px; position:absolute; left:280px; top:8px; border-radius:5px; padding:2px; padding-left:8px; }
  177.  
  178. #links b { color:{color:bold}; }
  179. #links li { list-style-type:none; padding:7px; width:12px; text-align:left; border:1px solid {color:borders}; float:left; height:12px; border-radius:5px; margin:4px; transition:0.3s; background:{color:container}; margin-right:6px; }
  180. #links li:hover { transition:0.3s; background:{color:container}; border:1px solid {color:accent}; opacity:1; }
  181. #links li:hover i { color:{color:text}; }
  182. #links i { color:{color:text}; font-size:12px; float:left; transition:0.3s; opacity:0.8; vertical-align:middle; }
  183.  
  184. /*-- TITLES --*/
  185.  
  186. #passionfruit { position:absolute; bottom:-10px; font-size:22px; text-transform:lowercase; letter-spacing:-3px; text-align:center; margin-top:-106px; margin-left:-42px; width:338px; position:absolute; top:180px; font-family:'roboto';}
  187. #passionfruit a { color:{color:text}; padding:6px; border-radius:4px; background:{color:sidebar}; border:1px solid {color:borders}; }
  188.  
  189. #passionfruit2 { position:absolute; bottom:-10px; font-size:30px; text-transform:lowercase; letter-spacing:-3px; text-align:center; margin-top:-160px; margin-left:432px; width:138px; position:absolute; top:180px; font-family:'roboto'; }
  190. #passionfruit2 a { color:{color:text}; padding:1px; border-radius:4px; background:{color:sidebar}; border:1px solid {color:borders}; font-family:'hullist'; }
  191.  
  192. /*-- CREDIT --*/
  193. #credit { position:fixed; bottom:11px; left:11px; background:{color:posts}; width:17px; height:17px; border-radius:76px; padding:6px; font-size:8px; font-weight:bold; transition:0.4s; }
  194. #credit i { color:{color:text}; font-size:17px; vertical-align:text-top; margin-right:5px; }
  195. #credit:hover { width:197px; transition:0.4s; }
  196. #credit:hover .crtext { opacity:1; transition:1.3s; }
  197. .crtext { width:200px; float:right; position:absolute; top:10px; left:35px; opacity:0; transition:0.3s; }
  198.  
  199. /*-- POSTS --*/
  200.  
  201. /*-- ASK POSTS --*/
  202. #question { margin:0px; margin-left:-12px; margin-right:-12px; padding:4px; padding-bottom:16px; text-align:center; border-bottom:1px solid {color:borders}; font-size:10px; text-transform:lowercase; }
  203. #question b { text-transform:uppercase; text-align:right; }
  204. #asker a { padding:0px; border-bottom:none; color:{color:posts}; }
  205. #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; }
  206. #asker b { text-transform:uppercase; border-radius:4px; padding:2px; padding-left:4px; padding-right:4px; color:{color:posts}; background:{color:text}; }
  207.  
  208. /*-- AUDIO POSTS --*/
  209. #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; }
  210. #audioplayer:hover { opacity:0.9; -webkit-transition:0.5s; }
  211. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  212. #audioart img { width:45px; }
  213. #audioinfo { height:38px; 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; }
  214.  
  215. /*-- PERMALINK NOTES STYLING --*/
  216. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  217. ol.notes, .notes li { width:290px; list-style:none; margin:3px; margin-top:-5px; margin-left:0px; padding:0px; }
  218. .notes li a { font-weight:bold; color:{color:bold}; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  219.  
  220. /*-- TAGS --*/
  221. #tags { text-align:justify; font-size:8px; padding-left:0px; line-height:10px; font-family:'roboto'; color:{color:link}; border-top:1px solid {color:borders}; padding:8px; margin:-12px; margin-top:8px; padding-bottom:14px; text-align:center; text-transform:; }
  222. #tags a { padding:0px; border-bottom:none; color:{color:link}; text-shadow:none; text-transform:uppercase; font-size:7px; }
  223. #tags i { color:{color:bold}; }
  224.  
  225. /*-- CHAT STYLING --*/
  226. .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;}
  227. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
  228. .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; }
  229. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:bold}; }
  230. .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:bold}; border-bottom-left-radius:1em .5em; }
  231. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
  232. .convo strong { color:{color:text}; }
  233.  
  234. /*-- GREYSCALE FILTER --*/
  235. {block:IfBWPosts}
  236. .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; }
  237. {/block:IfBWPosts}
  238.  
  239. {block:IfBWToColorHover}
  240. .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; }
  241. {/block:IfBWToColorHover}
  242.  
  243. /*-- IFRAME --*/
  244. svg { width:12px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  245. .controls { width:50px; height:20px; margin-left:304px; position:absolute; margin-top:-2px; opacity:0.7; }
  246. .controls a { position:relative; display:inline-block; padding:2px; width:12px; height:12px; }
  247. .controls .reblog { opacity:.9; }
  248. .controls .reblog svg { width:11px; margin-top:0.5px; }
  249. .controls .like .liked + svg { opacity:1; }
  250. .controls .like .liked + svg path { fill: #ec5a5a; }
  251. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:2; opacity:0; }
  252.  
  253. /*-- REBLOGGED VIA STYLING --*/
  254. #via { border-bottom:1px solid {color:borders}; padding:6px; padding-top:8px; margin:-12px; margin-bottom:11px; text-transform:uppercase; font-size:8px; font-weight:bold; letter-spacing:1px; }
  255.  
  256. /*-- MISC BODY --*/
  257.  
  258. #line { position:absolute; top:0px; left:0px; width:185px; height:100%; background:{color:line}; border-bottom-left-radius:7px; border-top-left-radius:7px; border-right:1px solid {color:background}; }
  259. #image { position:absolute; top:20px; right:175px; z-index:99; }
  260. #image img { width:60px; border-radius:6px; }
  261. #line { position:absolute; top:0px; left:0px; width:185px; height:100%; background:{color:line}; border-bottom-left-radius:7px; border-top-left-radius:7px; border-left:2px {color:text};}
  262. #image { position:absolute; top:20px; right:175px; z-index:99; }
  263. #image img { width:60px; border-radius:6px; }
  264. #line2 { position:absolute; top:0px; left:0px; width:570px; height:52px; background:{color:container}; border-top-left-radius:7px; border-top-right-radius:7px; border-right:3px {color:bold}; border-bottom:1px solid {color:background};}
  265. #menu-toggle { cursor:pointer; }
  266.  
  267.  
  268. /*------------TAB-------------*/
  269. #tab { background:{color:container}; width:380px; height:395px; position:absolute; bottom:5px; right:4px; z-index:9999; display:none; }
  270.  
  271. #tab1links { margin-left:-10px; font-family:'karla'; text-transform:uppercase; font-size:8px; z-index:999999999999999; text-align:center; margin-top:1px; letter-spacing:0px; font-weight:bold; }
  272.  
  273. #tab1links li { list-style-type:none; width:81px; height:17px; background:{color:container}; border:1px solid {color:background}; margin-left:9px; margin-top:11px; border-radius:6px; float:left; padding:7px; transition:0.4s; padding-top:15px; }
  274.  
  275. #tab1links i { font-size:12px; background:{color:posts}; color:{color:text}; width:12px; height:12px; padding:7px;float:left; border-radius:96px; margin-top:-9px; }
  276.  
  277. #tab1links li:hover { background:{color:container}; color:{color:bold}; transition:0.4s; }
  278.  
  279. #box1 { opacity:0.99; font-size:8px; line-height:14px; height:auto; text-transform:uppercase; letter-spacing:1px; width:308px; height:165px; padding:15px; border-radius:6px; background:{color:container}; border:1px solid {color:background}; overflow:auto; text-align:justify; position:absolute; left:22px; bottom:175px; }
  280.  
  281. #box2 { opacity:0.99; font-size:8px; font-weight:bold; line-height:14px; height:auto; text-transform:uppercase; letter-spacing:1px; width:135px; height:120px; padding:15px; border-radius:6px; background:{color:container}; border:1px solid {color:background}; overflow:auto; text-align:justify; position:absolute; left:22px; bottom:12px; text-align:center; }
  282.  
  283. #box2 h1 { font-size:18px; text-align:center; font-weight:bold; color:{color:bold}; line-height:16px; letter-spacing:-1px; font-family:'roboto'; }
  284.  
  285. #box3 { opacity:0.99; font-size:7px; font-weight:bold; line-height:14px; height:auto; text-transform:uppercase; letter-spacing:1px; width:135px; height:110px; padding:15px; border-radius:6px; background:{color:container}; border:1px solid {color:background}; padding-top:25px; overflow:auto; text-align:justify; position:absolute; left:195px; bottom:12px; text-align:center; }
  286.  
  287. div.tab {}
  288. div.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; font-size:18px; border-radius:100px; width:37px; height:37px; padding:9px; margin-left:3px; margin-right:4px; margin-bottom:15px; background:{color:container}; }
  289. div.tab button i { color:{color:text}; }
  290. div.tab button:hover {
  291. background-color:{color:container};}
  292. div.tab button.active {
  293. background-color: {color:background}; color:{color:posts}; }
  294. .tabcontent { display: none; border-top: none; margin-top:15px; }
  295. </style>
  296.  
  297.  
  298. <!-- START OF HTML -->
  299.  
  300. <body><div id="fullcon">
  301.  
  302. <!-----------------------TUMBLR LINKS---------------------->
  303. <div id="tumblinks">
  304. <a href="http://www.tumblr.com/follow/{name}" title="follow"><i class="fa fa-plus" aria-hidden="true"></i></a>
  305. <a href="http://www.tumblr.com/message/{name}" title="instant message"><i class="fa fa-comments" aria-hidden="true"></i></a>
  306. <a href="http://www.tumblr.com/dashboard" title="dashboard"><i class="fa fa-tumblr" aria-hidden="true"></i></a>
  307. </div>
  308.  
  309. <div id="vcnilla">
  310.  
  311. <div id="tab"><div id="box1">
  312.  
  313. <!-- TAB -->
  314.  
  315. <!-- TLINKS -->
  316.  
  317. <div id="tab1links">
  318.  
  319. <a href="/"><li><i class="icon-star"></i>tag1</li></a>
  320.  
  321. <a href="/"><li><i class="panicon-001-like"></i>tag2</li></a>
  322.  
  323. <a href="/"><li><i class="panicon-003-engagement-ring"></i>tag3</li></a>
  324.  
  325. <a href="/"><li><i class="panicon-bee"></i> tag4</li></a>
  326.  
  327. <a href="/"><li><i class="icon-volume-2"></i>tag5</li></a>
  328.  
  329. <a href="/"><li><i class="fa fa-pinterest-p" aria-hidden="true"></i> tag6</li></a>
  330.  
  331. <a href="/"><li><i class="icon-emotsmile"></i> tag7</li></a>
  332.  
  333. <a href="/"><li><i class="icon-people"></i>tag8</li></a>
  334.  
  335. <a href="/"><li><i class="icon-location-pin" aria-hidden="true"></i> tag9</li></a></div></div>
  336.  
  337.  
  338. <div id="box2"><div class="tab">
  339.  
  340. <button class="tablinks active" onclick="openCity(event, 'watch')"><i class="panicon-003-technology"></i></button>
  341. <button class="tablinks" onclick="openCity(event, 'listen')"><i class="panicon-002-music-player"></i></button>
  342. <button class="tablinks" onclick="openCity(event, 'read')"><i class="panicon-001-open-book"></i></button></div>
  343.  
  344. <!-- SLIDER -->
  345.  
  346. <div id="watch" class="tabcontent" style="display:block;">
  347. <h1>Watching</h1>
  348. {text:watching}
  349. </div>
  350.  
  351. <div id="listen" class="tabcontent">
  352. <h1>Listening</h1>
  353. {text:listening}
  354. </div>
  355.  
  356. <div id="read" class="tabcontent">
  357. <h1>Reading</h1>
  358. {text:reading}
  359. </div></div>
  360.  
  361. <!-- DESC -->
  362.  
  363. <div id="box3">
  364. {text:tabdesc}
  365. </div></div>
  366.  
  367. <div id="line"></div>
  368. <div id="line2"></div>
  369.  
  370. <!-- SBLINKS -->
  371.  
  372. <div id="links">
  373. <a href="/" title="refresh"><li><i class="icon-reload"></i></li></a>
  374. <a href="/ask" title="ask"><li><i class="icon-envelope-open"></i></li></a>
  375. <a href="{text:link01}"><li><i class="icon-heart"></i></li></a>
  376. <a title="links" id="menu-toggle"><li><i class="icon-compass"></i></li></a></div>
  377.  
  378. <!-- TIT -->
  379. <div class="topline"></div>
  380.  
  381.  
  382. <!-- SIDEBAR -->
  383.  
  384. <div id="sidebar">
  385. <img src="{image:icon}">
  386.  
  387. <div id="description">{text:desc}</div>
  388.  
  389. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}</div>{/block:Pagination} </div>
  390.  
  391. <div id="passionfruit">{text:desctitle}</div>
  392. <div id="passionfruit2">{text:toptitle}</div>
  393.  
  394.  
  395. <!-- POSTS -->
  396.  
  397. <div class="postcontainer">
  398.  
  399. <div class="entries">
  400.  
  401. {block:posts}<div class="posts" id="{PostID}">
  402.  
  403. {block:ContentSource}<!-- {SourceURL}
  404. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  405. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  406. {/block:ContentSource}
  407.  
  408.  
  409. {block:RebloggedFrom}<div id="via">
  410. <a href="{ReblogParentUrl}"><img src="{ReblogParentPortraitURL-16}" style="width:12px; float:left; border-radius:99px; margin-top:-1px; margin-right:5px; margin-left:2px"/>
  411. VIA {ReblogParentName}</a>{ReblogParentImg}
  412. </div>{/block:RebloggedFrom}
  413.  
  414.  
  415. {block:Text}{block:Title}
  416. <h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  417.  
  418.  
  419. {block:Quote}<h2>{Quote} <div class="quoter">— {Source}</div></h2>{/block:Quote}
  420.  
  421.  
  422. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  423. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  424.  
  425.  
  426. {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}
  427.  
  428.  
  429. {block:Chat} {block:Title} <h1>{Title}</h1>{/block:Title}<br>
  430. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  431. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  432.  
  433.  
  434. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  435.  
  436.  
  437. {block:Answer}<div id="question"> {Question}</div>
  438. <div id="asker"><b>asked by: {Asker}</b></div>
  439. {Answer}{/block:Answer}
  440.  
  441.  
  442. {block:Audio}<div id="audioinfo"><div id="audioplayer">{AudioPlayerWhite}</div><div id="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  443. <b>{block:TrackName}{TrackName}{/block:TrackName}</b>
  444. <br>by {block:Artist}{Artist}{/block:Artist}
  445. </div>
  446. {block:Caption}{Caption}{/block:Caption} {/block:Audio}
  447.  
  448. {block:Date}
  449.  
  450. <div id="info">
  451. <div class="controls">
  452. <a href="{ReblogURL}" target="_blank" class="reblog">
  453. <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>
  454. </a>
  455.  
  456. <a href="#" class="like">{LikeButton}
  457. <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>
  458.  
  459. <a href="{Permalink}">{NoteCountWithLabel} </a> &nbsp;
  460. <a href="{Permalink}">{TimeAgo}</a>
  461. {block:ContentSource}{/block:NoSourceLogo}{/block:ContentSource}</div>
  462.  
  463. {/block:Date}
  464.  
  465. <!-- TAGS -->
  466.  
  467. {block:HasTags}
  468. <div id="tags"><i class="icon-tag" style="margin-right:4px;"></i> {block:Tags}<a href="{TagURL}">{Tag} </a> &nbsp; {/block:Tags}
  469. </div>{/block:HasTags}</div>
  470.  
  471. {/block:Posts}
  472.  
  473. {block:PostNotes}{PostNotes}{/block:PostNotes}<br/></div></div></div></div></div></div>
  474.  
  475.  
  476.  
  477.  
  478. <!-- CREDIT - DO NOT DELETE -->
  479. <div id="creditbox">
  480. <a class="tooltip" href="http://vcnilla.tumblr.com/">
  481. <div id="credit">
  482. <i class="panicon-bee"></i> <div class="crtext">CODE BY JCKIEBURKHART & STEVENHYD</div</div>
  483. </a></div></div>
  484.  
  485. <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"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active";}</script>
  486.  
  487. </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!