API tools faq
paste
Advertisement
shippudens

Vocal Android theme

shippudens
May 19th, 2021 (edited)
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6. <!----
  7. this base code was made by ylfva (idolbunny / koilees)! feel free to edit but dont remove credit
  8.  
  9. ---->
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17.  
  18. <meta name="color:background"content="fff">
  19. <meta name="image:background image"content="">
  20. <meta name="image:sidebar image" content="">
  21. <meta name="color:sidebar bg"content="fff">
  22. <meta name="color:sidebar text"content="fff">
  23. <meta name="color:sidebar indent"content="fff">
  24. <meta name="color:drop shadow inset"content="fff">
  25. <meta name="color:text"content="fff">
  26. <meta name="color:title color"content="fff">
  27. <meta name="color:title drop shadow" content="fff">
  28. <meta name="color:top1" content= "fff">
  29. <meta name="color:top2"content="fff">
  30. <meta name="color:post background" content="fff">
  31. <meta name="color:links" content="fff">
  32. <meta name="color:borders"content="fff">
  33. <meta name="color:drop shadow" content="fff">
  34. <meta name="color:post title" content="fff">
  35. <meta name="text:tag redirect" content="leave blank 4 none">
  36. <meta name="text:notes symbol" content="✩">
  37. <meta name="select:side image" content="https://i.imgur.com/8m2GegN.png" title="miku">
  38. <meta name="select:side image" content="https://i.imgur.com/l9q1t4D.png" title="rin-len">
  39. <meta name="select:side image" content="https://i.imgur.com/zXfndY4.png" title="luka">
  40. <meta name="select:side image" content="https://i.imgur.com/A10W0lR.png" title="flower">
  41. <meta name="select:side image" content="https://i.imgur.com/XDOD00G.png" title="rana">
  42. <meta name="select:side image" content="https://i.imgur.com/fVaSVm3.png" title="nana">
  43. <meta name="select:side image" content="https://i.imgur.com/WUf54wu.png" title="kaito">
  44. <meta name="select:side image" content="https://i.imgur.com/V4RZ9ub.png" title="macne coco black">
  45. <meta name="select:side image" content="" title="none">
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. ::selection {
  51. background:{color:selection bg};
  52. color:{color:selection text};
  53. }
  54.  
  55. #allofit {
  56. width:1100px;
  57. margin-left:auto;
  58. margin-right:auto;
  59. }
  60.  
  61.  
  62. #sidebar {
  63. background:{color:post background};
  64. width:300px;
  65. position:fixed;
  66. margin-top:90px;
  67. margin-left:10px;
  68. padding:7px;
  69. border-style:solid;
  70. border-width:1px;
  71.  
  72. border-color:{color:borders};
  73. box-shadow: 10px 10px 2px {color:drop shadow}, -2px -2px 1px inset {color:drop shadow inset}, 2px 2px 1px #fff inset;
  74. font-family:"Lucida Console", monospace;
  75.  
  76. }
  77. #sidebar .description {
  78. color:{color:sidebar text};
  79. font-size:14px;
  80. padding:10px;
  81. height:135px;
  82. max-height:135px;
  83. width:180px;
  84. border-style:solid;
  85. border-width:1px;
  86. border-color:{color:borders};
  87.  
  88. background:{color:sidebar indent};
  89. display:inline;
  90. float:right;
  91. box-shadow:2px 2px 1px {color:drop shadow inset} inset;
  92. overflow-y:scroll;
  93. margin-bottom:10px;
  94.  
  95. }
  96.  
  97. #sidebar .description a{
  98. color:{color:links};
  99. text-decoration:none;
  100.  
  101. }
  102.  
  103. #sidebar img {
  104. width:80px;
  105. height:80px;
  106. border-style:solid;
  107. border-width:1px;
  108. border-color:{color:borders};
  109. border-radius:50%;
  110. display:inline;
  111. margin-left:5px;
  112. margin-right:auto;
  113. float:left;
  114. box-shadow:5px 5px 2px {color:drop shadow inset};
  115. }
  116.  
  117. #sidebar .title .ttlx {
  118. float:right;
  119. padding-left:3px;
  120. padding-right:4px;
  121. margin-right:7px;
  122. color:{color:borders};
  123. border-style:solid;
  124. border-width:0.5px;
  125. background:white;
  126. font-family:Arial;
  127. }
  128.  
  129. #sidebar .title .ttlu {
  130.  
  131. padding-left:3px;
  132. padding-right:4px;
  133. margin-right:7px;
  134. color:{color:borders};
  135. border-style:solid;
  136. border-width:0.5px;
  137. background:white;
  138. font-family:Arial;
  139. float:left;
  140. }
  141.  
  142. #sidebar .title .sb2 {
  143. float:right;
  144. }
  145.  
  146. #sidebar .title {
  147. color:{color:title color};
  148.  
  149. background: -webkit-linear-gradient({color:top1}, {color:top2});;
  150. padding:5px;
  151. padding-left:7px;
  152. border-style:solid;
  153. border-color:{color:borders};
  154. border-width:1px;
  155. text-align:left;
  156.  
  157. margin-bottom:20px;
  158.  
  159. }
  160.  
  161.  
  162. #content {
  163. width:500px;
  164. margin-top:110px;
  165. margin-left:400px;
  166. padding:20px;
  167. font-family:"Lucida Console", monospace;
  168. }
  169.  
  170. #content .text {
  171. font-size:15px;
  172. color:{color:text};
  173. }
  174.  
  175. #content .title {
  176. font-size:20px;
  177. color:{color:post title};
  178. }
  179.  
  180. #content #posts {
  181. background-color:{color:post background};
  182. margin: 0 auto 20px;
  183. padding:20px;
  184. border-style:solid;
  185. border-width:1px;
  186.  
  187. border-color:{color:borders};
  188.  
  189. box-shadow: 10px 10px 2px {color:drop shadow}, -2px -2px 1px inset {color:drop shadow inset}, 2px 2px 1px #fff inset;
  190. }
  191.  
  192. img {
  193. display: block;
  194. max-width: 100%;
  195. max-height: 100%;
  196. width: auto;
  197. height: auto;
  198. }
  199.  
  200.  
  201. #content #toptext {
  202. color:{color:title color};
  203. background: -webkit-linear-gradient({color:top1}, {color:top2});
  204. border-style:solid;
  205. border-width:1px;
  206. margin-left:-13px;
  207. margin-top:-13px;
  208. margin-right:-13px;
  209. border-color:{color:borders};
  210.  
  211. margin-bottom:15px;
  212. padding:8px;
  213.  
  214. }
  215.  
  216. #content a{
  217. color:{color:links};
  218. text-decoration:none;
  219. }
  220.  
  221. #content .question {
  222. border-width:1px;
  223. border-color:{color:borders};
  224. color:{color:text};
  225. border-style:solid;
  226.  
  227. padding:5px;
  228. z-index:100;
  229. background:{color:sidebar indent};
  230. box-shadow:2px 2px 3px {color:drop shadow inset} inset;
  231. }
  232.  
  233.  
  234. #content #toptext .ttx {
  235. float:right;
  236. padding-left:3px;
  237. padding-right:4px;
  238. margin-right:7px;
  239. color:{color:borders};
  240. border-style:solid;
  241. border-width:0.5px;
  242. background:white;
  243. font-family:Arial;
  244. }
  245.  
  246. #content #toptext .ttu {
  247.  
  248. padding-left:3px;
  249. padding-right:4px;
  250. margin-right:7px;
  251. color:{color:borders};
  252. border-style:solid;
  253. border-width:0.5px;
  254. background:white;
  255. font-family:Arial;
  256. float:left;
  257. }
  258.  
  259. #content #toptext .t2 {
  260. float:right;
  261. }
  262.  
  263. body {
  264. background-color:{color:background};
  265. background-image:url({image:background image});
  266. background-repeat:repeat-x;
  267. background-attachment:fixed;
  268. }
  269.  
  270. img {
  271. max-width:100%;
  272. max-height:100%;
  273. }
  274.  
  275. #sidebar .pagnation {
  276. color:{color:text};
  277.  
  278. text-align:center;
  279.  
  280.  
  281. font-family:"Arial", sans-serif;
  282.  
  283. margin-bottom:10px;
  284. margin-right:auto;
  285. margin-left:-7px;
  286. margin-top:115px;
  287.  
  288.  
  289. }
  290.  
  291. #sidebar .pagnation a {
  292. color:{color:text};
  293. text-align:center;
  294. background:white;
  295. border-style:solid;
  296. border-width:1px;
  297. padding-top:2px;
  298. padding-bottom:2px;
  299. padding-left:5px;
  300. padding-right:6px;
  301. box-shadow:3px 3px 1px {color:drop shadow inset};
  302. border-color:{color:borders}
  303. }
  304.  
  305. </style>
  306.  
  307. </head>
  308.  
  309. <body>
  310.  
  311. {block:iftagredirect}{block:IndexPage}
  312. <script type="text/javascript">
  313. var url = location.href;
  314. if (url == "{BlogURL}") {
  315. window.location = "{BlogURL}tagged/{text:tag redirect}";
  316. }
  317. </script>
  318. {/block:IndexPage}{/block:iftagredirect}
  319.  
  320. <div id="allofit">
  321.  
  322.  
  323. <div id="sidebar">
  324. <div class="title"<a href="/">{Title}.exe</a>
  325. <div class="sb2">
  326. <div class="ttlu">❏</div>
  327. <div class="ttlx">X</div>
  328. </div>
  329. </div>
  330. <div class="icon">
  331. <img src="{image:sidebar image}">
  332. </div>
  333. <div class="description">{Description}</div>
  334. <div class="pagnation">
  335. {block:Pagination}
  336. {block:NextPage}
  337. <p> <a href="{NextPage}">next</a>
  338. {/block:NextPage}
  339.  
  340. {block:PreviousPage}
  341. <p> <a href="{PreviousPage}">prev</a>
  342. {/block:PreviousPage}
  343. {/block:Pagination}
  344. </div>
  345. </div>
  346.  
  347. <div id="content">
  348. {block:Posts}
  349.  
  350. <div id="posts">
  351. <div id="toptext">
  352. {PostType}
  353. <div class="t2">
  354. <div class="ttu">❏</div>
  355. <div class="ttx">X</div>
  356. </div>
  357. </div>
  358.  
  359. {block:Photo}
  360. {LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}
  361. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  362. {/block:Photo}
  363.  
  364. {block:Photoset}
  365. {Photoset-400}
  366. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  367. {/block:Photoset}
  368.  
  369. {block:Video}
  370. {Video-400}
  371. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  372. {/block:Video}
  373.  
  374. {block:Audio}
  375. {AudioPlayerBlack}
  376. <div class="text">~ {PlayCountWithLabel}</div>
  377. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  378. {/block:Audio}
  379.  
  380. {block:Quote}
  381. <div class="title">“{Quote}”</div>
  382. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  383. {/block:Quote}
  384.  
  385. {block:Text}
  386. {block:Title}<div class="title">{Title}</div>{/block:Title}
  387. <div class="text">{Body}</div>
  388. {/block:Text}
  389.  
  390. {block:Answer}
  391. <div class="question">{Question}</div>
  392. <div class="text">~ {Asker}</div>
  393. <div class="text">{Answer}</div>
  394. {/block:Answer}
  395.  
  396. {block:Chat}
  397. {block:Title}<div class="title">{Title}</div>{/block:Title}
  398. <div class="text">
  399. {block:Lines}
  400. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  401. {/block:Lines}
  402. </div> <!--text-->
  403. {/block:Chat}
  404.  
  405. {block:Link}
  406. <div class="title"><a href="{URL}">{Name}</a></div>
  407. {block:Description}
  408. <div class="text">{Description}</div>
  409. {/block:Description}
  410. {/block:Link}
  411.  
  412. {block:HasNotes}
  413. <div id="Notes">
  414. {block:PostNotes}
  415. <a href="{Permalink}">⚢{PostNotes} </a>
  416. {/block:PostNotes}
  417. </div>
  418. {/block:HasNotes}
  419.  
  420. {block:HasTags}<div id="tags">
  421. {block:Tags}
  422. <a href="{TagURL}">#{Tag} </a>
  423. {/block:Tags}
  424. </div> <!--tags-->
  425. {/block:HasTags}
  426.  
  427. {block:NoteCount}<a href="{Permalink}">{text:notes symbol}{NoteCount}</a>{/block:NoteCount}
  428.  
  429. {block:PermalinkPage}
  430. {block:NoteCount}
  431. {block:PostNotes}{PostNotes}{/block:PostNotes}
  432. {/block:NoteCount}
  433. {/block:PermalinkPage}
  434.  
  435.  
  436.  
  437.  
  438. </div> <!--posts-->
  439. {/block:posts}
  440. </div> <!--content-->
  441. </div>
  442. </body>
  443. <img style="position: fixed; left: auto; right:40px; bottom: 0px; max-width: 100%; width:auto; z-index: -100; height:600px " src="{select:side image}">
  444.  
  445.  
  446. </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!