API tools faq
paste
bridgetowakanda

200805 INKEDSPELLED THEME

bridgetowakanda
Aug 5th, 2020
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.65 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css2?family=Marck+Script&display=swap" rel="stylesheet">
  2. <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  3. <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
  4. <link href="https://fonts.googleapis.com/css2?family=Notable&display=swap" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
  7.  
  8.  
  9.  
  10. <html>
  11.  
  12.  
  13. <!------------------------------ SCRIPTS ----------------------------->
  14. <!------------------------------ POPUP ------------------------------>
  15.  
  16.  
  17. <script type="text/javascript"
  18. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script>
  20. $(document).ready(function() {
  21. //
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel'); //Get Popup Name
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25. var query= popURL.split('?');
  26. var dim= query[1].split('&');
  27. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  28. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  29. var popMargTop = ($('#' + popID).height() + 80) / 2;
  30. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  31. //Apply Margin to Popup
  32. $('#' + popID).css({
  33. 'margin-top' : -popMargTop,
  34. 'margin-left' : -popMargLeft
  35. });
  36. $('body').append('<div id="fade"></div>');
  37. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  38. return false;
  39. });
  40. $('a.close, #fade').live('click', function() {
  41. $('#fade , .popup_block').fadeOut(function() {
  42. $('#fade, a.close').remove(); //fade them both out
  43. });
  44. return false;
  45. });
  46. });
  47. </script>
  48.  
  49.  
  50.  
  51.  
  52. <!----------------------------- TOOLTLIP ----------------------------->
  53.  
  54.  
  55. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  56. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:200,
  64. tip_fade_speed:500
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70.  
  71.  
  72. <!------------------------------ TABS ------------------------------>
  73.  
  74.  
  75. <script>
  76. $(document).ready(function(){
  77. $("ul#tabs li").click(function(e){
  78. if (!$(this).hasClass("active")) {
  79. var tabNum = $(this).index();
  80. var nthChild = tabNum+1;
  81. $("ul#tabs li.active").removeClass("active");
  82. $(this).addClass("active");
  83. $("ul#tab li.active").removeClass("active");
  84. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  85. }
  86. });
  87. });
  88. </script>
  89.  
  90.  
  91.  
  92.  
  93. <title>{Title}</title>
  94. <link rel="shortcut icon" href="{Favicon}">
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  96. {block:Description}
  97. <meta name="description" content="{MetaDescription}" />
  98. {/block:Description}
  99.  
  100.  
  101.  
  102.  
  103.  
  104. <!---------------------------- META DATA ----------------------------->
  105. <meta name="text:Starters" content="00"/>
  106. <meta name="text:Drafts" content="00"/>
  107. <meta name="text:Memes" content="00"/>
  108. <meta name="text:MuseName" content="INKEDSPELLED"/>
  109. <meta name="text:blogtype" content="Indie Private Selective"/>
  110. <meta name="text:Description" content="FICTIONAL LIE"/>
  111. <meta name="text:quote" content="Fiction is the lie through which we tell the truth."/>
  112. <meta name="text:name" content="Lenore"/>
  113.  
  114.  
  115. </head>
  116.  
  117. <style type="text/css">
  118.  
  119.  
  120. /* SCROLL BAR */
  121. ::-webkit-scrollbar {
  122. width: 2px;
  123. height: 2px;
  124. }
  125. ::-webkit-scrollbar-button {
  126. width: 0px;
  127. height: 0px;
  128. }
  129. ::-webkit-scrollbar-thumb {
  130. background: transparent;
  131. border: 0px none #a68b7c;
  132. border-radius: 50px;
  133. }
  134. ::-webkit-scrollbar-thumb:hover {
  135. background: transparent;
  136. }
  137. ::-webkit-scrollbar-thumb:active {
  138. background: transparent;
  139. }
  140. ::-webkit-scrollbar-track {
  141. background: transparent;
  142. border: 0px none #a68b7c;
  143. border-radius: 0px;
  144. }
  145. ::-webkit-scrollbar-track:hover {
  146. background:transparent;
  147. }
  148. ::-webkit-scrollbar-track:active {
  149. background: transparent;
  150. }
  151. ::-webkit-scrollbar-corner {
  152. background: transparent;
  153. }
  154.  
  155.  
  156. /* SELECTIOIN */
  157.  
  158. ::SELECTION {BACKGROUND: #6b8d79 COLOR:#909389; }
  159. ::-MOZ-SELECTION {BACKGROUND: #6b8d79 COLOR:#909389; }
  160.  
  161.  
  162.  
  163. /* BODY */
  164.  
  165. body {
  166. background-color:#3d3734;
  167. background-image:url('https://i.imgur.com/P6NmAVG.png');
  168. background-repeat: no-repeat;
  169. font-family: karla;
  170. font-size: 11px;
  171. text-align: justify;
  172. color:#909389;
  173. letter-spacing: 1px;
  174. word-spacing: 3px;
  175. }
  176.  
  177. #entries {
  178. background-color:#332e2b;
  179. border: 1px solid #433d3a;
  180. width:400px;
  181. height:560px;
  182. top:150px;
  183. padding: 10px;
  184. margin-left: 700px;
  185. position:relative;
  186. overflow-y:scroll;
  187. overflow-x:hidden;
  188. -webkit-mask-image: -webkit-gradient(
  189. linear, center 75%, center bottom,
  190. from(rgba(0,0,0,20)),
  191. to(rgba(20,0,0,0)))
  192.  
  193. }
  194.  
  195.  
  196. #entries img {
  197. height:auto;
  198. max-width:100%;
  199. }
  200.  
  201. #post img {
  202. height: auto;
  203. max-width: 100%;
  204. }
  205.  
  206.  
  207. #posts {
  208. width:300px;
  209. background-color: #222;
  210. padding-bottom:0px;
  211. overflow-y:scroll;
  212. overflow-x:hidden;
  213. }
  214.  
  215.  
  216.  
  217. .sidebox {
  218. position: fixed;
  219. background-color: #332e2b;
  220. border: 1px solid #433d3a;
  221. padding: 10px;
  222. top: 300px;
  223. left: 1145px;
  224. width: 150px;
  225. height: 350px;
  226. overflow: auto;
  227. z-index: 1;
  228. opacity:1;
  229. }
  230.  
  231.  
  232.  
  233. /* FONT DECOR */
  234.  
  235.  
  236. h1 {
  237. font-family: 'Notable', sans-serif;
  238. font-size: 15px;
  239. text-align:center;
  240. text-transform:uppercase;
  241. color: #ffffff;
  242. background-image: url('https://i.imgur.com/d6yLKK7.png');
  243. background-position:left;
  244. background-repeat:repeat;
  245. background-attachment:fixed;
  246. -webkit-background-clip: text;
  247. -webkit-text-fill-color: transparent;
  248.  
  249. }
  250.  
  251. h2 {
  252. text-align:center;
  253. text-transform:uppercase;
  254. color: #c07534;
  255. font-family: 'Righteous', cursive;
  256. letter-spacing: 1px;
  257. font-size: 25px;
  258. }
  259.  
  260. h3 {
  261. text-align:center;
  262. text-transform:uppercase;
  263. color: #289477;
  264. font-family: 'VT323', monospace;
  265. font-size: 12px;
  266. }
  267.  
  268. h4 {
  269. text-align: center;
  270. text-transform: uppercase;
  271. color: #000000;
  272. font-family: courier;
  273. font-weight: bold;
  274. font-size: 15px;
  275. padding-top: 5px;
  276. padding-bottom: 5px;
  277. background-color: #a9896f;
  278. border-left: 4px solid #2b5c51;
  279. border-right: 4px solid #2b5c51;
  280. }
  281.  
  282. t, title {
  283. text-align: right;
  284. font-size: 18px;
  285. font-family: georgia;
  286. color: #a21902;
  287. text-transform: uppercase;
  288.  
  289. }
  290.  
  291. b, bold, strong {
  292. text-align:center;
  293. text-transform:uppercase;
  294. color: #6b8d79;
  295. font-family: 'Righteous', cursive;
  296. font-size: 13px;
  297. }
  298.  
  299. i, italic, em {
  300. text-align:center;
  301. text-transform:uppercase;
  302. color: #a8886a;
  303. font-family: 'Marck Script', cursive;
  304. text-transform: lowercase;
  305. font-size: 20px;
  306. }
  307.  
  308. code {
  309. size: 11px;
  310. font-family: courier;
  311. text-transform: uppercase;
  312. }
  313.  
  314. u, underline
  315. {font:12px 'Fjalla One'; font-weight:400; color:#6b8d79; text-transform:uppercase; letter-spacing:1px;}
  316.  
  317. p {
  318. margin-top:5px;
  319. margin-bottom:5px;}
  320.  
  321.  
  322. ol {
  323. list-style:normal;}
  324.  
  325.  
  326. ul {
  327. list-style:square;}
  328.  
  329.  
  330. small {
  331. font-size:10px}
  332.  
  333.  
  334. sup,sub {
  335. font-size:11px}
  336.  
  337.  
  338. pre {
  339. font-size: 12px;
  340. border-left: 3px solid #00939f;
  341. padding: 5px;
  342. font-family: courier new;
  343. font-style: none;
  344. text-transform: uppercase;
  345. text-align:left;
  346. }
  347.  
  348.  
  349. blockquote {
  350. border-left: 2px solid #6b8d79;
  351. padding: 5px;
  352. margin:0px 0px 5px 5px;
  353. }
  354.  
  355.  
  356. blockquote img {
  357. max-width:100%;
  358. height:100%;
  359. }
  360.  
  361. quotetext {
  362. font-family: times;
  363. font-size: 20px;
  364. line-height: 21px;
  365. letter-spacing: 2px;
  366. text-align: center;
  367. text-transform:uppercase;
  368. color: #fff;
  369. text-shadow: 3px 1px 1px #6b8d79;
  370. }
  371.  
  372. quotations {
  373. font: courier;
  374. font-size: 30px;
  375. color: #2b5c51;
  376. }
  377.  
  378. quote {
  379. font-size: 13px;
  380. }
  381.  
  382. img {
  383. max-width:100%;
  384. }
  385.  
  386. textquote {
  387. text-align: center;
  388. text-transform: uppercase;
  389. color: #000000;
  390. font-family: calibri;
  391. font-weight: bold;
  392. font-size: 15px;
  393. padding-top: 5px;
  394. padding-bottom: 5px;
  395. background-color: #a9896f;
  396. border-left: 4px solid #2b5c51;
  397. border-right: 4px solid #2b5c51;
  398. display:block;
  399. }
  400.  
  401. .chat ul {
  402. list-style: none;
  403. margin: 0;
  404. padding: 10;
  405. }
  406.  
  407. .chat li {
  408. border-radius: 0.2em;
  409. border: 1px solid rgba(0, 0, 0, 0.05);
  410. box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  411. margin-bottom: 2%;
  412. padding: 2%;
  413. width: 50%;
  414. }
  415.  
  416. .chat .odd {
  417. float: left;
  418. background: rgb(236, 236, 236);
  419. padding-bottom: 10px;
  420. }
  421. .chat .even {
  422. float: right;
  423. background: rgb(166, 230, 255);
  424. padding-bottom: 10px;
  425. }
  426.  
  427.  
  428.  
  429.  
  430. /* LINKS DECOR */
  431.  
  432. a {
  433. text-decoration: none;
  434. color: #a4a18f;
  435. font-family: 'Roboto', sans-serif;
  436. text-transform: uppercase;
  437. font-size: 9px;
  438. -webkit-transition: all 0.6s ease-in-out;
  439. -moz-transition: all 0.6s ease-in-out;
  440. -o-transition: all 0.6s ease-in-out;
  441. -ms-transition: all 0.6s ease-in-out;
  442. transition: all 0.6s ease-in-out;
  443. }
  444.  
  445. a:hover {
  446. color: #8d896f;
  447. -webkit-transition: all 0.6s ease-in-out;
  448. -moz-transition: all 0.6s ease-in-out;
  449. -o-transition: all 0.6s ease-in-out;
  450. -ms-transition: all 0.6s ease-in-out;
  451. transition: all 0.6s ease-in-out;
  452. }
  453.  
  454.  
  455. .navigation {
  456. left: 1135px;
  457. top: 170px;
  458. position: fixed;
  459. height: 100px;
  460. width: 50px;
  461. display: block;
  462. font-size: 20px;
  463. }
  464.  
  465. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  466. color: #a68b7c;
  467. text-shadow: 0px 0px 10px #a68b7c;
  468. font-family: 'Righteous', cursive;
  469. font-size: 20px;
  470.  
  471. }
  472.  
  473. a.navi:hover {
  474. font-family: 'Righteous', cursive;
  475. -moz-transition-duration:.6s;
  476. -webkit-transition-duration:.6s;
  477. -o-transition-duration:.6s;
  478. -webkit-filter: blur(0px);
  479. }
  480.  
  481. .credit {
  482. position: absolute;
  483. left: 95%;
  484. top: 95%;
  485. width: auto;
  486. height: auto;
  487. }
  488.  
  489. .credit a {
  490. font-size: 15px;
  491. color: #a4a18f
  492. -webkit-transition: all 0.6s ease-in-out;
  493. -moz-transition: all 0.6s ease-in-out;
  494. -o-transition: all 0.6s ease-in-out;
  495. -ms-transition: all 0.6s ease-in-out;
  496. transition: all 0.6s ease-in-out;
  497. }
  498.  
  499. .credit a:hover {
  500. color: #8d896f;
  501. -webkit-transition: all 0.6s ease-in-out;
  502. -moz-transition: all 0.6s ease-in-out;
  503. -o-transition: all 0.6s ease-in-out;
  504. -ms-transition: all 0.6s ease-in-out;
  505. transition: all 0.6s ease-in-out;
  506. }
  507.  
  508.  
  509.  
  510.  
  511. /* ASK DECOR */
  512.  
  513. #asker {
  514. text-transform:uppercase;
  515. padding-bottom:5px;
  516. font-family: 'VT323', monospace;
  517. text-align:center;
  518. font-size: 15px;
  519. line-height: 16px;
  520. color: #6b8d79;
  521. }
  522.  
  523. #asker a {
  524. text-transform:uppercase;
  525. padding-bottom:5px;
  526. font-family: 'VT323', monospace;
  527. text-align:center;
  528. font-size: 15px;
  529. line-height: 16px;
  530. color: #6b8d79
  531. -webkit-transition: all 0.6s ease-in-out;
  532. -moz-transition: all 0.6s ease-in-out;
  533. -o-transition: all 0.6s ease-in-out;
  534. -ms-transition: all 0.6s ease-in-out;
  535. transition: all 0.6s ease-in-out;
  536. }
  537.  
  538. #asker a:hover {
  539. text-transform:uppercase;
  540. padding-bottom:5px;
  541. font-family: 'VT323', monospace;
  542. text-align:center;
  543. font-size: 15px;
  544. line-height: 16px;
  545. color: #6b8d79
  546. opacity: .5;
  547. -webkit-transition: all 0.6s ease-in-out;
  548. -moz-transition: all 0.6s ease-in-out;
  549. -o-transition: all 0.6s ease-in-out;
  550. -ms-transition: all 0.6s ease-in-out;
  551. transition: all 0.6s ease-in-out;
  552. }
  553.  
  554. #question {
  555. text-transform: None;
  556. font-family: calibri;
  557. font-size: 12px;
  558. padding: 2px;
  559. border: 1px solid #1e1e1e1;
  560. background-color: #333333;
  561. }
  562.  
  563.  
  564.  
  565.  
  566. /* NOTE DECOR */
  567.  
  568.  
  569.  
  570. .notecontainer {
  571. background-color: transparent;
  572. border: 0px solid transparent;
  573. width:380px;
  574. padding: 0px;
  575. text-transform:uppercase;
  576. font-style:normal;
  577. font-size: 10px;
  578. height: 150px;
  579. overflow: auto;
  580. margin-left: 50px;
  581. text-align:left;
  582.  
  583. }
  584. .note {
  585. background-color: transparent;
  586. border: 1px solid transparent;
  587. width:280px;
  588. padding: 0px;
  589. text-transform:uppercase;
  590. font-style:normal;
  591. font-size: 10px;
  592. height: auto;
  593. overflow: auto;
  594. margin-left: -25px;
  595. text-align:left;
  596.  
  597. }
  598.  
  599. .note li {
  600. list-style-type:none;
  601. padding: 10px;
  602. text-align:left;
  603. margin:0px;
  604. -moz-transition-duration:0.5s;
  605. -webkit-transition-duration:0.5s;
  606. -o-transition-duration:0.5s;}
  607.  
  608. .note img.avatar {
  609. margin-right: 10px;
  610. width: 25px;
  611. height: 25px;}
  612.  
  613.  
  614.  
  615.  
  616. /* PAGINATION DECOR */
  617.  
  618.  
  619. .pag {
  620. position: fixed;
  621. left: 1060px;
  622. top: 140px;
  623. width: auto;
  624. height: auto;
  625. }
  626.  
  627. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  628. color: #fff;
  629. font-family: 'Marck Script', cursive;
  630. font-size: 12px;
  631. text-shadow: 1px 1px 5px #fff;
  632. text-transform: none;
  633. }
  634.  
  635. a.pag:hover {
  636. opacity: .5;
  637. -moz-transition-duration:.6s;
  638. -webkit-transition-duration:.6s;
  639. -o-transition-duration:.6s;
  640. -webkit-filter: blur(0px);
  641. }
  642.  
  643.  
  644.  
  645.  
  646.  
  647. /* INFO AND TAGS DECOR */
  648.  
  649.  
  650. #infobox {
  651. border:1px solid transparent;
  652. margin-bottom:10px;
  653. padding-top:10px;
  654. overflow: auto;
  655. }
  656.  
  657.  
  658. #info {
  659. background-color: transparent;
  660. text-align: left;
  661. padding: 5px;
  662. font-size: 15px;
  663. font-family:calibri;
  664. color: #6b8d79;
  665. height: 10px;
  666. margin-left:0px;
  667. margin-bottom: 5px;
  668. border-bottom: 1px solid #6b8d79;
  669. word-spacing: 0px;
  670. letter-spacing: 0px;
  671. }
  672.  
  673. #info a {
  674. color:#6b8d79;
  675. opacity: 1;
  676. font-family: 'big noodle titling';
  677. text-transform: uppercase;
  678. font-size: 15px;
  679. }
  680.  
  681. #info a:hover {
  682. color:#bdcd96;
  683. opacity: 1;
  684. }
  685.  
  686.  
  687. #tags {
  688. width:380px;
  689. height: auto;
  690. overflow: auto;
  691. padding:5px;
  692. font-size:9px;
  693. text-align:center;
  694. font-family:courier;
  695. text-transform:uppercase;
  696. background: #433d3a;
  697. border: 0px solid #000000;
  698. margin-bottom: 5px;
  699. opacity: 1;
  700. color: #000000;
  701. -webkit-transition: all 0.8s ease;
  702. -moz-transition: all 0.8s ease;
  703. transition: all 0.8s ease;
  704. word-spacing: 0px;
  705. letter-spacing: 0px;
  706. }
  707.  
  708.  
  709. #tags a {
  710. color: #6b8d79;
  711. text-shadow: 0px 0px 0px transparent;
  712. font-family: courier new;
  713. text-decoration:none;
  714. text-transform:lowercase;
  715. -webkit-transition: all 0.6s ease-in-out;
  716. -moz-transition: all 0.6s ease-in-out;
  717. -o-transition: all 0.6s ease-in-out;
  718. -ms-transition: all 0.6s ease-in-out;
  719. transition: all 0.6s ease-in-out;
  720. }
  721.  
  722.  
  723. #tags a:hover {
  724. color: #bdcd96;
  725. text-shadow: 0 0 5px rgba(137, 132, 53, 0.5);
  726. letter-spacing: 0px;
  727. }
  728.  
  729.  
  730.  
  731.  
  732.  
  733. /* MUSIC DECOR */
  734.  
  735.  
  736.  
  737. .songart{
  738. float:left;
  739. margin-right:10px;
  740. }
  741.  
  742. .songart img{
  743. width:80px;
  744. height:80px;
  745. }
  746.  
  747. .songtitle{
  748. margin-bottom:10px;
  749. margin-left:90px;
  750. }
  751.  
  752. .songauthor{
  753. margin-bottom:10px;
  754. font-size:8px;
  755. margin-left:90px;
  756. }
  757.  
  758. .tumblr_audio_player {
  759. height: 50px;
  760. }
  761.  
  762.  
  763.  
  764. /* TOLTIP DECOR */
  765.  
  766.  
  767.  
  768. #s-m-t-tooltip{
  769. max-width:400px;
  770. margin:15px;
  771. padding:2px 8px;
  772. background: #1c0915;
  773. background-image:url('https://i.imgur.com/d6yLKK7.png');
  774. background-repeat:repeat;
  775. background-attachment:fixed;
  776. border: double 3px #000;
  777. color:#fff;
  778. text-shadow:1px 1px 0px #000,
  779. z-index:99999999999999999999;
  780. font-size:9px;
  781. letter-spacing:2px;
  782. font-style:bold;
  783. letter-spacing:2px;
  784. font-family: calibri;
  785. text-transform:uppercase;
  786. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  787.  
  788.  
  789.  
  790. /* POPUP DECOR */
  791.  
  792.  
  793. /*--Making IE6 Understand Fixed Positioning--*/
  794. *html #fade {
  795. position: absolute;
  796. }
  797. *html .popup_block {
  798. position: absolute;
  799. }
  800.  
  801. .popup_block{
  802. background-color:#transparent;
  803. border: 0px solid #3b3b3b;
  804. width:250px;
  805. height:500px;
  806. top:315px;
  807. padding: 10px;
  808. left: 678px;
  809. display: none; /*--hidden by default--*/
  810. float: left;
  811. font-size: 10px; /*font size of the words inside the box */
  812. position: fixed;
  813. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  814. }
  815.  
  816.  
  817. #fade { /*--Transparent background layer--*/
  818. display: none; /*--hidden by default--*/
  819. background-color: #010106;
  820. background-image: url(''); /*if you want to add a background image to go behind your popup */
  821. position: fixed; left: 0; top: 0;
  822. width: 100%; height: 100%;
  823. opacity: 0.7;
  824. z-index: 9999;
  825. }
  826.  
  827. .importante {
  828. background-color:transparent;
  829. left: 450px;
  830. top:200px;
  831. height: 390px;
  832. width: 280px;
  833. position: fixed;
  834. font-size:11px;
  835. overflow: auto;
  836. padding: 10px;
  837. z-index:2;
  838. }
  839.  
  840.  
  841. .regs {
  842. background-image:url('https://i.imgur.com/pgpKb5Q.png');
  843. background-repeat:no-repeat;
  844. top:175px;
  845. left: 400px;
  846. text-align:justify;
  847. height:600px;
  848. width:700px;
  849. position:fixed;
  850. transition:0.7s ease-in-out;
  851. -o-transition:0.7s ease-in-out;
  852. -ms-transition:0.7s ease-in-out;
  853. -moz-transition:0.7s ease-in-out;
  854. -webkit-transition:0.7s ease-in-out;
  855. transition: all 0.4s ease-out;
  856. -moz-transition-duration: 0.4s;
  857. -webkit-transition-duration: 0.4s;
  858. -o-transition-duration: 0.4s;
  859. transition-duration: 0.4s;
  860.  
  861. }
  862.  
  863.  
  864. .popupnavlinks {
  865. padding-top:5px;
  866. text-align:center; }
  867.  
  868.  
  869. .popupnavlinks a {
  870. display:inline-block;
  871. background-color: #79a184;
  872. border-top: 1px solid #a98462;
  873. border-bottom: 1px solid #a98462;
  874. text-align: center;
  875. font-size: 9px;
  876. font-family:courier;
  877. color: #000000;
  878. display: inline-block;
  879. width:90px; height:10px;
  880. margin:2px; padding:10px 6px 10px;
  881. }
  882.  
  883. .popupnavlinks a:hover {
  884. display:inline-block;
  885. letter-spacing:2px;
  886. -moz-transition-duration: 0.4s;
  887. -webkit-transition-duration: 0.4s;
  888. -o-transition-duration: 0.4s;
  889. transition-duration: 0.4s;
  890. }
  891.  
  892.  
  893.  
  894. .popupclose {
  895. float:right; top:0px; right:0px;
  896. margin-top:-10px; margin-right:-10px;
  897. font-family:'Scada', sans serif;
  898. font-size:10px;
  899. font-weight:bold }
  900.  
  901. .popupclose a {
  902. color:#aaa }
  903.  
  904.  
  905.  
  906. /* TABS DECOR */
  907.  
  908. ul#tabs {
  909. list-style-type: none;
  910. padding: 0;
  911. text-align: justify;
  912. font-size:10px;
  913. letter-spacing:1px;
  914. }
  915. ul#tabs li {
  916. background-color: transparent;
  917. border: 0px solid #222222;
  918. border-radius: 0px;
  919. background-repeat:repeat;
  920. background-attachment:fixed;
  921. background-image: url('');
  922. display: inline;
  923. margin-bottom: 2px;
  924. margin-left: 2px;
  925. cursor: pointer;
  926. color: #a68b7c;
  927. text-align: center;
  928. text-transform: uppercase;
  929. }
  930. ul#tabs li:hover {
  931. background-color: transparent;
  932. border-radius: 2px;
  933. color: #ffffff;
  934. text-shadow: 1px 1px 3px #fff;
  935. }
  936. ul#tabs li.active {
  937. background-image: url('');
  938. background:transparent;
  939. background-repeat:repeat;
  940. background-attachment:fixed;
  941. border: 0px solid #222222;
  942. color:#000000;
  943. display: inline-block;
  944. margin-bottom: 2px;
  945. cursor: pointer;
  946. border-radius: 0px;
  947. text-align: center;
  948. }
  949. ul#tab {
  950. list-style-type: none;
  951. margin: 0;
  952. padding: 0;
  953. }
  954. ul#tab li {
  955. display: none;
  956. }
  957. ul#tab li.active {
  958. display: block;
  959. }
  960.  
  961.  
  962. #esperanza {
  963. position: fixed;
  964. background-color: #3d3734;
  965. border-bottom: 1px solid #3b3b3b;
  966. padding: 5px;
  967. width: 292px;
  968. height: 30px;
  969. overflow: auto;
  970. z-index: 1;
  971.  
  972. }
  973.  
  974.  
  975.  
  976.  
  977. </style>
  978.  
  979.  
  980.  
  981.  
  982.  
  983.  
  984. <body>
  985.  
  986. <!--------------------------- SIDEBOX -------------------------------->
  987.  
  988. <div class="sidebox">
  989.  
  990. <h4>{text:MuseName}</h4>
  991. <p><center><i>{text:blogtype}</i></center>
  992.  
  993.  
  994. <p><p>
  995. <h2>{text:Description}</h2>
  996. <center><b>{text:quote}</b></center>
  997.  
  998. <p>
  999. <p>
  1000. <h3>OWES</h3>
  1001. <center>
  1002. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes}
  1003. </center>
  1004.  
  1005. <br>
  1006. <h3>Pennd By</h3>
  1007.  
  1008. <center>
  1009. <i>{text:name}</i>
  1010.  
  1011. </center>
  1012. </div>
  1013.  
  1014. <!--------------------------- NAVIGATION -------------------------------->
  1015.  
  1016. <div class="navigation">
  1017. <a href="/" class="navi" title="home">01.</a><p>
  1018. <a href="/ask" class="navi" title="questions">02.</a><p>
  1019. <a href="#?w=250" rel="box2" class="poplight navi" title="navigation">03.</a>
  1020. </div>
  1021.  
  1022.  
  1023. <!---POP UP PAGES--->
  1024.  
  1025. <!---RULES START--->
  1026. <div id="box2" class="popup_block">
  1027.  
  1028. <div style="width:auto;height:490px;overflow:auto; top: 15px;">
  1029.  
  1030. <div id="esperanza" style="top: 190px; left: 445px;">
  1031. <ul id="tabs">
  1032. <center>
  1033. <li class="active">Rules</li>
  1034. <li>Muses</li>
  1035. <li>Navigation</li>
  1036. </center>
  1037. </ul>
  1038. </div>
  1039.  
  1040.  
  1041. <ul id="tab">
  1042. <li class="active">
  1043.  
  1044. <div class="regs">
  1045. <div class="importante">
  1046.  
  1047. <p><br><br><textquote>FICTION IS THE LIE THROUGH WHICH WE TELL THE TRUTH.</textquote><p><br>
  1048.  
  1049. <p><u>WELCOME! TO MY MULTI MUSE.</u> You can call me Lenore/21+/EST/Owner of multiple blogs. I will attempt drafts and writing on this blog when I have the time as it’s currently classified as a secondary blog. As you know, I run quite a few. Drafts will be loaded into the queue and post about two to four posts a day. Depending on how many replies I manage to get done.
  1050.  
  1051. <p><u>MULTIPLE FANDOMS ARE PRESENT HERE.</u> Though I try to focus more on supernatural themed characters. Marvel could make a big splash too as there are lots of characters I would like to try my hand at. But I’m going to try and keep my list small. I find that having a multitude of muses stresses me out.
  1052.  
  1053. <p>I do have private muses, but I might not list them as stated above, an extensive list stresses me out. Those who have private muses with me, you know who you are.
  1054.  
  1055. <p><u>MEMES AND GENERIC STARTER CALLS,</u> please specify which muse you’d like to interact with. If you do not, I may not answer it or I’ll pick one for us. But please do not come asking me about it. Alternatively, if you are a multi muse and you do not specify which of your muses you’d like me to send a starter too, I will either not respond or just post a generic starter. Please don’t come to me asking which one it’s for.
  1056.  
  1057. <p><u>DRAMA IS NOT ACCEPTED OR TOLERATED ON THIS BLOG.</u> Sad that it’s come to this point, where I have to blacklist and block so many people. But if it means a clean and safe dash for myself, I’ll do it. If you post callouts, drama or vague, I may unfollow you. Though I don’t owe you a reason why, if there is too much negativity on my dash, I will do what I need to do to keep my space clean and healthy.
  1058.  
  1059. <p><u>PLOTTED THREADS ARE PREFERED OVER GENERIC ONES.</u> We don’t have to do extensive plotting, just provide a general direction of where we’d like our interaction to go. But I also don’t mind in depth plotting and building backstories and worlds. In fact, that is my favorite!
  1060.  
  1061. <p><u>SHIPPING IS CHEMISTRY BASED.</u> I may post a list of ships I support for my muses. I may not. But I do adore developing relationships and connections for my muses. Furthermore, I am open to MAINS & EXCLUSIVES. If you are interested in either, please let me know!
  1062.  
  1063. <p><u>TRIGGERS, FACE CLAIMS, WRITTEN CONTENT ARE NOT/RARELY TAGGED.</u> I do not tag my posts unless it is NSFW. A simple tag of #nsfw will be on the post. Both written and graphical. Besides that, I do not tag content.
  1064.  
  1065. <p><u>SPRING CLEANING HAPPENS PERIODICALLY.</u> I will go through and unfollow inactive blogs, people I have not interacted with or blogs I am unfamiliar with. Personals will be blocked on sight. Personals with roleplay sideblogs will not be followed back. In fact, I may block you.
  1066.  
  1067. <p><b>I USE A VARIETY OF RESOURCES.</b> My PSD is from <i>plutocommissions</i> and all graphics are made by me unless otherwise stated.
  1068.  
  1069.  
  1070. </li>
  1071.  
  1072.  
  1073.  
  1074. <li>
  1075.  
  1076. <div class="regs">
  1077. <div class="importante"style="margin-top: 15px;">
  1078.  
  1079. <h2>MUSES</h2>
  1080.  
  1081.  
  1082. <h4>ORIGINAL CHARACTERS</h4><br>
  1083. <b>Aurora</b> | Marvel & Scifi<br>
  1084. FC: Laura Vandervoort<br><br>
  1085.  
  1086. <b>Evon Marsh</b> / Wildlife Photographer<br>
  1087. FC: Nadia Hilker<br><br>
  1088.  
  1089. <b>Lincoln Ryan</b> / Genetics Professor<br>
  1090. FC: Sebastian Stan<br><br>
  1091.  
  1092. <b>Elena Hooper</b> / Alien Abductee<br>
  1093. FC: Olivia Wilde<br><br>
  1094.  
  1095. <b>Delta</b> / Post Apocalyptic & Scifi<br>
  1096. FC: Lindsay Morgan<br><br>
  1097.  
  1098.  
  1099. <h4>MARVEL</h4><br>
  1100. <b>Steve Rogers</b> / Comic Based<br>
  1101. FC: Chris Evans<br><br>
  1102.  
  1103. <b>Tony Stark</b> / Comic Based<br>
  1104. FC: Matt Broomer<br><br>
  1105.  
  1106. <b>Carol Danvers</b> / Comic Based<br>
  1107. FC: Olivia Wilde & Laura Vandervoort<br><br>
  1108.  
  1109. <b>Natasha Romanoff</b> / Comic Based<br>
  1110. FC: Courtney Hope<br><br>
  1111.  
  1112. <b>James “Bucky” Barnes</b> / Comic Based<br>
  1113. FC: Sebastian Stan<br><br>
  1114.  
  1115.  
  1116. <h4>SCIFI</h4><br>
  1117. <b>Jim Kirk</b> / AOS & Head Canon Based<br>
  1118. FC: Chris Pine<br><br>
  1119.  
  1120.  
  1121. <h4>SUPERNATURAL</h4><br>
  1122. <b>Ruby 1.0</b> / Supernatural<br>
  1123. FC: Katie Cassidy<br><br>
  1124.  
  1125. <b>Katherine Pierce</b> / TVD<br>
  1126. FC: Nina Dobrev<br><br>
  1127.  
  1128. <b>Nadia Petrova</b> / TVD<br>
  1129. FC: Olga Fonda<br><br>
  1130.  
  1131. <b>Hayley Marshall</b> / TO<br>
  1132. FC: Phoebe Tonkin<br><br>
  1133.  
  1134. <b>Stiles Stilinski</b> / TW<br>
  1135. FC: Dylan O’Brien<br><br>
  1136.  
  1137. <b>Cora Hale</b> / TW<br>
  1138. FC: Adalaide Kane<br><br>
  1139.  
  1140. <b>Derek Hale</b> / TW<br>
  1141. FC: Tyler Hoechlin<br><br>
  1142.  
  1143. <b>Allison Argent</b> / TW<br>
  1144. FC: Crystal Reed<br><br>
  1145.  
  1146.  
  1147. <h4>POTC</h4><br>
  1148. <b>Captain Jack Sparrow</b><br>
  1149. FC: Johnny Depp<br><br>
  1150.  
  1151. <b>Will Turner</b><br>
  1152. FC: Orlando Bloom<br><br>
  1153.  
  1154. <b>Elizabeth Swann</b><br>
  1155. FC: Kiera Knightly<br><br>
  1156.  
  1157. <b>Anamaria</b><br>
  1158. FC: Zoe Saldana<br><br>
  1159.  
  1160.  
  1161.  
  1162. <h4>9-1-1</h4><br>
  1163. <b>Athean Grant</b><br>
  1164. FC: Angela Bassett<br><br>
  1165.  
  1166. <b>Eddie Diaz</b><br>
  1167. FC: Ryan Guzman<br><br>
  1168.  
  1169. <b>Evan ‘Buck’ Buckley</b><br>
  1170. FC: Oliver Stark<br><br>
  1171.  
  1172.  
  1173. <h4>FANTASY</h4><br>
  1174. <b>Rhysand (ACOTAR)</b><br>
  1175. FC: Ben Barnes<br><br>
  1176.  
  1177. <h4>WONDER WOMAN</h4><br>
  1178. <b>Steve Trevor</b><br>
  1179. FC: Chris Pine<br><br>
  1180.  
  1181.  
  1182.  
  1183.  
  1184. </li>
  1185.  
  1186.  
  1187.  
  1188. <li>
  1189.  
  1190. <div class="regs">
  1191. <div class="importante" style="margin-top:15px;">
  1192.  
  1193. <h1>NAVIGATION</h1>
  1194.  
  1195. <div class="popupnavlinks">
  1196. <a href="">LINK</a> <a href="">LINK</a><br>
  1197. <a href="">LINK</a><a href="">LINK</a><br>
  1198. </div>
  1199.  
  1200.  
  1201.  
  1202. </li>
  1203.  
  1204. </ul>
  1205. </div></div>
  1206.  
  1207.  
  1208.  
  1209.  
  1210.  
  1211.  
  1212. <!------------------------- POSTS & CONTENT -------------------------->
  1213.  
  1214. <div class="credit">
  1215. <a href="https://interstellarresources.tumblr.com">☾</a>
  1216. </div>
  1217.  
  1218. <div class="pag">{block:Pagination}
  1219. {block:PreviousPage}<a href="{PreviousPage}" class="pag">backward</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag">forward</a>
  1220. {/block:NextPage}
  1221. {/block:Pagination}</div>
  1222.  
  1223.  
  1224.  
  1225.  
  1226. <div id="entries">
  1227.  
  1228. {block:Posts}
  1229.  
  1230. <div class="posts">
  1231.  
  1232. <div id="info">
  1233. <br>
  1234.  
  1235. &nbsp; &nbsp;
  1236.  
  1237.  
  1238. {block:Date}
  1239. <a href="{Permalink}"style="position:absolute; width: autopx; margin-top:-17px; font-size: 12px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1240. {/block:Date}
  1241.  
  1242.  
  1243.  
  1244. <a href="{ReblogURL}" style="position:absolute; margin-left: 50px; margin-top:-17px; font-size:12px; font-family: 'Oswald', sans-serif;';" tile="reblog"> ↺ </a>
  1245. </div>
  1246.  
  1247. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1248.  
  1249. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1250. {/block:Photo}
  1251.  
  1252. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1253.  
  1254. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1255.  
  1256. {block:Video}
  1257. <div class="video">{Video-250}</div>
  1258. {/block:Video}
  1259.  
  1260. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1261.  
  1262.  
  1263. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1264.  
  1265.  
  1266. {block:Chat}
  1267. {block:Title}
  1268. <h1>{Title}</h1>{/block:Title}<br>
  1269. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1270. {Line}</li>{/block:Lines}</ul>
  1271. {/block:Chat}
  1272.  
  1273.  
  1274. <!--AUDIO POST-->
  1275. {block:Audio}
  1276. {block:AlbumArt}
  1277. <div class="songart">
  1278. <img src="{AlbumArtURL}">
  1279. </div>
  1280. {/block:AlbumArt}
  1281. <div class="songtitle">
  1282. {block:TrackName}
  1283. {TrackName}
  1284. {/block:TrackName}
  1285. </div>
  1286. <div class="songauthor">
  1287. By
  1288. {block:Artist}
  1289. {Artist}
  1290. {/block:Artist}
  1291. </div>
  1292. {AudioPlayerWhite}
  1293. {/block:Audio}
  1294.  
  1295.  
  1296.  
  1297. {block:Answer}
  1298.  
  1299.  
  1300. <div id="asker">{asker}</div>
  1301. <div id="question">{Question}</div>
  1302. <div id="answer">{Answer}</div>
  1303. {/block:Answer}
  1304.  
  1305.  
  1306. <div id="infobox">
  1307.  
  1308.  
  1309.  
  1310.  
  1311. {block:NoRebloggedFrom}
  1312. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1313. {/block:NoRebloggedFrom}
  1314.  
  1315.  
  1316. {block:ContentSource}
  1317. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1318. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1319. {/block:SourceLogo}
  1320. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1321. {/block:ContentSource}
  1322.  
  1323.  
  1324. <br>
  1325.  
  1326.  
  1327. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1328.  
  1329.  
  1330. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1331. </div>&nbsp;
  1332.  
  1333. <br><br><br><br>
  1334.  
  1335. {/block:Posts}
  1336. <div class="note">
  1337. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1338. </div></div>
  1339.  
  1340. {/block:Posts}
  1341.  
  1342.  
  1343.  
  1344. </div>
  1345. </div>
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351. </body>
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357. </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!