API tools faq
paste
Advertisement
vcnillacodes

twenty one, BITTERSWEET. (400px)

vcnillacodes
Dec 17th, 2016
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.35 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2.  
  3.  
  4.  
  5. <!-- twenty one ALSO KNOWN AS bittersweet coded by vcnilla
  6. friendly reminder: stealing isn't ok -->
  7.  
  8.  
  9. <!-- one: 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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  24.  
  25. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Work+Sans" rel="stylesheet">
  26.  
  27.  
  28. <!-- two: scripts -->
  29.  
  30. <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>
  31.  
  32. <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>
  33.  
  34. <script> $(document).ready(function(){ $(".filters").click(function(e) {
  35. e.preventDefault(); $(".musebox").not("." + $(this).attr("rel")).hide(600); $("." + $(this).attr("rel")).show(600); }); }); </script>
  36.  
  37.  
  38. <!-- three: meta tags -->
  39.  
  40. <meta name="color:background" content="#eaeaea">
  41. <meta name="color:text" content="#868686" />
  42. <meta name="color:posts" content="#ffffff"/>
  43. <meta name="color:linkhover" content="#ddd" />
  44. <meta name="color:link" content="#979797" />
  45. <meta name="color:info link" content="#868686" />
  46. <meta name="color:Bold" content="#cea5a5" />
  47. <meta name="color:Italic" content="#393939"/>
  48. <meta name="color:Scrollbar" content="#dcdcdc"/>
  49. <meta name="color:container" content="#f4f4f4"/>
  50. <meta name="color:sidebar" content="#e8e8e8"/>
  51. <meta name="color:borders" content="#d7d7d7"/>
  52.  
  53. <meta name="text:tab title" content="navigation"/>
  54. <meta name="text:main title" content="bittersweet."/>
  55.  
  56. <meta name="text:admin1" content="admin one - lorem ipsum dolor sit amet"/>
  57. <meta name="text:admin2" content="admin two - lorem ipsum dolor sit amet"/>
  58. <meta name="text:admin3" content="admin three - lorem ipsum dolor sit amet"/>
  59.  
  60.  
  61. <meta name="text:link01" content="url"/>
  62. <meta name="text:link01 title" content="link 1"/>
  63. <meta name="text:link02" content="url"/>
  64. <meta name="text:link02 title" content="link 2"/>
  65. <meta name="text:link03" content="url"/>
  66. <meta name="text:link03 title" content="link 3"/>
  67. <meta name="text:link04" content="url"/>
  68. <meta name="text:link04 title" content="link 4"/>
  69. <meta name="text:link05" content="url"/>
  70. <meta name="text:link05 title" content="link 5"/>
  71. <meta name="text:link06" content="url"/>
  72. <meta name="text:link06 title" content="link 6"/>
  73. <meta name="text:link07" content="url"/>
  74. <meta name="text:link07 title" content="link 7"/>
  75. <meta name="text:link08" content="url"/>
  76. <meta name="text:link08 title" content="link 8"/>
  77. <meta name="text:link09" content="url"/>
  78. <meta name="text:link09 title" content="link 9"/>
  79.  
  80. <meta name="image:sidebar" content=""/>
  81. <meta name="image:background" content=""/>
  82. <meta name="image:sidebar2" content=""/>
  83.  
  84. <meta name="image:admin1" content=""/>
  85. <meta name="image:admin2" content=""/>
  86. <meta name="image:admin3" content=""/>
  87.  
  88. <meta name="if:scrollbar" content="0" />
  89. <meta name="if:pinnedpost" content="0" />
  90.  
  91. <meta name="select:greyscale" content="0%" title="0%"/>
  92. <meta name="select:greyscale" content="100%" title="100%"/>
  93.  
  94. </head>
  95.  
  96.  
  97. <!-- four: scroll -->
  98.  
  99. <style type="text/css">
  100. {block:IfScrollbar}
  101. ::-webkit-scrollbar { width:2px; height: 4px; }
  102. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  103. -webkit-border-radius: 5px; }
  104. {/block:IfScrollbar}
  105.  
  106. {block:IfNotScrollbar}
  107. ::-webkit-scrollbar { width:0px; height: 4px; }
  108. ::-webkit-scrollbar-thumb { background-color: {color:borders};
  109. -webkit-border-radius: 5px; }
  110. {/block:IfNotScrollbar}
  111.  
  112.  
  113.  
  114. /* five: tooltips */
  115.  
  116. #s-m-t-tooltip { max-width:300px; padding:1px; padding-left:4px; padding-right:4px; margin:20px 20px 5px 10px; font-weight:bold; text-transform:uppercase; font-family:'Montserrat'; font-size:7px; letter-spacing:2px; background:{color:sidebar}; z-index:99999999; border-radius:4px; color:{color:text}; border:1px solid {color:borders}; }
  117.  
  118. ::-moz-selection { background:{color:borders}; color:{color:text}; }
  119. ::selection { background:{color:borders}; color:{color:text}; }
  120.  
  121.  
  122. /* six: the body */
  123. body { color:{color:text}; background-color:{color:background}; line-height:14px; text-align:justify; background-image:url('{image:background}'); font-family:'Montserrat'; font-size:10px; }
  124. #vcnilla { width:710px; height:360px; position: absolute; margin:auto; left:0; top:0; right:0; bottom:0; background-color:{color:container}; opacity:0.99; }
  125.  
  126. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  127. a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  128.  
  129.  
  130.  
  131. /* seven: text*/
  132.  
  133. small { font-size:10px; }
  134. sub, sup {font-size:9px;}
  135. pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  136. big {font-size:auto;}
  137. b, strong { color:{color:bold}; }
  138. h2, h1 { padding:4px; font-size:11px; text-transform:uppercase; line-height:15px; text-align:center; background-color:{color:bold}; color:{color:sidebar}; letter-spacing:0px; font-weight:none; font-family:'work sans'; }
  139. h1 b, h1 a, h2 b, h2 a { color:{color:sidebar}; }
  140.  
  141. .quoter { color:{color:bold}; font-size:12px; font-family:'lemon'; }
  142. i, em {color:{color:italic};}
  143. p { margin-top:6px; margin-bottom:6px;}
  144. li { list-style-type: circle;}
  145. blockquote { margin:12px; padding-left:10px; padding-right:10px; border-left:1px solid {color:borders}; }
  146. img a { border:none; width:100%;}
  147.  
  148.  
  149.  
  150. /* eight: container */
  151.  
  152. #container { height:350px; width:445px; overflow: auto; position:absolute; right:0px; bottom:5px; }
  153. #entries { text-align: justify; }
  154.  
  155. #posts { margin-top:0px; margin-bottom:5px; margin-left:10px; width:400px; text-align: justify; padding:15px; padding-bottom:5px; background-color:{color:posts}; font-family:'work sans', sans-serif; }
  156. #posts img { max-width:100%; }
  157.  
  158. #info {padding:1px; text-align:center; text-transform:uppercase; background:{color:container}; font-family:'Montserrat'; }
  159. #info a { font-weight:bold; font-size:7px; letter-spacing:1px; color:{color:text}; }
  160. #info i { color:{color:bold}; font-size:6px; margin:6px; }
  161.  
  162.  
  163.  
  164. /* nine: the sidebar */
  165.  
  166. #sidebar { position:absolute; background:{color:sidebar}; bottom:5px; left:5px; height:350px; width:130px; }
  167.  
  168. #desc { width:108px; left:11px; top:78px; position:absolute; height:245px; text-align:left; background-color:{color:sidebar}; text-transform:uppercase; font-weight:bold; font-size:6.5px; letter-spacing:1px; text-align:justify; font-family:'montserrat'; overflow:auto; line-height:18px; }
  169.  
  170. #sbline { position:absolute; top:10px; z-index:99; left:10px; width:50px; height:50px; }
  171. #sbline img { width:50px; height:50px; border-radius:100%; }
  172.  
  173.  
  174. #linkbox { z-index:9999; list-style-type:none; position:absolute; top:26px; text-transform:Uppercase; height:auto; left:50px; width:76px; text-align:left; padding-left:20px; }
  175. #linkbox li { background:{color:bold}; margin-left:6px; margin-top:-11px; height:10px; float:left; list-style-type:none; padding:6px; width:10px; text-align:center; }
  176. #linkbox a { padding:0px; padding-bottom:5px; }
  177. #linkbox i { color:{color:bold}; font-size:7px; }
  178.  
  179. #pagination { position:absolute; bottom:0px; left:0px; color:{color:posts}; font-weight:bold; font-size:7px; width:126px; text-transform:uppercase; letter-spacing:1px; text-align:center; line-height:10px;background:transparent; padding:2px; background:{color:bold}; z-index:9999; }
  180. #pagination a { color:{color:text}; }
  181.  
  182.  
  183. /* ten: credit, not to be touched */
  184.  
  185. #credit { position:fixed; bottom:10px; left:10px; }
  186. #credit a { font-size:9px; color:{color:bold}; font-weight:bold; }
  187. #credit i {border-bottom-right-radius:80px; border-top-right-radius:80px; border-top-left-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; }
  188. #creditbox { position:fixed; width:100px; height:100px; bottom:10px; left:10px; }
  189. .tooltip { display:inline; position:absolute; z-index:999; }
  190. .tooltip::after { content:''; position:absolute; width:60px; height:20px; bottom:00px; left:0px; pointer-events:none; }
  191. .tooltip:hover::after { pointer-events: auto; }
  192. .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; }
  193. .tooltip:hover .tooltip-content { opacity:1; pointer-events:auto; -webkit-transition-delay:0s; transition-delay:0s; }
  194. .tooltip-content span { display:block; }
  195. .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; }
  196. .tooltip:hover .tooltip-text { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
  197. .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;}
  198. .tooltip:hover .tooltip-inner { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  199. .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; }
  200.  
  201.  
  202.  
  203. /* eleven: post styles */
  204.  
  205. #question { margin:0px; padding:8px; text-align:center; background:{color:container}; font-size:9px; text-transform:lowercase; }
  206. #question b { text-transform:uppercase; text-align:right; }
  207. #asker a { padding:0px; border-bottom:none; color:{color:posts}; }
  208. #asker { margin:0px; padding:3px; text-align:right; background:{color:bold}; font-size:13px; color:{color:sidebar}; font-family:'work sans'; text-transform:uppercase; letter-spacing:-1px; }
  209.  
  210. #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; }
  211. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  212. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  213. #audioart img { border:6px solid {color:borders}; width:50px; border-radius:70px; }
  214. #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; }
  215. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  216. ol.notes, .notes li { width:300px; list-style:none; margin:3px; margin-left:8px; padding:0px; }
  217. .notes li a { font-weight:bold; color:{color:bold}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  218.  
  219. #tags { text-align:center; margin-top:6px; font-size:6.5px; padding-left:0px; line-height:10px; font-family:'Montserrat'; font-weight:bold; }
  220. #tags a { padding:0px; border-bottom:none; color:{color:text}; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:7px;}
  221. #tags i { color:{color:bold}; }
  222.  
  223. .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;}
  224. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
  225. .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; }
  226. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:borders}; }
  227. .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; }
  228. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
  229.  
  230. .photoset, .video, #posts img { transition:0.6s; -webkit-filter:grayscale({select:greyscale}); }
  231.  
  232.  
  233. #title { font-size:37px; margin-top:-30px; font-family:'lemon'; width:700px; position:absolute; left:0px; color:{color:text}; padding-left:10px; text-align:right; z-index:99; background:{color:sidebar}; padding-bottom:16px; transition:all 0.3s ease-in-out; letter-spacing:-1px; }
  234.  
  235. @font-face{ font-family:"lemon"; src:url('https://dl.dropboxusercontent.com/s/fix19ly733mkxd1/Lemon%20Tuesday.otf');}
  236.  
  237. #pinnedpost { margin-top:0px; margin-bottom:5px; margin-left:10px; width:400px; text-align: justify; padding:15px; padding-bottom:7px; background-color:{color:posts}; font-family:'work sans', sans-serif; }
  238.  
  239.  
  240.  
  241. /* twelve: tabs */
  242.  
  243. ul.tab { list-style-type:none; padding:0px; position:absolute; top:19px; right:20px; }
  244. .tab i { color:{color:link}; }
  245. ul.tab a { float:right; }
  246. ul.tab li a:hover { color: {color:bold};}
  247. .tabcontent { display:none; position:absolute; background:{color:posts}; width:430px; height:350px; z-index:999999; overflow:auto; right:5px; bottom:5px; overflow:auto; overflow-x:hidden; }
  248.  
  249. #tit { font-family:'lemon'; text-align:center; font-size:33px; width:417px; height:62px; position:absolute; top:9px; letter-spacing:-1px; line-height:62px; left:5px; }
  250.  
  251. #tabone ul { padding-left:12px; margin-top:75px; list-style-type:none; height:300px; }
  252. #tabone li { list-style-type:none; width:123px; background:{color:container}; padding:4px; float:left; margin:2px; text-transform:uppercase; font-size:8px; text-align:center; font-weight:bold; font-family:'roboto'; letter-spacing:1px; }
  253. #tabone i { background:{color:tab accent1}; color:{color:container}; padding:4px; font-size:13px; border-radius:100%; width:13px; height:13px; }
  254. #tabone li:hover { -webkit-filter:brightness(90%); }
  255.  
  256.  
  257. #tabcontain { padding-left:10px; margin-top:80px; height:300px; width:310px; float:left; font-family:'work sans'; }
  258.  
  259. #sb2 { width:130px; height:350px; top:5px; right:440px; position:absolute; background:#aaa; }
  260.  
  261. #info a:link, a:active, a:visited { color:{color:info link}; text-decoration:none; }
  262. #info a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  263.  
  264. #muses { position:absolute; left:10px; top:93px; width:440px; height:auto; padding-bottom:10px; }
  265. .musebox { width:95px; height:95px; margin:4px; background:{color:bold}; float:left; overflow:hidden; text-align:center; }
  266. .musebox img { width:95px; height:95px; transition:0.5s; }
  267. .musebox:hover img { transition:0.5s; -webkit-filter: grayscale(1); opacity:0.2; }
  268. .mname { width:95px; height:95px; line-height:95px; font-family:'montserrat'; font-weight:bold; color:{color:container}; font-size:10px; text-align:center; position:absolute; margin-top:-95px; text-transform:uppercase; opacity:0; transition:0.5s; }
  269. .musebox:hover .mname { opacity:1; transition:0.5s; }
  270.  
  271. #filters { top:50px; padding:5px; margin:14px; width:393px; position:absolute; letter-spacing:1px; text-align:center; background:{color:container}; }
  272. #filters a { margin:4px; margin-top:1px; font-size:7px; letter-spacing:1px; text-decoration:none; text-align:center; text-transform:uppercase; font-family:'montserrat'; font-weight:bold; }
  273.  
  274. #admins { position:absolute; bottom:14px; left:14px; width:265px; height:180px; background:{color:container}; overflow:auto; }
  275.  
  276. #updates { position:absolute; bottom:14px; right:15px; width:111px; height:160px; background:{color:container}; font-family:'work sans'; line-height:12px; overflow:auto; padding:10px; }
  277. .uptitle { text-align:center; text-transform:lowercase; font-family:'lemon'; font-size:18px; padding-bottom:3px; }
  278. #updates h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family:'montserrat'; font-size:8px; }
  279.  
  280. .adminbox { width:240px; height:auto; margin:8px; overflow:auto; font-family:'work sans';}
  281. .adminbox img { border-radius:100%; float:left; margin-right:10px; }
  282. .adminbox b { background:{color:bold}; padding:2px; color:{color:text}; font-size:7px; font-family:'montserrat'; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
  283.  
  284.  
  285. </style>
  286.  
  287.  
  288.  
  289. <!-- thirteen: html -->
  290.  
  291. <body><div id="vcnilla">
  292.  
  293. <div id="sb2"><img src="{image:sidebar2}"></div>
  294.  
  295. <div id="title">{text:main title}</div>
  296.  
  297. <div id="linkbox">
  298. <a href="/" title="refresh"><li><i class="icon-home" style="color:{color:text}; font-size:11px;" ></i></li></a>
  299.  
  300. <a href="/ask" title="ask"><li><i class="icon-bubble" style="color:{color:text}; font-size:11px;" ></i></li></a>
  301.  
  302. <ul class="tab">
  303. <a href="#" class="tablinks" title="links" onclick="openCity(event, 'tabone')"><li><i class="icon-paper-plane" style="color:{color:text}; font-size:11px;" ></i></li></a>
  304.  
  305. <a href="#" class="tablinks" title="muses" onclick="openCity(event, 'tabtwo')"><li><i class="icon-user" style="color:{color:text}; font-size:11px;" ></i></li></a>
  306. </ul>
  307. </div>
  308.  
  309.  
  310. <div id="sidebar">
  311.  
  312. <div id="sbline"><img src="{image:sidebar}"></div>
  313.  
  314. <div id="desc">{description}</div>
  315.  
  316. {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}</div>
  317.  
  318.  
  319.  
  320.  
  321. <!-- navi tab -->
  322.  
  323. <div id="tabone" class="tabcontent" style="overflow-y:hidden;">
  324. <div id="tit">{text:tab title}</div>
  325.  
  326. <ul>
  327. <a href="{text:link01}"><li>{text:link01 title}</li></a>
  328. <a href="{text:link02}"><li>{text:link02 title}</li></a>
  329. <a href="{text:link03}"><li>{text:link03 title}</li></a>
  330. <a href="{text:link04}"><li>{text:link04 title}</li></a>
  331. <a href="{text:link05}"><li>{text:link05 title}</li></a>
  332. <a href="{text:link06}"><li>{text:link06 title}</li></a>
  333. <a href="{text:link07}"><li>{text:link07 title}</li></a>
  334. <a href="{text:link08}"><li>{text:link08 title}</li></a>
  335. <a href="{text:link09}"><li>{text:link09 title}</li></a>
  336. </ul>
  337.  
  338. <!-- admins information -->
  339.  
  340. <div id="admins">
  341.  
  342. <div class="adminbox"><img src="{image:admin1}">
  343. {text:admin1}
  344. </div>
  345.  
  346. <div class="adminbox"><img src="{image:admin2}">
  347. {text:admin2}
  348. </div>
  349.  
  350. <div class="adminbox"><img src="{image:admin3}">
  351. {text:admin3}
  352. </div>
  353.  
  354. </div>
  355.  
  356.  
  357.  
  358. <!-- updates information, edit this here (: -->
  359.  
  360. <div id="updates">
  361. <div class="uptitle">updates</div>
  362.  
  363. <h3>DD/MM</h3>
  364. this is where the update text goes. oh n it scrolls so like,, put a 100 updates here if u want honestly
  365.  
  366. <h3>DD/MM</h3>
  367. this is where the update text goes
  368.  
  369. <h3>DD/MM</h3>
  370. this is where the update text goes
  371.  
  372. <h3>DD/MM</h3>
  373. this is where the update text goes
  374.  
  375. </div>
  376.  
  377. </div>
  378.  
  379.  
  380. <!-- muses tab, edit this here (: -->
  381.  
  382. <div id="tabtwo" class="tabcontent">
  383. <div id="tit">meet the muses</div>
  384.  
  385. <div id="filters">
  386. <a href="#" rel="musebox" class="filters">all</a>
  387. <a href="#" rel="female" class="filters">female</a>
  388. <a href="#" rel="male" class="filters">male</a>
  389. <a href="#" rel="nonbinary" class="filters">non-binary</a>
  390. </div>
  391.  
  392. <div id="muses">
  393.  
  394. <!-- to add a new muse copy from here -->
  395.  
  396. <div class="musebox female">
  397. <img src="https://i.imgur.com/TKzP1wI.png">
  398. <a href="/"><div class="mname">name</div></a>
  399. </div>
  400.  
  401. <!-- to here -->
  402.  
  403. <div class="musebox nonbinary">
  404. <img src="https://i.imgur.com/6lzfruH.png">
  405. <a href="/"><div class="mname">name</div></a>
  406. </div>
  407.  
  408. <div class="musebox female">
  409. <img src="https://i.imgur.com/y5IYBw7.png">
  410. <a href="/"><div class="mname">name</div></a>
  411. </div>
  412.  
  413. <div class="musebox nonbinary">
  414. <img src="https://i.imgur.com/IEEvyAi.png">
  415. <a href="/"><div class="mname">name</div></a>
  416. </div>
  417.  
  418. <div class="musebox female">
  419. <img src="https://i.imgur.com/KTSnhqJ.png">
  420. <a href="/"><div class="mname">name</div></a>
  421. </div>
  422.  
  423. <div class="musebox nonbinary">
  424. <img src="https://i.imgur.com/MkubJDC.png">
  425. <a href="/"><div class="mname">name</div></a>
  426. </div>
  427.  
  428. <div class="musebox male">
  429. <img src="https://i.imgur.com/vJXlMgN.png">
  430. <a href="/"><div class="mname">name</div></a>
  431. </div>
  432.  
  433. <div class="musebox nonbinary">
  434. <img src="https://i.imgur.com/mDXpsST.png">
  435. <a href="/"><div class="mname">name</div></a>
  436. </div>
  437.  
  438. <!--- for another muse copy from here --->
  439. <div class="musebox male">
  440. <img src="https://i.imgur.com/VS7MdVw.png">
  441. <a href="/"><div class="mname">name</div></a>
  442. </div>
  443. <!--- to here & paste after this --->
  444.  
  445. </div></div>
  446.  
  447.  
  448.  
  449.  
  450.  
  451. <!-- fourteen: posts -->
  452.  
  453. <div id="container">
  454.  
  455. {block:IfPinnedPost}
  456. <div id="pinnedpost">
  457. <h1> this is a pinned post <span class="lnr lnr-pushpin"></span></h1>
  458. <blockquote>just a friendly reminder that if you spam us with likes you'll get permanently <b>blocked</b> as its annoying & unnecessary - don't do it. thanx <b><I>!!</I></b></blockquote>
  459. <blockquote>we've gotten a few questions in regard to whether or not we rp, what rp's we're in, etc. and while we do have a tag for recommended rp's (<b><a href="http://vcnilla.tumblr.com/tagged/vcnilla%20recommends">here</a></b>) we actually don't rp at all so please don't send us messages about it <b><I>!</I></b>
  460. </blockquote>
  461. </div>
  462. {/block:IfPinnedPost}
  463.  
  464. <div id="entries">
  465. {block:posts}
  466. <!-- {block:NoRebloggedFrom}
  467. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  468. {/block:NoRebloggedFrom} -->
  469. {block:ContentSource}<!-- {SourceURL}
  470. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  471. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  472. {/block:ContentSource}
  473.  
  474. <div id="posts">
  475. {block:Text}{block:Title}
  476. <h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  477.  
  478. {block:Quote}<h2>{Quote} <div class="quoter">— {Source}</div></h2>{/block:Quote}
  479.  
  480. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  481. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  482.  
  483. {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}
  484.  
  485. {block:Chat} {block:Title} <h1>{Title}</h1>{/block:Title}<br>
  486. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  487. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  488.  
  489. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  490.  
  491. {block:Answer}<div id="question"> {Question}</div>
  492. <div id="asker">{Asker} </div>
  493. {Answer}{/block:Answer}
  494.  
  495. {block:Audio}<div id="audioinfo"><div id="audioplayer">{AudioPlayerWhite}</div><div id="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  496. <b>ARTIST:</b> {Artist}
  497. <br><b>TRACK NAME:</b> {TrackName}
  498. <br><b>PLAYED:</b> {PlayCountWithLabel}
  499. </div>{block:Caption}{Caption}{/block:Caption} {/block:Audio}
  500.  
  501. {block:Date}
  502. <div id="info">
  503. <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>
  504. {/block:Date}
  505.  
  506. <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>
  507. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}<br /></div>
  508.  
  509. </div></div></div></div>
  510.  
  511.  
  512.  
  513. <!-- DON'T DELETE THIS -->
  514.  
  515. <div id="creditbox">
  516. <a class="tooltip" href="http://vcnilla.tumblr.com/">
  517. <div id="credit"><i class="icon-heart" style="color:{color:text}; font-size:9px;" ></i></div>
  518. <span class="tooltip-content">
  519. <span class="tooltip-text">
  520. <span class="tooltip-inner">code by <b>vcnilla</b>, don't take parts of the coding pls & tnx !</span></span></span></a></div>
  521.  
  522.  
  523.  
  524. </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!