API tools faq
paste
narayu

mythous multimuse

narayu
Jul 29th, 2020 (edited)
441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!---------------------DROP DOWN MUSES ------------------->
  6. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  7. <script type="text/javascript">
  8. $(document).ready(function(){
  9. $(".links_body").hide();
  10. $(".links_head").click(function(){
  11. $(this).next(".links_body").slideToggle('fast');
  12. }); }); </script>
  13.  
  14.  
  15. <title>{title}</title>
  16. <link rel="shortcut icon" href="{favicon}">
  17. <link rel="alternate" type="application/rss+html" href="{RSS}">
  18. <link rel="alternate" type="application/rss+html" href="{RSS}">
  19.  
  20.  
  21.  
  22. <script type="text/javascript">
  23. function unhide(divID) {
  24. var item = document.getElementById(divID);
  25. if (item) {
  26. item.className=(item.className=='hidden')?'unhidden':'hidden';
  27. }
  28. }
  29. </script>
  30.  
  31. <!----------theme by rin---------->
  32.  
  33. <meta name="text:description" content=""/>
  34. <meta name="color:background" content=""/>
  35. <meta name="color:text" content=""/>
  36. <meta name="color:link" content=""/>
  37. <meta name="color:hover" content=""/>
  38. <meta name="color:bold" content=""/>
  39. <meta name="color:italic" content=""/>
  40. <meta name="color:glow" content=""/>
  41. <meta name="color:box" content=""/>
  42. <meta name="image:background" content=""/>
  43. <meta name="image:header" content=""/>
  44.  
  45.  
  46. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  47.  
  48. <!--- font scripts -->
  49.  
  50.  
  51. <link href="https://fonts.googleapis.com/css?family=Space+Mono&display=swap" rel="stylesheet">
  52. <link href="https://fonts.googleapis.com/css?family=Farsan&display=swap" rel="stylesheet">
  53. <link href="https://fonts.googleapis.com/css?family=Yatra+One&display=swap" rel="stylesheet">
  54. <link href="https://fonts.googleapis.com/css?family=Amiko&display=swap" rel="stylesheet">
  55.  
  56.  
  57. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  58. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59.  
  60. <!---tooltips--->
  61. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("a[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:90,
  68. tip_fade_speed:600,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79.  
  80.  
  81.  
  82. ::-moz-selection {
  83. background: {color:text};
  84. color: {color:bold};
  85. }
  86.  
  87. ::selection {
  88. background: {color:background};
  89. color: {color:italic};
  90. }
  91.  
  92.  
  93.  
  94.  
  95. b, strong {
  96. font-size: 12px;
  97. color: {color:bold};
  98. font-weight:bolder;
  99. text-transform:uppercase;
  100. font-family: 'Space Mono', monospace;
  101. text-shadow:1px 1px 1px {color:link};
  102. }
  103.  
  104. em, i {
  105. font-size: 14px;
  106. text-transform:lowercase;
  107. font-family: 'Farsan', cursive;
  108. color: {color:italic};
  109. text-shadow:1px 1px 1px {color:text};
  110. }
  111.  
  112.  
  113. hr {
  114. border:0;
  115. border-bottom: 1px solid {color:link};
  116. width:350px;
  117. }
  118.  
  119. #s-m-t-tooltip{
  120. max-width:400px;
  121. margin:10px;
  122. line-height:130%;
  123. padding:5px;
  124. border-radius:10px;
  125. font-family: 'Space Mono', monospace;
  126. background-image:url('{image:header}');
  127. color:{color:text};
  128. z-index:9999;
  129. font-size:10px;
  130. letter-spacing:1px;
  131. box-shadow:0px 0px 0px rgba(0,0,0,.1);
  132. z-index:9999999999999999999999999999;
  133. }
  134.  
  135. ::-webkit-scrollbar-thumb{
  136. background-color: transparent;
  137. height:auto;
  138. z-index:9999999999999999999999999999;
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. height:auto;
  143. width:5px;
  144. background-color: transparent;
  145. }
  146.  
  147. iframe#tumblr_controls {
  148. white-space:nowrap;
  149. -webkit-filter: invert(100%);
  150. -moz-filter: invert(100%);
  151. -o-filter: invert(100%);
  152. -ms-filter: invert(100%);
  153. filter: invert(100%);
  154. opacity:.2;transition: .8s ease-in-out;
  155. -webkit-transition: .8s ease-in-out;
  156. -moz-transition: .8s ease-in-out;
  157. -o-transition: .8s ease-in-out;
  158. }
  159.  
  160.  
  161. #title {
  162. position:fixed;
  163. color:{color:link};
  164. font-family: 'Space Mono', monospace;
  165. bottom:10px;
  166. left:540px;
  167. text-transform:uppercase;
  168. font-weight:bold;
  169. text-shadow: 2px 2px 5px {color:glow};
  170. font-size:36px;
  171. -webkit-transition: all 0.6s ease-in-out;
  172. -moz-transition: all 0.6s ease-in-out;
  173. -o-transition: all 0.6s ease-in-out;
  174. -ms-transition: all 0.6s ease-in-out;
  175. -webkit-filter: blur(.5px);
  176. transition: all 0.6s ease-in-out;
  177. opacity:.6;
  178. z-index:99999999999999; }
  179.  
  180. #title a {
  181. -webkit-transition: all 0.6s ease-in-out;
  182. -moz-transition: all 0.6s ease-in-out;
  183. -o-transition: all 0.6s ease-in-out;
  184. -ms-transition: all 0.6s ease-in-out;
  185. -webkit-filter: blur(.5px);
  186. font-family: 'Yatra One', cursive;
  187. text-shadow:2px 2px 2px {color:glow};
  188. transition: all 0.6s ease-in-out;
  189. }
  190.  
  191. #title a:hover {
  192. -webkit-transition: all 0.6s ease-in-out;
  193. -moz-transition: all 0.6s ease-in-out;
  194. -o-transition: all 0.6s ease-in-out;
  195. -ms-transition: all 0.6s ease-in-out;
  196. -webkit-filter: blur(2px);
  197. transition: all 0.6s ease-in-out;
  198. }
  199.  
  200. h1 {
  201. font-size:18px;
  202. text-align:center;
  203. text-transform:uppercase;
  204. padding:8px;
  205. line-height:130%;
  206. font-family: 'Space Mono', monospace;
  207. font-weight:bold;
  208. letter-spacing:2px;
  209. color:{color:text};
  210. text-shadow:1px 1px 1px {color:link};
  211. }
  212.  
  213. h2 {
  214. font-size:15px;
  215. text-align:justify;
  216. font-weight:bold;
  217. font-family: 'Space Mono', monospace;
  218. color:{color:text};
  219. letter-spacing:1px;
  220. text-shadow:1px 1px 1px {color:link};
  221. }
  222.  
  223. body {
  224. background-image:url('{image:background}');
  225. background-color:{color:background};
  226. background-repeat:no-repeat;
  227. background-attachment:fixed;
  228. background-position:bottom left;
  229. letter-spacing:1px;
  230. color:{color:text};
  231. font-family: 'Amiko', sans-serif;
  232. font-weight:normal;
  233. text-align:left;
  234. font-size:10px;
  235. line-height:110%;
  236. }
  237.  
  238. small {
  239. font-size:10px;
  240. }
  241.  
  242. sub, sup {
  243. font-size:10px;
  244. }
  245.  
  246. a {
  247. text-decoration:none;
  248. color:{color:link};
  249. font-weight:bolder;
  250. -webkit-transition: all 0.6s ease-in-out;
  251. -moz-transition: all 0.6s ease-in-out;
  252. -o-transition: all 0.6s ease-in-out;
  253. -ms-transition: all 0.6s ease-in-out;
  254. -webkit-filter: blur(.5px);
  255. transition:all 0.6s ease-in-out;
  256. text-shadow:1px 1px 1px {color:bold};
  257. }
  258.  
  259. a:hover {
  260. text-decoration:none;
  261. outline:none;
  262. -moz-outline-style:none;
  263. color:{color:hover};
  264. -webkit-transition: all 0.6s ease-in-out;
  265. -moz-transition: all 0.6s ease-in-out;
  266. -o-transition: all 0.6s ease-in-out;
  267. -ms-transition: all 0.6s ease-in-out;
  268. -webkit-filter: blur(1px);
  269. transition:all 0.6s ease-in-out;
  270. text-shadow: 2px 1px 1px {color:link};
  271. }
  272.  
  273. blockquote {
  274. padding-left:10px;
  275. border-left:1px dotted {color:hover};
  276. margin:5px 0 5px;
  277. }
  278.  
  279. blockquote blockquote {
  280. padding-left:5px;
  281. border-left:1px dotted {color:hover};
  282. }
  283.  
  284. blockquote img {
  285. max-width:100%;
  286. }
  287.  
  288. #tabbar {
  289. position:fixed;
  290. width:75px;
  291. text-align:center;
  292. left:350px;
  293. bottom:400px;
  294. line-height:120%;
  295. -webkit-transition: all 0.6s ease-in-out;
  296. -moz-transition: all 0.6s ease-in-out;
  297. -o-transition: all 0.6s ease-in-out;
  298. -ms-transition: all 0.6s ease-in-out;
  299. transition: all 0.6s ease-in-out;
  300. -webkit-filter:none;
  301. -webkit-transition: all 0.6s ease-in-out;
  302. }
  303.  
  304. .tabstuff {
  305. background-image:url('');
  306. background: {color:box};
  307. position:fixed;
  308. left:562px;
  309. bottom:22px;
  310. width:485px;
  311. height:760px;
  312. /*if you use my background template and change the size/position of the container box, you will need to adjust the position of the tabstuff to match */
  313. overflow-y:scroll;
  314. overflow-x:hidden;
  315. padding-bottom:10px;
  316. box-shadow: 1px 1px {color:glow};
  317. padding:8px;
  318. -webkit-transition: all 0.6s ease-in-out;
  319. -moz-transition: all 0.6s ease-in-out;
  320. -o-transition: all 0.6s ease-in-out;
  321. -ms-transition: all 0.6s ease-in-out;
  322. transition: all 0.6s ease-in-out;
  323. -webkit-filter:none;
  324. -webkit-transition: all 0.6s ease-in-out;
  325. -webkit-transition: all 0.6s ease-in-out;
  326. -moz-transition: all 0.6s ease-in-out;
  327. -o-transition: all 0.6s ease-in-out;
  328. -ms-transition: all 0.6s ease-in-out;
  329. transition: all 0.6s ease-in-out;
  330. -webkit-transition: all 0.6s ease-in-out;
  331. -webkit-mask-image: -webkit-gradient(
  332. linear, center 95%, center bottom,
  333. from(rgba(0,26,32,34)),
  334. to(rgba(15,19,20,0)));
  335. }
  336.  
  337.  
  338.  
  339.  
  340. #post img {
  341. max-width: 100%;
  342. }
  343.  
  344. #entries img { max-width: 100%}
  345.  
  346. #entries {
  347. position:fixed;
  348. left:560px;
  349. bottom:30px;
  350. height:750px;
  351. width:412px;
  352. /*if you use my background template and change the size/position of the container box, you will need to adjust the position of the entries to match */
  353. overflow-x:hidden;
  354. overflow-y:auto;
  355. text-align:left;
  356. padding-left:50px;
  357. padding-top:15px;
  358. padding-right:50px;
  359. background:{color:box};
  360. box-shadow: 1px 1px {color:glow};
  361. line-height:110%;
  362. z-index:99;
  363. opacity:.8;
  364. -webkit-transition: all 0.6s ease-in-out;
  365. -moz-transition: all 0.6s ease-in-out;
  366. -o-transition: all 0.6s ease-in-out;
  367. -ms-transition: all 0.6s ease-in-out;
  368. transition: all 0.6s ease-in-out;
  369. -webkit-transition: all 0.6s ease-in-out;
  370. -webkit-mask-image: -webkit-gradient(
  371. linear, center 95%, center bottom,
  372. from(rgba(0,26,32,34)),
  373. to(rgba(15,19,20,0)));
  374. }
  375.  
  376.  
  377. #entries:hover {
  378. opacity:1;
  379. -webkit-transition: all 0.6s ease-in-out;
  380. -moz-transition: all 0.6s ease-in-out;
  381. -o-transition: all 0.6s ease-in-out;
  382. -ms-transition: all 0.6s ease-in-out;
  383. transition: all 0.6s ease-in-out;
  384. -webkit-filter:none;
  385. -webkit-transition: all 0.6s ease-in-out;
  386. }
  387.  
  388. #tabtop {
  389. position:fixed;
  390. margin-left:200px;
  391. top:200px;
  392. text-align:center;
  393. }
  394.  
  395. #navigation {
  396. display: inline-block;
  397. text-align: center;
  398. }
  399.  
  400.  
  401. /* ------------------------------ TABS ------------------------------ */
  402.  
  403. .tabs {
  404. width:100%;
  405. margin-left:30px;
  406. display:inline-block;
  407. }
  408.  
  409.  
  410.  
  411. .tab-links:after {
  412. display:block;
  413. clear:both;
  414. content:'';
  415. }
  416.  
  417. .tab-links li {
  418. display:inline-block;
  419. list-style:none;
  420. text-transform:uppercase;
  421. -webkit-transition: all .5s ease-in-out;
  422. -moz-transition: all .5s ease-in-out;
  423. -o-transition: all .5s ease-in-out;
  424. transition: all .5s ease-in-out;
  425. }
  426.  
  427. .tab-links a { /* this controls the location/style of the tab links */
  428. padding:7px;
  429. margin-left:60px;
  430. display:inline-block;
  431. color:{color:links};
  432. transition:all linear 0.15s;
  433. border-bottom:1px solid transparent;
  434. -webkit-transition: all .5s ease-in-out;
  435. -moz-transition: all .5s ease-in-out;
  436. -o-transition: all .5s ease-in-out;
  437. transition: all .5s ease-in-out;
  438. }
  439.  
  440. .tab-links a:hover {
  441. text-decoration:none;
  442. }
  443.  
  444. li.active a, li.active a:hover {
  445. background:transparent;
  446. color:{color:bold};
  447. -webkit-transition: all .5s ease-in-out;
  448. -moz-transition: all .5s ease-in-out;
  449. -o-transition: all .5s ease-in-out;
  450. transition: all .5s ease-in-out;
  451. }
  452.  
  453. /*----- Content of Tabs -----*/
  454. .tab-content {
  455. }
  456.  
  457. .tab {
  458. display:none;
  459. }
  460.  
  461. .tab.active {
  462. display:block;
  463. }
  464.  
  465. article {
  466. float:center;
  467. width: 400px;
  468. padding: 10px;
  469. margin-top:10px;
  470. border-bottom-left-radius: 10px;
  471. border-bottom-right-radius: 10px;
  472. border-top-left-radius: 10px;
  473. border-top-right-radius: 10px;
  474. -webkit-transition: all 0.6s ease-in-out;
  475. -moz-transition: all 0.6s ease-in-out;
  476. -o-transition: all 0.6s ease-in-out;
  477. -ms-transition: all 0.6s ease-in-out;
  478. transition: all 0.6s ease-in-out;
  479. -webkit-filter:none;
  480. -webkit-transition: all 0.6s ease-in-out;
  481. opacity:0.8;
  482. }
  483.  
  484. article:hover {
  485. opacity:1;
  486. }
  487.  
  488.  
  489.  
  490.  
  491. #description {
  492. position:fixed;
  493. width:140px;
  494. height:225px;
  495. bottom:108px;
  496. margin-left:40px;
  497. /*if you use my background template and change the size/position of the sidebar box, you will need to adjust the position of the description to match */
  498. overflow-x:hidden;
  499. overflow-y:auto;
  500. padding:10px;
  501. font-family: 'Amiko', sans-serif;
  502. text-align:center;
  503. font-size:11px;
  504. color: {color:text};
  505. letter-spacing:1px;
  506. background:{color:box};
  507. line-height:120%;
  508. -moz-transition-duration:1s;
  509. -webkit-transition-duration:1s;
  510. -o-transition-duration:1s;
  511. z-index:9999999999999;
  512.  
  513. }
  514.  
  515. #description a {
  516. color:{color:link};
  517. }
  518.  
  519. #description a:hover {
  520. color:{color:hover};
  521. }
  522.  
  523.  
  524. #description:hover {
  525. opacity:1;
  526. }
  527.  
  528. #fpagination {
  529. position:fixed;
  530. font-family: 'Yatra One', cursive;
  531. width:150px;
  532. font-size:12px;
  533. opacity:.6;
  534. bottom:365px;
  535. left:345px;
  536. line-height:80%
  537. text-align:right;
  538. float:right;
  539. text-shadow: 1px 1px 1px {color:text};
  540. z-index:9999999999999;
  541. }
  542.  
  543.  
  544. #fpagination a {
  545. color:{color:italic};
  546. text-shadow: 1px 1px 1px {color:bold};
  547. -webkit-filter:blur (.5px);
  548. -webkit-transition: all 0.6s ease-in-out;
  549. -moz-transition: all 0.6s ease-in-out;
  550. -o-transition: all 0.6s ease-in-out;
  551. -ms-transition: all 0.6s ease-in-out;
  552. transition: all 0.6s ease-in-out;
  553. z-index:9999999999999;
  554. }
  555.  
  556. #fpagination a:hover {
  557. color:{color:hover};
  558. text-shadow: 1px 1px 1px {color:link};
  559. -webkit-filter:blur (2px);
  560. -webkit-transition: all 0.6s ease-in-out;
  561. -moz-transition: all 0.6s ease-in-out;
  562. -o-transition: all 0.6s ease-in-out;
  563. -ms-transition: all 0.6s ease-in-out;
  564. transition: all 0.6s ease-in-out;
  565. }
  566.  
  567. #bpagination {
  568. position:fixed;
  569. font-family: 'Yatra One', cursive;
  570. width:150px;
  571. font-size:12px;
  572. opacity:.6;
  573. bottom:365px;
  574. left:440px;
  575. line-height:80%
  576. text-align:right;
  577. float:right;
  578. text-shadow: 1px 1px 1px {color:text};
  579. z-index:9999999999999;
  580. }
  581.  
  582.  
  583. #bpagination a {
  584. color:{color:italic};
  585. text-shadow: 1px 1px 1px {color:bold};
  586. -webkit-filter:blur (.5px);
  587. -webkit-transition: all 0.6s ease-in-out;
  588. -moz-transition: all 0.6s ease-in-out;
  589. -o-transition: all 0.6s ease-in-out;
  590. -ms-transition: all 0.6s ease-in-out;
  591. transition: all 0.6s ease-in-out;
  592. z-index:9999999999999;
  593. }
  594.  
  595. #bpagination a:hover {
  596. color:{color:hover};
  597. text-shadow: 1px 1px 1px {color:link};
  598. -webkit-filter:blur (2px);
  599. -webkit-transition: all 0.6s ease-in-out;
  600. -moz-transition: all 0.6s ease-in-out;
  601. -o-transition: all 0.6s ease-in-out;
  602. -ms-transition: all 0.6s ease-in-out;
  603. transition: all 0.6s ease-in-out;
  604. }
  605.  
  606. #dots {
  607. position:fixed;
  608. font-family: 'Yatra One', cursive;
  609. width:150px;
  610. font-size:12px;
  611. opacity:.6;
  612. bottom:365px;
  613. left:395px;
  614. line-height:80%
  615. text-align:right;
  616. float:right;
  617. text-shadow: 1px 1px 1px {color:text};
  618. }
  619.  
  620.  
  621. #dots a {
  622. color:{color:italic};
  623. text-shadow: 1px 1px 1px {color:bold};
  624. -webkit-filter:blur (.5px);
  625. -webkit-transition: all 0.6s ease-in-out;
  626. -moz-transition: all 0.6s ease-in-out;
  627. -o-transition: all 0.6s ease-in-out;
  628. -ms-transition: all 0.6s ease-in-out;
  629. transition: all 0.6s ease-in-out;
  630. }
  631.  
  632. #dots a:hover {
  633. color:{color:hover};
  634. text-shadow: 1px 1px 1px {color:link};
  635. -webkit-filter:blur (2px);
  636. -webkit-transition: all 0.6s ease-in-out;
  637. -moz-transition: all 0.6s ease-in-out;
  638. -o-transition: all 0.6s ease-in-out;
  639. -ms-transition: all 0.6s ease-in-out;
  640. transition: all 0.6s ease-in-out;
  641. }
  642.  
  643. .linkbar {
  644. display: inline-block;
  645. margin: 5px;
  646. width: 168px;
  647. padding: 2px;
  648. line-height: 120%;
  649. font-size: 13px;
  650. font-family: 'Space Mono', monospace;
  651. color: {color:text};
  652. background-image:url('{image:header}');
  653. background-position:bottom left;
  654. background-attachment:fixed;
  655. background-repeat:repeat;
  656. border-bottom-left-radius: 5px;
  657. border-bottom-right-radius: 5px;
  658. border-top-left-radius: 5px;
  659. border-top-right-radius: 5px;
  660. border-bottom:solid 1px {color:bold};
  661. text-shadow:1px 1px 1px {color:link};
  662. }
  663.  
  664. .navhead {
  665. display: inline-block;
  666. margin: 5px;
  667. width: 350px;
  668. padding: 2px;
  669. line-height: 120%;
  670. font-size: 20px;
  671. font-family: 'Space Mono', monospace;
  672. color: {color:text};
  673. background-image:url('{image:header}');
  674. background-position:bottom left;
  675. background-attachment:fixed;
  676. background-repeat:repeat;
  677. border-bottom-left-radius: 5px;
  678. border-bottom-right-radius: 5px;
  679. border-top-left-radius: 5px;
  680. border-top-right-radius: 5px;
  681. border-bottom:solid 1px {color:bold};
  682. text-shadow:1px 1px 1px {color:link};
  683. }
  684.  
  685. /* DROP DOWN INFORMATION */
  686.  
  687. .links_list {
  688. margin:0px;
  689. padding:0px;
  690. width:100%;
  691. -webkit-transition: all .5s ease-in-out;
  692. -moz-transition: all .5s ease-in-out;
  693. -o-transition: all .5s ease-in-out;
  694. transition: all .5s ease-in-out;}
  695.  
  696. .links_head {
  697. height:auto;
  698. padding:5px;
  699. bottom:22px;
  700. margin: 5px 0px 0px;
  701. letter-spacing: 1px;
  702. background-image:url('{image:header}');
  703. background-position:bottom left;
  704. background-attachment:fixed;
  705. background-repeat:repeat;
  706. border-bottom-left-radius: 5px;
  707. border-bottom-right-radius: 5px;
  708. border-top-left-radius: 5px;
  709. border-top-right-radius: 5px;
  710. border-bottom:solid 1px {color:bold};
  711. letter-spacing:2px;
  712. font-size:12px;
  713. text-align: center;
  714. width:auto;
  715. }
  716.  
  717. .links_body {
  718. padding:10px;
  719. text-align:left;
  720. display:none;
  721. }
  722.  
  723.  
  724. #player {
  725. width:350px;
  726. overflow:hidden;
  727. margin-bottom:35px;
  728. opacity: 0.7;
  729. filter:alpha(opacity=70);
  730. -moz-opacity: 0.7;
  731. -khtml-opacity: 0.7;
  732. }
  733.  
  734. #albumart {
  735. float:left;
  736. margin:0px 7px;}
  737.  
  738. .qquote {
  739. text-shadow:0px 0px 8px {color:link};
  740. font-family: 'Yatra One', cursive;
  741. text-align:left;
  742. font-style:italic;;
  743. font-size:75px;
  744. color:{color:hover};
  745. margin-top:50px;
  746. margin-left:-10px;
  747. opacity:.2;
  748. z-index:9999;
  749. }
  750.  
  751. .quote {
  752. text-shadow:1px 1px 7px {color:text} ;
  753. font-family: 'Yatra One', cursive;
  754. font-style:italic;
  755. text-align:center;
  756. margin-top:-38px;
  757. padding:15px;
  758. font-size:16px;
  759. line-height:120%;
  760. z-index:9999999;
  761. }
  762.  
  763. ul.chat{
  764. list-style:none;
  765. margin-left:5px;
  766. font-family: 'Farsan', cursive;
  767. font-size:17px;
  768. color:{color:text};
  769. text-shadow:-1px -1px -1px {color:link};
  770. text-shadow:1px 1px 1px {color:bold};
  771. }
  772.  
  773. .chat span {
  774. float: left;
  775. }
  776.  
  777.  
  778. #info {
  779. background-image:url('{image:header}');
  780. background-position:bottom left;
  781. background-attachment:fixed;
  782. background-repeat:repeat;
  783. opacity:.8;
  784. width:420px;
  785. height:18px;
  786. text-align:center;
  787. letter-spacing:10px;
  788. margin-top:20px;
  789. margin-left:-10px;
  790. padding:5px;
  791. margin-bottom:20px;
  792. font-size:15px;
  793. font-style:none;
  794. border-bottom-left-radius: 5px;
  795. border-bottom-right-radius: 5px;
  796. border-top-left-radius: 5px;
  797. border-top-right-radius: 5px;
  798. border-bottom:solid 1px {color:bold};
  799. }
  800.  
  801.  
  802.  
  803.  
  804. #info a {
  805. color:{color:link};}
  806.  
  807. #info a:hover {
  808. color:{color:hover};}
  809.  
  810.  
  811.  
  812.  
  813. .tags {
  814. font-family: 'Farsan', cursive;
  815. color:{color:link};
  816. padding-bottom:15px;
  817. letter-spacing:2px;
  818. font-size:11px;
  819. font-style:normal;
  820. line-height:120%;
  821. margin-top:10px;
  822. margin-bottom:10px;
  823. text-align:center;
  824. -webkit-transition: all 1s;
  825. -moz-transition: all 1s;
  826. -o-transition: all 1s;
  827. transition: all 1s;
  828. opacity:0;
  829. }
  830.  
  831.  
  832. .tags a {
  833. display:;
  834. opacity:0.8;
  835. text-align:center;
  836. color:{color:link};
  837.  
  838. }
  839.  
  840.  
  841. #entries:hover .tags {
  842. color:{color:text};
  843. opacity:.6;
  844. }
  845.  
  846.  
  847. .asker {
  848. font-family: 'Amiko', sans-serif;
  849. font-style:none;
  850. letter-spacing: 2px;
  851. float:right;
  852. padding-top:-10px;
  853. right:30px;
  854. margin-top:-5px;
  855. text-transform:lowercase;
  856. color: {color:link};
  857. font-size:20px;
  858. padding:5px;
  859. text-shadow: 2px 2px 2px {color:bold};
  860. }
  861.  
  862. .asker a {
  863. font-family: 'Farsan', cursive;
  864. font-style:none;
  865. letter-spacing:2px;
  866. text-transform:lowercase;
  867. font-size: 25px;
  868. letter-spacing:0px;
  869. text-shadow:none;
  870. color: {color:link};
  871. text-shadow: 1px 1px 1px {color:bold};
  872. -webkit-filter: blur(0.5px);
  873. }
  874.  
  875. .asker a:hover {
  876. font-family: 'Farsan', cursive;
  877. color: {color:hover};
  878. letter-spacing: 0px;
  879. text-shadow:0 0 2px #000;
  880. -webkit-filter: blur(2px);
  881. -webkit-transition:all .5s ease-in-out;
  882. -moz-transition:all .5s ease-in-out;
  883. transition:all .5s ease-in-out;
  884. }
  885.  
  886.  
  887.  
  888. .question{
  889. font-family: 'Amiko', sans-serif;
  890. background-image:url('{image:header}');
  891. background-position:bottom left;
  892. background-attachment:fixed;
  893. background-repeat:repeat;
  894. color:{color:italic};
  895. width:375px;
  896. font-size:12px;
  897. text-align:center;
  898. padding-top: 5px;
  899. margin-left:5px;
  900. text-transform:auto;
  901. letter-spacing:3px
  902. margin-top:10px;
  903. padding:5px;
  904. text-shadow:1px 1px 1px {color:bold};
  905. padding:10px;
  906. opacity:.8;
  907. letter-spacing:2px;
  908. font-weight:bold;
  909. border-bottom-left-radius: 10px;
  910. border-bottom-right-radius: 10px;
  911. border-top-left-radius: 10px;
  912. border-top-right-radius: 10px;
  913. border-bottom:solid 1px {color:background};
  914. border-top:solid 1px {color:bold};
  915. }
  916.  
  917. .answer {
  918. font-size:10px;
  919. }
  920.  
  921.  
  922.  
  923.  
  924. #credit {
  925. font-size:5px;
  926. font-family: 'Yatra One', cursive;
  927. color:{color:link};
  928. bottom:10px;
  929. right:10px;
  930. position:fixed;
  931. z-index:99999;
  932. }
  933.  
  934. #credit a {
  935. font-family: 'Yatra One', cursive;
  936. font-size:10px;
  937. padding:5px;
  938. background-color:{color:background};
  939. text-align:center;
  940. font-weight:bold;}
  941.  
  942.  
  943. </style>
  944. </head>
  945. <body>
  946.  
  947.  
  948. <div id="tabbar">
  949.  
  950.  
  951. <div id="description">
  952.  
  953. <!--- if you would like to type your own description in the code, it goes here ! --->
  954. {text:description}
  955.  
  956. </div>
  957.  
  958.  
  959. <div id="fpagination">
  960. {block:Pagination} {block:NextPage}<a href="{NextPage}" title="forth"> FORTH</a>{/block:NextPage}{/block:Pagination} </div></center>
  961. <div id="dots">● ● ●</div>
  962. <div id="bpagination">
  963. {block:PreviousPage}<a href="{PreviousPage}" title="back"> BACK </a>{/block:PreviousPage} {/block:Pagination}</div></center>
  964. <div id="navigation">
  965. <div class="tabs">
  966. <ul class="tab-links">
  967. <a href="/" title="home.">ONE.</a>
  968. <li><a href="#tab2" title="message.">two.</a></li>
  969. <li><a href="#tab3" title="rules.">three.</a></li>
  970. <li><a href="#tab4" title="muses.">four.</a></li>
  971. <li><a href="#tab5" title="nav.">five.</a></li>
  972. </li>
  973.  
  974. <!----- five tabs added, but you can add additional links by adding another line above the last </li> above like this:
  975. <li><a href="#tab6 title="your title">six.</a></li>
  976. if you add another tab, you have to add it below as well ----->
  977.  
  978. </ul>
  979. </div>
  980. </div>
  981.  
  982.  
  983.  
  984. <div class="tabs">
  985.  
  986. <div class="tabstuff">
  987. <div id="tab1" class="tab active">
  988.  
  989.  
  990. <div id="entries">
  991.  
  992. {block:Posts}
  993. <article>
  994.  
  995. {block:Photo}
  996. {LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}
  997. {block:Caption}{Caption}{/block:Caption}
  998. {/block:Photo}
  999.  
  1000. {block:Photoset}
  1001. <div class="photoset">{Photoset-400}</div>
  1002. {block:Caption}{Caption}{/block:Caption}
  1003. {/block:Photoset}
  1004.  
  1005. {block:Video}
  1006. <center>{Video-400}</center>
  1007. {block:Caption}{Caption}{/block:Caption}
  1008. {/block:Video}
  1009.  
  1010.  
  1011.  
  1012. {block:Answer}
  1013. <span style="color:{color:bold}"><big><b>incoming transmission →</b></big></span>
  1014. <div class="question"><p><p><p>{Question}</div></center> <div class="asker" style="float:right;"> <b>...</b> {Asker} </div>
  1015. <br>
  1016. <p><div class="answer">{Answer}</div>
  1017. {/block:Answer}
  1018.  
  1019.  
  1020. {block:Text}
  1021. {block:Title}<h1>{Title}</h1>{/block:Title}
  1022. {Body}
  1023. {/block:Text}
  1024.  
  1025. {block:Link}
  1026. <h1><a href="{url}" {Target}>{Name}</a></h1>
  1027. {block:Description}{Description}{/block:Description}
  1028. {/block:Link}
  1029.  
  1030. {block:Chat}
  1031. {block:Title}<h1>{Title}</h1>{/block:Title}
  1032. {block:Lines}
  1033. <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  1034. {/block:Lines}
  1035. {/block:Chat}
  1036.  
  1037. {block:Quote}
  1038. <div class="qquote">❝</div>
  1039. <div class="quote">{quote}</div>
  1040. {block:Source}<div style="text-align:right;margin-top:20px;">{Source}</div>{/block:Source}
  1041. {/block:Quote}
  1042.  
  1043. {block:Audio}<div class="audio">
  1044.  
  1045. {block:AlbumArt}
  1046. {/block:AlbumArt}
  1047.  
  1048.  
  1049. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1050. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1051. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1052. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1053.  
  1054.  
  1055. <div id="info">
  1056. <br>
  1057.  
  1058. &nbsp; &nbsp;
  1059.  
  1060.  
  1061. {block:Date}
  1062. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px {color:background};" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ★ </a>
  1063. {/block:Date}
  1064.  
  1065.  
  1066. {block:RebloggedFrom}
  1067. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px {color:background};" title=" via. {ReblogParentName} "> ★ </a>
  1068. {/block:RebloggedFrom}
  1069.  
  1070.  
  1071. {block:ContentSource}
  1072. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px {color:background};" title=" source. {SourceTitle} "> ★ </a>
  1073. {/block:ContentSource}
  1074.  
  1075.  
  1076. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px {color:background};" title=" {NoteCount} notes "> ★ </a>
  1077.  
  1078.  
  1079. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px {color:background};" title="reblog"> ★ </a>
  1080. <br>
  1081. </div>
  1082. {block:HasTags}
  1083. <div class="tags">
  1084. {block:Tags}
  1085. ● <a href="{TagURL}" title="{tag}">{tag}</a> &nbsp;
  1086. {/block:Tags}
  1087. </div>
  1088. {/block:HasTags}
  1089.  
  1090. {block:PostNotes}<div style="margin-top:50px;">{PostNotes}</div>{/block:PostNotes}
  1091.  
  1092.  
  1093. </article>
  1094. {/block:Posts}
  1095.  
  1096.  
  1097. </div>
  1098.  
  1099.  
  1100. </div>
  1101.  
  1102. </div>
  1103. <div id="tab2" class="tab">
  1104. <div class="tabstuff">
  1105. <div id="header">
  1106. <h1 class="navhead">ASK</h1>
  1107. </div>
  1108.  
  1109. <center>
  1110.  
  1111. <!--- second link/tab - ask/submit forms -
  1112. replace [YOURURL] with your actual url or they won't work---->
  1113.  
  1114. <p><iframe frameborder="0" border="0" scrolling="no" width="390" height="300" allowtransparency="true" src="https://www.tumblr.com/ask_form/mythousworks02.tumblr.com" style="background-color:; overflow:hidden;"></iframe>
  1115. </center>
  1116.  
  1117. <div id="header">
  1118. <h1 class="navhead">SUBMIT</h1>
  1119. </div>
  1120.  
  1121. <center>
  1122. <p><iframe frameborder="0" border="0" scrolling="no" width="390" height="400" allowtransparency="true" src="https://www.tumblr.com/submit_form/mythousworks02.tumblr.com" style="background-color:; overflow:hidden;"></iframe>
  1123. </center>
  1124.  
  1125. </div>
  1126. </div>
  1127.  
  1128.  
  1129. <!-- -------------------------- TAB 3 -------------------------- -->
  1130.  
  1131. <div id="tab3" class="tab">
  1132. <div class="tabstuff">
  1133. <div id="header">
  1134. <h1 class="navhead">RULES</h1>
  1135. </div>
  1136. <p><h2><b>your rules go here ! </b></h2>
  1137.  
  1138. <!--- third link/tab - designated for rules, but you can put whatever you want here, feel free to format this however you like ---->
  1139.  
  1140. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>
  1141. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1142.  
  1143. <br><br>
  1144. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1145.  
  1146. <br><br>
  1147. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1148. </sub></p></blockquote></p>
  1149. </div>
  1150. </div>
  1151.  
  1152. <!-- -------------------------- TAB 4 -------------------------- -->
  1153.  
  1154. <div id="tab4" class="tab">
  1155. <div class="tabstuff">
  1156.  
  1157. <br><br><br>
  1158.  
  1159. <!--- fourth link/tab - designated for muses and muse categories, additional templates to copy/paste to add more categories/muses at the bottom of this tab ---->
  1160.  
  1161. <div class="links_list">
  1162. <p class="links_head"> MUSE CATEGORY</p>
  1163. <div class="links_body">
  1164.  
  1165.  
  1166. <!----ICON LEFT--->
  1167.  
  1168. <p class="links_head">[MUSE NAME]</p>
  1169. <div class="links_body">
  1170. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:left;padding-right: 2px; max-width: 60px;">
  1171. <strong>fandom:</strong> [FANDOM NAME]<br>
  1172. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1173. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1174. <br><hr>
  1175. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1176. <hr>
  1177. </blockquote><br></div>
  1178. <br><br>
  1179. <p><p><p>
  1180.  
  1181.  
  1182. <!----ALIGN RIGHT--->
  1183.  
  1184. <p class="links_head">[MUSE NAME]</p>
  1185. <div class="links_body" style="text-align:right">
  1186. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:right; padding-left: 2px; max-width: 60px;">
  1187. <strong>fandom:</strong> [FANDOM NAME]<br>
  1188. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1189. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1190. <br><hr>
  1191. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1192. <hr>
  1193. </blockquote><br></div></div>
  1194.  
  1195. <br><br><br>
  1196.  
  1197.  
  1198.  
  1199. <!---NEXT CATEGORY--->
  1200.  
  1201.  
  1202.  
  1203. <div class="links_list">
  1204. <p class="links_head"> MUSE CATEGORY</p>
  1205. <div class="links_body">
  1206.  
  1207.  
  1208. <!----ICON LEFT--->
  1209.  
  1210. <p class="links_head">[MUSE NAME]</p>
  1211. <div class="links_body">
  1212. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:left;padding-right: 2px; max-width: 60px;">
  1213. <strong>fandom:</strong> [FANDOM NAME]<br>
  1214. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1215. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1216. <br><hr>
  1217. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1218. <hr>
  1219. </blockquote><br></div>
  1220. <br><br>
  1221. <p><p><p>
  1222.  
  1223.  
  1224. <!----ALIGN RIGHT--->
  1225.  
  1226. <p class="links_head">[MUSE NAME]</p>
  1227. <div class="links_body" style="text-align:right">
  1228. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:right; padding-left: 2px; max-width: 60px;">
  1229. <strong>fandom:</strong> [FANDOM NAME]<br>
  1230. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1231. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1232. <br><hr>
  1233. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1234. <hr>
  1235. </blockquote><br></div></div>
  1236.  
  1237.  
  1238. <br><br><br>
  1239.  
  1240.  
  1241.  
  1242. <!---NEXT CATEGORY--->
  1243.  
  1244.  
  1245.  
  1246.  
  1247. <div class="links_list">
  1248. <p class="links_head"> MUSE CATEGORY</p>
  1249. <div class="links_body">
  1250.  
  1251.  
  1252. <!----ICON LEFT--->
  1253.  
  1254. <p class="links_head">[MUSE NAME]</p>
  1255. <div class="links_body">
  1256. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:left;padding-right: 2px; max-width: 60px;">
  1257. <strong>fandom:</strong> [FANDOM NAME]<br>
  1258. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1259. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1260. <br><hr>
  1261. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1262. <hr>
  1263. </blockquote><br></div>
  1264. <br><br>
  1265. <p><p><p>
  1266.  
  1267.  
  1268. <!----ALIGN RIGHT--->
  1269.  
  1270. <p class="links_head">[MUSE NAME]</p>
  1271. <div class="links_body" style="text-align:right">
  1272. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:right; padding-left: 2px; max-width: 60px;">
  1273. <strong>fandom:</strong> [FANDOM NAME]<br>
  1274. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1275. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1276. <br><hr>
  1277. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1278. <hr>
  1279. </blockquote><br></div></div>
  1280.  
  1281. <br><br><br>
  1282.  
  1283.  
  1284. <!---NEXT CATEGORY--->
  1285.  
  1286.  
  1287.  
  1288.  
  1289. <div class="links_list">
  1290. <p class="links_head"> MUSE CATEGORY</p>
  1291. <div class="links_body">
  1292.  
  1293.  
  1294. <!----ICON LEFT--->
  1295.  
  1296. <p class="links_head">[MUSE NAME]</p>
  1297. <div class="links_body">
  1298. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:left;padding-right: 2px; max-width: 60px;">
  1299. <strong>fandom:</strong> [FANDOM NAME]<br>
  1300. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1301. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1302. <br><hr>
  1303. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1304. <hr>
  1305. </blockquote><br></div>
  1306. <br><br>
  1307. <p><p><p>
  1308.  
  1309.  
  1310. <!----ALIGN RIGHT--->
  1311.  
  1312. <p class="links_head">[MUSE NAME]</p>
  1313. <div class="links_body" style="text-align:right">
  1314. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:right; padding-left: 2px; max-width: 60px;">
  1315. <strong>fandom:</strong> [FANDOM NAME]<br>
  1316. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1317. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1318. <br><hr>
  1319. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1320. <hr>
  1321. </blockquote><br></div></div>
  1322. <br><br>
  1323. <p><p><p>
  1324.  
  1325.  
  1326. <!----- add another category by copying the below
  1327.  
  1328. <div class="links_list">
  1329. <p class="links_head"> MUSE CATEGORY</p>
  1330. <div class="links_body">
  1331.  
  1332. ----->
  1333.  
  1334. <!---- add another muse aligned to the left by copying the below
  1335.  
  1336. <p class="links_head">[MUSE NAME]</p>
  1337. <div class="links_body">
  1338. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:left;padding-right: 2px; max-width: 60px;">
  1339. <strong>fandom:</strong> [FANDOM NAME]<br>
  1340. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1341. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1342. <br><hr>
  1343. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1344. <hr>
  1345. </blockquote><br></div>
  1346. <br><br>
  1347. <p><p><p>
  1348.  
  1349. ----->
  1350.  
  1351.  
  1352. <!---- add another muse aligned to the right by copying the below
  1353.  
  1354. <p class="links_head">[MUSE NAME]</p>
  1355. <div class="links_body" style="text-align:right">
  1356. <img align="right" src="https://i.imgur.com/YOIfBX3.png" style="float:right; padding-left: 2px; max-width: 60px;">
  1357. <strong>fandom:</strong> [FANDOM NAME]<br>
  1358. <strong>faceclaim:</strong> [FACECLAIM]<br>
  1359. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida erat in velit viverra rhoncus. Fusce rhoncus ut neque ut pulvinar. Vivamus laoreet, nulla a eleifend feugiat, quam nulla convallis risus, id egestas sapien erat ac urna. Aliquam sed sapien vitae eros dictum venenatis vitae in dolor. Vivamus iaculis viverra ligula eget bibendum. Praesent in nisi porttitor, tristique orci vel, gravida augue. Phasellus porttitor quam eu urna maximus, quis bibendum risus vulputate. Nulla ac ligula mi. Sed faucibus erat odio, eget aliquet justo finibus ut. Vivamus eu malesuada nisi. Donec in sodales tortor. Morbi sollicitudin vestibulum magna. Pellentesque finibus ullamcorper magna, sed commodo diam maximus in. Donec et diam euismod mi consectetur cursus. Maecenas imperdiet purus augue, eu sodales justo feugiat sit amet.
  1360. <br><hr>
  1361. <p align="center">★ <a href="/tagged/[INTERACTION TAG]" title="all interactions">interactions</a> ★ <a href="/tagged/[STUDY/META TAG]" title="character study">study</a> ★ <a href="/tagged/[GALLERY TAG]" title="mirror">mirror</a> ★ <a href="/tagged/[PINTEREST/OTHER TAG]" title="[MUSE]'s pinterest board">pinterest</a> ★
  1362. <hr>
  1363. </blockquote><br></div></div>
  1364. <br><br>
  1365. <p><p><p>
  1366.  
  1367. ----->
  1368.  
  1369.  
  1370. </div></div></div></div></div></div>
  1371.  
  1372. <!-- -------------------------- TAB 5 -------------------------- -->
  1373.  
  1374. <div id="tab5" class="tab">
  1375. <div class="tabstuff">
  1376. <div id="header">
  1377.  
  1378. <!--- fifth link/tab - designated for additional info/links, but you can put whatever you want here, feel free to format this however you like ---->
  1379.  
  1380. </div>
  1381. <h1 class="navhead">heading</h1>
  1382. <p>
  1383. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>
  1384. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1385. <br><br>
  1386. <hr>
  1387. <p>
  1388. <h1 class="navhead">more headings</h1>
  1389. <p>
  1390.  
  1391. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1392. <br><br>
  1393. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1394. <hr>
  1395. <p>
  1396. <h1 class="navhead">another heading</h1>
  1397. <p>
  1398.  
  1399. <p><a href="/" title="link title" class="linkbar">link</a>
  1400. <a href="/" title="link title" class="linkbar">link</a>
  1401. <p><a href="/" title="link title" class="linkbar">link</a>
  1402. <a href="/" title="link title" class="linkbar">link</a>
  1403. <hr>
  1404.  
  1405. <p><a href="/" title="link title" class="linkbar">link</a>
  1406. <a href="/" title="link title" class="linkbar">link</a>
  1407. <p><a href="/" title="link title" class="linkbar">link</a>
  1408. <a href="/" title="link title" class="linkbar">link</a>
  1409.  
  1410. <p><a href="/" title="link title" class="linkbar">link</a>
  1411. <a href="/" title="link title" class="linkbar">link</a>
  1412. <p><a href="/" title="link title" class="linkbar">link</a>
  1413. <a href="/" title="link title" class="linkbar">link</a>
  1414.  
  1415. <hr>
  1416.  
  1417. <p><a href="/" title="link title" class="linkbar">link</a>
  1418. <a href="/" title="link title" class="linkbar">link</a>
  1419. <p><a href="/" title="link title" class="linkbar">link</a>
  1420. <a href="/" title="link title" class="linkbar">link</a>
  1421. <hr>
  1422.  
  1423. <p><a href="/" title="link title" class="linkbar">link</a>
  1424. <a href="/" title="link title" class="linkbar">link</a>
  1425. <p><a href="/" title="link title" class="linkbar">link</a>
  1426. <a href="/" title="link title" class="linkbar">link</a>
  1427.  
  1428. <hr>
  1429. </div>
  1430. </div>
  1431.  
  1432.  
  1433.  
  1434. <!-- -------------------------- TAB 6 ----------------------------(to enable additional tabs, delete everything including the parentheses and replace with ">" make sure it's right up against the last hyphen above)
  1435.  
  1436. <div id="tab5" class="tab">
  1437. <div class="tabstuff">
  1438. <div id="header">
  1439.  
  1440.  
  1441. </div>
  1442. </div>
  1443.  
  1444. <!-- -------------------------- TAB 7 -------------------------- --(to enable additional tabs, delete everything including the parentheses and replace with ">" make sure it's right up against the last hyphen above)
  1445.  
  1446.  
  1447. <div id="tab6" class="tab">
  1448. <div class="tabstuff">
  1449. <div id="header">
  1450.  
  1451.  
  1452. </div>
  1453. </div>
  1454.  
  1455.  
  1456. <!-- END OF TABS -->
  1457.  
  1458. </div>
  1459. </div>
  1460. </div>
  1461. </div>
  1462. </div>
  1463.  
  1464. <!--- please do not remove the credit♥--->
  1465. <div id="credit"><a href="https://mythousworks.tumblr.com" title="made by rin!">★ </a></div>
  1466. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1467.  
  1468. <script>
  1469. $(document).ready(function() {
  1470. $('.tabs .tab-links a').on('click', function(e) {
  1471. var currentAttrValue = $(this).attr('href');
  1472.  
  1473. // Show/Hide Tabs
  1474. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1475.  
  1476. // Change/remove current tab to active
  1477. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1478.  
  1479. e.preventDefault();
  1480. });
  1481. });
  1482. </script>
  1483.  
  1484. <script>
  1485. $(document).ready(function() {
  1486. $('#filterOptions li a').click(function() {
  1487. // fetch the class of the clicked item
  1488. var ourClass = $(this).attr('class');
  1489.  
  1490. // reset the active class on all the buttons
  1491. $('#filterOptions li').removeClass('active');
  1492. // update the active state on our clicked button
  1493. $(this).parent().addClass('active');
  1494.  
  1495. if(ourClass == 'all') {
  1496. // show all our items
  1497. $('#ourHolder').children('div.item').show();
  1498. }
  1499. else {
  1500. // hide all elements that don't share ourClass
  1501. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1502. // show all elements that do share ourClass
  1503. $('#ourHolder').children('div.' + ourClass).show();
  1504. }
  1505. return false;
  1506. });
  1507. });
  1508. </script>
  1509.  
  1510.  
  1511. </body>
  1512. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!