API tools faq
paste
Advertisement
seiph

Theme novo RP

seiph
Nov 14th, 2017
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.96 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2.  
  3.  
  4. <!-- - ̗̀ THEME TWENTY aka THE ONE by VCNILLA ̖́- -->
  5.  
  6. <!-- friendly reminder: stealing isn't ok -->
  7.  
  8.  
  9. <!-- - ̗̀ PART ONE aka the STYLESHEETS ̖́- -->
  10.  
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="stylesheet" href="hint.css">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15.  
  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. <link href="css/hover.css" rel="stylesheet" media="all">
  20.  
  21. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  22. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  23. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  24.  
  25. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Work+Sans" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/css?family=Grand+Hotel" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css?family=Heebo:300,400,500,700" rel="stylesheet">
  28. <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
  29. <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
  30.  
  31.  
  32. <!-- - ̗̀ PART TWO aka the SCRIPTS ̖́- -->
  33.  
  34. <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>
  35.  
  36. <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 < tabcontent.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active" } </script>
  37.  
  38. <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"; } tablinks1 = document.getElementsByClassName("tablinks1"); for (i = 0; i < tabcontent1.length; i++) { tablinks1[i].className = tablinks1[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active" } </script>
  39.  
  40.  
  41.  
  42. <!-- - ̗̀ PART THREE aka the META TAGS ̖́- -->
  43.  
  44. <meta name="color:background" content="#eaeaea">
  45. <meta name="color:text" content="#868686" />
  46. <meta name="color:posts" content="#ffffff"/>
  47. <meta name="color:linkhover" content="#ddd" />
  48. <meta name="color:link" content="#979797" />
  49. <meta name="color:posts link" content="#818181"/>
  50. <meta name="color:Bold" content="#cea5a5" />
  51. <meta name="color:Italic" content="#393939"/>
  52. <meta name="color:Scrollbar" content="#dcdcdc"/>
  53. <meta name="color:container" content="#f4f4f4"/>
  54. <meta name="color:sidebar" content="#e8e8e8"/>
  55. <meta name="color:borders" content="#e3e3e3"/>
  56.  
  57. <meta name="text:link1" content="/url"/>
  58. <meta name="text:sb title" content="sidebar title"/>
  59.  
  60. <meta name="text:admin1 text" content="this is the info for the first admin, cool" />
  61. <meta name="text:admin2 text" content="and this is the info for the second one" />
  62.  
  63. <meta name="text:tab link1" content="url" />
  64. <meta name="text:tab link2" content="url" />
  65. <meta name="text:tab link3" content="url" />
  66. <meta name="text:tab link4" content="url" />
  67. <meta name="text:tab link5" content="url" />
  68. <meta name="text:tab link6" content="url" />
  69. <meta name="text:tab link7" content="url" />
  70. <meta name="text:tab link8" content="url" />
  71. <meta name="text:tab link9" content="url" />
  72.  
  73. <meta name="text:tab link1 name" content="one" />
  74. <meta name="text:tab link2 name" content="two" />
  75. <meta name="text:tab link3 name" content="three" />
  76. <meta name="text:tab link4 name" content="four" />
  77. <meta name="text:tab link5 name" content="five" />
  78. <meta name="text:tab link6 name" content="six" />
  79. <meta name="text:tab link7 name" content="seven" />
  80. <meta name="text:tab link8 name" content="eight" />
  81. <meta name="text:tab link9 name" content="nine" />
  82.  
  83. <meta name="image:tab icon" content=""/>
  84. <meta name="image:background" content=""/>
  85. <meta name="image:header" content=""/>
  86. <meta name="image:admin1" content=""/>
  87. <meta name="image:admin2" content=""/>
  88.  
  89. <meta name="if:scrollbar" content="0" />
  90.  
  91. <meta name="select:greyscale" content="0%" title="0%"/>
  92. <meta name="select:greyscale" content="50%" title="50%"/>
  93. <meta name="select:greyscale" content="100%" title="100%"/>
  94.  
  95. </head>
  96.  
  97.  
  98. <!-- - ̗̀ PART FOUR aka the SCROLLBAR ̖́- -->
  99.  
  100. <style type="text/css">
  101. {block:IfScrollbar}
  102. ::-webkit-scrollbar { width:2px; height: 4px; }
  103. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  104. -webkit-border-radius: 5px; }
  105. {/block:IfScrollbar}
  106.  
  107. {block:IfNotScrollbar}
  108. ::-webkit-scrollbar { width:0px; height: 4px; }
  109. ::-webkit-scrollbar-thumb { background-color: {color:borders};
  110. -webkit-border-radius: 5px; }
  111. {/block:IfNotScrollbar}
  112.  
  113.  
  114.  
  115. /* - ̗̀ PART FIVE aka the TOOLTIPS ̖́- */
  116.  
  117. #s-m-t-tooltip { max-width:300px; padding:2px; padding-left:5px; padding-right:5px; margin:20px 20px 5px 10px; font-weight:bold; text-transform:uppercase; font-family:'Montserrat'; font-size:7px; letter-spacing:2px; background:{color:container}; z-index:99999999; border-radius:5px; color:{color:text}; }
  118.  
  119. ::-moz-selection { background:{color:borders}; color:{color:text}; }
  120. ::selection { background:{color:borders}; color:{color:text}; }
  121.  
  122.  
  123. /* - ̗̀ PART SIX aka the BODY ̖́- */
  124.  
  125. body { color:{color:text}; background-color:{color:background}; line-height:14px; text-align:justify; background-image:url('{image:background}'); font-family:'Montserrat'; font-size:9px; }
  126. #vcnilla { width:660px; height:560px; position: absolute; margin:auto; left:0; top:0; right:0; bottom:0; background-color:{color:container}; background-image:url('{image:container bg}'); }
  127.  
  128. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  129. a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  130.  
  131. #posts a:link, a:active, a:visited { color:{color:posts link}; text-decoration:none; }
  132. #posts a:hover { color:{color:posts link}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  133.  
  134.  
  135. /* - ̗̀ PART SEVEN aka the TEXT ̖́- */
  136.  
  137. small { font-size:10px; }
  138. sub, sup {font-size:10px;}
  139. pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  140. big {font-size:auto;}
  141. b, strong { color:{color:bold}; }
  142. h2, h1 { padding:10px; font-size:10px; text-transform:uppercase; line-height:15px; text-align:right; line-height:14px; letter-spacing:1px; background:{color:container}; font-family:'Montserrat'; font-weight:bold; }
  143.  
  144. .quoter { color:{color:bold}; font-size:9px; }
  145. i, em {color:{color:italic};}
  146. p { margin-top:6px; margin-bottom:6px;}
  147. li { list-style-type: circle;}
  148. blockquote { margin:12px; padding-left:10px; padding-right:10px; border-left:1px solid {color:borders}; }
  149. img a { border:none; width:100%;}
  150.  
  151.  
  152.  
  153. /* - ̗̀ PART EIGHT aka the CONTAINER ̖́- */
  154.  
  155. #container { height:380px; width:500px; overflow: auto; position:absolute; right:5px; bottom:10px; }
  156. #entries { text-align: justify; }
  157.  
  158. #posts { margin-top:0px; margin-bottom:15px; margin-left:15px; width:450px; text-align: justify; padding:15px; padding-bottom:7px; background-color:{color:posts}; font-family:'work sans', sans-serif; }
  159. #posts img { max-width:100%; }
  160.  
  161. #info {padding:1px; text-align:center; text-transform:uppercase; background:{color:container}; font-family:'Montserrat'; }
  162. #info a { font-weight:bold; font-size:7px; letter-spacing:1px; color:{color:text}; }
  163. #info i { color:{color:bold}; font-size:6px; margin:6px; }
  164.  
  165.  
  166.  
  167. /* - ̗̀ PART NINE aka the SIDEBAR ̖́- */
  168.  
  169. #sidebar { position:absolute; background:{color:sidebar}; bottom:10px; left:10px; height:380px; width:147px; }
  170.  
  171. #desc { width:127px; left:10px; top:100px; position:absolute; height:125px; text-align:left; background-color:{color:sidebar}; text-transform:uppercase; font-weight:bold; font-size:6.5px; letter-spacing:1px; text-align:justify; padding-top:4px; font-family:'Montserrat'; overflow:auto; line-height:18px; padding-bottom:20px; border-top:1px solid #dadada; padding-top:7px; }
  172.  
  173. #sbline { position:absolute; bottom:6px; z-index:999; left:6px; width:30px; height:40px; }
  174. #sbline img { width:30px; height:30px; border:5px solid {color:sidebar}; }
  175.  
  176. #header { position:absolute; top:10px; z-index:999; left:10px; width:650px; height:150px; }
  177. #header img { width:640px; height:150px; border-radius:0%; border:0px solid {color:sidebar}; }
  178.  
  179. #linkbox { width:151px; height:33px; font-family:'Montserrat'; text-transform:uppercase; font-size:11px; letter-spacing:4px; z-index:999; position:absolute; top:40px; right:-7px; text-align:center; line-height:26px; }
  180. #linkbox a, #linkbox i { color:{color:text}; font-size:15px; }
  181. #linkbox li { list-style-type:none; float:left; margin:4px; display:inline block; background:{color:sidebar}; padding:8px; text-align:right; width:23px; height:23px; }
  182.  
  183. #pagination { position:absolute; bottom:0px; left:0px; color:{color:posts}; font-weight:bold; font-size:7px; width:137px; text-transform:uppercase; letter-spacing:1px; text-align:center; line-height:10px;background:transparent; padding:5px; background:{color:bold}; z-index:9999; }
  184. #pagination a { color:{color:link}; }
  185.  
  186.  
  187. #title { font-size:22px; margin-top:21px; font-family:'asphalts'; width:142px; position:absolute; left:1px; color:{color:container}; text-align:center; z-index:9999; transform:rotate(-3deg); }
  188.  
  189. .clip { background:{color:bold}; position:absolute; top:0px; left:0px; width:147px; height:90px; }
  190. .tit { background:{color:bold}; position:absolute; top:295px; left:10px; width:485px; height:32px; }
  191.  
  192.  
  193.  
  194. /* - ̗̀ PART TEN aka the TAB ̖́- */
  195.  
  196. ul.tab { list-style-type:none; position:absolute; width:0px; top:-11px; right:11px; padding:0px; }
  197. .tab i { color:{color:link}; }
  198. ul.tab a { float:right; }
  199. ul.tab li a:hover { color: {color:bold};}
  200. .tabcontent { display:none; position:absolute; background:{color:posts}; width:481px; height:380px; z-index:9999; overflow:auto; right:10px; bottom:10px; font-family:'work sans'; }
  201.  
  202.  
  203.  
  204.  
  205. /* - ̗̀ PART ELEVEN aka the TAB INSIDE TAB ̖́- */
  206.  
  207. ul.tab1 { list-style-type:none; margin-top:-9px; }
  208. ul.tab1 li { float:left; display:inline block; background:{color:bold}; width:20px; height:20px; }
  209. ul.tab1 li a:hover { color:{color:italic};}
  210. ul.tab1 li a:active { color:{color:borders};}
  211. .tabcontent1 { display:none; position:absolute; background:{color:container}; width:320px; height:342px; z-index:99999; overflow:auto; padding:10px; top:9px; right:10px; }
  212.  
  213.  
  214. #tabtabs { width:120px; position:absolute; top:8px; left:8px; }
  215. #tabtabs span { font-size:18px; color:{color:container}; }
  216.  
  217. #tabtabs li { float:left; list-style-type:none; display:inline block; background:{color:bold}; width:18px; height:18px; margin:2px; padding:17px; }
  218. ul.tab1 li a:hover { color:{color:italic}; }
  219. ul.tab1 li a:active { color:{color:borders}; }
  220.  
  221. #tabicon img { border:6px solid {color:bold}; width:40px; height:40px; margin:66px; }
  222.  
  223. #updatebox { background:{color:container}; position:absolute; left:10px; bottom:9px; width:99px; padding:5px; height:235px; text-align:center; }
  224. #updatebox h1 { background:{color:bold}; color:{color:container}; padding:1px; text-align:center; font-size:7px; }
  225.  
  226. #tab1 h1 { text-align:center; font-family:'asphalts'; font-size:18px; margin-top:0px; line-height:23px; margin-bottom:-5px; }
  227. #tab1 { line-height:13px; }
  228. #tab1 h2 { background:{color:bold}; color:{color:container}; padding:3px; text-align:center; font-size:7px; }
  229.  
  230. #tab2 h1 { text-align:center; font-family:'asphalts'; font-size:22px; margin-top:0px; line-height:23px; margin-bottom:-5px; }
  231. #tab2 { overflow:auto; }
  232. .musebox { background:{color:sidebar}; width:320px; min-height:50px; margin-top:18px; text-align:left; margin-bottom:5px; }
  233. .mimg { position:relative; }
  234. .musebox img { border-radius:100%; width:34px; height:34px; border:4px solid {color:borders}; background:{color:borders}; margin-top:-27px; margin-left:280px; }
  235. .musename { font-weight:bold; text-transform:uppercase; font-family:'Montserrat'; letter-spacing:1px; position:relative; background:{color:bold}; color:{color:container}; padding-left:5px; font-size:8px; }
  236. .musetext { width:271px; margin-left:8px; margin-top:-13px; padding-bottom:5px; line-height:11px; text-align:justify; }
  237.  
  238.  
  239. #tab3 h1 { text-align:center; font-family:'asphalts'; font-size:18px; margin-top:0px; line-height:23px; margin-bottom:-8px; }
  240.  
  241. .morelinks { background:transparent; width:320px; height:70px; text-align:center; line-height:11px; }
  242. .morelinks ul { width:320px; height:140px; margin-left:0px; }
  243. .morelinks li { float:left; color:{color:container}; background:{color:bold}; text-transform:uppercase; font-weight:bold; font-size:7px; text-align:center; width:70px; padding:4px; list-style-type:none; margin:2px; letter-spacing:1px; font-family:'Montserrat'; }
  244.  
  245. .adminbox { background:{color:sidebar}; width:300px; text-align:left; margin-bottom:5px; margin:5px; margin-top:7px; padding:5px; }
  246. .adminbox img { border-radius:100%; border:4px solid {color:borders}; background:{color:borders}; width:40px; height:40px; }
  247. .admintext { position:relative; width:245px; margin-left:55px; margin-top:-40px; text-align:justify; line-height:10px; min-height:39px; }
  248. .admintext b { background:{color:bold}; color:{color:posts}; padding:1px; text-transform:uppercase; font-family:'Montserrat'; font-size:7px; letter-spacing:1px; }
  249.  
  250.  
  251.  
  252. /* Sweep To Right */
  253. .hvr-sweep-to-right { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s; }
  254. .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:{color:bold}; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
  255. .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color:{color:text}; }
  256. .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform:scaleX(1); transform:scaleX(1); }
  257.  
  258. .button { display:inline block; }
  259.  
  260.  
  261.  
  262.  
  263. /* - ̗̀ PART TWELVE aka the CREDIT ̖́- */
  264.  
  265. #credit { position:fixed; bottom:10px; left:10px; }
  266. #credit a { font-size:9px; color:{color:bold}; font-weight:bold; }
  267. #credit i {border-radius:80px; color:{color:bold}; text-transform:uppercase; letter-spacing: 0px; padding:4px; width:10px; height:10px; background:{color:container}; opacity:1; text-align:center; line-height:10px; }
  268. #creditbox { position:fixed; width:100px; height:100px; bottom:10px; left:10px; }
  269. .tooltip { display:inline; position:absolute; z-index:999; }
  270. .tooltip::after { content:''; position:absolute; width:60px; height:20px; bottom:00px; left:0px; pointer-events:none; }
  271. .tooltip:hover::after { pointer-events: auto; }
  272. .tooltip-content { position:absolute; z-index:9999; width:60px; left:-5px; bottom:-70px; font-size:8px; color:{color:text}; background:transparent; opacity:0; cursor:default; pointer-events:none; -webkit-font-smoothing:antialiased; -webkit-transition:opacity 0.3s 0.3s; transition:opacity 0.3s 0.3s; }
  273. .tooltip:hover .tooltip-content { opacity:1; pointer-events:auto; -webkit-transition-delay:0s; transition-delay:0s; }
  274. .tooltip-content span { display:block; }
  275. .tooltip-text { border-bottom:7px solid {color:bold}; overflow:hidden; -webkit-transform: scale3d(0,1,1); transform: scale3d(0,1,1); -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; }
  276. .tooltip:hover .tooltip-text { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
  277. .tooltip-inner { background: {color:container}; padding:7px; line-height:11px; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; text-align:justify;}
  278. .tooltip:hover .tooltip-inner { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  279. .tooltip-content::after { content:''; bottom:-15px; left:26%; border:solid transparent; height:0; width:0; position:absolute; pointer-events:none; border-color:transparent; border-top-color:{color:bold}; border-width:8px; margin-left:-10px; }
  280.  
  281.  
  282.  
  283.  
  284. /* - ̗̀ PART THIRTEEN aka the POST STYLES ̖́- */
  285.  
  286. #question { margin:0px; padding:8px; text-align:center; background:{color:container}; font-size:9px; text-transform:lowercase; }
  287. #question b { text-transform:uppercase; text-align:right; }
  288. #asker a { padding:0px; border-bottom:none; color:{color:posts}; }
  289. #asker { margin:0px; padding:3px; text-align:right; background:{color:bold}; font-size:9px; color:{color:container}; text-transform:uppercase; letter-spacing:2px; }
  290.  
  291. #audioplayer { width:27px; height:27px; background:#fff; border-radius:60px; overflow:hidden; position:absolute; padding:0px; margin-top:9px; margin-left:17px; opacity:0.7; z-index:9999; -webkit-transition:0.5s; }
  292. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  293. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  294. #audioart img { border:6px solid {color:borders}; width:50px; border-radius:70px; }
  295. #audioinfo { background:{color:container};height:57px; margin-left:0px; text-transform:uppercase; font-size:7px; text-align:left; padding-left:10px; top:0px; padding-top:15px; letter-spacing:1px; margin-bottom:5px; }
  296. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  297. ol.notes, .notes li { width:300px; list-style:none; margin:3px; margin-left:8px; padding:0px; }
  298. .notes li a { font-weight:bold; color:{color:bold}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  299.  
  300. #tags { text-align:center; width:350px; margin-top:6px; font-size:7px; padding-left:0px; line-height:10px; font-family:'Montserrat'; }
  301. #tags a { padding:0px; border-bottom:none; color:{color:text}; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:7px;}
  302. #tags i { color:{color:bold}; }
  303.  
  304. .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;}
  305. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
  306. .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; }
  307. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:borders}; }
  308. .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:borders}; border-bottom-left-radius:1em .5em; }
  309. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
  310.  
  311. .photoset, #posts img, .video { -webkit-filter:grayscale({select:greyscale}); }
  312.  
  313. @font-face{ font-family:"lemon"; src:url('https://dl.dropboxusercontent.com/s/fix19ly733mkxd1/Lemon%20Tuesday.otf');}
  314. @font-face{ font-family:"asphalts"; src:url('https://dl.dropboxusercontent.com/s/mapf0heouyy2l7e//Asphalts%20Brush%20%28Personal%20Use%29.ttf');}
  315.  
  316. </style>
  317.  
  318.  
  319.  
  320.  
  321.  
  322. <!-- - ̗̀ PART FOURTEEN aka the HTML ̖́-
  323. -->
  324. <body><div id="vcnilla">
  325.  
  326. <div id="header"><img src="{image:header}"></div>
  327.  
  328. <div id="sidebar">
  329. <div id="title">{text:sb title}</div>
  330.  
  331. <div class="clip">
  332. <div id="linkbox">
  333. <a href="/" title="refresh"><li><span class="lnr lnr-home"></span></li></a>
  334. <a href="/ask" title="ask"><li><span class="lnr lnr-bubble"></span></li></a>
  335. <ul class="tab"><a href="#" title="navigation" class="tablinks" onclick="openCity(event, 'tabone')"><li><span class="lnr lnr-earth"></span></li></a></ul>
  336. </div>
  337. </div>
  338.  
  339. <div id="desc">{description}</div>
  340.  
  341. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">BACK <b>/</b></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">FORTH</a><br />{/block:NextPage}</div>{/block:Pagination}
  342.  
  343. </div>
  344.  
  345.  
  346. <!-- - ̗̀ PART FOURTEEN A aka the TAB ̖́- -->
  347.  
  348.  
  349. <div id="tabone" class="tabcontent">
  350.  
  351. <div id="tabicon"><img src="{image:tab icon}"/></div>
  352.  
  353. <!-- UPDATES BOX -->
  354. <div id="updatebox">
  355. <h1>h1 lewks like this</h1>
  356. update goes here
  357. <h1>26/11</h1>
  358. today's date ? iconic ??
  359. <h1>update here</h1>
  360. and another update
  361. </div>
  362.  
  363.  
  364.  
  365. <!-- - ̗̀ PART FIFTEEN aka INNER TABS ̖́-
  366. -->
  367. <div id="tabtabs">
  368. <a href="#" class="tablinks1" onclick="openCity1(event, 'tab1')"><li><span class="lnr lnr-pencil"></span></li></a>
  369. <a href="#" class="tablinks1" onclick="openCity1(event, 'tab2')"><li><span class="lnr lnr-users"></span></li></a>
  370. <a href="#" class="tablinks1" onclick="openCity1(event, 'tab3')"><li><span class="lnr lnr-menu"></span></li></a>
  371. </div>
  372.  
  373.  
  374. <!-- - ̗̀ PART FIFTEEN A aka PLOT & RULES TAB ̖́- --->
  375.  
  376. <div id="tab1" class="tabcontent1" style="display:block;">
  377. <h1>read the plot ? rules ?</h1>
  378.  
  379. <!-- edit the plot here -->
  380.  
  381. <blockquote><b>Lorem</b> ipsum dolor sit amet, consectetur adipiscing elit. Proin venenatis <i>vestibulum</i> justo a vestibulum. Ut tristique elit sit amet dolor efficitur, id <u>euismod</u> mauris mattis.</blockquote>
  382.  
  383. <!-- edit the updates here -->
  384.  
  385. <p>
  386. <h2>this is how the h2 styling looks</h2>
  387. <blockquote>a rule goes here wow</blockquote>
  388.  
  389. <h2>this is how the h2 styling looks</h2>
  390. <blockquote>a rule goes here wow</blockquote>
  391.  
  392. <h2>this is how the h2 styling looks</h2>
  393. <blockquote>a rule goes here wow</blockquote>
  394.  
  395. </div>
  396.  
  397.  
  398. <!-- - ̗̀ PART FIFTEEN A aka MUSES TAB ̖́- --->
  399.  
  400. <div id="tab2" class="tabcontent1">
  401. <h1>meet the skwad</h1>
  402.  
  403. <!--- for another muse space copy from here --->
  404. <div class="musebox">
  405. <div class="musename">FIRST MIDDLE LAST</div>
  406. <div class="mimg"><img src="https://i.imgur.com/3u5Ykus.png"></div>
  407. <div class="musetext">this can literally get as <b>long as u want</b>, which is p cool ig lmfao . so yeah <i>heres some random text</i> so u can get what i'm talking about.</div>
  408. </div>
  409. <!--- to here --->
  410.  
  411. <!--- for another muse space copy from here --->
  412. <div class="musebox">
  413. <div class="musename">FIRST MIDDLE LAST</div>
  414. <div class="mimg"><img src="https://i.imgur.com/3u5Ykus.png"></div>
  415. <div class="musetext">this shit has to be edited in the html?? because meta tags wud be messy for this. its all ?? in order and pointed out</div>
  416. </div>
  417. <!--- to here --->
  418.  
  419. <!--- for another muse space copy from here --->
  420. <div class="musebox">
  421. <div class="musename">FIRST MIDDLE LAST</div>
  422. <div class="mimg"><img src="https://i.imgur.com/3u5Ykus.png"></div>
  423. <div class="musetext">this can literally get as <b>long as u want</b>, which is p cool ig lmfao . so yeah <i>heres some random text</i> so u can get what i'm talking about.</div>
  424. </div>
  425. <!--- to here --->
  426.  
  427.  
  428. </div>
  429.  
  430.  
  431. <!-- - ̗̀ PART FIFTEEN A aka NAVIGATION TAB ̖́- --->
  432.  
  433. <div id="tab3" class="tabcontent1">
  434.  
  435. <h1>navigation around </h1>
  436.  
  437. <div class="morelinks">
  438. <ul>
  439. <a href="{text:tab link1}"><li>{text:tab link1 name}</li></a>
  440. <a href="{text:tab link2}"><li>{text:tab link2 name}</li></a>
  441. <a href="{text:tab link3}"><li>{text:tab link3 name}</li></a>
  442. <a href="{text:tab link4}"><li>{text:tab link4 name}</li></a>
  443. <a href="{text:tab link5}"><li>{text:tab link5 name}</li></a>
  444. <a href="{text:tab link6}"><li>{text:tab link6 name}</li></a>
  445. <a href="{text:tab link7}"><li>{text:tab link7 name}</li></a>
  446. <a href="{text:tab link8}"><li>{text:tab link8 name}</li></a>
  447. <a href="{text:tab link9}"><li>{text:tab link9 name}</li></a>
  448. </ul>
  449. </div>
  450.  
  451. <!--- to add an extra admin space copy from here -->
  452. <div class="adminbox">
  453. <img src="{image:admin1}"/>
  454. <div class="admintext">{text:admin1 text}</div>
  455. </div>
  456. <!-- to here -->
  457.  
  458. <!--- to add an extra admin space copy from here -->
  459. <div class="adminbox">
  460. <img src="{image:admin2}"/>
  461. <div class="admintext">{text:admin2 text}</div>
  462. </div>
  463. <!-- to here -->
  464.  
  465.  
  466. </div></div>
  467.  
  468.  
  469.  
  470.  
  471. <!-- - ̗̀ PART SIXTEEN aka the POSTS ̖́- -->
  472.  
  473. <div id="container">
  474. <div id="entries">
  475. {block:posts}
  476. <!-- {block:NoRebloggedFrom}
  477. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  478. {/block:NoRebloggedFrom} -->
  479. {block:ContentSource}<!-- {SourceURL}
  480. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  481. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  482. {/block:ContentSource}
  483.  
  484. <div id="posts">
  485. {block:Text}{block:Title}
  486. <h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  487.  
  488. {block:Quote}<h2>{Quote} <div class="quoter">— {Source}</div></h2>{/block:Quote}
  489.  
  490. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  491. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  492.  
  493. {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}
  494.  
  495. {block:Chat} {block:Title} <h1>{Title}</h1>{/block:Title}<br>
  496. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  497. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  498.  
  499. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  500.  
  501. {block:Answer}<div id="question"> {Question}</div>
  502. <div id="asker">{Asker}</div>
  503. {Answer}{/block:Answer}
  504.  
  505. {block:Audio}<div id="audioinfo"><div id="audioplayer">{AudioPlayerWhite}</div><div id="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  506. <b>ARTIST:</b> {Artist}
  507. <br><b>TRACK NAME:</b> {TrackName}
  508. <br><b>PLAYED:</b> {PlayCountWithLabel}
  509. </div>{block:Caption}{Caption}{/block:Caption} {/block:Audio}
  510.  
  511. {block:Date}
  512. <div id="info">
  513. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">REBLOG</a> <i class="fa fa-star" aria-hidden="true"></i> <a href="{Permalink}">{NoteCountWithLabel}</a> <i class="fa fa-star" aria-hidden="true"></i> <a href="{Permalink}">{TimeAgo}</a>{block:ContentSource}{/block:NoSourceLogo}{/block:ContentSource}</div>
  514. {/block:Date}
  515.  
  516. <div id="tags"> {block:HasTags}{block:Tags} <a href="{TagURL}"><i class="fa fa-tag" aria-hidden="true"></i> {Tag} </a> {/block:Tags}{/block:HasTags} </div></div>
  517. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}<br /></div>
  518.  
  519. </div></div></div></div>
  520.  
  521. <!-- - ̗̀ do not delete ̖́- -->
  522. <div id="creditbox">
  523. <a class="tooltip" href="http://vcnilla.tumblr.com/">
  524. <div id="credit"><i class="fa fa-asterisk" aria-hidden="true"></i></div>
  525. <span class="tooltip-content">
  526. <span class="tooltip-text">
  527. <span class="tooltip-inner">code by <b>vcnilla</b>, don't take parts of the coding pls & tnx !</span></span></span></a></div>
  528.  
  529. </body>
  530. </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!