bridgetowakanda

DamagedTM Theme by Zorra

Sep 1st, 2018
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.40 KB | None | 0 0
  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.  
  13.  
  14.  
  15. <html>
  16. <!--
  17. BASE CODE
  18. http://fratdadbase.tumblr.com/
  19.  
  20. THEME BY ZORRA VIA COMMISSIONSBYZORRA
  21. This code was made for @damagedtm. Don't lift any parts of the code, please.
  22. -->
  23.  
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33.  
  34.  
  35. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  36.  
  37. <!------------------------------ SCRIPTS ----------------------------->
  38. <!------------------------------ POPUP ------------------------------>
  39.  
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script>
  44. $(document).ready(function() {
  45. //
  46. $('a.poplight[href^=#]').click(function() {
  47. var popID = $(this).attr('rel'); //Get Popup Name
  48. var popURL = $(this).attr('href'); //Get Popup href to define size
  49. var query= popURL.split('?');
  50. var dim= query[1].split('&');
  51. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  52. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  53. var popMargTop = ($('#' + popID).height() + 80) / 2;
  54. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  55. //Apply Margin to Popup
  56. $('#' + popID).css({
  57. 'margin-top' : -popMargTop,
  58. 'margin-left' : -popMargLeft
  59. });
  60. $('body').append('<div id="fade"></div>');
  61. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  62. return false;
  63. });
  64. $('a.close, #fade').live('click', function() {
  65. $('#fade , .popup_block').fadeOut(function() {
  66. $('#fade, a.close').remove(); //fade them both out
  67. });
  68. return false;
  69. });
  70. });
  71. </script>
  72.  
  73.  
  74.  
  75.  
  76. <!----------------------------- TOOLTLIP ----------------------------->
  77.  
  78.  
  79. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  82. <script>
  83. (function($){
  84. $(document).ready(function(){
  85. $("[title]").style_my_tooltips({
  86. tip_follows_cursor:true,
  87. tip_delay_time:200,
  88. tip_fade_speed:500
  89. });
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94.  
  95.  
  96. <!------------------------------ TABS ------------------------------>
  97.  
  98.  
  99. <script>
  100. $(document).ready(function(){
  101. $("ul#tabs li").click(function(e){
  102. if (!$(this).hasClass("active")) {
  103. var tabNum = $(this).index();
  104. var nthChild = tabNum+1;
  105. $("ul#tabs li.active").removeClass("active");
  106. $(this).addClass("active");
  107. $("ul#tab li.active").removeClass("active");
  108. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  109. }
  110. });
  111. });
  112. </script>
  113.  
  114. <!------------------------------ MUSIC ------------------------------>
  115.  
  116.  
  117.  
  118.  
  119. </head>
  120.  
  121. <!---------------------------- META DATA ----------------------------->
  122. <meta name="text:Starters" content="00"/>
  123. <meta name="text:Drafts" content="00"/>
  124. <meta name="text:Memes" content="00"/>
  125.  
  126. <meta name="color:background" content="#010106" />
  127. <meta name="color:italic" content="#a82c18" />
  128. <meta name="color:bold" content="#00939f" />
  129.  
  130. <meta name="image:childhood" content="https://i.imgur.com/NB6ca6S.png" />
  131. <meta name="image:teen" content="https://i.imgur.com/NB6ca6S.png" />
  132. <meta name="image:academy" content="https://i.imgur.com/NB6ca6S.png" />
  133. <meta name="image:captain" content="https://i.imgur.com/NB6ca6S.png" />
  134. <meta name="image:au1" content="https://i.imgur.com/NB6ca6S.png" />
  135. <meta name="image:au2" content="https://i.imgur.com/NB6ca6S.png" />
  136. <meta name="image:au3" content="https://i.imgur.com/NB6ca6S.png" />
  137. <meta name="image:au4" content="https://i.imgur.com/NB6ca6S.png" />
  138.  
  139.  
  140.  
  141. <style type="text/css">
  142.  
  143.  
  144.  
  145.  
  146.  
  147. @font-face​ {
  148. font-family:"big noodle titling";
  149. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  150. }
  151.  
  152.  
  153. /*---------------------------- SCROLL BAR ---------------------------*/
  154. ::-webkit-scrollbar {
  155. width: 2px;
  156. height: 2px;
  157. }
  158. ::-webkit-scrollbar-button {
  159. width: 0px;
  160. height: 0px;
  161. }
  162. ::-webkit-scrollbar-thumb {
  163. background: transparent;
  164. border: 0px none #a68b7c;
  165. border-radius: 50px;
  166. }
  167. ::-webkit-scrollbar-thumb:hover {
  168. background: transparent;
  169. }
  170. ::-webkit-scrollbar-thumb:active {
  171. background: transparent;
  172. }
  173. ::-webkit-scrollbar-track {
  174. background: transparent;
  175. border: 0px none #a68b7c;
  176. border-radius: 0px;
  177. }
  178. ::-webkit-scrollbar-track:hover {
  179. background:transparent;
  180. }
  181. ::-webkit-scrollbar-track:active {
  182. background: transparent;
  183. }
  184. ::-webkit-scrollbar-corner {
  185. background: transparent;
  186. }
  187.  
  188.  
  189. /*---------------------------- SELECTION ---------------------------*/
  190.  
  191. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  192. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  193.  
  194.  
  195.  
  196. /*---------------------------- BODY ---------------------------*/
  197.  
  198. body {
  199. background-color:{color:background};
  200. background-image:url('https://i.imgur.com/G1gKrEV.png');
  201. background-repeat: no-repeat;
  202. font-family: karla;
  203. font-size: 11px;
  204. text-align: justify;
  205. color:#faf9d6;
  206. }
  207.  
  208.  
  209.  
  210. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  211.  
  212. #askerurl {
  213. text-transform:uppercase;
  214. font-weight:400;
  215. font-size:20px;
  216. margin-top:30px;
  217. margin-left:50px;
  218. padding-bottom:5px;
  219. width:250px;
  220. font-family: 'Orbitron', sans-serif;
  221. text-align:center;
  222. }
  223.  
  224. #asking img {
  225. padding: 5px;
  226. }
  227.  
  228. #question {
  229. background-attachment:auto;
  230. background-image: url('');
  231. padding:15px 15px;
  232. margin:3px 0 3px 10px;
  233. border-right:1px solid #0cddd3;
  234. border-radius: 5px;
  235. background-color:#424141;
  236. color: #fff;
  237. font-family: 'Open Sans Condensed';
  238. text-shadow: 1px 1px 5px #fff;
  239. -webkit-border-radius: 10px;
  240. }
  241.  
  242. #answer {
  243. word-spacing: 0px;
  244. }
  245.  
  246. #border {
  247. border: 1px solid #222222;
  248. padding: 10px;
  249. max-width: 220px;
  250. margin-top: 20px;
  251. }
  252.  
  253.  
  254. /*------------------------ CONTAINER & POSTS ------------------------*/
  255.  
  256. #entries {
  257. background-color:transparent;
  258. border: 0px solid #3b3b3b;
  259. width:250px;
  260. height:400px;
  261. top:260px;
  262. padding: 10px;
  263. margin-left: 600px;
  264. position:relative;
  265. overflow-y:scroll;
  266. overflow-x:hidden;
  267. -webkit-mask-image: -webkit-gradient(
  268. linear, center 75%, center bottom,
  269. from(rgba(0,0,0,20)),
  270. to(rgba(20,0,0,0)))
  271.  
  272. }
  273.  
  274.  
  275. #entries img {
  276. height:auto;
  277. max-width:100%;
  278. }
  279.  
  280. #post img {
  281. height: auto;
  282. max-width: 100%;
  283. }
  284.  
  285.  
  286. #posts {
  287. width:250px;
  288. background-color: #222;
  289. padding-bottom:0px;
  290. overflow-y:scroll;
  291. overflow-x:hidden;
  292. }
  293.  
  294.  
  295.  
  296.  
  297.  
  298. /*---------------------------- NAVIGATION ---------------------------*/
  299.  
  300. .base {
  301. top: 555px;
  302. left: 505px;
  303. position: fixed;
  304. font-size: 30px;
  305. }
  306.  
  307. .missionreport {
  308. top: 600px;
  309. left: 475px;
  310. position: fixed;
  311. }
  312.  
  313. .starcharts {
  314. top: 595px;
  315. left: 525px;
  316. position: fixed;
  317. }
  318.  
  319. /*---------------------------- SIDEBOX ---------------------------*/
  320.  
  321. .sidebox {
  322. position: fixed;
  323. background-color: #010106;
  324. padding: 10px;
  325. top: 275px;
  326. left: 150px;
  327. width: 150px;
  328. height: 200px;
  329. overflow: auto;
  330. z-index: 1;
  331. opacity:0;
  332. }
  333.  
  334. .sidebox:hover {
  335. opacity: 1;
  336. -moz-transition-duration:.6s;
  337. -webkit-transition-duration:.6s;
  338. -o-transition-duration:.6s;
  339. }
  340.  
  341. .sideboxtitle {
  342. position: fixed;
  343. color: #fff;
  344. font-family: 'Marck Script', cursive;
  345. font-size: 12px;
  346. text-shadow: 1px 1px 5px #fff;
  347. text-transform: none;
  348. top: 350px;
  349. left: 200px;
  350. }
  351.  
  352. .sideboxtitle:hover {
  353. opacity: 0;
  354. -moz-transition-duration:.6s;
  355. -webkit-transition-duration:.6s;
  356. -o-transition-duration:.6s;
  357. }
  358.  
  359. /*---------------------------- CREDIT ---------------------------*/
  360.  
  361. .credit {
  362. left: 97%;
  363. top: 95%;
  364. width: 50px;
  365. height: 50px;
  366. position: fixed;
  367. }
  368.  
  369. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  370. color: #fff;
  371. font-family: 'Marck Script', cursive;
  372. font-size: 12px;
  373. text-shadow: 1px 1px 15px #ffffff;
  374. text-transform: none;
  375. opacity: .5;
  376. letter-spacing: 0px;
  377.  
  378. }
  379.  
  380. a.credit:hover {
  381. opacity: 0.5;
  382. letter-spacing: 2px;
  383. -moz-transition-duration:.6s;
  384. -webkit-transition-duration:.6s;
  385. -o-transition-duration:.6s;
  386. -webkit-filter: blur(0px);
  387. }
  388.  
  389.  
  390.  
  391. /*---------------------------- FANCY FONT ---------------------------*/
  392.  
  393. h1 {
  394. font-size:30px;
  395. font-family: {select:header font1}
  396. font-weight:400;
  397. color:#cb857d;
  398. border-bottom: 1px solid #cb857d;
  399. text-shadow: 1px 1px 1px #b2736c;
  400. display:block;
  401. margin-top: 20px;
  402. text-align:right;
  403. text-transform:uppercase;
  404. padding:10px;
  405. letter-spacing:3px;
  406.  
  407. }
  408.  
  409. h2 {
  410. font-size:12px;
  411. font-family: 'Marck Script', cursive;
  412. font-weight:400;
  413. color:#e1e0db;
  414. text-align: center;
  415. text-transform:lowercase;
  416. letter-spacing:2px;
  417. display:block;
  418. text-shadow: 1px 1px 5px #fff;
  419. margin:0, 0, 5px, 0;
  420. padding:5px;
  421. }
  422.  
  423.  
  424. h3 {
  425. background-image: url('https://i.imgur.com/IhZPxVf.png');
  426. background-position:top;
  427. background-attachment:fixed;
  428. border: double 3px #000;
  429. padding:10px;
  430. color:#ffffff;
  431. overflow: auto;
  432. text-shadow:1px 1px 2px #000,
  433. font-size:15px;
  434. font-family:calibri;
  435. text-transform:uppercase;
  436. letter-spacing:1px;
  437. text-align:center;
  438. }
  439.  
  440. h4 {
  441. background-color: #1b1b1f;
  442. border-left: 3px solid #128585;
  443. border-right: 3px solid #128585;
  444. text-align: center;
  445. padding: 5px;
  446. font-size: 13px;
  447. font-family:calibri;
  448. color: #fff;
  449. }
  450.  
  451.  
  452.  
  453. i, italic, em {
  454. font-family: 'Marck Script', cursive;
  455. font-size: 12px;
  456. text-shadow: 1px 1px 5px #a82c18;
  457. text-transform: italic;
  458. color:{color:italic};
  459. text-transform:lowercase;
  460. letter-spacing:1px;
  461.  
  462. }
  463.  
  464. b, bold, strong {
  465. font-size:10px;
  466. font-family: 'Orbitron', sans-serif;
  467. color:{color:bold};
  468. text-transform:lowercase;
  469.  
  470. }
  471. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  472.  
  473. p {
  474. margin-top:5px;
  475. margin-bottom:5px;}
  476.  
  477.  
  478. ol {
  479. list-style:normal;}
  480.  
  481.  
  482. ul {
  483. list-style:square;}
  484.  
  485.  
  486. small {
  487. font-size:10px}
  488.  
  489.  
  490. sup,sub {
  491. font-size:11px}
  492.  
  493.  
  494. pre {
  495. font-size: 12px;
  496. border-left: 3px solid #00939f;
  497. padding: 5px;
  498. font-family: courier new;
  499. font-style: none;
  500. text-transform: uppercase;
  501. text-align:left;
  502. }
  503.  
  504.  
  505. code {
  506. text-transform: uppercase;
  507. }
  508.  
  509. blockquote {
  510. padding:2px 7px;
  511. padding-right:17px;
  512. margin:3px 0 3px 10px;
  513. border-left:1px solid #128585;
  514. -webkit-border-radius: 10px;
  515. }
  516.  
  517.  
  518. blockquote img{
  519. max-width:100%;
  520. height:auto;
  521. }
  522.  
  523. blockquote blockquote img{
  524. max-width:100%;
  525. height:auto;
  526. }
  527.  
  528.  
  529.  
  530.  
  531. t, title {
  532. size: 15px;
  533. color: 222;
  534. letter-spacing: 2px;
  535. font: times;
  536. }
  537.  
  538. quotetext {
  539. font-family: times;
  540. font-size: 20px;
  541. line-height: 21px;
  542. letter-spacing: 2px;
  543. text-align: center;
  544. text-transform:uppercase;
  545. color: #fff;
  546. text-shadow: 3px 1px 1px #79b4a8;
  547. }
  548.  
  549. quotations {
  550. font: courier;
  551. font-size: 30px;
  552. color: {color:bold};
  553. }
  554.  
  555. quote {
  556. font-size: 13px;
  557. }
  558.  
  559. img {
  560. max-width:100%;
  561. }
  562.  
  563. hr {
  564. width:100px;
  565. border: 0;
  566. height: 0.5px;
  567. margin-right:10px;
  568. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  569. }
  570.  
  571. /*---------------------------- LINKS ---------------------------*/
  572.  
  573. a:link, a:active, a:visited {
  574. text-decoration: none;
  575. color: #d0c7c2;
  576. text-transform: none;
  577. font-family: 'Contrail One', cursive;
  578. font-size: 14px;
  579. -moz-transition-duration:.6s;
  580. -webkit-transition-duration:.6s;
  581. -o-transition-duration:.6s;
  582. -webkit-filter: blur(0px);}
  583.  
  584. a:hover {
  585. color: #b8ada7;
  586. font-family: 'Contrail One', cursive;
  587. letter-spacing: 0px;
  588. -moz-transition-duration:.6s;
  589. -webkit-transition-duration:.6s;
  590. -o-transition-duration:.6s;
  591. -webkit-filter: blur(0px);}
  592.  
  593.  
  594.  
  595. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  596. color: #a68b7c;
  597. text-shadow: 0px 0px 10px #a68b7c;
  598. font-family: times;
  599. font-size: 12px;
  600.  
  601. }
  602.  
  603. a.navi:hover {
  604. -moz-transition-duration:.6s;
  605. -webkit-transition-duration:.6s;
  606. -o-transition-duration:.6s;
  607. -webkit-filter: blur(0px);
  608. }
  609.  
  610. a.atlas, a.atlas:link, a.atlas:active, a.atlas:visited {
  611. color: #fff;
  612. font-family: 'Marck Script', cursive;
  613. font-size: 12px;
  614. text-shadow: 1px 1px 5px #a51615;
  615. text-transform: none;
  616. }
  617.  
  618. a.atlas:hover {
  619. opacity: .5;
  620. -moz-transition-duration:.6s;
  621. -webkit-transition-duration:.6s;
  622. -o-transition-duration:.6s;
  623. -webkit-filter: blur(0px);
  624. }
  625.  
  626.  
  627. /*---------------------------- PAGINATION ---------------------------*/
  628.  
  629.  
  630. .pag {
  631. position: fixed;
  632. left: 890px;
  633. top: 260px;
  634. width: auto;
  635. height: auto;
  636. }
  637.  
  638. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  639. color: #fff;
  640. font-family: 'Marck Script', cursive;
  641. font-size: 12px;
  642. text-shadow: 1px 1px 5px #fff;
  643. text-transform: none;
  644. }
  645.  
  646. a.pag:hover {
  647. opacity: .5;
  648. -moz-transition-duration:.6s;
  649. -webkit-transition-duration:.6s;
  650. -o-transition-duration:.6s;
  651. -webkit-filter: blur(0px);
  652. }
  653.  
  654.  
  655.  
  656.  
  657.  
  658. /*--------------------------- TAGS & INFO ---------------------------*/
  659.  
  660.  
  661. #infobox {
  662. border:1px solid transparent;
  663. margin-bottom:10px;
  664. padding-top:10px;
  665. overflow: auto;
  666. }
  667.  
  668.  
  669. #info {
  670. margin-left:20px;
  671. background-color: #1b1b1f;
  672. border-left: 3px solid #128585;
  673. border-right: 3px solid #128585;
  674. text-align: center;
  675. padding: 5px;
  676. font-size: 13px;
  677. font-family:calibri;
  678. color: #fff;
  679. height: 10px;
  680. margin-left:0px;
  681. margin-bottom: 75px;
  682. }
  683.  
  684. #info a {
  685. color:#ffffff;
  686. text-shadow: 0px 0px 2px #000000;
  687. opacity: 1;
  688. font-family: 'big noodle titling';
  689. text-transform: uppercase;
  690. }
  691.  
  692. #info a:hover {
  693. color:#222;
  694. opacity: 1;
  695. }
  696.  
  697.  
  698. #tags {
  699. width:225px;
  700. height: 15px;
  701. overflow: auto;
  702. padding:10px;
  703. font-size:5px;
  704. text-align:left;
  705. font-family:courier;
  706. text-transform:uppercase;
  707. background: #1b1b1f;
  708. border-bottom:1px solid #474747;
  709. margin-bottom: 5px;
  710. opacity: 1;
  711. margin-left: -5px;
  712. -webkit-transition: all 0.8s ease;
  713. -moz-transition: all 0.8s ease;
  714. transition: all 0.8s ease;
  715. }
  716.  
  717.  
  718. #tags a {
  719. font-family:consolas;
  720. font-size:8px;
  721. line-height:8pt;
  722. letter-spacing:0px;
  723. color:#d4cec3;
  724. text-shadow:0px 0px 7px #7f7f7f;
  725. text-decoration:none;
  726. text-transform:uppercase;
  727. text-align:center;
  728. display:inline-block;
  729. margin:1px 0px 3px 0px;
  730. -webkit-border-radius: 30px;
  731. -webkit-transition: all 0.4s ease-out;
  732. -moz-transition: all 0.4s ease-out;
  733. transition: all 0.4s ease-out;
  734. -moz-transition-duration: 0.4s;
  735. -webkit-transition-duration: 0.4s;
  736. -o-transition-duration: 0.4s;
  737. transition-duration: 0.4s; }
  738.  
  739.  
  740. #tags a:hover {
  741. color:#555;
  742. text-shadow:0px 0px 1px #777;
  743. -webkit-filter:none;
  744. -webkit-transition: all 0.6s ease-in-out;
  745. opacity:1;
  746. -webkit-transition: all 0.6s ease-in-out;
  747. -moz-transition: all 0.6s ease-in-out;
  748. -o-transition: all 0.6s ease-in-out;
  749. -ms-transition: all 0.6s ease-in-out;
  750. transition: all 0.6s ease-in-out;
  751. }
  752.  
  753.  
  754.  
  755.  
  756. /*---------------------------- EXTRA 1 ---------------------------*/
  757.  
  758.  
  759.  
  760. .note {
  761. text-transform:uppercase;
  762. font-style:normal;
  763. letter-spacing:0px;
  764. font-size: 10px;
  765. text-align:left;
  766. line-height:90%;
  767. margin-left:-40px;}
  768.  
  769. .note li {
  770. list-style-type:none;
  771. border-bottom:0px solid {color:border};
  772. padding:10px 25px 10px 25px;
  773. text-align:left;
  774. margin:0px;
  775. -moz-transition-duration:0.5s;
  776. -webkit-transition-duration:0.5s;
  777. -o-transition-duration:0.5s;}
  778.  
  779. .note img.avatar {
  780. margin-right: 10px;
  781. width: 16px;
  782. height: 16px;}
  783.  
  784.  
  785.  
  786.  
  787. /*-------------------------- MUSIC PLAYER ---------------------------*/
  788.  
  789.  
  790.  
  791. .songart{
  792. float:left;
  793. margin-right:10px;
  794. }
  795.  
  796. .songart img{
  797. width:80px;
  798. height:80px;
  799. }
  800.  
  801. .songtitle{
  802. margin-bottom:10px;
  803. margin-left:90px;
  804. }
  805.  
  806. .songauthor{
  807. margin-bottom:10px;
  808. font-size:8px;
  809. margin-left:90px;
  810. }
  811.  
  812. .tumblr_audio_player {
  813. height: 50px;
  814. }
  815.  
  816.  
  817.  
  818. /*---------------------------- TOOLTIP ---------------------------*/
  819.  
  820.  
  821.  
  822. #s-m-t-tooltip{
  823. max-width:400px;
  824. margin:15px;
  825. padding:2px 8px;
  826. background: #1c0915;
  827. background-image:url('https://i.imgur.com/IhZPxVf.png');
  828. background-repeat:repeat;
  829. background-attachment:fixed;
  830. border: double 3px #000;
  831. color:#fff;
  832. text-shadow:1px 1px 0px #000,
  833. z-index:99999999999999999999;
  834. font-size:9px;
  835. letter-spacing:2px;
  836. font-style:bold;
  837. letter-spacing:2px;
  838. font-family: calibri;
  839. text-transform:uppercase;
  840. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  841.  
  842.  
  843.  
  844. /*--------------------------- POPUP ------------------------------ */
  845.  
  846.  
  847. /*--Making IE6 Understand Fixed Positioning--*/
  848. *html #fade {
  849. position: absolute;
  850. }
  851. *html .popup_block {
  852. position: absolute;
  853. }
  854.  
  855. .popup_block{
  856. background-color:#transparent;
  857. border: 0px solid #3b3b3b;
  858. width:250px;
  859. height:500px;
  860. top:315px;
  861. padding: 10px;
  862. left: 678px;
  863. display: none; /*--hidden by default--*/
  864. float: left;
  865. font-size: 10px; /*font size of the words inside the box */
  866. position: fixed;
  867. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  868. }
  869.  
  870.  
  871. #fade { /*--Transparent background layer--*/
  872. display: none; /*--hidden by default--*/
  873. background-color: #010106;
  874. background-image: url(''); /*if you want to add a background image to go behind your popup */
  875. position: fixed; left: 0; top: 0;
  876. width: 100%; height: 100%;
  877. opacity: 0.7;
  878. z-index: 9999;
  879. }
  880.  
  881. .importante {
  882. background-color:transparent;
  883. left: 450px;
  884. top:200px;
  885. height: 380px;
  886. width: 232px;
  887. position: fixed;
  888. font-size:11px;
  889. overflow: auto;
  890. padding: 10px;
  891. z-index:2;
  892. }
  893.  
  894.  
  895. .regs {
  896. background-image:url('https://i.imgur.com/lpZD4tf.png');
  897. background-repeat:no-repeat;
  898. top:175px;
  899. left: 400px;
  900. text-align:justify;
  901. height:500px;
  902. width:600px;
  903. position:fixed;
  904. transition:0.7s ease-in-out;
  905. -o-transition:0.7s ease-in-out;
  906. -ms-transition:0.7s ease-in-out;
  907. -moz-transition:0.7s ease-in-out;
  908. -webkit-transition:0.7s ease-in-out;
  909. transition: all 0.4s ease-out;
  910. -moz-transition-duration: 0.4s;
  911. -webkit-transition-duration: 0.4s;
  912. -o-transition-duration: 0.4s;
  913. transition-duration: 0.4s;
  914.  
  915. }
  916.  
  917. .warp {
  918. background-image:url('https://i.imgur.com/qSg0L2F.png');
  919. background-repeat:no-repeat;
  920. top:175px;
  921. left: 400px;
  922. text-align:justify;
  923. height:500px;
  924. width:600px;
  925. position:fixed;
  926. transition:0.7s ease-in-out;
  927. -o-transition:0.7s ease-in-out;
  928. -ms-transition:0.7s ease-in-out;
  929. -moz-transition:0.7s ease-in-out;
  930. -webkit-transition:0.7s ease-in-out;
  931. transition: all 0.4s ease-out;
  932. -moz-transition-duration: 0.4s;
  933. -webkit-transition-duration: 0.4s;
  934. -o-transition-duration: 0.4s;
  935. transition-duration: 0.4s;
  936.  
  937. }
  938.  
  939. .galaxies {
  940. background-image:url('https://i.imgur.com/dpvUyQn.png');
  941. background-repeat:no-repeat;
  942. top:175px;
  943. left: 400px;
  944. text-align:justify;
  945. height:500px;
  946. width:600px;
  947. position:fixed;
  948. transition:0.7s ease-in-out;
  949. -o-transition:0.7s ease-in-out;
  950. -ms-transition:0.7s ease-in-out;
  951. -moz-transition:0.7s ease-in-out;
  952. -webkit-transition:0.7s ease-in-out;
  953. transition: all 0.4s ease-out;
  954. -moz-transition-duration: 0.4s;
  955. -webkit-transition-duration: 0.4s;
  956. -o-transition-duration: 0.4s;
  957. transition-duration: 0.4s;
  958.  
  959. }
  960.  
  961. .realities {
  962. background-image:url('https://i.imgur.com/ZggpvgL.png');
  963. background-repeat:no-repeat;
  964. top:175px;
  965. left: 400px;
  966. text-align:justify;
  967. height:500px;
  968. width:600px;
  969. position:fixed;
  970. transition:0.7s ease-in-out;
  971. -o-transition:0.7s ease-in-out;
  972. -ms-transition:0.7s ease-in-out;
  973. -moz-transition:0.7s ease-in-out;
  974. -webkit-transition:0.7s ease-in-out;
  975. transition: all 0.4s ease-out;
  976. -moz-transition-duration: 0.4s;
  977. -webkit-transition-duration: 0.4s;
  978. -o-transition-duration: 0.4s;
  979. transition-duration: 0.4s;
  980.  
  981. }
  982.  
  983.  
  984. .mates {
  985. background-image:url('https://i.imgur.com/u6tHkjc.png');
  986. background-repeat:no-repeat;
  987. top:175px;
  988. left: 400px;
  989. text-align:justify;
  990. height:500px;
  991. width:600px;
  992. position:fixed;
  993. transition:0.7s ease-in-out;
  994. -o-transition:0.7s ease-in-out;
  995. -ms-transition:0.7s ease-in-out;
  996. -moz-transition:0.7s ease-in-out;
  997. -webkit-transition:0.7s ease-in-out;
  998. transition: all 0.4s ease-out;
  999. -moz-transition-duration: 0.4s;
  1000. -webkit-transition-duration: 0.4s;
  1001. -o-transition-duration: 0.4s;
  1002. transition-duration: 0.4s;
  1003.  
  1004. }
  1005.  
  1006.  
  1007.  
  1008. .popupnavlinks {
  1009. padding-top:5px;
  1010. text-align:center; }
  1011.  
  1012.  
  1013. .popupnavlinks a {
  1014. display:inline-block;
  1015. background-color: #444444;
  1016. border-top: 1px solid #00939f;
  1017. border-bottom: 1px solid #00939f;
  1018. text-align: center;
  1019. font-size: 9px;
  1020. font-family:courier;
  1021. color: #fff;
  1022. display: inline-block;
  1023. width:90px; height:4px;
  1024. margin:2px; padding:3px 6px 10px;
  1025. -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
  1026. }
  1027.  
  1028. .popupnavlinks a:hover {
  1029. display:inline-block;
  1030. letter-spacing:2px;
  1031. -moz-transition-duration: 0.4s;
  1032. -webkit-transition-duration: 0.4s;
  1033. -o-transition-duration: 0.4s;
  1034. transition-duration: 0.4s;
  1035. }
  1036.  
  1037.  
  1038.  
  1039. .popupclose {
  1040. float:right; top:0px; right:0px;
  1041. margin-top:-10px; margin-right:-10px;
  1042. font-family:'Scada', sans serif;
  1043. font-size:10px;
  1044. font-weight:bold }
  1045.  
  1046. .popupclose a {
  1047. color:#aaa }
  1048.  
  1049.  
  1050.  
  1051. /*--------------------------- POPUP ------------------------------ */
  1052.  
  1053. ul#tabs {
  1054. list-style-type: none;
  1055. padding: 0;
  1056. text-align: justify;
  1057. font-size:8px;
  1058. letter-spacing:1px;
  1059. }
  1060. ul#tabs li {
  1061. background-color: transparent;
  1062. border: 0px solid #222222;
  1063. border-radius: 2px;
  1064. background-repeat:repeat;
  1065. background-attachment:fixed;
  1066. background-image: url('');
  1067. display: inline-block;
  1068. padding: 4px;
  1069. margin-bottom: 4px;
  1070. margin-left: 2px;
  1071. cursor: pointer;
  1072. color: #fff;
  1073. text-align: center;
  1074. }
  1075. ul#tabs li:hover {
  1076. background-color: transparent;
  1077. border-radius: 2px;
  1078. color: #ffffff;
  1079. text-shadow: 1px 1px 3px #fff;
  1080. }
  1081. ul#tabs li.active {
  1082. background-image: url('');
  1083. background:transparent;
  1084. background-repeat:repeat;
  1085. background-attachment:fixed;
  1086. border: 0px solid #222222;
  1087. color:#b5d230;
  1088. display: inline-block;
  1089. padding: 4px;
  1090. margin-bottom: 4px;
  1091. cursor: pointer;
  1092. border-radius: 2px;
  1093. text-align: center;
  1094. }
  1095. ul#tab {
  1096. list-style-type: none;
  1097. margin: 0;
  1098. padding: 0;
  1099. }
  1100. ul#tab li {
  1101. display: none;
  1102. }
  1103. ul#tab li.active {
  1104. display: block;
  1105. }
  1106.  
  1107.  
  1108. #esperanza {
  1109. position: fixed;
  1110. background-color: #010106;
  1111. border-bottom: 1px solid #3b3b3b;
  1112. padding: 5px;
  1113. width: 242px;
  1114. height: 25px;
  1115. overflow: auto;
  1116. text-align: center;
  1117. z-index: 1;
  1118.  
  1119. }
  1120.  
  1121.  
  1122. #verses {
  1123. background:#1b1b1f;
  1124. border-right: 1px solid #00939f;
  1125. width: 225px;
  1126. height: 150px;
  1127. padding: 5px;
  1128. text-align: justify;
  1129. overflow: auto;
  1130. }
  1131.  
  1132.  
  1133. /* ----------------------------- CHAT CODE --------------------------- */
  1134.  
  1135. /* chat cred: http://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  1136.  
  1137. /* IMESSAGE CHAT POST */
  1138. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  1139. .asked p {
  1140. text-align: left;
  1141. margin: 0 0px 10px 0px;
  1142. padding: 0;
  1143. color: #666666;
  1144. font-family: 'Inconsolata', Inconsolata;
  1145. font-size: 12px;
  1146. line-height: 0px;
  1147. }
  1148. .footerright .viasrc {
  1149. float: left;
  1150. }
  1151. .asked a {
  1152. margin:0;padding:0;
  1153. }
  1154. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  1155. .convo {
  1156. overflow: hidden;
  1157. list-style-type: none;
  1158. padding: 0;
  1159. margin: 0;
  1160. }
  1161.  
  1162.  
  1163. </style>
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170. <body>
  1171.  
  1172. <!--------------------------- SIDEBOX -------------------------------->
  1173. <div class="sideboxtitle">agent of shield</div>
  1174. <div class="sidebox">
  1175.  
  1176. <h4>LEO FITZ</h4>
  1177. <p><center><i>Indie. Selective. AOS.</i></center>
  1178.  
  1179.  
  1180.  
  1181. <p><p>
  1182. <h2>DAMAGED</h2>
  1183. <center><b>You broke me.</b></center>
  1184.  
  1185.  
  1186. <p>
  1187. <p>
  1188. <h3>OWES</h3>
  1189. <center>
  1190. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes}
  1191. </center>
  1192.  
  1193.  
  1194. <br>
  1195. <h3>Pennd By</h3>
  1196.  
  1197. <center>
  1198. <i>MIKKI</i>
  1199.  
  1200. </center>
  1201. </div>
  1202.  
  1203.  
  1204.  
  1205. <!---POP UP PAGES--->
  1206.  
  1207. <!---RULES START--->
  1208. <div id="box2" class="popup_block">
  1209.  
  1210. <div style="width:auto;height:490px;overflow:auto; top: 15px;">
  1211.  
  1212. <div id="esperanza" style="top: 185px; left: 450px;">
  1213. <ul id="tabs">
  1214. <li class="active">Rules</li>
  1215. <li>Star Charts</li>
  1216. <li>Galaxies</li>
  1217. <li>Realities</li>
  1218. <li>Family</li>
  1219. </ul>
  1220. </div>
  1221.  
  1222.  
  1223. <ul id="tab">
  1224. <li class="active">
  1225.  
  1226. <div class="regs">
  1227. <div class="importante">
  1228.  
  1229. <h2>REGULATIONS</h2><p>
  1230.  
  1231. Rules Go Here
  1232.  
  1233.  
  1234. </li>
  1235.  
  1236.  
  1237.  
  1238. <li>
  1239.  
  1240. <div class="warp">
  1241. <div class="importante">
  1242. <center>
  1243.  
  1244. <h1>Navigation</h1>
  1245.  
  1246.  
  1247. <div class="popupnavlinks">
  1248. <p><h2>SCRIBE</h2><br>
  1249. <a href="/tagged/whatever">LINK</a>
  1250. <a href="/tagged/whatever">LINK</a>
  1251. <br>
  1252. <a href="/tagged/whatever">LINK</a>
  1253. <a href="/tagged/whatever">LINK</a>
  1254. <BR>
  1255. <p><h2>ISMS</h2>
  1256. <a href="/tagged/whatever">LINK</a>
  1257. <a href="/tagged/whatever">LINK</a>
  1258. <br>
  1259. <a href="/tagged/whatever">LINK</a>
  1260. <a href="/tagged/whatever">LINK</a>
  1261.  
  1262. <p><h2>CREW</h2><br>
  1263. <a href="/tagged/whatever">LINK</a>
  1264. <a href="/tagged/whatever">LINK</a>
  1265. <br>
  1266. <a href="/tagged/whatever">LINK</a>
  1267. <a href="/tagged/whatever">LINK</a>
  1268. <br>
  1269. <a href="/tagged/whatever">LINK</a>
  1270. <a href="/tagged/whatever">LINK</a>
  1271. <br>
  1272. <a href="/tagged/whatever">LINK</a>
  1273. <a href="/tagged/whatever">LINK</a>
  1274.  
  1275. <br><br><br>
  1276. </div>
  1277. </li>
  1278.  
  1279.  
  1280.  
  1281. <li>
  1282.  
  1283. <div class="galaxies">
  1284. <div class="importante">
  1285.  
  1286. <h4>GALAXIES</h4>
  1287.  
  1288. <div id="verses">
  1289. <h2>Childhood</h2>
  1290. <p><img src="{image:childhood}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1291.  
  1292. </div>
  1293.  
  1294.  
  1295. <p><div id="verses">
  1296. <h2>Teen</h2>
  1297. <p><img src="{image:teen}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1298.  
  1299. </div>
  1300.  
  1301. <p><div id="verses">
  1302. <h2>Academy</h2>
  1303. <p><img src="{image:academy}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1304.  
  1305. </div>
  1306.  
  1307. <p><div id="verses">
  1308. <h2>Captain</h2>
  1309. <p><img src="{image:captain}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1310.  
  1311. </div>
  1312.  
  1313. </li>
  1314.  
  1315.  
  1316. <li>
  1317.  
  1318. <div class="realities">
  1319. <div class="importante">
  1320.  
  1321. <h4>Realities</h4>
  1322.  
  1323. <div id="verses">
  1324. <h2>AU 1</h2>
  1325. <p><img src="{image:au1}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1326.  
  1327. </div>
  1328.  
  1329.  
  1330. <p><div id="verses">
  1331. <h2>AU 2</h2>
  1332. <p><img src="{image:au2}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1333.  
  1334. </div>
  1335.  
  1336. <p><div id="verses">
  1337. <h2>AU 3</h2>
  1338. <p><img src="{image:au3}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1339.  
  1340. </div>
  1341.  
  1342. <p><div id="verses">
  1343. <h2>AU 4</h2>
  1344. <p><img src="{image:au4}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1345.  
  1346. </div>
  1347.  
  1348.  
  1349.  
  1350. </li>
  1351.  
  1352. <li>
  1353.  
  1354. <div class="mates">
  1355. <div class="importante">
  1356. <h2>Crew Members</h2>
  1357.  
  1358. <p><h3>Mains</h3>
  1359. <center>
  1360. <a href="">URL</a>
  1361. <br><i>Name:</i> Input
  1362. <br><b>Relationship:</b> Input
  1363.  
  1364. <p>
  1365. <br><a href="">URL</a>
  1366. <br><i>Name:</i> Input
  1367. <br><b>Relationship:</b> Input
  1368. </center>
  1369.  
  1370.  
  1371. <p><h3>Priorities</h3>
  1372. <center>
  1373. <br><a href="">URL</a>
  1374. <br><i>Name:</i> Input
  1375. <br><b>Relationship:</b> Input
  1376.  
  1377. <p>
  1378. <br><a href="">URL</a>
  1379. <br><i>Name:</i> Input
  1380. <br><b>Relationship:</b> Input
  1381.  
  1382.  
  1383. <p>
  1384. <br><a href="">URL</a>
  1385. <br><i>Name:</i> Input
  1386. <br><b>Relationship:</b> Input
  1387.  
  1388.  
  1389. <p>
  1390. <br><a href="">URL</a>
  1391. <br><i>Name:</i> Input
  1392. <br><b>Relationship:</b> Input
  1393.  
  1394. <p>
  1395. <br><a href="">URL</a>
  1396. <br><i>Name:</i> Input
  1397. <br><b>Relationship:</b> Input
  1398.  
  1399.  
  1400.  
  1401. </center>
  1402.  
  1403.  
  1404. <p><h3>Exclusives</h3>
  1405. <center>
  1406. <a href="">URL</a>
  1407. <br><i>Name:</i> Input
  1408. <br><b>Relationship:</b> Input
  1409.  
  1410. <p>
  1411. <br><a href="">URL</a>
  1412. <br><i>Name:</i> Input
  1413. <br><b>Relationship:</b> Input
  1414.  
  1415. <p>
  1416. <br><a href="">URL</a>
  1417. <br><i>Name:</i> Input
  1418. <br><b>Relationship:</b> Input
  1419.  
  1420. <p>
  1421. <br><a href="">URL</a>
  1422. <br><i>Name:</i> Input
  1423. <br><b>Relationship:</b> Input
  1424.  
  1425. <p>
  1426. <br><a href="">URL</a>
  1427. <br><i>Name:</i> Input
  1428. <br><b>Relationship:</b> Input
  1429.  
  1430. </center>
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436. </li>
  1437.  
  1438.  
  1439.  
  1440.  
  1441. </ul>
  1442. </div></div>
  1443.  
  1444.  
  1445.  
  1446.  
  1447. <div class="base">
  1448. <a href="/" class="poplight atlas" title="base" style="padding-right: 1px; color: #a51615; font-size: 30px; text-shadow: 1px 1px 15px #a51615;">✦</a>
  1449. </div>
  1450.  
  1451. <div class="missionreport">
  1452. <a href="/ask" class="poplight atlas" title="ask" style="color: #a51615; font-size: 20px; text-shadow: 1px 1px 15px #a51615;">✸</a>
  1453. </div>
  1454.  
  1455. <div class="starcharts">
  1456. <a href="#?w=250" rel="box2" class="poplight atlas" title="rules" style="color: #a51615; font-size: 15px; text-shadow: 1px 1px 1px 15px #a51615;">❉</a>
  1457. </div>
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463. <!----------------------------- CREDIT ------------------------------>
  1464.  
  1465. <div class="credit">
  1466. <a href="http://commissionsbyzorra.tumblr.com/" title="Commissions By Zorra" class="credit">zorra</a>
  1467. </div>
  1468.  
  1469.  
  1470. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1471.  
  1472.  
  1473.  
  1474. <!------------------------- POSTS & CONTENT -------------------------->
  1475.  
  1476.  
  1477.  
  1478. <div class="pag">{block:Pagination}
  1479. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -335px; transform: rotate(-90deg);">backward</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0px; transform: rotate(90deg);">forward</a>
  1480. {/block:NextPage}
  1481. {/block:Pagination}</div>
  1482.  
  1483.  
  1484.  
  1485.  
  1486. <div id="entries">
  1487.  
  1488. {block:Posts}
  1489.  
  1490. <div class="posts">
  1491.  
  1492. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1493.  
  1494. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1495. {/block:Photo}
  1496.  
  1497. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1498.  
  1499. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1500.  
  1501. {block:Video}
  1502. <div class="video">{Video-250}</div>
  1503. {/block:Video}
  1504.  
  1505. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1506.  
  1507.  
  1508. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1509.  
  1510.  
  1511. {block:Chat}
  1512. {block:Title}
  1513. <h1>{Title}</h1>{/block:Title}<br>
  1514. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1515. {Line}</li>{/block:Lines}</ul>
  1516. {/block:Chat}
  1517.  
  1518.  
  1519. <!--AUDIO POST-->
  1520. {block:Audio}
  1521. {block:AlbumArt}
  1522. <div class="songart">
  1523. <img src="{AlbumArtURL}">
  1524. </div>
  1525. {/block:AlbumArt}
  1526. <div class="songtitle">
  1527. {block:TrackName}
  1528. {TrackName}
  1529. {/block:TrackName}
  1530. </div>
  1531. <div class="songauthor">
  1532. By
  1533. {block:Artist}
  1534. {Artist}
  1535. {/block:Artist}
  1536. </div>
  1537. {AudioPlayerWhite}
  1538. {/block:Audio}
  1539.  
  1540.  
  1541.  
  1542. {block:Answer}
  1543. <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>
  1544.  
  1545. <div id="border">
  1546. <div id="askerurl" style="margin-left:0px; margin-top:0px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div><div style="max-width:150px; margin-left:45px; margin-top:-5px; letter-spacing:2px; word-spacing: 1px; text-align:justify;">sent a transmission</div>
  1547. </div>
  1548.  
  1549. <div id="question" style="margin-top: 20px">{Question}</div>
  1550. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1551. {/block:Answer}
  1552.  
  1553.  
  1554. <div id="infobox">
  1555. <div id="info">
  1556. <br>
  1557.  
  1558. &nbsp; &nbsp;
  1559.  
  1560.  
  1561. {block:Date}
  1562. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:-10px; margin-top:-17px; font-size: 9px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1563. {/block:Date}
  1564.  
  1565.  
  1566.  
  1567. <a href="{ReblogURL}" style="position:absolute; margin-left:-50px; margin-top:-17px; font-size:9px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
  1568.  
  1569.  
  1570.  
  1571. {block:NoRebloggedFrom}
  1572. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1573. {/block:NoRebloggedFrom}
  1574.  
  1575.  
  1576. {block:ContentSource}
  1577. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1578. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1579. {/block:SourceLogo}
  1580. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1581. {/block:ContentSource}
  1582.  
  1583.  
  1584. <br>
  1585.  
  1586.  
  1587. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1588.  
  1589.  
  1590. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1591. </div>&nbsp;
  1592.  
  1593. <br><br><br><br>
  1594.  
  1595. {/block:Posts}
  1596. <div class="note">
  1597. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1598. </div></div>
  1599.  
  1600. {/block:Posts}
  1601.  
  1602.  
  1603. </div>
  1604. </div>
  1605. </div>
  1606.  
  1607.  
  1608.  
  1609.  
  1610.  
  1611. </body>
  1612.  
  1613.  
  1614.  
  1615.  
  1616.  
  1617. </html>
Advertisement
Add Comment
Please, Sign In to add comment