API tools faq
paste
bridgetowakanda

ASGARDAVENGED THEME

bridgetowakanda
Oct 6th, 2018
371
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.30 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <!------------------------------ FONTS ------------------------------>
  5.  
  6. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Prata" rel="stylesheet">
  13.  
  14.  
  15.  
  16. <html>
  17. <!--
  18. BASE CODE
  19. http://fratdadbase.tumblr.com/
  20.  
  21. THEME BY ZORRA VIA THEMES/COMMISSIONS BY ZORRA.
  22. THIS THEME WAS MADE FOR ESTELLE AT ASGARDAVENGED. PLEASE DO NOT TAKE ANY OF HE CONENT.
  23. -->
  24.  
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35.  
  36. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <!------------------------------ SCRIPTS ----------------------------->
  39. <!------------------------------ POPUP ------------------------------>
  40.  
  41.  
  42. <script type="text/javascript"
  43. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44. <script>
  45. $(document).ready(function() {
  46. //
  47. $('a.poplight[href^=#]').click(function() {
  48. var popID = $(this).attr('rel'); //Get Popup Name
  49. var popURL = $(this).attr('href'); //Get Popup href to define size
  50. var query= popURL.split('?');
  51. var dim= query[1].split('&');
  52. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  53. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  54. var popMargTop = ($('#' + popID).height() + 80) / 2;
  55. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  56. //Apply Margin to Popup
  57. $('#' + popID).css({
  58. 'margin-top' : -popMargTop,
  59. 'margin-left' : -popMargLeft
  60. });
  61. $('body').append('<div id="fade"></div>');
  62. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  63. return false;
  64. });
  65. $('a.close, #fade').live('click', function() {
  66. $('#fade , .popup_block').fadeOut(function() {
  67. $('#fade, a.close').remove(); //fade them both out
  68. });
  69. return false;
  70. });
  71. });
  72. </script>
  73.  
  74.  
  75.  
  76.  
  77. <!----------------------------- TOOLTLIP ----------------------------->
  78.  
  79.  
  80. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:200,
  89. tip_fade_speed:500
  90. });
  91. });
  92. })(jQuery);
  93. </script>
  94.  
  95.  
  96.  
  97. <!------------------------------ TABS ------------------------------>
  98.  
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. $("ul#tabs li").click(function(e){
  103. if (!$(this).hasClass("active")) {
  104. var tabNum = $(this).index();
  105. var nthChild = tabNum+1;
  106. $("ul#tabs li.active").removeClass("active");
  107. $(this).addClass("active");
  108. $("ul#tab li.active").removeClass("active");
  109. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  110. }
  111. });
  112. });
  113. </script>
  114.  
  115. <!------------------------------ MUSIC ------------------------------>
  116.  
  117.  
  118.  
  119.  
  120. </head>
  121.  
  122. <!---------------------------- META DATA ----------------------------->
  123. <meta name="image:Background" content="https://i.imgur.com/V9TEGhm.png" />
  124. <meta name="image:allison" content="https://i.imgur.com/obfoMyF.png" />
  125. <meta name="image:headerbackground" content="https://i.imgur.com/mY1im9o.png"/>
  126. <meta name="image:icon1" content="https://i.imgur.com/V2KJNWd.png"/>
  127. <meta name="image:icon2" content="https://i.imgur.com/yjtjKcR.png"/>
  128. <meta name="image:icon3" content="https://i.imgur.com/4yYPvfa.png"/>
  129. <meta name="image:arrow" content="https://i.imgur.com/BPJ7eXi.png"/>
  130. <meta name="image:arrow2" content="https://i.imgur.com/51cFFRm.png"/>
  131.  
  132.  
  133.  
  134. <meta name="text:Starters" content="00"/>
  135. <meta name="text:Drafts" content="00"/>
  136. <meta name="text:Memes" content="00"/>
  137. <meta name="text:link 3" content="link 3" />
  138. <meta name="text:link 3 title" content="link 3 title" />
  139. <meta name="text:link 4" content="link 4" />
  140. <meta name="text:link 4 title" content="link 4 title" />
  141. <meta name="text:link 5" content="link 5" />
  142. <meta name="text:link 5 title" content="link 5 title" />
  143. <meta name="text:url" content="asgardavenged" />
  144. <meta name="text:blogtype" content="INDIE. PRIVE. SELECT." />
  145. <meta name="text:character" conent="thor odison" />
  146. <meta name="text:penname" content="estelle" />
  147. <meta name="text:quote" content="Asgard is not a place but her people." / >
  148.  
  149. <meta name="color:background" content="#1e1d18" />
  150. <meta name="color:italic" content="#c6454f" />
  151. <meta name="color:bold" content="#157a8d" />
  152.  
  153.  
  154.  
  155. <style type="text/css">
  156.  
  157.  
  158.  
  159.  
  160.  
  161. @font-face​ {
  162. font-family:"big noodle titling";
  163. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  164. }
  165.  
  166.  
  167. /*---------------------------- SCROLL BAR ---------------------------*/
  168. ::-webkit-scrollbar {
  169. width: 2px;
  170. height: 2px;
  171. }
  172. ::-webkit-scrollbar-button {
  173. width: 0px;
  174. height: 0px;
  175. }
  176. ::-webkit-scrollbar-thumb {
  177. background: transparent;
  178. border: 0px none #a68b7c;
  179. border-radius: 50px;
  180. }
  181. ::-webkit-scrollbar-thumb:hover {
  182. background: transparent;
  183. }
  184. ::-webkit-scrollbar-thumb:active {
  185. background: transparent;
  186. }
  187. ::-webkit-scrollbar-track {
  188. background: transparent;
  189. border: 0px none #a68b7c;
  190. border-radius: 0px;
  191. }
  192. ::-webkit-scrollbar-track:hover {
  193. background:transparent;
  194. }
  195. ::-webkit-scrollbar-track:active {
  196. background: transparent;
  197. }
  198. ::-webkit-scrollbar-corner {
  199. background: transparent;
  200. }
  201.  
  202.  
  203. /*---------------------------- SELECTION ---------------------------*/
  204.  
  205. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  206. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  207.  
  208.  
  209.  
  210. /*---------------------------- BODY ---------------------------*/
  211.  
  212. body {
  213. background-color:{color:background};
  214. background-image:url('{image:background}');
  215. font-family: calibri;
  216. font-size: 11px;
  217. text-align: justify;
  218. color:#333333;
  219.  
  220. }
  221.  
  222.  
  223.  
  224. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  225.  
  226. #askerurl {
  227. text-transform:uppercase;
  228. font-weight:100;
  229. font-size:15px;
  230. margin-top:150px;
  231. margin-left:10px;
  232. padding-bottom:5px;
  233. width:350px;
  234. font-family: 'Orbitron', sans-serif;
  235. text-align:center;
  236. }
  237.  
  238. #asking img {
  239. padding: 5px;
  240. }
  241.  
  242. #question {
  243. background-attachment:auto;
  244. background-image: url('');
  245. padding:15px 15px;
  246. margin:3px 0 3px 10px;
  247. border-bottom:1px solid {color:italic};
  248. background-color:#bcb7b5;
  249. color: #333333;
  250. font-family: 'Open Sans Condensed';
  251. }
  252.  
  253. #answer {
  254. word-spacing: 0px;
  255. }
  256.  
  257.  
  258.  
  259. /*------------------------ CONTAINER & POSTS ------------------------*/
  260.  
  261. #entries {
  262. background-color:transparent;
  263. border: 0px solid #3b3b3b;
  264. width:350px;
  265. height:315px;
  266. top:170px;
  267. padding: 10px;
  268. margin-left: 385px;
  269. position:relative;
  270. overflow-y:scroll;
  271. overflow-x:hidden;
  272.  
  273. }
  274.  
  275.  
  276. #entries img {
  277. height:auto;
  278. max-width:100%;
  279. }
  280.  
  281. #post img {
  282. height: auto;
  283. max-width: 100%;
  284. }
  285.  
  286.  
  287. #posts {
  288. width:250px;
  289. background-color: #222;
  290. padding-bottom:0px;
  291. overflow-y:scroll;
  292. overflow-x:hidden;
  293. }
  294.  
  295.  
  296.  
  297.  
  298. /*---------------------------- NAVIGATION ---------------------------*/
  299.  
  300. .enterprise {
  301. top: 525px;
  302. left: 1205px;
  303. position: fixed;
  304. height: auto;
  305. }
  306.  
  307.  
  308. .starcharts {
  309. top: 100px;
  310. left: 675px;
  311. position: fixed;
  312. }
  313.  
  314. /*---------------------------- SIDEBOX ---------------------------*/
  315.  
  316. .sidebox {
  317. position: fixed;
  318. background-color: transparent;
  319. padding: 10px;
  320. top: 165px;
  321. left: 805px;
  322. width: 150px;
  323. height: 350px;
  324. overflow: auto;
  325. z-index: 1;
  326. }
  327.  
  328.  
  329. /*---------------------------- CREDIT ---------------------------*/
  330.  
  331. .credit {
  332. left: 97%;
  333. top: 95%;
  334. width: 50px;
  335. height: 50px;
  336. position: fixed;
  337. }
  338.  
  339. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  340. color: #fff;
  341. font-family: 'Marck Script', cursive;
  342. font-size: 12px;
  343. text-shadow: 1px 1px 15px #fff;
  344. text-transform: none;
  345. opacity: .5;
  346. letter-spacing: 0px;
  347.  
  348. }
  349.  
  350. a.credit:hovor {
  351. opacity: 1;
  352. letter-spacing: 2px;
  353. -moz-transition-duration:.6s;
  354. -webkit-transition-duration:.6s;
  355. -o-transition-duration:.6s;
  356. -webkit-filter: blur(0px);
  357. }
  358.  
  359.  
  360.  
  361. /*---------------------------- FANCY FONT ---------------------------*/
  362.  
  363. h1 {
  364. font-size:30px;
  365. font-family: {select:header font1}
  366. font-weight:400;
  367. color: {color:italic};
  368. border-bottom: 1px solid #a53c44;
  369. text-shadow: 1px 1px 1px #a53c44;
  370. display:block;
  371. margin-top: 20px;
  372. text-align:right;
  373. text-transform:uppercase;
  374. padding:10px;
  375. letter-spacing:3px;
  376.  
  377. }
  378.  
  379. h2 {
  380. font-size:12px;
  381. font-family: 'Marck Script', cursive;
  382. font-weight:400;
  383. color:#e1e0db;
  384. text-align: center;
  385. text-transform:lowercase;
  386. letter-spacing:2px;
  387. display:block;
  388. text-shadow: 1px 1px 5px #fff;
  389. margin:0, 0, 5px, 0;
  390. padding:5px;
  391. }
  392.  
  393.  
  394. h3 {
  395. background-image: url('{image:headerbackground}');
  396. background-position:top;
  397. background-attachment:fixed;
  398. border: double 3px #000;
  399. padding:10px;
  400. color:#ffffff;
  401. overflow: auto;
  402. text-shadow:1px 1px 2px #000,
  403. font-size:15px;
  404. font-family:calibri;
  405. text-transform:uppercase;
  406. letter-spacing:1px;
  407. text-align:center;
  408. }
  409.  
  410. h4 {
  411. text-align: center;
  412. border-bottom:1px solid {color:italic};
  413. background-color:#bcb7b5;
  414. padding: 5px;
  415. font-size: 11px;
  416. font-family: 'Prata', serif;
  417. color: #fff;
  418. text-shadow: 1px 1px 1px #333;
  419. letter-spacing: 2px;
  420. }
  421.  
  422.  
  423.  
  424. i, italic, em {
  425. font-family: 'Marck Script', cursive;
  426. font-size: 12px;
  427. text-shadow: 1px 1px 1px #ffffff;
  428. text-transform: italic;
  429. color:{color:italic};
  430. text-transform:lowercase;
  431. letter-spacing:1px;
  432.  
  433. }
  434.  
  435. b, bold, strong {
  436. font-size:10px;
  437. font-family: 'Orbitron', sans-serif;
  438. color:{color:bold};
  439. text-transform:lowercase;
  440.  
  441. }
  442. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  443.  
  444. p {
  445. margin-top:5px;
  446. margin-bottom:5px;}
  447.  
  448.  
  449. ol {
  450. list-style:normal;}
  451.  
  452.  
  453. ul {
  454. list-style:square;}
  455.  
  456.  
  457. small {
  458. font-size:10px}
  459.  
  460.  
  461. sup,sub {
  462. font-size:11px}
  463.  
  464.  
  465. pre {
  466. font-size: 12px;
  467. border-left: 3px solid {color:bold};
  468. padding: 5px;
  469. font-family: courier new;
  470. font-style: none;
  471. text-transform: uppercase;
  472. text-align:left;
  473. }
  474.  
  475.  
  476. code {
  477. text-transform: uppercase;
  478. }
  479.  
  480. blockquote {
  481. padding:2px 7px;
  482. padding-right:17px;
  483. margin:3px 0 3px 10px;
  484. border-left:1px solid {color:bold};
  485. -webkit-border-radius: 10px;
  486. }
  487.  
  488.  
  489. blockquote img{
  490. max-width:100%;
  491. height:auto;
  492. }
  493.  
  494. blockquote blockquote img{
  495. max-width:100%;
  496. height:auto;
  497. }
  498.  
  499.  
  500.  
  501.  
  502. t, title {
  503. size: 15px;
  504. color: 222;
  505. letter-spacing: 2px;
  506. font: times;
  507. }
  508.  
  509. quotetext {
  510. font-family: times;
  511. font-size: 20px;
  512. line-height: 21px;
  513. letter-spacing: 2px;
  514. text-align: center;
  515. text-transform:uppercase;
  516. color: #fff;
  517. text-shadow: 3px 1px 1px #79b4a8;
  518. }
  519.  
  520. quotations {
  521. font: courier;
  522. font-size: 30px;
  523. color: {color:bold};
  524. }
  525.  
  526. quote {
  527. font-size: 13px;
  528. }
  529.  
  530. img {
  531. max-width:100%;
  532. }
  533.  
  534. hr {
  535. width:100px;
  536. border: 0;
  537. height: 0.5px;
  538. margin-right:10px;
  539. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  540. }
  541.  
  542. /*---------------------------- LINKS ---------------------------*/
  543.  
  544. a:link, a:active, a:visited {
  545. text-decoration: none;
  546. color: #c6454f;
  547. text-transform: none;
  548. font-family: 'Contrail One', cursive;
  549. font-size: 14px;
  550. -moz-transition-duration:.6s;
  551. -webkit-transition-duration:.6s;
  552. -o-transition-duration:.6s;
  553. -webkit-filter: blur(0px);}
  554.  
  555. a:hover {
  556. color: #8f8f8f;
  557. font-family: 'Contrail One', cursive;
  558. letter-spacing: 0px;
  559. -moz-transition-duration:.6s;
  560. -webkit-transition-duration:.6s;
  561. -o-transition-duration:.6s;
  562. -webkit-filter: blur(0px);}
  563.  
  564.  
  565.  
  566. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  567. color: #a68b7c;
  568. text-shadow: 0px 0px 10px #a68b7c;
  569. font-family: times;
  570. font-size: 12px;
  571.  
  572. }
  573.  
  574. a.navi:hover {
  575. -moz-transition-duration:.6s;
  576. -webkit-transition-duration:.6s;
  577. -o-transition-duration:.6s;
  578. -webkit-filter: blur(0px);
  579. }
  580.  
  581. a.atlas, a.atlas:link, a.atlas:active, a.atlas:visited {
  582. color: #fff;
  583. font-family: 'Marck Script', cursive;
  584. font-size: 12px;
  585. text-shadow: 1px 1px 5px #fff;
  586. text-transform: none;
  587. }
  588.  
  589. a.atlas:hover {
  590. opacity: .5;
  591. -moz-transition-duration:.6s;
  592. -webkit-transition-duration:.6s;
  593. -o-transition-duration:.6s;
  594. -webkit-filter: blur(0px);
  595. }
  596.  
  597. a.kimoyo, a.kimoyo:link, a.kimoyo:active, a.kimoyo:visited {
  598. color: #ffffff;
  599. font-family: 'Orbitron', sans-serif;
  600. font-size: 8px;
  601. text-shadow: 1px 1px 5px #fff;
  602. text-transform: uppercase;
  603. background-color: #373737;
  604. border-left: 3px solid {color:bold};
  605. border-right: 3px solid {color:bold};
  606. padding: 10px;
  607. text-align: center;
  608. display: block;
  609.  
  610. }
  611.  
  612. a.kimoyo:hover {
  613. opacity: .5;
  614. -moz-transition-duration:.6s;
  615. -webkit-transition-duration:.6s;
  616. -o-transition-duration:.6s;
  617. -webkit-filter: blur(0px);
  618. }
  619.  
  620.  
  621. /*---------------------------- PAGINATION ---------------------------*/
  622.  
  623.  
  624. .pag {
  625. position: fixed;
  626. left: 1050px;
  627. top: 550px;
  628. width: auto;
  629. height: auto;
  630. }
  631.  
  632. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  633. color: #fff;
  634. font-family: 'Marck Script', cursive;
  635. font-size: 12px;
  636. text-shadow: 1px 1px 5px #fff;
  637. text-transform: none;
  638. }
  639.  
  640. a.pag:hover {
  641. opacity: .5;
  642. -moz-transition-duration:.6s;
  643. -webkit-transition-duration:.6s;
  644. -o-transition-duration:.6s;
  645. -webkit-filter: blur(0px);
  646. }
  647.  
  648.  
  649.  
  650.  
  651.  
  652. /*--------------------------- TAGS & INFO ---------------------------*/
  653.  
  654.  
  655. #infobox {
  656. border:1px solid transparent;
  657. margin-bottom:10px;
  658. padding-top:10px;
  659. overflow: auto;
  660. }
  661.  
  662.  
  663. #info {
  664. margin-left:20px;
  665. background-color: #65c4c1;
  666. border-left: 3px solid #1e1d18;
  667. border-right: 3px solid #1e1d18;
  668. background-image: url('{image:headerbackground}');
  669. background-position: fixed;
  670. background-repeat:repeat;
  671. text-align: center;
  672. padding: 5px;
  673. font-size: 13px;
  674. font-family:calibri;
  675. color: #fff;
  676. height: 15px;
  677. margin-left:0px;
  678. margin-bottom: 75px;
  679. }
  680.  
  681. #info a {
  682. color:#ffffff;
  683. text-shadow: 0px 0px 2px #000000;
  684. opacity: 1;
  685. font-family: 'big noodle titling';
  686. text-transform: uppercase;
  687. }
  688.  
  689. #info a:hover {
  690. color:#222;
  691. opacity: 1;
  692. }
  693.  
  694.  
  695. #tags {
  696. width:325px;
  697. height: 15px;
  698. overflow: auto;
  699. padding:2px;
  700. font-size:5px;
  701. text-align:left;
  702. font-family:courier;
  703. text-transform:uppercase;
  704. background: transparent;
  705. border-bottom:0px solid #474747;
  706. margin-bottom: 5px;
  707. opacity: 1;
  708. margin-left: -5px;
  709. -webkit-transition: all 0.8s ease;
  710. -moz-transition: all 0.8s ease;
  711. transition: all 0.8s ease;
  712. }
  713.  
  714.  
  715. #tags a {
  716. font-family:consolas;
  717. font-size:7px;
  718. line-height:8pt;
  719. letter-spacing:0px;
  720. color:{color:italic};
  721. text-shadow:0px 0px 1px #333;
  722. text-decoration:none;
  723. text-transform:uppercase;
  724. text-align:center;
  725. display:inline-block;
  726. margin:1px 0px 3px 0px;
  727. -webkit-border-radius: 30px;
  728. -webkit-transition: all 0.4s ease-out;
  729. -moz-transition: all 0.4s ease-out;
  730. transition: all 0.4s ease-out;
  731. -moz-transition-duration: 0.4s;
  732. -webkit-transition-duration: 0.4s;
  733. -o-transition-duration: 0.4s;
  734. transition-duration: 0.4s; }
  735.  
  736.  
  737. #tags a:hover {
  738. color:#555;
  739. text-shadow:0px 0px 1px #777;
  740. -webkit-filter:none;
  741. -webkit-transition: all 0.6s ease-in-out;
  742. opacity:1;
  743. -webkit-transition: all 0.6s ease-in-out;
  744. -moz-transition: all 0.6s ease-in-out;
  745. -o-transition: all 0.6s ease-in-out;
  746. -ms-transition: all 0.6s ease-in-out;
  747. transition: all 0.6s ease-in-out;
  748. }
  749.  
  750.  
  751.  
  752.  
  753. /*---------------------------- EXTRA 1 ---------------------------*/
  754.  
  755.  
  756.  
  757. .note {
  758. text-transform:uppercase;
  759. font-style:normal;
  760. letter-spacing:0px;
  761. font-size: 10px;
  762. text-align:left;
  763. line-height:90%;
  764. margin-left:-40px;}
  765.  
  766. .note li {
  767. list-style-type:none;
  768. border-bottom:0px solid {color:border};
  769. padding:10px 25px 10px 25px;
  770. text-align:left;
  771. margin:0px;
  772. -moz-transition-duration:0.5s;
  773. -webkit-transition-duration:0.5s;
  774. -o-transition-duration:0.5s;}
  775.  
  776. .note img.avatar {
  777. margin-right: 10px;
  778. width: 16px;
  779. height: 16px;}
  780.  
  781.  
  782.  
  783.  
  784. /*-------------------------- MUSIC PLAYER ---------------------------*/
  785.  
  786.  
  787.  
  788. .songart{
  789. float:left;
  790. margin-right:10px;
  791. }
  792.  
  793. .songart img{
  794. width:80px;
  795. height:80px;
  796. }
  797.  
  798. .songtitle{
  799. margin-bottom:10px;
  800. margin-left:90px;
  801. }
  802.  
  803. .songauthor{
  804. margin-bottom:10px;
  805. font-size:8px;
  806. margin-left:90px;
  807. }
  808.  
  809. .tumblr_audio_player {
  810. height: 50px;
  811. }
  812.  
  813.  
  814.  
  815. /*---------------------------- TOOLTIP ---------------------------*/
  816.  
  817.  
  818.  
  819. #s-m-t-tooltip{
  820. max-width:400px;
  821. margin:15px;
  822. padding:2px 8px;
  823. background: #1c0915;
  824. background-image:url('{image:headerbackground}');
  825. background-repeat:repeat;
  826. background-attachment:fixed;
  827. border: double 3px #000;
  828. color:#fff;
  829. text-shadow:1px 1px 0px #000,
  830. z-index:99999999999999999999;
  831. font-size:9px;
  832. letter-spacing:2px;
  833. font-style:bold;
  834. letter-spacing:2px;
  835. font-family: calibri;
  836. text-transform:uppercase;
  837. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  838.  
  839.  
  840.  
  841. /*--------------------------- POPUP ------------------------------ */
  842.  
  843.  
  844. /*--Making IE6 Understand Fixed Positioning--*/
  845. *html #fade {
  846. position: absolute;
  847. }
  848. *html .popup_block {
  849. position: absolute;
  850. }
  851.  
  852. .popup_block{
  853. background-color:#333333;
  854. border: 0px solid #3b3b3b;
  855. width:250px;
  856. height:500px;
  857. top:315px;
  858. padding: 10px;
  859. left: 678px;
  860. display: none; /*--hidden by default--*/
  861. float: left;
  862. font-size: 10px; /*font size of the words inside the box */
  863. position: fixed;
  864. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  865. }
  866.  
  867.  
  868. #fade { /*--Transparent background layer--*/
  869. display: none; /*--hidden by default--*/
  870. background-color: #333333;
  871. background-image: url(''); /*if you want to add a background image to go behind your popup */
  872. position: fixed; left: 0; top: 0;
  873. width: 100%; height: 100%;
  874. opacity: 0.7;
  875. z-index: 9999;
  876. }
  877.  
  878. .importante {
  879. background-color:transparent;
  880. left: 410px;
  881. top:200px;
  882. height: 340px;
  883. width: 232px;
  884. position: fixed;
  885. font-size:11px;
  886. overflow: auto;
  887. padding: 10px;
  888. z-index:2;
  889. }
  890.  
  891.  
  892. .regs {
  893. background-image:url('https://i.imgur.com/uZGsyqR.png');
  894. background-repeat:no-repeat;
  895. top:175px;
  896. left: 400px;
  897. text-align:justify;
  898. height:400px;
  899. width:500px;
  900. position:fixed;
  901. transition:0.7s ease-in-out;
  902. -o-transition:0.7s ease-in-out;
  903. -ms-transition:0.7s ease-in-out;
  904. -moz-transition:0.7s ease-in-out;
  905. -webkit-transition:0.7s ease-in-out;
  906. transition: all 0.4s ease-out;
  907. -moz-transition-duration: 0.4s;
  908. -webkit-transition-duration: 0.4s;
  909. -o-transition-duration: 0.4s;
  910. transition-duration: 0.4s;
  911.  
  912. }
  913.  
  914. .warp {
  915. background-image:url('https://i.imgur.com/cWirwi9.png');
  916. background-repeat:no-repeat;
  917. top:175px;
  918. left: 400px;
  919. text-align:justify;
  920. height:400px;
  921. width:500px;
  922. position:fixed;
  923. transition:0.7s ease-in-out;
  924. -o-transition:0.7s ease-in-out;
  925. -ms-transition:0.7s ease-in-out;
  926. -moz-transition:0.7s ease-in-out;
  927. -webkit-transition:0.7s ease-in-out;
  928. transition: all 0.4s ease-out;
  929. -moz-transition-duration: 0.4s;
  930. -webkit-transition-duration: 0.4s;
  931. -o-transition-duration: 0.4s;
  932. transition-duration: 0.4s;
  933.  
  934. }
  935.  
  936. .galaxies {
  937. background-image:url('https://i.imgur.com/t7zhbOJ.png');
  938. background-repeat:no-repeat;
  939. top:175px;
  940. left: 400px;
  941. text-align:justify;
  942. height:400px;
  943. width:500px;
  944. position:fixed;
  945. transition:0.7s ease-in-out;
  946. -o-transition:0.7s ease-in-out;
  947. -ms-transition:0.7s ease-in-out;
  948. -moz-transition:0.7s ease-in-out;
  949. -webkit-transition:0.7s ease-in-out;
  950. transition: all 0.4s ease-out;
  951. -moz-transition-duration: 0.4s;
  952. -webkit-transition-duration: 0.4s;
  953. -o-transition-duration: 0.4s;
  954. transition-duration: 0.4s;
  955.  
  956. }
  957.  
  958. .realities {
  959. background-image:url('https://i.imgur.com/sCEOaeG.png');
  960. background-repeat:no-repeat;
  961. top:175px;
  962. left: 400px;
  963. text-align:justify;
  964. height:400px;
  965. width:500px;
  966. position:fixed;
  967. transition:0.7s ease-in-out;
  968. -o-transition:0.7s ease-in-out;
  969. -ms-transition:0.7s ease-in-out;
  970. -moz-transition:0.7s ease-in-out;
  971. -webkit-transition:0.7s ease-in-out;
  972. transition: all 0.4s ease-out;
  973. -moz-transition-duration: 0.4s;
  974. -webkit-transition-duration: 0.4s;
  975. -o-transition-duration: 0.4s;
  976. transition-duration: 0.4s;
  977.  
  978. }
  979.  
  980.  
  981. .mates {
  982. background-image:url('https://i.imgur.com/aYn59xl.png');
  983. background-repeat:no-repeat;
  984. top:175px;
  985. left: 400px;
  986. text-align:justify;
  987. height:400px;
  988. width:500px;
  989. position:fixed;
  990. transition:0.7s ease-in-out;
  991. -o-transition:0.7s ease-in-out;
  992. -ms-transition:0.7s ease-in-out;
  993. -moz-transition:0.7s ease-in-out;
  994. -webkit-transition:0.7s ease-in-out;
  995. transition: all 0.4s ease-out;
  996. -moz-transition-duration: 0.4s;
  997. -webkit-transition-duration: 0.4s;
  998. -o-transition-duration: 0.4s;
  999. transition-duration: 0.4s;
  1000.  
  1001. }
  1002.  
  1003.  
  1004.  
  1005. .popupnavlinks {
  1006. padding-top:5px;
  1007. text-align:center; }
  1008.  
  1009.  
  1010. .popupnavlinks a {
  1011. display:inline-block;
  1012. background-color: #444444;
  1013. border-top: 1px solid #007295;
  1014. border-bottom: 1px solid #007295;
  1015. text-align: center;
  1016. font-size: 9px;
  1017. font-family:courier;
  1018. color: #fff;
  1019. display: inline-block;
  1020. width:90px; height:4px;
  1021. margin:2px; padding:3px 6px 10px;
  1022. -webkit-mask-image: -webkit-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1), rgba(68,68,68,0))
  1023. }
  1024.  
  1025. .popupnavlinks a:hover {
  1026. display:inline-block;
  1027. letter-spacing:2px;
  1028. -moz-transition-duration: 0.4s;
  1029. -webkit-transition-duration: 0.4s;
  1030. -o-transition-duration: 0.4s;
  1031. transition-duration: 0.4s;
  1032. }
  1033.  
  1034.  
  1035.  
  1036. .popupclose {
  1037. float:right; top:0px; right:0px;
  1038. margin-top:-10px; margin-right:-10px;
  1039. font-family:'Scada', sans serif;
  1040. font-size:10px;
  1041. font-weight:bold }
  1042.  
  1043. .popupclose a {
  1044. color:#aaa }
  1045.  
  1046.  
  1047.  
  1048. /*--------------------------- POPUP ------------------------------ */
  1049.  
  1050. ul#tabs {
  1051. list-style-type: none;
  1052. padding: 0;
  1053. text-align: justify;
  1054. font-size:8px;
  1055. letter-spacing:1px;
  1056. }
  1057. ul#tabs li {
  1058. background-color: transparent;
  1059. border: 0px solid #222222;
  1060. border-radius: 2px;
  1061. background-repeat:repeat;
  1062. background-attachment:fixed;
  1063. background-image: url('');
  1064. display: inline-block;
  1065. padding: 4px;
  1066. margin-bottom: 4px;
  1067. margin-left: 2px;
  1068. cursor: pointer;
  1069. color: #fff;
  1070. text-align: center;
  1071. }
  1072. ul#tabs li:hover {
  1073. background-color: transparent;
  1074. border-radius: 2px;
  1075. color: #ffffff;
  1076. text-shadow: 1px 1px 3px #fff;
  1077. }
  1078. ul#tabs li.active {
  1079. background-image: url('');
  1080. background:transparent;
  1081. background-repeat:repeat;
  1082. background-attachment:fixed;
  1083. border: 0px solid #222222;
  1084. color:#b5d230;
  1085. display: inline-block;
  1086. padding: 4px;
  1087. margin-bottom: 4px;
  1088. cursor: pointer;
  1089. border-radius: 2px;
  1090. text-align: center;
  1091. }
  1092. ul#tab {
  1093. list-style-type: none;
  1094. margin: 0;
  1095. padding: 0;
  1096. }
  1097. ul#tab li {
  1098. display: none;
  1099. }
  1100. ul#tab li.active {
  1101. display: block;
  1102. }
  1103.  
  1104.  
  1105. #esperanza {
  1106. position: fixed;
  1107. background-color: #333333;
  1108. border-bottom: 1px solid #3b3b3b;
  1109. padding: 5px;
  1110. width: 242px;
  1111. height: 25px;
  1112. overflow: auto;
  1113. text-align: center;
  1114. z-index: 1;
  1115.  
  1116. }
  1117.  
  1118.  
  1119. #verses {
  1120. background:#3b3b3b;
  1121. border-right: 1px solid #007295;
  1122. width: 225px;
  1123. height: 150px;
  1124. padding: 5px;
  1125. text-align: justify;
  1126. overflow: auto;
  1127. }
  1128.  
  1129.  
  1130. #pictureframe {
  1131. background-image: url('image:background');
  1132. width: auto;
  1133. height: auto;
  1134. z-index: 1;
  1135. background-attachment: fixed;
  1136. top: -500px;
  1137. }
  1138.  
  1139.  
  1140.  
  1141. </style>
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148. <body>
  1149.  
  1150.  
  1151.  
  1152. <div CLASS="sidebox">
  1153. <P><center>
  1154. <a href="/" title="base" style="margin-right: 10px;">I</a>
  1155. <a href="/ask" title="questions" style="margin-right: 10px;">II</a>
  1156. <a href="/{text:link 3}" title="{text:link 3 title}" style="margin-right: 10px;">III</a>
  1157. <a href="/{text:link 4}" title="{text:link 4 title}" style="margin-right: 10px;">IV</a>
  1158. <a href="/{text:link 5}" title="{text:link 5 title}">V</a>
  1159. </center>
  1160.  
  1161. <h4>{text:url}</h4>
  1162. <CENTER>
  1163. <p><b>{text:blogtype}</b><br>
  1164. <i>{text:character}</i><BR>
  1165. <CODE>penned by {text:penname}</CODE>
  1166. </CENTER>
  1167.  
  1168. <p>
  1169. <br>
  1170. <h4>DEBTS</h4>
  1171. <center>
  1172. <b>Starters:</b> {text:starters} <br>
  1173. <b>Replies:</b> {text:drafts} <br>
  1174. <b>Memes:</b> {text:memes}
  1175. </center>
  1176.  
  1177. <p>
  1178. <br>
  1179. <center>
  1180. <img src="{image:icon1}"> <img src="{image:icon2}"> <img src="{image:icon3}">
  1181. </center>
  1182.  
  1183. <p>
  1184. <center>
  1185. <b>"{text:quote}"</b>
  1186. </center>
  1187. </div>
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194.  
  1195.  
  1196. <!----------------------------- CREDIT ------------------------------>
  1197.  
  1198. <div class="credit">
  1199. <a href="http://commissionsbyzorra.tumblr.com/" title="Commissions By Zorra" class="credit">zorra</a>
  1200. </div>
  1201.  
  1202.  
  1203. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1204.  
  1205.  
  1206.  
  1207. <!------------------------- POSTS & CONTENT -------------------------->
  1208.  
  1209.  
  1210.  
  1211. <div class="pag">{block:Pagination}
  1212. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -775px; margin-top: -50px;"><img src="{image:arrow2}"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0px; margin-top: -50px;"><img src="{image:arrow}"></a>{/block:NextPage}
  1213. {/block:Pagination}</div>
  1214.  
  1215.  
  1216.  
  1217.  
  1218. <div id="entries">
  1219.  
  1220. {block:Posts}
  1221.  
  1222. <div class="posts">
  1223.  
  1224. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1225.  
  1226. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1227. {/block:Photo}
  1228.  
  1229. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1230.  
  1231. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1232.  
  1233. {block:Video}
  1234. <div class="video">{Video-500}</div>
  1235. {/block:Video}
  1236.  
  1237. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1238.  
  1239.  
  1240. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1241.  
  1242.  
  1243. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1244. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1245.  
  1246.  
  1247. <!--AUDIO POST-->
  1248. {block:Audio}
  1249. {block:AlbumArt}
  1250. <div class="songart">
  1251. <img src="{AlbumArtURL}">
  1252. </div>
  1253. {/block:AlbumArt}
  1254. <div class="songtitle">
  1255. {block:TrackName}
  1256. {TrackName}
  1257. {/block:TrackName}
  1258. </div>
  1259. <div class="songauthor">
  1260. By
  1261. {block:Artist}
  1262. {Artist}
  1263. {/block:Artist}
  1264. </div>
  1265. {AudioPlayerWhite}
  1266. {/block:Audio}
  1267.  
  1268.  
  1269.  
  1270. {block:Answer}
  1271. <div id="asking" style="margin-left: 250px; margin-bottom: -40px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"><img src="{image:asking}" height="64px;" draggable="false"></div>
  1272.  
  1273. <div id="border">
  1274. <div id="askerurl" style="margin-left:-100px; margin-top:-50px; text-transform:uppercase; color: {color:italic}; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1275. </div>
  1276.  
  1277. <div id="question" style="margin-top: 20px">{Question}</div>
  1278. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1279. {/block:Answer}
  1280.  
  1281.  
  1282. <div id="infobox">
  1283. <div id="info">
  1284. <br>
  1285.  
  1286. &nbsp; &nbsp;
  1287.  
  1288.  
  1289. {block:Date}
  1290. <a href="{Permalink}"style="position:absolute; width: auto; margin-left:100px; margin-top:-17px; font-size: 12px; font-family: 'Oswald', sans-serif; letter-spacing: 2px;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">CODEX </a>
  1291. {/block:Date}
  1292.  
  1293.  
  1294.  
  1295. <a href="{ReblogURL}" style="position:absolute; margin-left:-150px; margin-top:-17px; font-size:12px; font-family: 'Oswald', sans-serif;';" title="reblog"> ↺ </a>
  1296.  
  1297.  
  1298.  
  1299. {block:NoRebloggedFrom}
  1300. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1301. {/block:NoRebloggedFrom}
  1302.  
  1303.  
  1304. {block:ContentSource}
  1305. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1306. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1307. {/block:SourceLogo}
  1308. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1309. {/block:ContentSource}
  1310.  
  1311.  
  1312. <br>
  1313.  
  1314.  
  1315. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1316.  
  1317.  
  1318. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1319. </div>&nbsp;
  1320.  
  1321. <br><br><br><br>
  1322.  
  1323. {/block:Posts}
  1324. <div class="note">
  1325. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1326. </div></div>
  1327.  
  1328. {/block:Posts}
  1329.  
  1330.  
  1331. <img style="position:fixed; top:125px; left:100px;" src="{image:allison}">
  1332.  
  1333.  
  1334. </div>
  1335. </div>
  1336. </div>
  1337.  
  1338.  
  1339.  
  1340.  
  1341.  
  1342.  
  1343. </body>
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349. </html>
Advertisement
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!