API tools faq
paste
Advertisement
Guest User

bittersweet symphony.

a guest
Oct 23rd, 2017
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.30 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="50%" title="50%"/>
  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:9px; }
  124. #vcnilla { width:610px; 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:9px; }
  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:345px; overflow: auto; position:absolute; right:0px; bottom:5px; {block:If350pxPosts} width:395px; {/block:If350pxPosts} }
  153. #entries { text-align: justify; }
  154.  
  155. #posts { margin-top:0px; margin-bottom:5px; margin-left:10px; width:300px; text-align: justify; padding:15px; padding-bottom:5px; background-color:{color:posts}; font-family:'work sans', sans-serif;
  156. {block:If350pxPosts} width:350px; {/block:If350pxPosts} }
  157. #posts img { max-width:100%; }
  158.  
  159. #info {padding:1px; text-align:center; text-transform:uppercase; background:{color:container}; font-family:'Montserrat'; }
  160. #info a { font-weight:bold; font-size:7px; letter-spacing:1px; color:{color:text}; }
  161. #info i { color:{color:bold}; font-size:6px; margin:6px; }
  162.  
  163.  
  164.  
  165. /* nine: the sidebar */
  166.  
  167. #sidebar { position:absolute; background:{color:sidebar}; bottom:5px; left:5px; height:350px; width:130px; }
  168.  
  169. #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; }
  170.  
  171. #sbline { position:absolute; top:10px; z-index:99; left:10px; width:50px; height:50px; }
  172. #sbline img { width:50px; height:50px; border-radius:0%; }
  173.  
  174.  
  175. #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; }
  176. #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; }
  177. #linkbox a { padding:0px; padding-bottom:5px; }
  178. #linkbox i { color:{color:bold}; font-size:7px; }
  179.  
  180. #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; }
  181. #pagination a { color:{color:text}; }
  182.  
  183.  
  184. /* ten: credit, not to be touched */
  185.  
  186. #credit { position:fixed; bottom:10px; left:10px; }
  187. #credit a { font-size:9px; color:{color:bold}; font-weight:bold; }
  188. #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; }
  189. #creditbox { position:fixed; width:100px; height:100px; bottom:10px; left:10px; }
  190. .tooltip { display:inline; position:absolute; z-index:999; }
  191. .tooltip::after { content:''; position:absolute; width:60px; height:20px; bottom:00px; left:0px; pointer-events:none; }
  192. .tooltip:hover::after { pointer-events: auto; }
  193. .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; }
  194. .tooltip:hover .tooltip-content { opacity:1; pointer-events:auto; -webkit-transition-delay:0s; transition-delay:0s; }
  195. .tooltip-content span { display:block; }
  196. .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; }
  197. .tooltip:hover .tooltip-text { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
  198. .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;}
  199. .tooltip:hover .tooltip-inner { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  200. .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; }
  201.  
  202.  
  203.  
  204. /* eleven: post styles */
  205.  
  206. #question { margin:0px; padding:8px; text-align:center; background:{color:container}; font-size:9px; text-transform:lowercase; }
  207. #question b { text-transform:uppercase; text-align:right; }
  208. #asker a { padding:0px; border-bottom:none; color:{color:posts}; }
  209. #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; }
  210.  
  211. #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; }
  212. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  213. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  214. #audioart img { border:6px solid {color:borders}; width:50px; border-radius:70px; }
  215. #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; }
  216. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  217. ol.notes, .notes li { width:300px; list-style:none; margin:3px; margin-left:8px; padding:0px; }
  218. .notes li a { font-weight:bold; color:{color:bold}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  219.  
  220. #tags { text-align:center; margin-top:6px; font-size:6.5px; padding-left:0px; line-height:10px; font-family:'Montserrat'; font-weight:bold; }
  221. #tags a { padding:0px; border-bottom:none; color:{color:text}; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:7px;}
  222. #tags i { color:{color:bold}; }
  223.  
  224. .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;}
  225. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { float:left; background:{color:container}; left:3px; }
  226. .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; }
  227. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { right:3px; float:right; background-color:{color:borders}; }
  228. .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; }
  229. .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; list-style-type:none; }
  230.  
  231. .photoset, .video, #posts img { transition:0.6s; -webkit-filter:grayscale({select:greyscale}); }
  232.  
  233.  
  234. #title { font-size:37px; margin-top:-30px; font-family:'Lemon'; width:600px; position:absolute; left:0px; color:{color:italic}; 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; }
  235.  
  236. @font-face { font-family: "lemon"; src: url('https://dl.dropboxusercontent.com/s/pzeetxopmrvjc6i/markella.otf'); ;}
  237.  
  238. #pinnedpost { margin-top:0px; margin-bottom:5px; margin-left:10px; width:300px; text-align: justify; padding:15px; padding-bottom:7px; background-color:{color:posts}; font-family:'work sans', sans-serif; }
  239.  
  240.  
  241.  
  242. /* twelve: tabs */
  243.  
  244. ul.tab { list-style-type:none; padding:0px; position:absolute; top:19px; right:20px; }
  245. .tab i { color:{color:link}; }
  246. ul.tab a { float:right; }
  247. ul.tab li a:hover { color: {color:bold};}
  248. .tabcontent { display:none; position:absolute; background:{color:posts}; width:330px; height:350px; z-index:999999; overflow:auto; right:5px; bottom:5px; overflow:auto; overflow-x:hidden; }
  249.  
  250. #tit { font-family:'lemon'; text-align:center; font-size:33px; width:317px; height:62px; position:absolute; top:9px; letter-spacing:-1px; line-height:62px; left:5px; color:{color:italic}; }
  251.  
  252. #tabone ul { padding-left:12px; margin-top:75px; list-style-type:none; height:300px; }
  253. #tabone li { list-style-type:none; width:90px; background:{color:container}; padding:4px; float:left; margin:2px; text-transform:uppercase; font-size:8px; text-align:center; font-weight:bold; font-family:'montserrat'; letter-spacing:1px; }
  254. #tabone i { background:{color:tab accent1}; color:{color:container}; padding:4px; font-size:13px; border-radius:100%; width:13px; height:13px; }
  255. #tabone li:hover { -webkit-filter:brightness(90%); }
  256.  
  257.  
  258. #tabcontain { padding-left:10px; margin-top:80px; height:300px; width:310px; float:left; font-family:'work sans'; }
  259.  
  260. #sb2 { width:130px; height:350px; top:5px; right:340px; position:absolute; background:#aaa; }
  261.  
  262. #info a:link, a:active, a:visited { color:{color:info link}; text-decoration:none; }
  263. #info a:hover { color:{color:linkhover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  264.  
  265. #muses { position:absolute; left:10px; top:93px; width:340px; height:auto; padding-bottom:10px; }
  266. .musebox { width:95px; height:95px; margin:4px; background:{color:bold}; float:left; overflow:hidden; text-align:center; }
  267. .musebox img { width:95px; height:95px; transition:0.5s; }
  268. .musebox:hover img { transition:0.5s; -webkit-filter: grayscale(1); opacity:0.2; }
  269. .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; }
  270. .musebox:hover .mname { opacity:1; transition:0.5s; }
  271.  
  272. #filters { top:50px; padding:5px; margin:14px; width:291px; position:absolute; letter-spacing:1px; text-align:center; background:{color:container}; }
  273. #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; }
  274.  
  275. #admins { position:absolute; bottom:14px; left:14px; width:200px; height:180px; background:{color:container}; overflow:auto; }
  276.  
  277. #updates { position:absolute; bottom:14px; right:14px; width:78px; height:160px; background:{color:container}; font-family:'work sans'; line-height:12px; overflow:auto; padding:10px; }
  278. .uptitle { text-align:center; text-transform:lowercase; font-family:'lemon'; font-size:18px; padding-bottom:3px; color:{color:bold}; }
  279. #updates h3 { background:{color:italic}; padding:4px; text-align:center; text-transform:uppercase; font-family:'montserrat'; font-size:8px;color:#fff; }
  280.  
  281. .adminbox { width:182px; height:auto; margin:8px; overflow:auto; font-family:'work sans';}
  282. .adminbox img { border-radius:100%; float:left; margin-right:10px; }
  283. .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; }
  284.  
  285.  
  286. </style>
  287.  
  288.  
  289.  
  290. <!-- thirteen: html -->
  291.  
  292. <body><div id="vcnilla">
  293.  
  294. <div id="sb2"><img src="{image:sidebar2}"></div>
  295.  
  296. <div id="title">{text:main title}</div>
  297.  
  298. <div id="linkbox">
  299. <a href="/" title="refresh"><li><i class="icon-home" style="color:#fff; font-size:11px;" ></i></li></a>
  300.  
  301. <a href="/ask" title="ask"><li><i class="icon-bubble" style="color:#fff; font-size:11px;" ></i></li></a>
  302.  
  303. <ul class="tab">
  304. <a href="#" class="tablinks" title="navigation" onclick="openCity(event, 'tabone')"><li><i class="icon-paper-plane" style="color:#fff; font-size:11px;" ></i></li></a>
  305.  
  306. <a href="#" class="tablinks" title="muses" onclick="openCity(event, 'tabtwo')"><li><i class="icon-user" style="color:#fff; font-size:11px;" ></i></li></a>
  307. </ul>
  308. </div>
  309.  
  310.  
  311. <div id="sidebar">
  312.  
  313. <div id="sbline"><img src="{image:sidebar}"></div>
  314.  
  315. <div id="desc">{description}</div>
  316.  
  317. {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>
  318.  
  319.  
  320.  
  321.  
  322. <!-- navi tab -->
  323.  
  324. <div id="tabone" class="tabcontent" style="overflow-y:hidden;">
  325. <div id="tit">{text:tab title}</div>
  326.  
  327. <ul>
  328. <a href="{text:link01}"><li>{text:link01 title}</li></a>
  329. <a href="{text:link02}"><li>{text:link02 title}</li></a>
  330. <a href="{text:link03}"><li>{text:link03 title}</li></a>
  331. <a href="{text:link04}"><li>{text:link04 title}</li></a>
  332. <a href="{text:link05}"><li>{text:link05 title}</li></a>
  333. <a href="{text:link06}"><li>{text:link06 title}</li></a>
  334. <a href="{text:link07}"><li>{text:link07 title}</li></a>
  335. <a href="{text:link08}"><li>{text:link08 title}</li></a>
  336. <a href="{text:link09}"><li>{text:link09 title}</li></a>
  337. </ul>
  338.  
  339. <!-- admins information -->
  340.  
  341. <div id="admins">
  342.  
  343. <div class="adminbox"><img src="{image:admin1}">
  344. {text:admin1}
  345. </div>
  346.  
  347. <div class="adminbox"><img src="{image:admin2}">
  348. {text:admin2}
  349. </div>
  350.  
  351. <div class="adminbox"><img src="{image:admin3}">
  352. {text:admin3}
  353. </div>
  354.  
  355. </div>
  356.  
  357.  
  358.  
  359. <!-- updates information, edit this here (: -->
  360.  
  361. <div id="updates">
  362. <div class="uptitle">updates</div>
  363.  
  364. <h3>DD/MM</h3>
  365. this is where the update text goes. oh n it scrolls so like,, put a 100 updates here if u want honestly
  366.  
  367. <h3>DD/MM</h3>
  368. this is where the update text goes
  369.  
  370. <h3>DD/MM</h3>
  371. this is where the update text goes
  372.  
  373. <h3>DD/MM</h3>
  374. this is where the update text goes
  375.  
  376. </div>
  377.  
  378. </div>
  379.  
  380.  
  381. <!-- muses tab, edit this here (: -->
  382.  
  383. <div id="tabtwo" class="tabcontent">
  384. <div id="tit">meet the muses</div>
  385.  
  386. <div id="filters">
  387. <a href="#" rel="musebox" class="filters">all</a>
  388. <a href="#" rel="female" class="filters">female</a>
  389. <a href="#" rel="male" class="filters">male</a>
  390. <a href="#" rel="nonbinary" class="filters">non-binary</a>
  391. </div>
  392.  
  393. <div id="muses">
  394.  
  395. <!-- to add a new muse copy from here -->
  396.  
  397. <div class="musebox female">
  398. <img src="https://i.imgur.com/TKzP1wI.png">
  399. <a href="/"><div class="mname">name</div></a>
  400. </div>
  401.  
  402. <!-- to here -->
  403.  
  404. <div class="musebox nonbinary">
  405. <img src="https://i.imgur.com/6lzfruH.png">
  406. <a href="/"><div class="mname">name</div></a>
  407. </div>
  408.  
  409. <div class="musebox female">
  410. <img src="https://i.imgur.com/y5IYBw7.png">
  411. <a href="/"><div class="mname">name</div></a>
  412. </div>
  413.  
  414. <div class="musebox nonbinary">
  415. <img src="https://i.imgur.com/IEEvyAi.png">
  416. <a href="/"><div class="mname">name</div></a>
  417. </div>
  418.  
  419. <div class="musebox female">
  420. <img src="https://i.imgur.com/KTSnhqJ.png">
  421. <a href="/"><div class="mname">name</div></a>
  422. </div>
  423.  
  424. <div class="musebox nonbinary">
  425. <img src="https://i.imgur.com/MkubJDC.png">
  426. <a href="/"><div class="mname">name</div></a>
  427. </div>
  428.  
  429. <div class="musebox male">
  430. <img src="https://i.imgur.com/vJXlMgN.png">
  431. <a href="/"><div class="mname">name</div></a>
  432. </div>
  433.  
  434. <div class="musebox nonbinary">
  435. <img src="https://i.imgur.com/mDXpsST.png">
  436. <a href="/"><div class="mname">name</div></a>
  437. </div>
  438.  
  439. <!--- for another muse copy from here --->
  440. <div class="musebox male">
  441. <img src="https://i.imgur.com/VS7MdVw.png">
  442. <a href="/"><div class="mname">name</div></a>
  443. </div>
  444. <!--- to here & paste after this --->
  445.  
  446. </div></div>
  447.  
  448.  
  449.  
  450.  
  451.  
  452. <!-- fourteen: posts -->
  453.  
  454. <div id="container">
  455.  
  456. {block:IfPinnedPost}
  457. <div id="pinnedpost">
  458. <h1> plot summary <span class="lnr lnr-pushpin"></span></h1>
  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!