bridgetowakanda

Mumu Theme

Jul 9th, 2018
266
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.46 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=Dosis" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Playball" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  19.  
  20.  
  21.  
  22. <html>
  23. <!--
  24. BASE CODE
  25. http://fratdadbase.tumblr.com/
  26.  
  27. THEME BY ZORRA VIA BRIDGETOWAKANDA
  28. -->
  29.  
  30.  
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head>
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40.  
  41. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  42.  
  43. <!------------------------------ SCRIPTS ----------------------------->
  44. <!------------------------------ POPUP ------------------------------>
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49. <script>
  50. $(document).ready(function() {
  51. //
  52. $('a.poplight[href^=#]').click(function() {
  53. var popID = $(this).attr('rel'); //Get Popup Name
  54. var popURL = $(this).attr('href'); //Get Popup href to define size
  55. var query= popURL.split('?');
  56. var dim= query[1].split('&');
  57. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  58. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  59. var popMargTop = ($('#' + popID).height() + 80) / 2;
  60. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  61. //Apply Margin to Popup
  62. $('#' + popID).css({
  63. 'margin-top' : -popMargTop,
  64. 'margin-left' : -popMargLeft
  65. });
  66. $('body').append('<div id="fade"></div>');
  67. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  68. return false;
  69. });
  70. $('a.close, #fade').live('click', function() {
  71. $('#fade , .popup_block').fadeOut(function() {
  72. $('#fade, a.close').remove(); //fade them both out
  73. });
  74. return false;
  75. });
  76. });
  77. </script>
  78.  
  79.  
  80. <!--------------------------- MOVING TITLE --------------------------->
  81.  
  82. <!--TYPING/MOVING TITLE. IF YOU DON'T WANT A MOVING TITLE JUST DELETE UNTIL "END." -->
  83.  
  84. <script type="text/javascript">
  85. var rev = "fwd";
  86. function titlebar(val)
  87. {
  88. var msg = " UNCHARTED / * UNKOWN "; // THIS IS WHERE YOU WOULD CHANGE YOUR TITLE //
  89. var res = " ";
  90. var speed = 125; // CHANGE THE SPEED HERE //
  91. var pos = val;
  92. msg = "UNCHARTED / * UNKOWN "; // CHANGE THIS TO MATCH THE TITLE //
  93. var le = msg.length;
  94. if(rev == "fwd"){
  95. if(pos < le){
  96. pos = pos+1;
  97. scroll = msg.substr(0,pos);
  98. document.title = scroll;
  99. timer = window.setTimeout("titlebar("+pos+")",speed);}
  100. else{
  101. rev = "bwd";
  102. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  103. else{
  104. if(pos > 0){
  105. pos = pos-1;
  106. var ale = le-pos;
  107. scrol = msg.substr(ale,le);
  108. document.title = scrol;
  109. timer = window.setTimeout("titlebar("+pos+")",speed);}
  110. else{
  111. rev = "fwd";
  112. timer = window.setTimeout("titlebar("+pos+")",speed);
  113. }}}
  114. titlebar(0);
  115. </script>
  116.  
  117. <!----------------------------- TOOLTLIP ----------------------------->
  118.  
  119.  
  120. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  121. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  122. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  123. <script>
  124. (function($){
  125. $(document).ready(function(){
  126. $("[title]").style_my_tooltips({
  127. tip_follows_cursor:true,
  128. tip_delay_time:200,
  129. tip_fade_speed:500
  130. });
  131. });
  132. })(jQuery);
  133. </script>
  134.  
  135.  
  136.  
  137. <!------------------------------ TABS ------------------------------>
  138.  
  139.  
  140. <script>
  141. $(document).ready(function(){
  142. $("ul#tabs li").click(function(e){
  143. if (!$(this).hasClass("active")) {
  144. var tabNum = $(this).index();
  145. var nthChild = tabNum+1;
  146. $("ul#tabs li.active").removeClass("active");
  147. $(this).addClass("active");
  148. $("ul#tab li.active").removeClass("active");
  149. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  150. }
  151. });
  152. });
  153. </script>
  154.  
  155. <!------------------------------ MUSIC ------------------------------>
  156.  
  157.  
  158.  
  159.  
  160. </head>
  161.  
  162. <!---------------------------- META DATA ----------------------------->
  163. <meta name="image:Background" content="" />
  164. <meta name="image:headerbackground" content=""/>
  165. <meta name="image:popupbg" content=""/>
  166. <meta name="image:asking" content="" />
  167. <meta name="image:airforce" conteont="" />
  168.  
  169. <meta name="text:Starters" content="00"/>
  170. <meta name="text:Drafts" content="00"/>
  171. <meta name="text:Memes" content="00"/>
  172. <meta name="text:Quote" content="Quote Here" />
  173.  
  174. <meta name="color:background" content="#1e1d18" />
  175. <meta name="color:italic" content="#abbc57" />
  176. <meta name="color:bold" content="#84cccb" />
  177.  
  178. <meta name="select:header font1" content="'Rozha One', serif;" title="Rozha"/>
  179. <meta name="select:header font1" content="'Limelight', cursive;" title="Limelight"/>
  180. <meta name="select:header font1" content="'Anton', sans-serif;" title="Anton"/>
  181.  
  182. <meta name="select:header font2" content="'Rozha One', serif;" title="Rozha"/>
  183. <meta name="select:header font2" content="'Limelight', cursive;" title="Limelight"/>
  184. <meta name="select:header font2" content="'Anton', sans-serif;" title="Anton"/>
  185.  
  186. <style type="text/css">
  187.  
  188.  
  189.  
  190.  
  191.  
  192. @font-face​ {
  193. font-family:"big noodle titling";
  194. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  195. }
  196.  
  197.  
  198. /*---------------------------- SCROLL BAR ---------------------------*/
  199. ::-webkit-scrollbar {
  200. width: 2px;
  201. height: 2px;
  202. }
  203. ::-webkit-scrollbar-button {
  204. width: 0px;
  205. height: 0px;
  206. }
  207. ::-webkit-scrollbar-thumb {
  208. background: transparent;
  209. border: 0px none #a68b7c;
  210. border-radius: 50px;
  211. }
  212. ::-webkit-scrollbar-thumb:hover {
  213. background: transparent;
  214. }
  215. ::-webkit-scrollbar-thumb:active {
  216. background: transparent;
  217. }
  218. ::-webkit-scrollbar-track {
  219. background: transparent;
  220. border: 0px none #a68b7c;
  221. border-radius: 0px;
  222. }
  223. ::-webkit-scrollbar-track:hover {
  224. background:transparent;
  225. }
  226. ::-webkit-scrollbar-track:active {
  227. background: transparent;
  228. }
  229. ::-webkit-scrollbar-corner {
  230. background: transparent;
  231. }
  232.  
  233.  
  234. /*---------------------------- SELECTION ---------------------------*/
  235.  
  236. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  237. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  238.  
  239.  
  240.  
  241. /*---------------------------- BODY ---------------------------*/
  242.  
  243. body {
  244. background-color:{color:background};
  245. background-image:url('{image:Background}');
  246. background-repeat: no-repeat;
  247. font-family: calibri;
  248. font-size: 11px;
  249. text-align: justify;
  250. color:#e7e5d1;
  251. }
  252.  
  253.  
  254.  
  255. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  256.  
  257. #askerurl {
  258. text-transform:uppercase;
  259. font-weight:400;
  260. font-size:20px;
  261. margin-top:30px;
  262. margin-left:50px;
  263. padding-bottom:5px;
  264. width:250px;
  265. font-family: 'Orbitron', sans-serif;
  266. text-align:center;
  267. }
  268.  
  269. #asking img {
  270. padding: 5px;
  271. }
  272.  
  273. #question {
  274. background-attachment:auto;
  275. background-image: url('');
  276. padding:15px 15px;
  277. margin:3px 0 3px 10px;
  278. border-right:1px solid #b0654e;
  279. border-radius: 5px;
  280. background-color:#424141;
  281. color: #fff;
  282. font-family: 'Open Sans Condensed';
  283. text-shadow: 1px 1px 5px #fff;
  284. -webkit-border-radius: 10px;
  285. }
  286.  
  287. #answer {
  288. word-spacing: 0px;
  289. }
  290.  
  291. #border {
  292. border: 1px solid #222222;
  293. padding: 10px;
  294. max-width: 220px;
  295. margin-top: 20px;
  296. }
  297.  
  298.  
  299. /*------------------------ CONTAINER & POSTS ------------------------*/
  300.  
  301. #entries {
  302. background-color:#333333;
  303. border: 1px solid #3b3b3b;
  304. width:250px;
  305. height:500px;
  306. top:50px;
  307. padding: 10px;
  308. margin-left: 500px;
  309. position:relative;
  310. overflow-y:scroll;
  311. overflow-x:hidden;
  312. }
  313.  
  314.  
  315. #entries img {
  316. height:auto;
  317. max-width:100%;
  318. }
  319.  
  320. #post img {
  321. height: auto;
  322. max-width: 100%;
  323. }
  324.  
  325.  
  326. #posts {
  327. width:250px;
  328. background-color: #222;
  329. padding-bottom:0px;
  330. overflow-y:scroll;
  331. overflow-x:hidden;
  332. }
  333.  
  334.  
  335.  
  336.  
  337.  
  338. /*---------------------------- NAVIGATION ---------------------------*/
  339.  
  340. .links {
  341. top: 175px;
  342. left: 850px;
  343. position: fixed;
  344. width: auto
  345. height: auto;
  346. }
  347.  
  348.  
  349.  
  350. /*---------------------------- SIDEBOX ---------------------------*/
  351.  
  352. .sidebox {
  353. position: fixed;
  354. background-color: #333333;
  355. border: 1px solid #3b3b3b;
  356. padding: 10px;
  357. top: 200px;
  358. left: 810px;
  359. width: 120px;
  360. height: 300px;
  361. overflow: auto;
  362. z-index: 1;
  363. }
  364.  
  365.  
  366. /*---------------------------- CREDIT ---------------------------*/
  367.  
  368. .credit {
  369. left: 97%;
  370. top: 95%;
  371. width: 50px;
  372. height: 50px;
  373. position: fixed;
  374. }
  375.  
  376. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  377. text-decoration: none;
  378. color: #b5e5f6;
  379. text-transform: none;
  380. font-family: 'Contrail One', cursive;
  381. font-size: 14px;
  382. -moz-transition-duration:.6s;
  383. -webkit-transition-duration:.6s;
  384. -o-transition-duration:.6s;
  385. -webkit-filter: blur(0px);
  386.  
  387. }
  388.  
  389. a.credit:hovor {
  390. color: #8f8f8f;
  391. font-family: 'Contrail One', cursive;
  392. letter-spacing: 0px;
  393. -moz-transition-duration:.6s;
  394. -webkit-transition-duration:.6s;
  395. -o-transition-duration:.6s;
  396. -webkit-filter: blur(1px); }
  397.  
  398.  
  399.  
  400. /*---------------------------- FANCY FONT ---------------------------*/
  401.  
  402. h1 {
  403. font-size:30px;
  404. font-family: {select:header font1}
  405. font-weight:400;
  406. color:#32c980;
  407. border-bottom: 1px solid #32c980;
  408. text-shadow: 1px 1px 1px #29dbd7;
  409. display:block;
  410. margin-top: 20px;
  411. text-align:right;
  412. text-transform:uppercase;
  413. padding:10px;
  414. letter-spacing:3px;
  415.  
  416. }
  417.  
  418. h2 {
  419. font-size:12px
  420. font-family: {select:header font2}
  421. font-weight:400;
  422. color:#e1e0db;
  423. text-align: center;
  424. text-transform:lowercase;
  425. letter-spacing:2px;
  426. display:block;
  427. margin:0, 0, 5px, 0;
  428. padding:5px;
  429. }
  430.  
  431.  
  432. h3 {
  433. background-image: url('{image:headerbackground}');
  434. background-repeat:repeat;
  435. background-attachment:absolute;
  436. border: double 3px #000;
  437. padding:10px;
  438. color:#ffffff;
  439. overflow: auto;
  440. text-shadow:1px 1px 2px #000,
  441. font-size:15px;
  442. font-family:calibri;
  443. text-transform:uppercase;
  444. letter-spacing:1px;
  445. text-align:center;
  446. }
  447.  
  448.  
  449.  
  450. i, italic, em {
  451. font-family: 'Amatic SC', cursive;
  452. font-size: 15px;
  453. text-transform: italic;
  454. color:{color:italic};
  455. text-transform:lowercase;
  456. letter-spacing:1px;
  457.  
  458. }
  459.  
  460. b, bold, strong {
  461. font-size:10px;
  462. font-family: 'Orbitron', sans-serif;
  463. color:{color:bold};
  464. text-transform:lowercase;
  465.  
  466. }
  467. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  468.  
  469. p {
  470. margin-top:5px;
  471. margin-bottom:5px;}
  472.  
  473.  
  474. ol {
  475. list-style:normal;}
  476.  
  477.  
  478. ul {
  479. list-style:square;}
  480.  
  481.  
  482. small {
  483. font-size:10px}
  484.  
  485.  
  486. sup,sub {
  487. font-size:11px}
  488.  
  489.  
  490. pre {
  491. font-size: 15px;
  492. letter-spacing:3px;
  493. background-color:#8ea985;
  494. border: 1px dotted #222222;
  495. font-family: "Times New Roman", Times, serif;
  496. font-style: none;
  497. text-transform: uppercase;
  498. text-align:center;
  499. }
  500.  
  501.  
  502.  
  503.  
  504. blockquote {
  505. padding:2px 7px;
  506. padding-right:17px;
  507. margin:3px 0 3px 10px;
  508. border-left:1px solid #b0654e;
  509. -webkit-border-radius: 10px;
  510. }
  511.  
  512.  
  513. blockquote img{
  514. max-width:100%;
  515. height:auto;
  516. }
  517.  
  518. blockquote blockquote img{
  519. max-width:100%;
  520. height:auto;
  521. }
  522.  
  523.  
  524.  
  525.  
  526. t, title {
  527. size: 15px;
  528. color: 222;
  529. letter-spacing: 2px;
  530. font: times;
  531. }
  532.  
  533. quotetext {
  534. font-family: times;
  535. font-size: 20px;
  536. line-height: 21px;
  537. letter-spacing: 2px;
  538. text-align: center;
  539. text-transform:uppercase;
  540. color: #fff;
  541. text-shadow: 3px 1px 1px #79b4a8;
  542. }
  543.  
  544. quotations {
  545. font: courier;
  546. font-size: 30px;
  547. color: {color:bold};
  548. }
  549.  
  550. quote {
  551. font-size: 13px;
  552. }
  553.  
  554. img {
  555. max-width:100%;
  556. }
  557.  
  558. hr {
  559. width:100px;
  560. border: 0;
  561. height: 0.5px;
  562. margin-right:10px;
  563. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  564. }
  565.  
  566. /*---------------------------- LINKS ---------------------------*/
  567.  
  568. a:link, a:active, a:visited {
  569. text-decoration: none;
  570. color: #b5e5f6;
  571. text-transform: none;
  572. font-family: 'Contrail One', cursive;
  573. font-size: 14px;
  574. -moz-transition-duration:.6s;
  575. -webkit-transition-duration:.6s;
  576. -o-transition-duration:.6s;
  577. -webkit-filter: blur(0px);}
  578.  
  579. a:hover {
  580. color: #8f8f8f;
  581. font-family: 'Contrail One', cursive;
  582. letter-spacing: 0px;
  583. -moz-transition-duration:.6s;
  584. -webkit-transition-duration:.6s;
  585. -o-transition-duration:.6s;
  586. -webkit-filter: blur(1px);}
  587.  
  588.  
  589.  
  590. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  591. color: #a68b7c;
  592. text-shadow: 0px 0px 10px #a68b7c;
  593. font-family: times;
  594. font-size: 12px;
  595.  
  596. }
  597.  
  598. a.navi:hover {
  599. -moz-transition-duration:.6s;
  600. -webkit-transition-duration:.6s;
  601. -o-transition-duration:.6s;
  602. -webkit-filter: blur(3px);
  603. }
  604.  
  605.  
  606. /*---------------------------- PAGINATION ---------------------------*/
  607.  
  608.  
  609. .pag {
  610. position: fixed;
  611. left: 825px;
  612. top: 525px;
  613. width: auto;
  614. height: auto;
  615. }
  616.  
  617. .jump_page {
  618. padding: 4px 4px;
  619. border: none;
  620. background-color: none;
  621. color:#ffffff;
  622. font-family:century gothic;
  623. font-size:11px;
  624. text-decoration:none;
  625. }
  626.  
  627. .current_page, .jump_page:hover {
  628. padding: 4px 4px;
  629. border: none;
  630. background-color: none;
  631. color: none;
  632. font-family:century gothic;
  633. font-size:11px;
  634. text-decoration:none;
  635. }
  636.  
  637.  
  638.  
  639.  
  640.  
  641. /*--------------------------- TAGS & INFO ---------------------------*/
  642.  
  643.  
  644. #infobox {
  645. border:1px solid transparent;
  646. margin-bottom:10px;
  647. padding-top:10px;
  648. overflow: auto;
  649. }
  650.  
  651.  
  652. #info {
  653. margin-left:20px;
  654. background-color: #36342c;
  655. background-image: url('{image:headerbackground}');
  656. background-position: fixed;
  657. background-repeat: repeat;
  658. border: 1px solid #222;
  659. height: 30px;
  660. margin-left:0px;
  661. margin-bottom: 75px;
  662. }
  663.  
  664. #info a {
  665. color:#ffffff;
  666. text-shadow: 0px 0px 2px #000000;
  667. opacity: 1;
  668. font-family: 'big noodle titling';
  669. text-transform: uppercase;
  670. }
  671.  
  672. #info a:hover {
  673. color:#222;
  674. opacity: 1;
  675. }
  676.  
  677.  
  678. #tags {
  679. width:200px;
  680. height: 25px;
  681. overflow: auto;
  682. padding:10px;
  683. font-size:7px;
  684. text-align:left;
  685. font-family:courier;
  686. text-transform:uppercase;
  687. background:transparent;
  688. border-bottom:1px solid #474747;
  689. margin-bottom: 5px;
  690. margin-top: 10px;
  691. opacity: 0;
  692. -webkit-transition: all 0.8s ease;
  693. -moz-transition: all 0.8s ease;
  694. transition: all 0.8s ease;
  695. }
  696.  
  697. #tags:hover {
  698. opacity:1;
  699. margin-left:15px;
  700. }
  701.  
  702. #tags a {
  703. font-family:consolas;
  704. font-size:8px;
  705. line-height:8pt;
  706. letter-spacing:0px;
  707. color:#d4cec3;
  708. text-shadow:0px 0px 7px #7f7f7f;
  709. text-decoration:none;
  710. text-transform:uppercase;
  711. text-align:center;
  712. display:inline-block;
  713. margin:1px 0px 3px 0px;
  714. -webkit-border-radius: 30px;
  715. -webkit-transition: all 0.4s ease-out;
  716. -moz-transition: all 0.4s ease-out;
  717. transition: all 0.4s ease-out;
  718. -moz-transition-duration: 0.4s;
  719. -webkit-transition-duration: 0.4s;
  720. -o-transition-duration: 0.4s;
  721. transition-duration: 0.4s; }
  722.  
  723.  
  724. #tags a:hover {
  725. color:#555;
  726. text-shadow:0px 0px 1px #777;
  727. -webkit-filter:none;
  728. -webkit-transition: all 0.6s ease-in-out;
  729. opacity:1;
  730. -webkit-transition: all 0.6s ease-in-out;
  731. -moz-transition: all 0.6s ease-in-out;
  732. -o-transition: all 0.6s ease-in-out;
  733. -ms-transition: all 0.6s ease-in-out;
  734. transition: all 0.6s ease-in-out;
  735. }
  736.  
  737.  
  738.  
  739.  
  740. /*---------------------------- EXTRA 1 ---------------------------*/
  741.  
  742.  
  743.  
  744. .note {
  745. text-transform:uppercase;
  746. font-style:normal;
  747. letter-spacing:0px;
  748. font-size: 10px;
  749. text-align:left;
  750. line-height:90%;
  751. margin-left:-40px;}
  752.  
  753. .note li {
  754. list-style-type:none;
  755. border-bottom:0px solid {color:border};
  756. padding:10px 25px 10px 25px;
  757. text-align:left;
  758. margin:0px;
  759. -moz-transition-duration:0.5s;
  760. -webkit-transition-duration:0.5s;
  761. -o-transition-duration:0.5s;}
  762.  
  763. .note img.avatar {
  764. margin-right: 10px;
  765. width: 16px;
  766. height: 16px;}
  767.  
  768.  
  769.  
  770.  
  771. /*-------------------------- MUSIC PLAYER ---------------------------*/
  772.  
  773.  
  774.  
  775. .songart{
  776. float:left;
  777. margin-right:10px;
  778. }
  779.  
  780. .songart img{
  781. width:80px;
  782. height:80px;
  783. }
  784.  
  785. .songtitle{
  786. margin-bottom:10px;
  787. margin-left:90px;
  788. }
  789.  
  790. .songauthor{
  791. margin-bottom:10px;
  792. font-size:8px;
  793. margin-left:90px;
  794. }
  795.  
  796. .tumblr_audio_player {
  797. height: 50px;
  798. }
  799.  
  800.  
  801.  
  802. /*---------------------------- TOOLTIP ---------------------------*/
  803.  
  804.  
  805.  
  806. #s-m-t-tooltip{
  807. max-width:400px;
  808. margin:15px;
  809. padding:2px 8px;
  810. background: #1c0915;
  811. background-image:url('{image:headerbackground}');
  812. background-repeat:repeat;
  813. background-attachment:fixed;
  814. border: double 3px #000;
  815. color:#fff;
  816. text-shadow:1px 1px 0px #000,
  817. z-index:99999999999999999999;
  818. font-size:9px;
  819. letter-spacing:2px;
  820. font-style:bold;
  821. letter-spacing:2px;
  822. font-family: calibri;
  823. text-transform:uppercase;
  824. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  825.  
  826.  
  827.  
  828. /*--------------------------- POPUP ------------------------------ */
  829.  
  830.  
  831. /*--Making IE6 Understand Fixed Positioning--*/
  832. *html #fade {
  833. position: absolute;
  834. }
  835. *html .popup_block {
  836. position: absolute;
  837. }
  838.  
  839. .popup_block{
  840. background-color:#333333;
  841. border: 1px solid #3b3b3b;
  842. width:250px;
  843. height:500px;
  844. top:348px;
  845. padding: 10px;
  846. left: 673px;
  847. display: none; /*--hidden by default--*/
  848. float: left;
  849. font-size: 10px; /*font size of the words inside the box */
  850. position: fixed;
  851. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  852. }
  853.  
  854.  
  855. #fade { /*--Transparent background layer--*/
  856. display: none; /*--hidden by default--*/
  857. background: transparent;
  858. background-image: url(''); /*if you want to add a background image to go behind your popup */
  859. position: fixed; left: 0; top: 0;
  860. width: 100%; height: 100%;
  861. opacity: 1.0;
  862. z-index: 9999;
  863. }
  864.  
  865.  
  866. .popupnavlinks {
  867. padding-top:5px;
  868. text-align:center; }
  869.  
  870.  
  871. .popupnavlinks a {
  872. display:inline-block;
  873. width:90px; height:4px;
  874. margin:2px; padding:3px 6px 10px;
  875. text-align:center;
  876. background-image: url('');
  877. background:transparent;
  878. background-repeat:repeat;
  879. background-attachment:fixed;
  880. border: solid 1px #99b7b5;
  881. color:#99b7b5;
  882. font-size:9px;
  883. font-family:calibri;
  884. text-shadow:1px 1px 0px #fff,
  885. display: inline-block;
  886. cursor: pointer;
  887. }
  888.  
  889. .popupnavlinks a:hover {
  890. display:inline-block;
  891. letter-spacing:2px;
  892. border-radius: 46px 10px 58px 0px;
  893. -moz-border-radius: 46px 10px 58px 0px;
  894. -webkit-border-radius: 46px 10px 58px 0px;
  895. -moz-transition-duration: 0.4s;
  896. -webkit-transition-duration: 0.4s;
  897. -o-transition-duration: 0.4s;
  898. transition-duration: 0.4s;
  899. }
  900.  
  901.  
  902.  
  903. .popupclose {
  904. float:right; top:0px; right:0px;
  905. margin-top:-10px; margin-right:-10px;
  906. font-family:'Scada', sans serif;
  907. font-size:10px;
  908. font-weight:bold }
  909.  
  910. .popupclose a {
  911. color:#aaa }
  912.  
  913.  
  914.  
  915. /*--------------------------- POPUP ------------------------------ */
  916.  
  917. ul#tabs {
  918. list-style-type: none;
  919. padding: 0;
  920. text-align: justify;
  921. font-size:8px;
  922. letter-spacing:1px;
  923. }
  924. ul#tabs li {
  925. background-color: transparent;
  926. border: 1px solid #3b3b3b;
  927. border-radius: 2px;
  928. background-repeat:repeat;
  929. background-attachment:fixed;
  930. background-image: url('');
  931. display: block;
  932. padding: 4px 10px;
  933. margin-bottom: 4px;
  934. margin-left: 2px;
  935. cursor: pointer;
  936. color: #fff;
  937. text-align: center;
  938. }
  939. ul#tabs li:hover {
  940. background-color: transparent;
  941. border-radius: 2px;
  942. color: #ffffff;
  943. text-shadow: 1px 1px 3px #fff;
  944. }
  945. ul#tabs li.active {
  946. background-image: url('');
  947. background:transparent;
  948. background-repeat:repeat;
  949. background-attachment:fixed;
  950. border: 1px solid #3b3b3b;
  951. color:#b5d230;
  952. display: block;
  953. padding: 4px 10px;
  954. margin-bottom: 4px;
  955. cursor: pointer;
  956. border-radius: 2px;
  957. text-align: center;
  958. }
  959. ul#tab {
  960. list-style-type: none;
  961. margin: 0;
  962. padding: 0;
  963. }
  964. ul#tab li {
  965. display: none;
  966. }
  967. ul#tab li.active {
  968. display: block;
  969. }
  970.  
  971.  
  972. .esperanza {
  973. position: fixed;
  974. background-color: #333333;
  975. border: 1px solid #3b3b3b;
  976. padding: 10px;
  977. top: 200px;
  978. left: 810px;
  979. width: 120px;
  980. height: 300px;
  981. overflow: auto;
  982. z-index: 1;
  983.  
  984. }
  985.  
  986. /*--------------------------- IFRAME ------------------------------ */
  987.  
  988. /*codes & tutorial by http://cyantists.tumblr.com/*/
  989.  
  990. iframe.tmblr-iframe {
  991. opacity:0;
  992. display:none!important;}
  993.  
  994. .ccontrols {
  995. position:fixed;
  996. top:0;
  997. right:0;
  998. z-index:9999999999999;
  999. margin:4px;}
  1000.  
  1001. .ccontrols a {
  1002. display:block;
  1003. float:left;
  1004. margin:4px!important;
  1005. width:13px;
  1006. height:13px;
  1007. background:#333333;/* change this to change the background of the links */
  1008. padding:5px;}
  1009.  
  1010. .ccontrols a svg {
  1011. width:13px;
  1012. height:13px;}
  1013.  
  1014. .ccontrols a svg path {
  1015. fill:#09f1c2;/* change this to change the color of the links */
  1016. transition:all 0.6s ease-in-out;
  1017. -webkit-transition:all 0.6s ease-in-out;
  1018. -o-transition:all 0.6s ease-in-out;
  1019. -moz-transition:all 0.6s ease-in-out;
  1020. -ms-transition:all 0.6s ease-in-out;}
  1021.  
  1022. .ccontrols a:hover svg path {
  1023. fill:#0fc3af;/* change this to change the color of the links on hover*/
  1024. transition:all 0.6s ease-in-out;
  1025. -webkit-transition:all 0.6s ease-in-out;
  1026. -o-transition:all 0.6s ease-in-out;
  1027. -moz-transition:all 0.6s ease-in-out;
  1028. -ms-transition:all 0.6s ease-in-out;}
  1029.  
  1030. {block:PermalinkPage}a.like, a.like .like_button {
  1031. position:absolute;
  1032. width:100%;
  1033. height:100%;}
  1034.  
  1035. a.like .like_button iframe {
  1036. position:absolute;
  1037. top:10;
  1038. left:0;
  1039. bottom:0;
  1040. right:0;
  1041. z-index:2;
  1042. opacity:0;}
  1043.  
  1044. a.like .liked + svg path {
  1045. fill:red!important;}{/block:PermalinkPage}
  1046.  
  1047. </style>
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <body>
  1055.  
  1056. <!--------------------------- SIDEBOX -------------------------------->
  1057.  
  1058. <div class="sidebox">
  1059.  
  1060. <h3>A TALE OF WORLDS</h3>
  1061. <p><center>Indie. Selective. MULTI MUSE</center>
  1062.  
  1063. <br>
  1064. <hr></hr>
  1065. <br>
  1066. <quotations>"</quotations><i><quote>{text:quote}</quote></i><quotations>"</quotations>
  1067.  
  1068.  
  1069. <p><p>
  1070. <h2>EXPLORER</h2>
  1071. <center><b>EXPLORING INFINITE WORLDS</b></center>
  1072.  
  1073.  
  1074. <p>
  1075. <p>
  1076. <h3>DEBTS</h3>
  1077. <center>
  1078. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes}
  1079. </center>
  1080.  
  1081.  
  1082. <br>
  1083. <h3>Pennd By</h3>
  1084.  
  1085. <center>
  1086. <i>ZORRA</i>
  1087.  
  1088. </center>
  1089. </div>
  1090.  
  1091.  
  1092.  
  1093. <!---POP UP PAGES--->
  1094.  
  1095. <!---RULES START--->
  1096. <div id="box2" class="popup_block">
  1097.  
  1098. <div style="width:auto;height:490px;overflow:auto;">
  1099.  
  1100.  
  1101. <h2>UNIVERSAL LAW</h2>
  1102.  
  1103. <p>
  1104. <h3>The Mun</h3>
  1105. <p><strong>1.</strong> Hello! You can call me Zorra or Eliza, depending on where you know me from. She/Her 20 something, full time worker living in the US. GMT -5.</p>
  1106. <h3>The Muse & Writing</h3>
  1107. <p><strong>2.</strong> This is a multimuse rp blog. Also, this is a <em>Mutuals Only</em> blog. If I could, I would follow everyone back. But I can&rsquo;t and I&rsquo;m sorry.</p>
  1108. <p><strong>3.</strong> I don&rsquo;t really care about formatting or icons. You do you and I&rsquo;ll either match your style or do my own thing.</p>
  1109. <p><strong>4.</strong> Plotted threads are golden with me because, it gives me a baseline and direction of where we&rsquo;re going with our thread instead of just winging it. On the flip side, I do love random starters and the likes.</p>
  1110. <p>Along with plotted threads, I do love world building. Gives us a chance to really explore and develop our characters together.</p>
  1111. <p><strong>5.</strong> Each verse is separate unless otherwise stated. This blog is multi-verse and multi ship.</p>
  1112. <h3>Shipping</h3>
  1113. <p><strong>6.</strong> All ships are with chemistry. Please don&rsquo;t force ships on me. If a relationship of any sort forms organically between our muses, I am all for it!</p>
  1114. <h3>Graphics</h3>
  1115. <p><strong>7.</strong> Unless otherwise stated, all graphics were made by me. They are not for outside use unless specifically stated.</p>
  1116. <p><strong>8.</strong> Some PSDs were made by me, others were purchased with <strong>money</strong>. I&rsquo;d recommend checking out these&rsquo;s cool people who offer PSDs and graphic templates.</p>
  1117. <p><a href="http://silencexwillxfall.deviantart.com">silencexwillxfall</a><br /><a href="https://graphicsrp.deviantart.com/">graphicsrp</a><br /><a href="https://valorslain.deviantart.com/">valorslain</a><br /><a href="https://polarizerps.deviantart.com/">polarizerps</a></p>
  1118. <h3>Drama</h3>
  1119. <p><strong>9.</strong> <em>Drama</em> of any kind will not be tolerated on this blog. If I see callout posts, vague posts, anon hate, and nasty posts in general, I will unfollow and possibly block you.</p>
  1120. <p><strong>10.</strong> I am cool with mains &amp; exclusives. Though I will only do exclusives with crossover fandoms because, 9/10, I only write with one version of that muse. Mains, on the other hand, must be reciprocated and I&rsquo;ll have 3-5 of that same muse.</p>
  1121. <h3>Ohter Blogs</h3>
  1122.  
  1123.  
  1124. </div>
  1125. </div>
  1126. <!---RULES END--->
  1127.  
  1128.  
  1129.  
  1130. <!---NAVIGATION STARTS--->
  1131. <div id="box3" class="popup_block">
  1132.  
  1133. <div style="width:auto;height:490px;overflow:auto;padding:5px;">
  1134.  
  1135. <center>
  1136.  
  1137. <h1>NAVIGATION</h1>
  1138.  
  1139.  
  1140. <div class="popupnavlinks">
  1141. <h2>WRITING</h2>
  1142. <a href="/tagged/meme.">MEMES</a>
  1143. <a href="/tagged/wishlist.">WISHLIST</a>
  1144. <br>
  1145. <a href="/tagged/desires">DESIRES</a>
  1146. <a href="/tagged/whatever">LINK</a>
  1147. <BR>
  1148. <p><h2>VIASGE</h2>
  1149. <a href="/tagged/bay visage.">ARDETH BAY</a>
  1150. <a href="/tagged/erso visage.">JYN ERSO</a>
  1151. <br>
  1152. <a href="/tagged/g. kirk visage.">GEORGE KIRK</a>
  1153. <a href="/tagged/w. kirk visage.">WINONA KIRK</a>
  1154. <br>
  1155. <a href="/tagged/s. kirk viasge.">SAM KIRK</a>
  1156. <a href="/tagged/spock visage.">SPOCK</a>
  1157. <br>
  1158. <P><H2>AESTHETIC</H2>
  1159. <a href="/tagged/bay aesthetic.">ARDETH BAY</a>
  1160. <a href="/tagged/erso aesthetic.">JYN ERSO</a>
  1161. <br>
  1162. <a href="/tagged/g. kirk aesthetic.">GEORGE KIRK</a>
  1163. <a href="/tagged/w. kirk aesthetic.">WINONA KIRK</a>
  1164. <br>
  1165. <a href="/tagged/s. kirk aesthetic.">SAM KIRK</a>
  1166. <a href="/tagged/spock aesthetic.">SPOCK</a>
  1167. <br>
  1168. <P><H2>OTHER</H2>
  1169. <a href="/tagged/saved.">SAVED</a>
  1170. <a href="/tagged/psa.">PSA</a>
  1171. <br>
  1172. <a href="/tagged/whatever">LINK</a>
  1173. <a href="/tagged/whatever">LINK</a>
  1174. <br><br><br>
  1175. </div>
  1176. </div></div>
  1177. <!---NAVIGATION ENDS--->
  1178.  
  1179.  
  1180.  
  1181. <!---VERSES STARTS--->
  1182. <div id="box4" class="popup_block">
  1183.  
  1184. <div style="width:auto;height:490px;overflow:auto;padding:5px;">
  1185.  
  1186. <div class="esperanza">
  1187. <ul id="tabs">
  1188. <li class="active">Muses</li>
  1189. <li>Starter Calls</li>
  1190. <li>Tab 3</li>
  1191. <li>Tab 4</li>
  1192. <li>Tab 5</li>
  1193. </ul>
  1194. </div>
  1195.  
  1196. <ul id="tab">
  1197. <li class="active">
  1198.  
  1199.  
  1200. <div class="popupnavlinks">
  1201.  
  1202. <h1>Muse List</h1>
  1203.  
  1204. <p><b>The Mummy</b><br>
  1205. Ardeth Bay
  1206.  
  1207. <p><b>Star Trek</b><br>
  1208. George Kirk<br>
  1209. Winona Kirk<br>
  1210. Sam Kirk<br>
  1211. Spock<br>
  1212.  
  1213. <p><b>Star Wars</b><br>
  1214. Jyn Erso
  1215.  
  1216. <p><b>MCU</b><br>
  1217. <s>Stephen Strange</s> <i>moved to <a href="http://stonekeepcr.tumblr.com">@stonekeepcr</a></i><br>
  1218. Black Widow<br>
  1219. Gamora<br>
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227. </li>
  1228.  
  1229.  
  1230.  
  1231. <li>
  1232. <h3>STARTER CALLS</h3>
  1233.  
  1234.  
  1235. <center>
  1236. <b>The Mummy</b><p>
  1237. <a href="/post/173743739578/hit-the-heat-for-a-starter-from-ardeth-bay">ARDETH BAY</a><br>
  1238.  
  1239. <p><b>Star Trek</b><p>
  1240. <a href="/post/173743781543/hit-the-heart-for-your-favorite-12-minute-captain">GEROGE KIRK</a><br>
  1241. <a href="/post/173743825773/hit-the-heart-for-your-favorite-momma-kirk">WINONA KIRK</a><br>
  1242. <a href="/post/173743870923/hit-the-heart-from-the-brother-no-one-talks-about">SAM KIRK</a><br>
  1243. <a href="/post/173609638848/hit-the-heart-for-a-starter-from-your-favorite">SPOCK</a><br>
  1244.  
  1245. <p><b>Star Wars</b><p>
  1246. <a href="/post/173743926978/hit-the-heart-from-your-favorite-rebel">JYN ERSO</a>
  1247.  
  1248. <p><b>MCU</b><p>
  1249. <a href="/post/173744041838/hit-the-heart-from-your-favorite-russian-spy">BLACK WIDOW</a><br>
  1250. <a href="/post/173744098903/hit-the-heart-for-a-starter-from-gamroa">GAMORA</a><br>
  1251. <a href="http://stonekeepcr.tumblr.com">DOCTOR STRANGE</a><br>
  1252.  
  1253.  
  1254. </center>
  1255.  
  1256.  
  1257.  
  1258. </li>
  1259. <li>
  1260. <h2>Tab number three wee hee</h2>
  1261. </li>
  1262. <li>
  1263. <h2>Fourth tab not bad</h2>
  1264. </li>
  1265. <li>
  1266. <h2>Tab number five here we go!</h2>
  1267. </li>
  1268. </ul>
  1269.  
  1270.  
  1271.  
  1272.  
  1273. </div></div>
  1274. <!---VERSES ENDS--->
  1275.  
  1276.  
  1277. <div class="links">
  1278.  
  1279. <a href="/" class="poplight third" title="refresh" style="padding-right: 1px;">I.</a>
  1280. <a href="/ask" class="poplight third" title="ask">II.</a>
  1281. <a href="#?w=250" rel="box2" class="poplight third" title="rules">III.</a>
  1282. <a href="#?w=260" rel="box3" class="poplight third" title="navigation">IV.</a>
  1283. <a href="#?w=260" rel="box4" class="poplight third" title="verses">V.</a>
  1284.  
  1285. </div>
  1286.  
  1287.  
  1288. <!----------------------------- CREDIT ------------------------------>
  1289.  
  1290. <div class="credit">
  1291. <a href="http://bridgetowakanda.tumblr.com/commissions" title="bridgetowakanda">c</a>
  1292. </div>
  1293.  
  1294.  
  1295. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1296.  
  1297.  
  1298.  
  1299. <!------------------------- POSTS & CONTENT -------------------------->
  1300.  
  1301.  
  1302.  
  1303. <div class="pag">
  1304. {block:Pagination}
  1305. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1306. {block:JumpPagination length="5"}
  1307. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1308. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1309. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1310. {/block:Pagination}
  1311. </div>
  1312.  
  1313.  
  1314.  
  1315.  
  1316. <div id="entries">
  1317.  
  1318. {block:Posts}
  1319.  
  1320. <div class="posts">
  1321.  
  1322. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1323.  
  1324. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1325. {/block:Photo}
  1326.  
  1327. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1328.  
  1329. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1330.  
  1331. {block:Video}
  1332. <div class="video">{Video-500}</div>
  1333. {/block:Video}
  1334.  
  1335. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1336.  
  1337.  
  1338. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1339.  
  1340.  
  1341. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1342. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1343.  
  1344.  
  1345. <!--AUDIO POST-->
  1346. {block:Audio}
  1347. {block:AlbumArt}
  1348. <div class="songart">
  1349. <img src="{AlbumArtURL}">
  1350. </div>
  1351. {/block:AlbumArt}
  1352. <div class="songtitle">
  1353. {block:TrackName}
  1354. {TrackName}
  1355. {/block:TrackName}
  1356. </div>
  1357. <div class="songauthor">
  1358. By
  1359. {block:Artist}
  1360. {Artist}
  1361. {/block:Artist}
  1362. </div>
  1363. {AudioPlayerWhite}
  1364. {/block:Audio}
  1365.  
  1366.  
  1367.  
  1368. {block:Answer}
  1369. <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>
  1370.  
  1371. <div id="border">
  1372. <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>
  1373. </div>
  1374.  
  1375. <div id="question" style="margin-top: 20px">{Question}</div>
  1376. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1377. {/block:Answer}
  1378.  
  1379.  
  1380. <div id="infobox">
  1381. <div id="info">
  1382. <br>
  1383.  
  1384. &nbsp; &nbsp;
  1385.  
  1386.  
  1387. {block:Date}
  1388. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:110px; margin-top:-7px; font-size: 12px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1389. {/block:Date}
  1390.  
  1391.  
  1392.  
  1393. <a href="{ReblogURL}" style="position:absolute; margin-left:60px; margin-top:-7px; font-size:12px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
  1394.  
  1395.  
  1396.  
  1397. {block:NoRebloggedFrom}
  1398. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1399. {/block:NoRebloggedFrom}
  1400.  
  1401.  
  1402. {block:ContentSource}
  1403. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1404. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1405. {/block:SourceLogo}
  1406. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1407. {/block:ContentSource}
  1408.  
  1409.  
  1410. <br>
  1411.  
  1412.  
  1413. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1414.  
  1415.  
  1416. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1417. </div>&nbsp;
  1418.  
  1419. <br><br><br><br>
  1420.  
  1421. {/block:Posts}
  1422. <div class="note">
  1423. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1424. </div></div>
  1425.  
  1426. {/block:Posts}
  1427.  
  1428.  
  1429. </div>
  1430. </div>
  1431. </div>
  1432.  
  1433. <!---------------------- IFRAME CONTROLS ---------------------->
  1434.  
  1435. <div class="ccontrols">
  1436. {block:PermalinkPage}{block:Posts}{block:Date}<a href="#"class="like" title="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  1437. <a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg></a>
  1438. <a href="{EmbedUrl}" target="_blank" title="embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140.7,27H72c-3.3,0-6,2.7-6,6v26H40c-3.3,0-6,2.7-6,6v122c0,3.3,2.7,6,6,6h101c3.3,0,6-2.7,6-6v-27h25c3.3,0,6-2.7,6-6V64.5c0-1.6-0.6-3.1-1.7-4.2L145,28.8C143.9,27.6,142.3,27,140.7,27z M135,181H46V71h20v83c0,3.3,2.7,6,6,6h63V181z M78,148V39h52v34c0,3.3,2.7,6,6,6h30v69H78z M166,67h-24V42.8L166,67L166,67z"/></svg></a>
  1439. {/block:Date}{/block:Posts}{/block:PermalinkPage}<a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M129.5,38h-43c-3.6,0-6.5,2.9-6.5,6.5V81H43.5c-3.6,0-6.5,2.9-6.5,6.5v42c0,3.6,2.9,6.5,6.5,6.5H80v36.5c0,3.6,2.9,6.5,6.5,6.5h43c3.6,0,6.5-2.9,6.5-6.5V136h35.5c3.6,0,6.5-2.9,6.5-6.5v-42c0-3.6-2.9-6.5-6.5-6.5H136V44.5C136,40.9,133.1,38,129.5,38z M165,94v29h-35.5c-3.6,0-6.5,2.9-6.5,6.5V166H93v-36.5c0-3.6-2.9-6.5-6.5-6.5H50V94h36.5c3.6,0,6.5-2.9,6.5-6.5V51h30v36.5c0,3.6,2.9,6.5,6.5,6.5H165z"/></svg></a>
  1440. <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="message"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M190.3,118.1c0-22.4-19.7-41.9-47.2-47c-2.6-24.7-28.9-44.3-60.9-44.3c-33.7,0-61.1,21.6-61.1,48.2c0,13.5,7,26.1,19.3,35.2l-4.1,23c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l24-12.9c5.2,22.5,30.2,39.6,60.1,39.6c2.1,0,4.2-0.1,6.3-0.3l30.9,16.6c0.9,0.5,1.9,0.7,2.8,0.7c1.2,0,2.5-0.4,3.5-1.1c1.9-1.3,2.8-3.6,2.4-5.9l-4.1-23C183.4,144.3,190.3,131.6,190.3,118.1zM50.2,102.5c-10.9-6.9-17.1-16.9-17.1-27.4c0-20,22-36.2,49.1-36.2s49.1,16.2,49.1,36.2s-22,36.2-49.1,36.2c-2.2,0-4.6-0.1-6.9-0.4c-1.2-0.1-2.4,0.1-3.5,0.7l-21.6,11.6l2.6-14.6C53.3,106.2,52.3,103.8,50.2,102.5zM161.2,145.5c-2,1.3-3.1,3.7-2.7,6.1l2.6,14.6l-21.6-11.6c-1.1-0.6-2.3-0.8-3.5-0.7c-2.3,0.2-4.7,0.4-6.9,0.4c-24.7,0-45.2-13.5-48.6-31c0.5,0,1.1,0,1.6,0c30.2,0,55.3-17.4,60.2-40.1c21,4.3,35.9,18.7,35.9,34.9C178.3,128.6,172.1,138.6,161.2,145.5z"/></svg></a>
  1441. <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4zM162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></div>
  1442.  
  1443.  
  1444.  
  1445. </body>
  1446.  
  1447.  
  1448.  
  1449.  
  1450.  
  1451. </html>
Advertisement
Add Comment
Please, Sign In to add comment