API tools faq
paste
Advertisement
tiffxny21

working on multi

tiffxny21
Nov 16th, 2019
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.78 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}">
  7. {/block:Description}
  8. <!---
  9. theme 002 aka sphinx by cvmpbell;
  10. please do not redistribute, however
  11. you may edit the code to fit your needs
  12. so long as you do not remove my credit
  13. or try to hide it in any way.
  14. --->
  15. {block:Hidden}
  16. <meta name="image:bg" content="">
  17. <meta name="image:accent" content="https://via.placeholder.com/510x310">
  18. <meta name="image:sidebar" content="https://via.placeholder.com/280x150">
  19. <meta name="image:nav tab" content="https://via.placeholder.com/280x110">
  20.  
  21. <meta name="text:page title" content="title here">
  22. <meta name="text:description" content="what's the word?">
  23. <meta name="text:counters" content="online / hits">
  24. <meta name="text:username" content="your username, i.e. cvmpbell">
  25.  
  26. <meta name="if:fullsize bg" content="0"/>
  27.  
  28. <meta name="color:bg" content="#e7e7e7">
  29. <meta name="color:posts" content="#e0e0e0">
  30. <meta name="color:text" content="#333333">
  31. <meta name="color:links" content="#5fa9d0">
  32. <meta name="color:container" content="#f6f6f6">
  33. <meta name="color:scrollbar" content="#ececec">
  34. <meta name="color:accent1" content="#f6f5f5">
  35. <meta name="color:accent2" content="#797979">
  36. <meta name="color:accent3" content="#097590">
  37. <meta name="color:musetab1" content="#c0c0c0">
  38. <meta name="color:musetab2" content="#7e7e7e">
  39. <meta name="color:text shadow" content="#4f4f4f">
  40.  
  41. {/block:Hidden}
  42.  
  43. <!--- FONT AND SCRIPT IMPORT, u shouldn't have to touch --->
  44. <script type="text/javascript" src="https://dl.dropbox.com/s/vun57cgw4cp9bbx/tumblr-title-qtip.js"></script>
  45. <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">
  46.  
  47.  
  48.  
  49. <script>
  50. function openCity(evt, cityName) {
  51. var i, tabcontent, tablinks;
  52.  
  53. tabcontent = document.getElementsByClassName("tab");
  54. for (i = 0; i < tabcontent.length; i++) {
  55. tabcontent[i].style.display = "none";
  56. }
  57.  
  58. tablinks = document.getElementsByClassName("directory");
  59. for (i = 0; i < tablinks.length; i++) {
  60. tablinks[i].className = tablinks[i].className.replace(" active", "");
  61. }
  62.  
  63. document.getElementById(cityName).style.display = "block";
  64. evt.currentTarget.className += " active";
  65. }
  66. </script>
  67. <script>
  68. function openTown(evt, cityName) {
  69. document.getElementById(cityName).style.display = "block";
  70. }
  71. </script>
  72.  
  73.  
  74. <style>
  75. /* font import */
  76. @font-face {
  77. font-family:'vendetta';
  78. src:url('https://dl.dropbox.com/s/4fwtxz8h559b1tg/Vendetta.otf?dl=0')
  79. }
  80.  
  81. /* scrollbar style */
  82. ::-webkit-scrollbar {
  83. width:2px;height:2px;
  84. }
  85. ::-webkit-scrollbar-track {
  86. background:transparent;
  87. }
  88. ::-webkit-scrollbar-thumb {
  89. background:{color:scrollbar};
  90. }
  91.  
  92. /* hover aka tooltip style */
  93. div#qTip {
  94. background: {color:container};
  95. color:{color:text};
  96. border:1px solid {color:bg};
  97. box-shadow:0px 0px 5px {color:container};
  98. border-radius:3px;
  99. font-size: 8px;
  100. display: none;
  101. text-align: center;
  102. position: absolute;
  103. z-index: 99;
  104. letter-spacing: 1px;
  105. padding: 3px 4px;
  106. text-transform:uppercase;}
  107.  
  108. /* whole page style */
  109. body {
  110. background:{color:bg};
  111. background-image:url('{image:bg}');
  112. {block:IfFullsizeBg}
  113. background-size:cover;
  114. {/block:IfFullsizeBg}
  115. color:{color:text};
  116. font-family:'ibm plex mono';
  117. font-size:9px;
  118. }
  119. small, sup, sub, big {
  120. font-size:9px;
  121. }
  122. a {
  123. text-decoration:none;
  124. transition:.7s ease all;
  125. color:{color:links};
  126. }
  127. a:hover {
  128. color:{color:accent3};
  129. }
  130. hr {
  131. border:none;height:10px;width:50%;
  132. background-image:url('{image:accent}');
  133. }
  134. blockquote {
  135. margin:5px 5px 5px 10px;padding:2px 5px;
  136. border-left:3px solid {color:accent2};
  137. }
  138.  
  139. /* container & sidebar style */
  140. #container {
  141. position:absolute;margin:auto;
  142. top:0;bottom:0;left:0;right:0;
  143. width:850px;height:600px;
  144. background:{color:container};
  145. overflow:hidden;
  146. }
  147. #sidebar {
  148. position:absolute;top:0;left:0;
  149. width:300px;
  150. }
  151. #sbimg {
  152. background-image:url('{image:accent}');
  153. position:absolute;
  154. width:280px;height:150px;padding:5px;
  155. background-position:0px 0px;
  156. margin:10px 10px 0px 10px;
  157. }
  158.  
  159. #sbhead {
  160. background-image:url('{image:accent}');
  161. position:absolute;top:170px;
  162. background-position:0px -160px;
  163. margin:0px 0px 0px 10px;
  164. width:290px;height:20px;line-height:20px;
  165. font-family:'vendetta';text-align:center;
  166. color:{color:posts};font-size:35px;
  167. text-shadow:0px 0px 5px {color:accent1},0px 0px 10px {color:text shadow};
  168. }
  169. #sbstats {
  170. position:absolute;top:190px;text-align:center;
  171. width:280px;height:20px;margin:10px;padding:5px;
  172. line-height:20px;text-transform:uppercase;
  173. color:{color:accent3};
  174. }
  175. #sbstats a {
  176. color:{color:accent3};
  177. }
  178. #tablinks {
  179. position:absolute;top:230px;text-align:center;
  180. width:280px;height:30px;margin:10px;padding:5px;
  181. margin-top:0px;
  182. }
  183. #tablinks a {
  184. color:{color:accent1};text-indent:7px;
  185. }
  186. #tablinks li {
  187. list-style:none;display:inline-block;width:40px;height:10px;
  188. background-image:url('{image:accent}');padding:2px;
  189. border-radius:5px;font-family:'vendetta';margin:5px 6px;
  190. font-size:35px;line-height:10px;letter-spacing:4px;
  191. border:1px solid transparent;text-align:center;
  192. }
  193. .active li {
  194. box-shadow:0px 0px 10px {color:accent1};
  195. }
  196. #sbdesc {
  197. position:absolute;top:270px;
  198. background-image:url('{image:accent}');
  199. width:280px;height:250px;padding:5px;margin:10px;
  200. overflow:hidden;line-height:17px;
  201. text-align:justify;text-align-last:center;
  202. }
  203. #sbdesc b, #sbdesc strong {
  204. font-family:'vendetta';font-size:12px;letter-spacing:1px;
  205. }
  206. #sbdesc i, #sbdesc em {
  207. background-image:url('{image:accent}');
  208. padding:3px;color:{color:accent1};
  209. border-radius:3px;text-decoration:none;
  210. text-transform:uppercase;
  211. }
  212. #sbdesc tt {
  213. font-size:15px;
  214. }
  215. #sbdesc u {
  216. line-height:20px;padding-bottom:2px;
  217. border-bottom:1px dashed {color:accent2};
  218. letter-spacing:1px;
  219. }
  220.  
  221. #pagination {
  222. position:absolute;top:540px;text-align:center;
  223. width:280px;height:30px;padding:5px;margin:10px;
  224. line-height:30px;text-transform:lowercase;
  225. }
  226. #pagination a {
  227. color:{color:musetab1};font-family:'vendetta';
  228. font-size:20px;margin:5px;
  229. }
  230.  
  231. /* tab titles & style */
  232. .tab {
  233. position:absolute;top:0;right:0;
  234. width:530px;height:580px;padding:10px;
  235. overflow:auto;display:none;
  236. background:{color:container};
  237. transition:.7s ease all;
  238. }
  239. #posts {
  240. display:block;
  241. }
  242. #ask {
  243.  
  244. }
  245. #info {
  246.  
  247. }
  248. #muses {
  249.  
  250. }
  251.  
  252.  
  253.  
  254. /* muse tab style */
  255. #musebox li {
  256. list-style:none;display:inline-block;
  257. margin:5px;
  258. width:80px;height:80px;padding:5px;
  259. background-image:url('{image:accent}');
  260. transition:.7s ease all;
  261. }
  262. #musebox img {
  263. transition:.7s ease all;
  264. }
  265. #musebox li:hover, #musebox li:hover img {
  266. border-radius:20px;
  267. }
  268. .musetab {
  269. position:absolute;top:0;right:0;
  270. width:510px;height:560px;padding:20px;
  271. overflow:hidden;display:none;
  272. background:{color:container};
  273. transition:.7s ease all;
  274. }
  275. .closetab {
  276. position:absolute;top:5px;right:5px;
  277. color:{color:musetab1};
  278. }
  279. #musetitle {
  280. position:absolute;top:10px;left:20px;
  281. width:500px;height:80px;padding:10px;
  282. color:{color:musetab1};text-align:center;
  283.  
  284. }
  285. #musetitle h1 {
  286. margin:0px;padding:0px;
  287. font-family:'vendetta';text-transform:lowercase;
  288. font-size:60px;line-height:60px;
  289. text-shadow:0px 0px 5px {color:text shadow};
  290. }
  291. #musetitle h2 {
  292. margin:0px;padding:0px;line-height:15px;
  293. font-size:10px;text-transform:uppercase;
  294. background:{color:container};
  295. background-image:url('{image:accent}');
  296. text-shadow:0px 0px 5px {color:text shadow},0px 0px 10px {color:text shadow};
  297. }
  298. #musebox {
  299. position:absolute;top:110px;left:20px;
  300. width:500px;height:460px;padding:10px;
  301. overflow:auto;
  302. }
  303. .musesubtitle {
  304. font-family:'vendetta';overflow:hidden;
  305. text-align:center;font-size:25px;line-height:45px;
  306. margin:0px;padding:0px;height:50px;
  307. color:{color:musetab2};
  308. text-shadow:0px 0px 10px {color:musetab2},0px 0px 15px {color:musetab1};
  309. }
  310. .musetab p {
  311. text-align:justify;text-indent:20px;line-height:20px;
  312. margin:2px 5px;padding:0px;margin-bottom:10px;
  313. }
  314. .musetab tt {
  315. font-family:'vendetta';font-size:12px;
  316. text-shadow:0px 0px 5px {color:musetab1},0px 0px 5px {color:musetab2};line-height:25px;
  317. }
  318. .musename {
  319. position:absolute;top:15px;left:20px;
  320. width:500px;height:50px;padding:5px;
  321. background-image:url('{image:accent}');
  322. font-family:'vendetta';text-align:center;
  323. font-size:40px;line-height:45px;
  324. color:{color:musetab1};
  325. text-shadow:0px 0px 10px {color:musetab1},3px 3px 15px {color:text shadow},3px 3px 15px {color:text shadow};
  326. }
  327. .musestat1 {
  328. position:absolute;top:75px;
  329. width:510px;height:20px;line-height:10px;
  330. color:{color:musetab1};text-transform:uppercase;
  331. text-align:center;line-height:20px;
  332. font-style:italic;letter-spacing:1px;
  333. }
  334. .museimg1 {
  335. position:absolute;top:95px;left:20px;
  336. width:150px;height:50px;padding:5px;overflow:hidden;
  337. background-image:url('{image:accent}');
  338. }
  339. .museimg2 {
  340. position:absolute;top:95px;left:195px;
  341. width:150px;height:50px;padding:5px;overflow:hidden;
  342. background-image:url('{image:accent}');
  343. }
  344. .museimg3 {
  345. position:absolute;top:95px;left:370px;
  346. width:150px;height:50px;padding:5px;overflow:hidden;
  347. background-image:url('{image:accent}');
  348. }
  349. .musestat2 {
  350. position:absolute;top:155px;
  351. width:510px;height:20px;line-height:10px;
  352. color:{color:musetab1};text-transform:uppercase;
  353. text-align:center;line-height:20px;
  354. font-style:italic;letter-spacing:1px;
  355. }
  356. .museimg4 {
  357. position:absolute;top:175px;left:20px;
  358. width:500px;height:100px;padding:5px;overflow:hidden;
  359. background-image:url('{image:accent}');
  360.  
  361. }
  362. .museimg4 h1 {
  363. position:absolute;top:-2px;left:5px;text-align:center;
  364. width:490px;height:90px;background:{color:text shadow};
  365. line-height:20px;font-size:10px;padding:5px;
  366. text-transform:uppercase;letter-spacing:2px;
  367. overflow:auto;opacity:0;transition:1.5s ease all;
  368. }
  369. .museimg4 h1:hover {
  370. opacity:1;
  371. }
  372. .museimg4 li {
  373. background:{color:musetab2};
  374. margin-bottom:5px;list-style:none;
  375. }
  376. .museimg4 li:hover {
  377. background:{color:musetab1};
  378. }
  379. .museimg4 a {
  380. color:{color:musetab1};
  381. }
  382. .museimg4 li:hover a {
  383. color:{color:musetab2};
  384. }
  385. .musequote {
  386. position:absolute;top:265px;
  387. height:80px;width:500px;padding:5px;
  388. font-family:'vendetta';color:{color:musetab1};
  389. font-size:20px;line-height:25px;
  390. text-shadow:0px 0px 10px {color:musetab1},0px 0px 15px {color:text shadow},0px 0px 15px {color:text shadow};overflow:hidden;
  391. text-align:center;letter-spacing:1px;
  392. }
  393. .museconnect {
  394. position:absolute;top:405px;left:20px;
  395. height:175px;width:160px;padding-right:5px;
  396. overflow:auto;
  397. }
  398. .connection {
  399. background:{color:musetab1};
  400. width:160px;
  401. margin-bottom:10px;margin-top:0px;
  402. }
  403. .cname {
  404. line-height:50px;
  405. width:150px;height:50px;padding:5px;overflow:hidden;
  406. background-image:url('{image:accent}');
  407. }
  408. .cname h1 {
  409. position:relative;top:-50px;
  410. height:0px;padding:0px;margin:0px;
  411. text-align:center;font-size:30px;
  412. font-family:'vendetta';letter-spacing:1px;
  413. color:{color:musetab1};line-height:0px;
  414. text-shadow:0px 0px 10px {color:musetab1},3px 3px 15px {color:text shadow},3px 3px 15px {color:text shadow};
  415. }
  416. .cname sup {
  417. font-size:14px;line-height:0px;
  418. }
  419. .cblurb {
  420. height:75px;overflow:auto;
  421. padding:5px;margin:5px;
  422. line-height:12px;
  423. }
  424. .cblurb center {
  425. background:{color:musetab2};color:{color:musetab1};
  426. padding:3px;
  427. }
  428. .musebio {
  429. position:absolute;top:405px;left:200px;
  430. height:175px;width:330px;overflow:auto;padding:5px;
  431. background:{color:musetab1};color:{color:musetab2};
  432. }
  433.  
  434. /* ask tab styles */
  435. #asktitle {
  436. position:absolute;top:10px;left:20px;
  437. width:500px;height:80px;padding:10px;
  438. color:{color:musetab1};text-align:center;
  439.  
  440. }
  441. #asktitle h1 {
  442. margin:0px;padding:0px;
  443. font-family:'vendetta';text-transform:lowercase;
  444. font-size:60px;line-height:60px;
  445. text-shadow:0px 0px 5px {color:text shadow};
  446. }
  447. #asktitle h2 {
  448. margin:0px;padding:0px;line-height:15px;
  449. font-size:10px;text-transform:uppercase;
  450. background:{color:container};
  451. background-image:url('{image:accent}');
  452. text-shadow:0px 0px 5px {color:text shadow},0px 0px 10px {color:text shadow};
  453. }
  454. #askbox {
  455. position:absolute;top:100px;margin:20px;
  456. width:500px;height:auto;
  457. }
  458.  
  459. /* info tab styles */
  460. #infotitle {
  461. position:absolute;top:10px;left:20px;
  462. width:500px;height:80px;padding:10px;
  463. color:{color:musetab1};text-align:center;
  464.  
  465. }
  466. #infotitle h1 {
  467. margin:0px;padding:0px;
  468. font-family:'vendetta';text-transform:lowercase;
  469. font-size:60px;line-height:60px;
  470. text-shadow:0px 0px 5px {color:text shadow};
  471. }
  472. #infotitle h2 {
  473. margin:0px;padding:0px;line-height:15px;
  474. font-size:10px;text-transform:uppercase;
  475. background:{color:container};
  476. background-image:url('{image:accent}');
  477. text-shadow:0px 0px 5px {color:text shadow},0px 0px 10px {color:text shadow};
  478. }
  479. #info center {
  480. font-size:10px;line-height:20px;margin:0px;
  481. color:{color:musetab1};
  482. }
  483. #isummary {
  484. position:absolute;top:100px;left:20px;margin:10px;
  485. background:{color:posts};padding:5px;
  486. width:280px;height:170px;overflow:auto;
  487. }
  488. #ilinks {
  489. position:absolute;right:0px;top:90px;margin:20px;
  490. width:200px;height:310px;overflow:auto;
  491. background-image:url('{image:accent}');
  492. }
  493. #ilinks a {
  494. color:{color:container};
  495. }
  496. #ilinks li {
  497. list-style:none;background:{color:accent3};margin:5px;
  498. padding:5px;line-height:20px;text-align:center;
  499. text-transform:uppercase;font-size:10px;
  500. transition:.7s ease all;
  501. }
  502. #ilinks li:hover {
  503. background:{color:container};
  504. }
  505. #ilinks li:hover a {
  506. color:{color:posts};
  507. }
  508. #navimg {
  509. position:absolute;top:300px;left:30px;
  510. width:280px;height:110px;
  511. padding:5px;background-image:url('{image:accent}');
  512. }
  513. #feature {
  514. position:absolute;bottom:0;left:10px;margin:10px;
  515. height:160px;width:290px;padding:5px 10px;
  516. }
  517. #featured {
  518. background:{color:posts};padding:10px;overflow:auto;
  519. height:120px;font-size:10px;line-height:20px;
  520. }
  521. #featured b {
  522. background:{color:accent3};color:{color:posts};
  523. padding:3px;border-radius:3px;
  524. }
  525. #featured hr {
  526. background-image:url('{image:accent}');
  527. border:none;height:5px;
  528. }
  529. #featured img {
  530. background-image:url('{image:accent}');padding:5px;
  531. }
  532.  
  533. #adminbox {
  534. position:absolute;bottom:0;right:0;margin:10px;
  535. width:200px;height:160px;overflow:hidden;
  536. padding:5px 10px;
  537. }
  538.  
  539. #admins {
  540. height:120px;overflow:auto;background:{color:posts};
  541. padding:10px;color:{color:text};line-height:18px;
  542. }
  543. .admin {
  544. text-align:center;max-height:90px;overflow:auto;
  545. font-size:10px;padding:10px;
  546. }
  547. .admin::-webkit-scrollbar {
  548. width:0px;height:0px;
  549. }
  550. .admin hr {
  551. height:5px;width:100px;border:none;
  552. position:relative;left:35px;top:-10px;
  553. background-image:url('{image:accent}');
  554. background-position:left;margin-bottom:-5px;
  555. }
  556. .admin img {
  557. width:50px;height:50px;position:relative;top:0px;left:-55px;
  558. background-image:url('{image:accent}');padding:5px;
  559. }
  560. .admin h1 {
  561. font-family:'vendetta';text-transform:lowercase;
  562. line-height:30px;height:30px;text-align:right;
  563. margin:0px;padding:10px;position:relative;top:-60px;
  564. font-size:30px;color:{color:musetab1};margin-bottom:-50px;
  565. text-shadow:0px 0px 10px {color:text shadow};
  566. }
  567.  
  568. /* post styles */
  569.  
  570. .posts {
  571. background:{color:posts};
  572. padding:15px;border-radius:3px;
  573. margin-bottom:15px;
  574. }
  575. .posts img {
  576. max-width:100%;height:auto;
  577. }
  578. .posts h1 {
  579. background-image:url('{image:accent}');
  580. margin:0px;padding:5px;text-align:center;
  581. font-family:'vendetta';color:{color:accent1};
  582. font-size:20px;line-height:30px;
  583. text-shadow:0px 0px 5px {color:accent1},0px 0px 15px {color:text shadow};letter-spacing:2px;
  584. font-weight:400;
  585. }
  586. .posts h2 {
  587. font-size:15px;font-weight:800;
  588. text-shadow:0px 0px 5px {color:text shadow};
  589. }
  590.  
  591.  
  592. /* ask posts */
  593. .asker {
  594. width:480px;height:0px;text-align:right;
  595. color:{color:accent1};line-height:20px;
  596. text-transform:uppercase;
  597. text-shadow:0px 0px 5px {color:text shadow};
  598. }
  599. .asker a {
  600. color:{color:accent1};
  601. }
  602. .asker a:hover {
  603. color:{color:accent2};
  604. }
  605. .question {
  606. background-image:url('{image:accent}');
  607. padding:5px 5px 20px 5px;
  608. font-size:10.5px;
  609. }
  610. .asktext {
  611. background:{color:posts};
  612. padding:5px;text-indent:50px;
  613. }
  614.  
  615. /* audio posts */
  616. .audioplayer {
  617. height:80px;
  618. overflow:hidden;
  619. }
  620.  
  621.  
  622. /* chat posts */
  623. .chats {
  624. line-height:15px;
  625. }
  626. .chats li {
  627. list-style:none;width:300px;
  628. }
  629. .clabel {
  630. text-transform:uppercase;font-size:10px;
  631. opacity:.6;
  632. }
  633. .clabel:after {
  634. position:relative;left:-5px;
  635. content:'█';color:{color:posts};
  636. }
  637. .cline {
  638. background:{color:container};
  639. color:{color:accent1};
  640. padding:5px;
  641. border-radius:0px 3px 3px 3px;
  642. }
  643. .user_2 {
  644. position:relative;left:200px;
  645. text-align:right;
  646. }
  647. .user_2 .clabel {
  648. position:relative;left:10px;
  649. }
  650. .user_2 .cline {
  651. border-radius:3px 0px 3px 3px;
  652. }
  653.  
  654.  
  655. /* link posts */
  656. .postlink {
  657.  
  658. }
  659. .postlink a {
  660. color:{color:text};text-shadow:0px 0px 5px {color:posts};
  661. }
  662. .lbar {
  663. background-image:url('{image:accent}');
  664. height:20px;margin-top:10px;
  665. background-position:right center;
  666. }
  667. .llink {
  668. position:relative;top:-30px;padding:10px;
  669. font-size:30px;font-family:'vendetta';
  670. text-align:center;line-height:50px;
  671. }
  672. .linksummary {
  673. position:relative;top:-30px;font-style:italic;
  674. margin-bottom:-20px;padding:0px 5px;
  675. background-image:url('{image:accent}');
  676. max-height:80px;overflow:auto;
  677. letter-spacing:.5px;font-size:11px;
  678. }
  679.  
  680. /* quote posts */
  681. .quote {
  682. font-size:24px;font-family:'vendetta';
  683. line-height:35px;text-align:center;
  684. letter-spacing:1px;margin-bottom:5px;
  685. }
  686. .quote hr {
  687. background-image:url('{image:accent}');
  688. border:none;height:10px;width:50%;
  689. background-position:center;
  690. }
  691. .quoted {
  692. font-size:12px;text-transform:uppercase;
  693. text-align:right;
  694. }
  695.  
  696. /* post permalinks and info style */
  697. .postdetails {
  698. margin-top:10px;
  699. }
  700. .postdate {
  701. background-image:url('{image:accent}');
  702. background-position:bottom center;
  703. line-height:20px;height:20px;
  704. color:{color:accent1};
  705. text-transform:uppercase;text-align:center;
  706. text-shadow:0px 0px 5px {color:text shadow},0px 0px 5px {color:text shadow};
  707. }
  708. .postdate a {
  709. color:{color:accent1};
  710. }
  711. .othlinks {
  712. max-height:20px;line-height:20px;
  713. text-align:center;
  714. }
  715. .othlinks a {
  716. color:{color:text};
  717. }
  718. .othlinks a:after {
  719. content:' // ';
  720. }
  721. .othlinks a:last-child:after {
  722. content:'';
  723. }
  724.  
  725. /* tags style */
  726. .tags {
  727. max-height:12px;line-height:12px;
  728. overflow:hidden;text-align:right;
  729. transition:.7s ease all;
  730. margin-top:5px;
  731. }
  732. .tags:hover {
  733. max-height:300px;
  734. }
  735. .tags s {
  736. opacity:.5;text-decoration:none;
  737. }
  738.  
  739. /* post notes style */
  740. .postnotes img {
  741. display:none;
  742. }
  743. .postnotes h1 {
  744. background-image:none;font-weight:400;
  745. color:{color:accent2};text-shadow:none;
  746. }
  747. .postnotes ol {
  748. margin:0px;padding:0px;
  749. }
  750. .postnotes li {
  751. list-style:none;padding:5px;margin:0px;
  752. background:{color:text};color:{color:posts};
  753. border-bottom:1px solid {color:accent1};
  754. line-height:20px;letter-spacing:.5px;
  755. }
  756. .postnotes a {
  757. color:{color:posts};
  758. }
  759. .postnotes li blockquote {
  760. border-color:{color:accent1};
  761. }
  762.  
  763. /* my credit, pls don't touch thank u */
  764. #credit {
  765. position:absolute;bottom:30px;left:30px;
  766. font-size:35px;width:30px;height:30px;
  767. line-height:25px;border-radius:6px;
  768. text-align:center;font-family:'vendetta';
  769. background-image:url('{image:accent}');
  770. border:3px solid {color:bg};
  771. box-shadow:0px 0px 15px {color:text shadow};
  772. }
  773. #credit a {
  774. color:{color:accent1};
  775. text-shadow:0px 0px 5px {color:musetab1},0px 0px 10px {color:text shadow};
  776. }
  777.  
  778. </style>
  779.  
  780. </head>
  781.  
  782. <body>
  783. <div id="container">
  784.  
  785. <div id="sidebar">
  786. <div id="sbimg"><img src="{image:sidebar}"></div>
  787. <div id="sbhead"><a href="/" style="color:{color:posts}">{text:page title}</a></div>
  788.  
  789.  
  790. <div id="tablinks">
  791. <a href="javascript:void(0)" onclick="openCity(event, 'posts')" class="directory active" title="posts."><li>01</li></a>
  792. <a href="javascript:void(0)" onclick="openCity(event, 'ask')" class="directory" title="message."><li>02</li></a>
  793. <a href="javascript:void(0)" onclick="openCity(event, 'info')" class="directory" title="navigate."><li>03</li></a>
  794. <a href="javascript:void(0)" onclick="openCity(event, 'muses')" class="directory" title="muses."><li>04</li></a>
  795. </div>
  796.  
  797. <div id="sbstats">{text:counters}</div>
  798.  
  799. <div id="sbdesc"><div style="background:{color:posts};padding:5px;height:240px;width:270px;overflow:auto;">{text:description}</div></div>
  800.  
  801. <div id="pagination">
  802. {block:Pagination}
  803. {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  804. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  805. {/block:Pagination}
  806. </div>
  807. </div>
  808.  
  809.  
  810. <!--- START TAB 1: ENTRIES --->
  811. <div id="posts" class="tab">
  812. {block:Posts}
  813. <div class="posts">
  814. {block:Text}
  815. {block:Title}<h1>{Title}</h1>{/block:Title}
  816. {Body}
  817. {/block:Text}
  818.  
  819. {block:Photo}
  820. <img src="{PhotoURL-500}">
  821. {block:Caption} {Caption} {/block:Caption}
  822. {/block:Photo}
  823.  
  824. {block:Panorama}
  825. <img src="{PhotoURL-Panorama}">
  826. {block:Caption} {Caption} {/block:Caption}
  827. {/block:Panorama}
  828.  
  829. {block:Photoset}
  830. {Photoset-500}
  831. {block:Caption} {Caption} {/block:Caption}
  832. {/block:Photoset}
  833.  
  834. {block:Quote}
  835. <div class="quote"><hr>{Quote}<hr></div>
  836. {block:Source} <div class="quoted">— {Source}</div> {/block:Source}
  837. {/block:Quote}
  838.  
  839. {block:Link}
  840. <div class="postlink">
  841. <div class="lbar"></div>
  842. <div class="llink"><a href="{URL}">{Name}</a></div>
  843. {block:Excerpt} <div class="linksummary"><div style="background:{color:posts};padding:5px;">{Excerpt}</div></div> {/block:Excerpt}
  844. </div>
  845. {block:Description} {Description} {/block:Description}
  846. {/block:Link}
  847.  
  848. {block:Chat}
  849. <div class="chats">
  850. {block:Title} <h1>{Title}</h1> {/block:Title}
  851. {block:Lines}<li class="line_{Alt} user_{UserNumber}">
  852. {block:Label}<div class="clabel">{Label}</div>{/block:Label}
  853. <div class="cline">{Line}</div> </li> {/block:Lines}
  854. </div>
  855. {/block:Chat}
  856.  
  857. {block:Audio}
  858. {block:AudioEmbed} <div class="audioplayer">{AudioEmbed-500}</div> {/block:AudioEmbed}
  859. {block:Caption}{Caption} {/block:Caption}
  860. {/block:Audio}
  861.  
  862. {block:Video}
  863. {Video-500}
  864. {block:Caption}{Caption} {/block:Caption}
  865. {/block:Video}
  866.  
  867. {block:Answer}
  868.  
  869. <div class="question">
  870. <div class="asktext">{Question}</div>
  871. <div class="asker">{Asker} SENT THIS QUESTION</div>
  872. </div>
  873. {block:Answerer} {Answer} {/block:Answerer}
  874. {Replies}
  875. {/block:Answer}
  876.  
  877.  
  878.  
  879. {block:Date}
  880. <div class="postdetails">
  881. <div class="postdate">posted <a href="{Permalink}" title="{Month} {DayofMonth} {Year} at {12Hour}:{Minutes}{AMPM}">{TimeAgo}</a> with <a href="{ReblogURL}" title="reblog this post">{NoteCountwithLabel}</a>
  882. </div>
  883. <div class="othlinks">{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  884. <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a>
  885. {/block:RebloggedFrom}
  886. {block:ContentSource}<a href="{SourceURL}" title="content sourced from {SourceTitle}">ORIGINAL</a>{/block:ContentSource}
  887. </div>
  888.  
  889. {block:HasTags}<div class="tags"><s>HOVER FOR TAGS <b><i>!</i></b></s><br>{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  890. </div>
  891. {/block:Date}
  892.  
  893. {block:PermalinkPage}
  894.  
  895. {block:NoteCount} <div class="postnotes"><h1>this post has {NoteCountWithLabel}</h1></div> {/block:NoteCount}
  896. {block:PostNotes} <div class="postnotes">{PostNotes}</div> {/block:PostNotes}
  897.  
  898. {/block:PermalinkPage}
  899. </div>
  900. {/block:Posts}
  901.  
  902. </div id="posts">
  903.  
  904. <!-- START TAB 2: ASK BOX, FAQ --->
  905. <div id="ask" class="tab">
  906. <div id="asktitle"><h1>questions</h1><h2>&nbsp;</h2></div>
  907.  
  908. <div id="askbox"><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div>
  909.  
  910. </div>
  911.  
  912. <!--- START TAB 3: NAV, PLOT, DATES, ADMINS --->
  913. <div id="info" class="tab">
  914. <div id="infotitle"><h1>navigation</h1><h2>&nbsp;</h2></div>
  915.  
  916. <div id="isummary">
  917. Maecenas congue mollis nibh, sed aliquet nisl venenatis nec. Cras vestibulum sapien eu sem congue pretium. Sed nec consectetur mauris, non rutrum tortor. Ut ut erat tortor. Suspendisse nec porttitor velit, sed aliquet metus. Maecenas nec ante interdum, molestie libero non, pretium dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam posuere, arcu ac semper tincidunt, urna mauris egestas urna, ut varius justo est ac nisi. Fusce laoreet nunc sapien, quis semper eros pulvinar eget. Sed blandit at erat id aliquam. Sed hendrerit est vel tortor elementum facilisis. Proin risus elit, tincidunt ut lorem ut, elementum tempor tortor. Donec fermentum sollicitudin urna vitae tincidunt. Nam tempor pharetra libero, sed consequat velit tempor ac.
  918. </div>
  919. <div id="ilinks">
  920. <li><a href="#">plot.</a></li>
  921. <li><a href="#">rules.</a></li>
  922. <li><a href="#">locations.</a></li>
  923. <li><a href="#">application.</a></li>
  924. <li><a href="#">wanted connections.</a></li>
  925. <li><a href="#">most wanted tag.</a></li>
  926. <li><a href="#">characters.</a></li>
  927. <li><a href="#">taken faces.</a></li>
  928. <li><a href="#">ooc info.</a></li>
  929. <li><a href="#">accepted.</a></li>
  930. <li><a href="#">answered asks.</a></li>
  931. <li><a href="#">checklist.</a></li>
  932. <li><a href="#">follow list.</a></li>
  933. <li><a href="#">gossip blog.</a></li>
  934. <li><a href="#">banned.</a></li>
  935. <li><a href="#">triggers.</a></li>
  936. <li><a href="#">full navigation.</a></li>
  937. </div>
  938.  
  939. <img src="{image:nav tab}" id="navimg">
  940.  
  941. <div id="feature">
  942. <center>DATES AND/OR MOST WANTED</center>
  943. <div id="featured">
  944. <b>11.08.2018</b> first event - <a href="#">masquerade</a><br>
  945. <b>11.20.2018</b> first task - <a href="#">playlists</a>
  946. <hr>
  947. <center>
  948. <img src="https://via.placeholder.com/73x100" title="hover">
  949. <img src="https://via.placeholder.com/73x100" title="hover">
  950. <img src="https://via.placeholder.com/73x100" title="hover">
  951. </center>
  952. </div>
  953. </div>
  954.  
  955. <div id="adminbox">
  956. <center>MEET YOUR ADMINS</center>
  957. <div id="admins">
  958. <div class="admin">
  959. <img src="https://via.placeholder.com/50x50">
  960. <h1>admin c</h1>
  961. <hr>
  962. VIRGINIA GARDNER MASCOT.
  963. </div>
  964.  
  965. <div class="admin">
  966. <img src="https://via.placeholder.com/50x50">
  967. <h1>casey</h1>
  968. <hr>
  969. VIRGINIA GARDNER MASCOT.<br>
  970. twenty-five, she/her, pst<br>
  971. plays: karolina dean
  972. </div>
  973. </div>
  974. </div>
  975.  
  976. </div id="info">
  977.  
  978. <!--- START TAB 4: MUSES --->
  979. <div id="muses" class="tab">
  980. <div id="musetitle"><h1>CHARACTERS</h1><h2>meet the muses</h2></div>
  981. <div id="musebox">
  982. <center>
  983. <a href="javascript:void(0)" onclick="openTown(event, 'example')" title="example."><li><img src="https://via.placeholder.com/80x80"></li></a>
  984. </center></div>
  985.  
  986.  
  987. <!--- START MUSE TAB --->
  988. <div id="example" class="musetab">
  989.  
  990. <a href="javascript:void(0)" onclick="this.parentElement.style.display='none'" class="closetab">x</a>
  991.  
  992. <div class="musename">Muse Title</div>
  993. <div class="musestat1">first line</div>
  994. <div class="museimg1"><img src="https://via.placeholder.com/150x50" title="to hover or not..."></div>
  995. <div class="museimg2"><img src="https://via.placeholder.com/150x50"></div>
  996. <div class="museimg3"><img src="https://via.placeholder.com/150x50" title="the choice is up to you"></div>
  997. <div class="musestat2">second line</div>
  998. <div class="museimg4"><img src="https://via.placeholder.com/500x100">
  999. <h1>
  1000. <li><a href="#">put</a></li>
  1001. <li><a href="#">as</a></li>
  1002. <li><a href="#">many</a></li>
  1003. <li><a href="#">links</a></li>
  1004. <li><a href="#">as</a></li>
  1005. <li><a href="#">you</a></li>
  1006. <li><a href="#">want</a></li>
  1007. </h1>
  1008. </div>
  1009.  
  1010. <div class="musequote">
  1011. keep it <br> three lines<br>or less
  1012. </div>
  1013.  
  1014.  
  1015. <div class="musesubtitle" style="position:absolute;top:350px;left:20px;width:180px;">Connections</div>
  1016. <div class="museconnect">
  1017.  
  1018.  
  1019. <!--- START CONNECTION --->
  1020. <div class="connection">
  1021. <div class="cname">
  1022. <img src="https://via.placeholder.com/150x50">
  1023. <h1><sup>smol</sup>longer</h1>
  1024. </div>
  1025. <div class="cblurb">
  1026. <center><tt>quote</tt><Br>or basic details</center>
  1027. <p>talk a little more about the connection here !</p>
  1028. </div>
  1029. </div>
  1030. <!--- END CONNECTION --->
  1031.  
  1032.  
  1033. </div>
  1034.  
  1035. <div class="musesubtitle" style="position:absolute;top:350px;left:200px;width:340px;">Biography</div>
  1036. <div class="musebio">
  1037. <p><tt>accent your text</tt> or don't, the choice is yours.</p>
  1038. </div>
  1039.  
  1040. </div>
  1041. <!--- END MUSE TAB --->
  1042.  
  1043. </div id="muses">
  1044. </div id="container">
  1045.  
  1046.  
  1047. <div id="credit"><a href="https://cvmpbell.tumblr.com" title="theme by cvmpbell.">c</div>
  1048. </body>
  1049. </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!