API tools faq
paste
bridgetowakanda

Nyota's Theme

bridgetowakanda
Jul 9th, 2018
171
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.83 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <!------------------------------ FONTS ------------------------------>
  5.  
  6. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=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.  
  81.  
  82. <!----------------------------- TOOLTLIP ----------------------------->
  83.  
  84.  
  85. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:200,
  94. tip_fade_speed:500
  95. });
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100.  
  101.  
  102. <!------------------------------ TABS ------------------------------>
  103.  
  104.  
  105. <script>
  106. $(document).ready(function(){
  107. $("ul#tabs li").click(function(e){
  108. if (!$(this).hasClass("active")) {
  109. var tabNum = $(this).index();
  110. var nthChild = tabNum+1;
  111. $("ul#tabs li.active").removeClass("active");
  112. $(this).addClass("active");
  113. $("ul#tab li.active").removeClass("active");
  114. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  115. }
  116. });
  117. });
  118. </script>
  119.  
  120. <!------------------------------ MUSIC ------------------------------>
  121.  
  122.  
  123.  
  124.  
  125. </head>
  126.  
  127. <!---------------------------- META DATA ----------------------------->
  128. <meta name="image:Background" content="" />
  129. <meta name="image:headerbackground" content=""/>
  130. <meta name="image:popupbg" content=""/>
  131. <meta name="image:asking" content="" />
  132. <meta name="image:airforce" conteont="" />
  133.  
  134. <meta name="text:Starters" content="00"/>
  135. <meta name="text:Drafts" content="00"/>
  136. <meta name="text:Memes" content="00"/>
  137. <meta name="text:Quote" content="Quote Here" />
  138.  
  139. <meta name="color:background" content="#1e1d18" />
  140. <meta name="color:italic" content="#abbc57" />
  141. <meta name="color:bold" content="#84cccb" />
  142.  
  143. <meta name="select:header font1" content="'Rozha One', serif;" title="Rozha"/>
  144. <meta name="select:header font1" content="'Limelight', cursive;" title="Limelight"/>
  145. <meta name="select:header font1" content="'Anton', sans-serif;" title="Anton"/>
  146.  
  147. <meta name="select:header font2" content="'Rozha One', serif;" title="Rozha"/>
  148. <meta name="select:header font2" content="'Limelight', cursive;" title="Limelight"/>
  149. <meta name="select:header font2" content="'Anton', sans-serif;" title="Anton"/>
  150.  
  151. <style type="text/css">
  152.  
  153.  
  154.  
  155.  
  156.  
  157. @font-face​ {
  158. font-family:"big noodle titling";
  159. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  160. }
  161.  
  162.  
  163. /*---------------------------- SCROLL BAR ---------------------------*/
  164. ::-webkit-scrollbar {
  165. width: 2px;
  166. height: 2px;
  167. }
  168. ::-webkit-scrollbar-button {
  169. width: 0px;
  170. height: 0px;
  171. }
  172. ::-webkit-scrollbar-thumb {
  173. background: transparent;
  174. border: 0px none #a68b7c;
  175. border-radius: 50px;
  176. }
  177. ::-webkit-scrollbar-thumb:hover {
  178. background: transparent;
  179. }
  180. ::-webkit-scrollbar-thumb:active {
  181. background: transparent;
  182. }
  183. ::-webkit-scrollbar-track {
  184. background: transparent;
  185. border: 0px none #a68b7c;
  186. border-radius: 0px;
  187. }
  188. ::-webkit-scrollbar-track:hover {
  189. background:transparent;
  190. }
  191. ::-webkit-scrollbar-track:active {
  192. background: transparent;
  193. }
  194. ::-webkit-scrollbar-corner {
  195. background: transparent;
  196. }
  197.  
  198.  
  199. /*---------------------------- SELECTION ---------------------------*/
  200.  
  201. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  202. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  203.  
  204.  
  205.  
  206. /*---------------------------- BODY ---------------------------*/
  207.  
  208. body {
  209. background-color:{color:background};
  210. background-image:url('{image:Background}');
  211. background-repeat: no-repeat;
  212. font-family: calibri;
  213. font-size: 11px;
  214. text-align: justify;
  215. color:#e7e5d1;
  216. }
  217.  
  218.  
  219.  
  220. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  221.  
  222. #askerurl {
  223. text-transform:uppercase;
  224. font-weight:400;
  225. font-size:20px;
  226. margin-top:30px;
  227. margin-left:50px;
  228. padding-bottom:5px;
  229. width:250px;
  230. font-family: 'Orbitron', sans-serif;
  231. text-align:center;
  232. }
  233.  
  234. #asking img {
  235. padding: 5px;
  236. }
  237.  
  238. #question {
  239. background-attachment:auto;
  240. background-image: url('');
  241. padding:15px 15px;
  242. margin:3px 0 3px 10px;
  243. border-right:1px solid #0cddd3;
  244. border-radius: 5px;
  245. background-color:#424141;
  246. color: #fff;
  247. font-family: 'Open Sans Condensed';
  248. text-shadow: 1px 1px 5px #fff;
  249. -webkit-border-radius: 10px;
  250. }
  251.  
  252. #answer {
  253. word-spacing: 0px;
  254. }
  255.  
  256. #border {
  257. border: 1px solid #222222;
  258. padding: 10px;
  259. max-width: 220px;
  260. margin-top: 20px;
  261. }
  262.  
  263.  
  264. /*------------------------ CONTAINER & POSTS ------------------------*/
  265.  
  266. #entries {
  267. background-color:#333333;
  268. border: 1px solid #3b3b3b;
  269. width:250px;
  270. height:500px;
  271. top:50px;
  272. padding: 10px;
  273. margin-left: 500px;
  274. position:relative;
  275. overflow-y:scroll;
  276. overflow-x:hidden;
  277. }
  278.  
  279.  
  280. #entries img {
  281. height:auto;
  282. max-width:100%;
  283. }
  284.  
  285. #post img {
  286. height: auto;
  287. max-width: 100%;
  288. }
  289.  
  290.  
  291. #posts {
  292. width:250px;
  293. background-color: #222;
  294. padding-bottom:0px;
  295. overflow-y:scroll;
  296. overflow-x:hidden;
  297. }
  298.  
  299.  
  300.  
  301.  
  302.  
  303. /*---------------------------- NAVIGATION ---------------------------*/
  304.  
  305. .links {
  306. top: 175px;
  307. left: 850px;
  308. position: fixed;
  309. width: auto
  310. height: auto;
  311. }
  312.  
  313.  
  314.  
  315. /*---------------------------- SIDEBOX ---------------------------*/
  316.  
  317. .sidebox {
  318. position: fixed;
  319. background-color: #333333;
  320. border: 1px solid #3b3b3b;
  321. padding: 10px;
  322. top: 200px;
  323. left: 810px;
  324. width: 120px;
  325. height: 300px;
  326. overflow: auto;
  327. z-index: 1;
  328. }
  329.  
  330.  
  331. /*---------------------------- CREDIT ---------------------------*/
  332.  
  333. .credit {
  334. left: 97%;
  335. top: 95%;
  336. width: 50px;
  337. height: 50px;
  338. position: fixed;
  339. }
  340.  
  341. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  342. text-decoration: none;
  343. color: #859896;
  344. text-transform: none;
  345. font-family: 'Contrail One', cursive;
  346. font-size: 14px;
  347. -moz-transition-duration:.6s;
  348. -webkit-transition-duration:.6s;
  349. -o-transition-duration:.6s;
  350. -webkit-filter: blur(0px);
  351.  
  352. }
  353.  
  354. a.credit:hovor {
  355. color: #8f8f8f;
  356. font-family: 'Contrail One', cursive;
  357. letter-spacing: 0px;
  358. -moz-transition-duration:.6s;
  359. -webkit-transition-duration:.6s;
  360. -o-transition-duration:.6s;
  361. -webkit-filter: blur(1px); }
  362.  
  363.  
  364.  
  365. /*---------------------------- FANCY FONT ---------------------------*/
  366.  
  367. h1 {
  368. font-size:30px;
  369. font-family: {select:header font1}
  370. font-weight:400;
  371. color:#32c980;
  372. border-bottom: 1px solid #32c980;
  373. text-shadow: 1px 1px 1px #29dbd7;
  374. display:block;
  375. margin-top: 20px;
  376. text-align:right;
  377. text-transform:uppercase;
  378. padding:10px;
  379. letter-spacing:3px;
  380.  
  381. }
  382.  
  383. h2 {
  384. font-size:12px
  385. font-family: {select:header font2}
  386. font-weight:400;
  387. color:#e1e0db;
  388. text-align: center;
  389. text-transform:lowercase;
  390. letter-spacing:2px;
  391. display:block;
  392. margin:0, 0, 5px, 0;
  393. padding:5px;
  394. }
  395.  
  396.  
  397. h3 {
  398. background-image: url('{image:headerbackground}');
  399. background-repeat:repeat;
  400. background-attachment:absolute;
  401. border: double 3px #000;
  402. padding:10px;
  403. color:#ffffff;
  404. overflow: auto;
  405. text-shadow:1px 1px 2px #000,
  406. font-size:15px;
  407. font-family:calibri;
  408. text-transform:uppercase;
  409. letter-spacing:1px;
  410. text-align:center;
  411. }
  412.  
  413.  
  414.  
  415. i, italic, em {
  416. font-family: 'Amatic SC', cursive;
  417. font-size: 15px;
  418. text-transform: italic;
  419. color:{color:italic};
  420. text-transform:lowercase;
  421. letter-spacing:1px;
  422.  
  423. }
  424.  
  425. b, bold, strong {
  426. font-size:10px;
  427. font-family: 'Orbitron', sans-serif;
  428. color:{color:bold};
  429. text-transform:lowercase;
  430.  
  431. }
  432. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  433.  
  434. p {
  435. margin-top:5px;
  436. margin-bottom:5px;}
  437.  
  438.  
  439. ol {
  440. list-style:normal;}
  441.  
  442.  
  443. ul {
  444. list-style:square;}
  445.  
  446.  
  447. small {
  448. font-size:10px}
  449.  
  450.  
  451. sup,sub {
  452. font-size:11px}
  453.  
  454.  
  455. pre {
  456. font-size: 15px;
  457. letter-spacing:3px;
  458. background-color:#8ea985;
  459. border: 1px dotted #222222;
  460. font-family: "Times New Roman", Times, serif;
  461. font-style: none;
  462. text-transform: uppercase;
  463. text-align:center;
  464. }
  465.  
  466.  
  467.  
  468.  
  469. blockquote {
  470. padding:2px 7px;
  471. padding-right:17px;
  472. margin:3px 0 3px 10px;
  473. border-left:1px solid #0cddd3;
  474. -webkit-border-radius: 10px;
  475. }
  476.  
  477.  
  478. blockquote img{
  479. max-width:100%;
  480. height:auto;
  481. }
  482.  
  483. blockquote blockquote img{
  484. max-width:100%;
  485. height:auto;
  486. }
  487.  
  488.  
  489.  
  490.  
  491. t, title {
  492. size: 15px;
  493. color: 222;
  494. letter-spacing: 2px;
  495. font: times;
  496. }
  497.  
  498. quotetext {
  499. font-family: times;
  500. font-size: 20px;
  501. line-height: 21px;
  502. letter-spacing: 2px;
  503. text-align: center;
  504. text-transform:uppercase;
  505. color: #fff;
  506. text-shadow: 3px 1px 1px #79b4a8;
  507. }
  508.  
  509. quotations {
  510. font: courier;
  511. font-size: 30px;
  512. color: {color:bold};
  513. }
  514.  
  515. quote {
  516. font-size: 13px;
  517. }
  518.  
  519. img {
  520. max-width:100%;
  521. }
  522.  
  523. hr {
  524. width:100px;
  525. border: 0;
  526. height: 0.5px;
  527. margin-right:10px;
  528. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  529. }
  530.  
  531. /*---------------------------- LINKS ---------------------------*/
  532.  
  533. a:link, a:active, a:visited {
  534. text-decoration: none;
  535. color: #859896;
  536. text-transform: none;
  537. font-family: 'Contrail One', cursive;
  538. font-size: 14px;
  539. -moz-transition-duration:.6s;
  540. -webkit-transition-duration:.6s;
  541. -o-transition-duration:.6s;
  542. -webkit-filter: blur(0px);}
  543.  
  544. a:hover {
  545. color: #8f8f8f;
  546. font-family: 'Contrail One', cursive;
  547. letter-spacing: 0px;
  548. -moz-transition-duration:.6s;
  549. -webkit-transition-duration:.6s;
  550. -o-transition-duration:.6s;
  551. -webkit-filter: blur(1px);}
  552.  
  553.  
  554.  
  555. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  556. color: #a68b7c;
  557. text-shadow: 0px 0px 10px #a68b7c;
  558. font-family: times;
  559. font-size: 12px;
  560.  
  561. }
  562.  
  563. a.navi:hover {
  564. -moz-transition-duration:.6s;
  565. -webkit-transition-duration:.6s;
  566. -o-transition-duration:.6s;
  567. -webkit-filter: blur(3px);
  568. }
  569.  
  570.  
  571. /*---------------------------- PAGINATION ---------------------------*/
  572.  
  573.  
  574. .pag {
  575. position: fixed;
  576. left: 825px;
  577. top: 525px;
  578. width: auto;
  579. height: auto;
  580. }
  581.  
  582. .jump_page {
  583. padding: 4px 4px;
  584. border: none;
  585. background-color: none;
  586. color:#ffffff;
  587. font-family:century gothic;
  588. font-size:11px;
  589. text-decoration:none;
  590. }
  591.  
  592. .current_page, .jump_page:hover {
  593. padding: 4px 4px;
  594. border: none;
  595. background-color: none;
  596. color: none;
  597. font-family:century gothic;
  598. font-size:11px;
  599. text-decoration:none;
  600. }
  601.  
  602.  
  603.  
  604.  
  605.  
  606. /*--------------------------- TAGS & INFO ---------------------------*/
  607.  
  608.  
  609. #infobox {
  610. border:1px solid transparent;
  611. margin-bottom:10px;
  612. padding-top:10px;
  613. overflow: auto;
  614. }
  615.  
  616.  
  617. #info {
  618. margin-left:20px;
  619. background-color: #36342c;
  620. background-image: url('{image:headerbackground}');
  621. background-position: fixed;
  622. background-repeat: repeat;
  623. border: 1px solid #222;
  624. height: 30px;
  625. margin-left:0px;
  626. margin-bottom: 75px;
  627. }
  628.  
  629. #info a {
  630. color:#ffffff;
  631. text-shadow: 0px 0px 2px #000000;
  632. opacity: 1;
  633. font-family: 'big noodle titling';
  634. text-transform: uppercase;
  635. }
  636.  
  637. #info a:hover {
  638. color:#222;
  639. opacity: 1;
  640. }
  641.  
  642.  
  643. #tags {
  644. width:200px;
  645. height: 25px;
  646. overflow: auto;
  647. padding:10px;
  648. font-size:7px;
  649. text-align:left;
  650. font-family:courier;
  651. text-transform:uppercase;
  652. background:transparent;
  653. border-bottom:1px solid #474747;
  654. margin-bottom: 5px;
  655. margin-top: 10px;
  656. opacity: 0;
  657. -webkit-transition: all 0.8s ease;
  658. -moz-transition: all 0.8s ease;
  659. transition: all 0.8s ease;
  660. }
  661.  
  662. #tags:hover {
  663. opacity:1;
  664. margin-left:15px;
  665. }
  666.  
  667. #tags a {
  668. font-family:consolas;
  669. font-size:8px;
  670. line-height:8pt;
  671. letter-spacing:0px;
  672. color:#d4cec3;
  673. text-shadow:0px 0px 7px #7f7f7f;
  674. text-decoration:none;
  675. text-transform:uppercase;
  676. text-align:center;
  677. display:inline-block;
  678. margin:1px 0px 3px 0px;
  679. -webkit-border-radius: 30px;
  680. -webkit-transition: all 0.4s ease-out;
  681. -moz-transition: all 0.4s ease-out;
  682. transition: all 0.4s ease-out;
  683. -moz-transition-duration: 0.4s;
  684. -webkit-transition-duration: 0.4s;
  685. -o-transition-duration: 0.4s;
  686. transition-duration: 0.4s; }
  687.  
  688.  
  689. #tags a:hover {
  690. color:#555;
  691. text-shadow:0px 0px 1px #777;
  692. -webkit-filter:none;
  693. -webkit-transition: all 0.6s ease-in-out;
  694. opacity:1;
  695. -webkit-transition: all 0.6s ease-in-out;
  696. -moz-transition: all 0.6s ease-in-out;
  697. -o-transition: all 0.6s ease-in-out;
  698. -ms-transition: all 0.6s ease-in-out;
  699. transition: all 0.6s ease-in-out;
  700. }
  701.  
  702.  
  703.  
  704.  
  705. /*---------------------------- EXTRA 1 ---------------------------*/
  706.  
  707.  
  708.  
  709. .note {
  710. text-transform:uppercase;
  711. font-style:normal;
  712. letter-spacing:0px;
  713. font-size: 10px;
  714. text-align:left;
  715. line-height:90%;
  716. margin-left:-40px;}
  717.  
  718. .note li {
  719. list-style-type:none;
  720. border-bottom:0px solid {color:border};
  721. padding:10px 25px 10px 25px;
  722. text-align:left;
  723. margin:0px;
  724. -moz-transition-duration:0.5s;
  725. -webkit-transition-duration:0.5s;
  726. -o-transition-duration:0.5s;}
  727.  
  728. .note img.avatar {
  729. margin-right: 10px;
  730. width: 16px;
  731. height: 16px;}
  732.  
  733.  
  734.  
  735.  
  736. /*-------------------------- MUSIC PLAYER ---------------------------*/
  737.  
  738.  
  739.  
  740. .songart{
  741. float:left;
  742. margin-right:10px;
  743. }
  744.  
  745. .songart img{
  746. width:80px;
  747. height:80px;
  748. }
  749.  
  750. .songtitle{
  751. margin-bottom:10px;
  752. margin-left:90px;
  753. }
  754.  
  755. .songauthor{
  756. margin-bottom:10px;
  757. font-size:8px;
  758. margin-left:90px;
  759. }
  760.  
  761. .tumblr_audio_player {
  762. height: 50px;
  763. }
  764.  
  765.  
  766.  
  767. /*---------------------------- TOOLTIP ---------------------------*/
  768.  
  769.  
  770.  
  771. #s-m-t-tooltip{
  772. max-width:400px;
  773. margin:15px;
  774. padding:2px 8px;
  775. background: #1c0915;
  776. background-image:url('{image:headerbackground}');
  777. background-repeat:repeat;
  778. background-attachment:fixed;
  779. border: double 3px #000;
  780. color:#fff;
  781. text-shadow:1px 1px 0px #000,
  782. z-index:99999999999999999999;
  783. font-size:9px;
  784. letter-spacing:2px;
  785. font-style:bold;
  786. letter-spacing:2px;
  787. font-family: calibri;
  788. text-transform:uppercase;
  789. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  790.  
  791.  
  792.  
  793. /*--------------------------- POPUP ------------------------------ */
  794.  
  795.  
  796. /*--Making IE6 Understand Fixed Positioning--*/
  797. *html #fade {
  798. position: absolute;
  799. }
  800. *html .popup_block {
  801. position: absolute;
  802. }
  803.  
  804. .popup_block{
  805. background-color:#333333;
  806. border: 1px solid #3b3b3b;
  807. width:250px;
  808. height:500px;
  809. top:348px;
  810. padding: 10px;
  811. left: 673px;
  812. display: none; /*--hidden by default--*/
  813. float: left;
  814. font-size: 10px; /*font size of the words inside the box */
  815. position: fixed;
  816. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  817. }
  818.  
  819.  
  820. #fade { /*--Transparent background layer--*/
  821. display: none; /*--hidden by default--*/
  822. background: transparent;
  823. background-image: url(''); /*if you want to add a background image to go behind your popup */
  824. position: fixed; left: 0; top: 0;
  825. width: 100%; height: 100%;
  826. opacity: 1.0;
  827. z-index: 9999;
  828. }
  829.  
  830.  
  831. .popupnavlinks {
  832. padding-top:5px;
  833. text-align:center; }
  834.  
  835.  
  836. .popupnavlinks a {
  837. display:inline-block;
  838. width:90px; height:4px;
  839. margin:2px; padding:3px 6px 10px;
  840. text-align:center;
  841. background-image: url('');
  842. background:transparent;
  843. background-repeat:repeat;
  844. background-attachment:fixed;
  845. border: solid 1px #99b7b5;
  846. color:#99b7b5;
  847. font-size:9px;
  848. font-family:calibri;
  849. text-shadow:1px 1px 0px #fff,
  850. display: inline-block;
  851. cursor: pointer;
  852. }
  853.  
  854. .popupnavlinks a:hover {
  855. display:inline-block;
  856. letter-spacing:2px;
  857. border-radius: 46px 10px 58px 0px;
  858. -moz-border-radius: 46px 10px 58px 0px;
  859. -webkit-border-radius: 46px 10px 58px 0px;
  860. -moz-transition-duration: 0.4s;
  861. -webkit-transition-duration: 0.4s;
  862. -o-transition-duration: 0.4s;
  863. transition-duration: 0.4s;
  864. }
  865.  
  866.  
  867.  
  868. .popupclose {
  869. float:right; top:0px; right:0px;
  870. margin-top:-10px; margin-right:-10px;
  871. font-family:'Scada', sans serif;
  872. font-size:10px;
  873. font-weight:bold }
  874.  
  875. .popupclose a {
  876. color:#aaa }
  877.  
  878.  
  879.  
  880. /*--------------------------- POPUP ------------------------------ */
  881.  
  882. ul#tabs {
  883. list-style-type: none;
  884. padding: 0;
  885. text-align: justify;
  886. font-size:8px;
  887. letter-spacing:1px;
  888. }
  889. ul#tabs li {
  890. background-color: transparent;
  891. border: 1px solid #3b3b3b;
  892. border-radius: 2px;
  893. background-repeat:repeat;
  894. background-attachment:fixed;
  895. background-image: url('');
  896. display: block;
  897. padding: 4px 10px;
  898. margin-bottom: 4px;
  899. margin-left: 2px;
  900. cursor: pointer;
  901. color: #fff;
  902. text-align: center;
  903. }
  904. ul#tabs li:hover {
  905. background-color: transparent;
  906. border-radius: 2px;
  907. color: #ffffff;
  908. text-shadow: 1px 1px 3px #fff;
  909. }
  910. ul#tabs li.active {
  911. background-image: url('');
  912. background:transparent;
  913. background-repeat:repeat;
  914. background-attachment:fixed;
  915. border: 1px solid #3b3b3b;
  916. color:#b5d230;
  917. display: block;
  918. padding: 4px 10px;
  919. margin-bottom: 4px;
  920. cursor: pointer;
  921. border-radius: 2px;
  922. text-align: center;
  923. }
  924. ul#tab {
  925. list-style-type: none;
  926. margin: 0;
  927. padding: 0;
  928. }
  929. ul#tab li {
  930. display: none;
  931. }
  932. ul#tab li.active {
  933. display: block;
  934. }
  935.  
  936.  
  937. .esperanza {
  938. position: fixed;
  939. background-color: #333333;
  940. border: 1px solid #3b3b3b;
  941. padding: 10px;
  942. top: 200px;
  943. left: 810px;
  944. width: 120px;
  945. height: 300px;
  946. overflow: auto;
  947. z-index: 1;
  948.  
  949. }
  950.  
  951. /*--------------------------- IFRAME ------------------------------ */
  952.  
  953. /*codes & tutorial by http://cyantists.tumblr.com/*/
  954.  
  955. iframe.tmblr-iframe {
  956. opacity:0;
  957. display:none!important;}
  958.  
  959. .ccontrols {
  960. position:fixed;
  961. top:0;
  962. right:0;
  963. z-index:9999999999999;
  964. margin:4px;}
  965.  
  966. .ccontrols a {
  967. display:block;
  968. float:left;
  969. margin:4px!important;
  970. width:13px;
  971. height:13px;
  972. background:#333333;/* change this to change the background of the links */
  973. padding:5px;}
  974.  
  975. .ccontrols a svg {
  976. width:13px;
  977. height:13px;}
  978.  
  979. .ccontrols a svg path {
  980. fill:#09f1c2;/* change this to change the color of the links */
  981. transition:all 0.6s ease-in-out;
  982. -webkit-transition:all 0.6s ease-in-out;
  983. -o-transition:all 0.6s ease-in-out;
  984. -moz-transition:all 0.6s ease-in-out;
  985. -ms-transition:all 0.6s ease-in-out;}
  986.  
  987. .ccontrols a:hover svg path {
  988. fill:#0fc3af;/* change this to change the color of the links on hover*/
  989. transition:all 0.6s ease-in-out;
  990. -webkit-transition:all 0.6s ease-in-out;
  991. -o-transition:all 0.6s ease-in-out;
  992. -moz-transition:all 0.6s ease-in-out;
  993. -ms-transition:all 0.6s ease-in-out;}
  994.  
  995. {block:PermalinkPage}a.like, a.like .like_button {
  996. position:absolute;
  997. width:100%;
  998. height:100%;}
  999.  
  1000. a.like .like_button iframe {
  1001. position:absolute;
  1002. top:10;
  1003. left:0;
  1004. bottom:0;
  1005. right:0;
  1006. z-index:2;
  1007. opacity:0;}
  1008.  
  1009. a.like .liked + svg path {
  1010. fill:red!important;}{/block:PermalinkPage}
  1011.  
  1012. </style>
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019. <body>
  1020.  
  1021. <!--------------------------- SIDEBOX -------------------------------->
  1022.  
  1023. <div class="sidebox">
  1024.  
  1025. <h3>NYOTA UHURA</h3>
  1026. <p><center>Indie. Selective. AOS Based.</center>
  1027.  
  1028. <br>
  1029. <hr></hr>
  1030. <br>
  1031. <quotations>"</quotations><i><quote>{text:quote}</quote></i><quotations>"</quotations>
  1032.  
  1033.  
  1034. <p><p>
  1035. <h2>LINGUIST</h2>
  1036. <center><b>To Boldly Go.</b></center>
  1037.  
  1038.  
  1039. <p>
  1040. <p>
  1041. <h3>DEBTS</h3>
  1042. <center>
  1043. <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes}
  1044. </center>
  1045.  
  1046.  
  1047. <br>
  1048. <h3>Pennd By</h3>
  1049.  
  1050. <center>
  1051. <i>ZORRA</i>
  1052.  
  1053. <br><hr></hr>
  1054.  
  1055. </center>
  1056. </div>
  1057.  
  1058.  
  1059.  
  1060. <!---POP UP PAGES--->
  1061.  
  1062. <!---RULES START--->
  1063. <div id="box2" class="popup_block">
  1064.  
  1065. <div style="width:auto;height:490px;overflow:auto;">
  1066.  
  1067.  
  1068. <h2>UNIVERSAL LAW</h2>
  1069.  
  1070. <p>
  1071. <h3>The Mun</h3>
  1072. <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>
  1073. <h3>The Muse & Writing</h3>
  1074. <p><strong>2.</strong> This blog is dedicated to AOS Nyota Uhura. Interpretation and development is based on movies, comics, and fanfictions. I love my son. 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>
  1075. <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>
  1076. <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>
  1077. <p>Along with plotted threads, I do love world building. Gives us a chance to really explore and develop our characters together.</p>
  1078. <p><strong>5.</strong> Each verse is separate unless otherwise stated. This blog is multi-verse and multi ship.</p>
  1079. <h3>Shipping</h3>
  1080. <p><strong>6.</strong> Nyota is shipped 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>
  1081. <h3>Graphics</h3>
  1082. <p><strong>7.</strong> Unless otherwise stated, all graphics were made by me. They are not for outside use unless specifically stated.</p>
  1083. <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>
  1084. <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>
  1085. <h3>Drama</h3>
  1086. <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>
  1087. <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>
  1088. <h3>Ohter Blogs</h3>
  1089. <p><strong>11.</strong> I have a million blogs;</p>
  1090. <p><em>The Sideblogs</em><br /><a href="http://kirkworn.tumblr.com">kirkworn</a><br /><a href="http://logicworn.tumblr.com">logicworn</a><br /><a href="http://gallifreyworn.tumblr.com">gallifreyworn</a><br /><a href="https://chasingstartrails.tumblr.com/">chasingstartrails</a><br /><a href="https://recklessaggression.tumblr.com/">recklessaggression</a> Under CO.</p>
  1091. <p><em>Other Blogs</em></p>
  1092. <p><a href="http://superiorability.tumblr.com">superiorability</a><br /><a href="http://narrativecrime.tumblr.com/">narrativecrime</a><br /><a href="http://warxlies.tumblr.com/">warxlies</a><br /><a href="http://flareiisms.tumblr.com/">flareiisms</a><br /><a href="https://ofpiratesblood.tumblr.com/">ofpiratesblood</a><br /><a href="http://ofsparkfire.tumblr.com/">ofsparkfire</a></p>
  1093.  
  1094. </div>
  1095. </div>
  1096. <!---RULES END--->
  1097.  
  1098.  
  1099.  
  1100. <!---NAVIGATION STARTS--->
  1101. <div id="box3" class="popup_block">
  1102.  
  1103. <div style="width:auto;height:490px;overflow:auto;padding:5px;">
  1104.  
  1105. <center>
  1106.  
  1107. <h1>NAVIGATION</h1>
  1108.  
  1109.  
  1110. <div class="popupnavlinks">
  1111. <h2>WRITING</h2>
  1112. <a href="/tagged/meme.">MEMES</a>
  1113. <a href="/tagged/open.">OPEN POSTS</a>
  1114. <br>
  1115. <a href="/tagged/wishlist.">WISHLIST</a>
  1116. <a href="/tagged/desires.">DESIRES</a>
  1117. <BR>
  1118. <p><h2>CHARACTER</h2>
  1119. <a href="/tagged/headcanon.">HEADCANON</a>
  1120. <a href="/tagged/text.">TEXT</a>
  1121. <br>
  1122. <a href="/tagged/muse.">MUSE</a>
  1123. <a href="/tagged/crew.">CREW</a>
  1124. <br>
  1125. <a href="/tagged/whatever">LINK</a>
  1126. <a href="/tagged/whatever">LINK</a>
  1127. <br>
  1128. <a href="/tagged/whatever">LINK</a>
  1129. <a href="/tagged/whatever">LINK</a>
  1130. <br>
  1131. <a href="/tagged/whatever">LINK</a>
  1132. <a href="/tagged/whatever">LINK</a>
  1133. <br>
  1134. <a href="/tagged/whatever">LINK</a>
  1135. <a href="/tagged/whatever">LINK</a>
  1136. <br>
  1137. <a href="/tagged/whatever">LINK</a>
  1138. <a href="/tagged/whatever">LINK</a>
  1139. <br>
  1140. <a href="/tagged/whatever">LINK</a>
  1141. <a href="/tagged/whatever">LINK</a>
  1142. <br><br><br>
  1143. </div>
  1144. </div></div>
  1145. <!---NAVIGATION ENDS--->
  1146.  
  1147.  
  1148.  
  1149. <!---VERSES STARTS--->
  1150. <div id="box4" class="popup_block">
  1151.  
  1152. <div style="width:auto;height:490px;overflow:auto;padding:5px;">
  1153.  
  1154. <div class="esperanza">
  1155. <ul id="tabs">
  1156. <li class="active">Basics</li>
  1157. <li>Main Verse</li>
  1158. <li>Tab 3</li>
  1159. <li>Tab 4</li>
  1160. <li>Tab 5</li>
  1161. </ul>
  1162. </div>
  1163.  
  1164. <ul id="tab">
  1165. <li class="active">
  1166.  
  1167.  
  1168. <div class="popupnavlinks">
  1169. <p><a href="#basics">basics</a>
  1170. <a href="#bio">bio</a>
  1171. </div>
  1172.  
  1173.  
  1174. <a name="basics"><h1>BASICS</h1></a>
  1175.  
  1176. <h2>The Basics</h2>
  1177. <p><strong>FULL NAME:</strong> IMPUT<br />
  1178. <strong>RANK:</strong> IMPUT<br />
  1179. <strong>DOB:</strong> IMPUT<br />
  1180. <strong>POB:</strong> IMPUT<br />
  1181. <strong>HOME TOWN:</strong> IMPUT<br />
  1182. <strong>SEX:</strong> IMPUT<br />
  1183. <strong>ORIENTATION:</strong> IMPUT<br />
  1184. <strong>MARITAL STATUS:</strong> IMPUT<br />
  1185. <strong>KNOWN LANGUAGES:</strong> IMPUT<br />
  1186. <strong>EDUCATION:</strong> IMPUT<br />
  1187. <strong>CURRENT OCCUPATION:</strong> IMPUT<br />
  1188. <strong>PREVIOUS LOCATIONS:</strong> IMPUT</p>
  1189. <h2>Family</h2>
  1190. <p><strong>MOTHER:</strong> IMPUT<br />
  1191. <strong>FATHER:</strong> IMPUT<br />
  1192. <strong>BROTHER:</strong> IMPUT<br />
  1193. <strong>FATHER LIKE:</strong> IMPUT</p>
  1194. <h2>Traits</h2>
  1195. <p><strong>HAIR / EYES:</strong> IMPUT<br />
  1196. <strong>HEIGHT / WEIGHT:</strong> IMPUT<br />
  1197. <strong>BODY TYPE / SKINTONE:</strong> IMPUT<br />
  1198. <strong>NOTABLE MARKINGS:</strong> IMPUTt<br />
  1199. <strong>FACE CLAIMS:</strong> IMPUT</p>
  1200.  
  1201. <p><a name="bio"><h2>bio</h2></a>
  1202.  
  1203. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1204.  
  1205.  
  1206.  
  1207.  
  1208.  
  1209.  
  1210.  
  1211. </li>
  1212.  
  1213.  
  1214.  
  1215. <li>
  1216. <div class="popupnavlinks">
  1217. <p><a href="#airforce">BIO 1</a>
  1218. <a href="#cia">BIO 1</a>
  1219. </div>
  1220.  
  1221.  
  1222. <a name="airforce"><h1>BIO 1</h1></a>
  1223. <p>STUFF STUFF STUFF
  1224.  
  1225. <p><a name="cia"><h1>BIO 2</h1></a>
  1226. <p>stuff stuff stuff
  1227. </li>
  1228. <li>
  1229. <h2>Tab number three wee hee</h2>
  1230. </li>
  1231. <li>
  1232. <h2>Fourth tab not bad</h2>
  1233. </li>
  1234. <li>
  1235. <h2>Tab number five here we go!</h2>
  1236. </li>
  1237. </ul>
  1238.  
  1239.  
  1240.  
  1241.  
  1242. </div></div>
  1243. <!---VERSES ENDS--->
  1244.  
  1245.  
  1246. <div class="links">
  1247.  
  1248. <a href="/" class="poplight third" title="refresh" style="padding-right: 1px;">I.</a>
  1249. <a href="/ask" class="poplight third" title="ask">II.</a>
  1250. <a href="#?w=250" rel="box2" class="poplight third" title="rules">III.</a>
  1251. <a href="#?w=260" rel="box3" class="poplight third" title="navigation">IV.</a>
  1252. <a href="#?w=260" rel="box4" class="poplight third" title="verses">V.</a>
  1253.  
  1254. </div>
  1255.  
  1256.  
  1257. <!----------------------------- CREDIT ------------------------------>
  1258.  
  1259. <div class="credit">
  1260. <a href="http://bridgetowakanda.tumblr.com/commissions" title="bridgetowakanda">c</a>
  1261. </div>
  1262.  
  1263.  
  1264. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1265.  
  1266.  
  1267.  
  1268. <!------------------------- POSTS & CONTENT -------------------------->
  1269.  
  1270.  
  1271.  
  1272. <div class="pag">
  1273. {block:Pagination}
  1274. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1275. {block:JumpPagination length="5"}
  1276. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1277. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1278. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1279. {/block:Pagination}
  1280. </div>
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <div id="entries">
  1286.  
  1287. {block:Posts}
  1288.  
  1289. <div class="posts">
  1290.  
  1291. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1292.  
  1293. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1294. {/block:Photo}
  1295.  
  1296. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1297.  
  1298. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1299.  
  1300. {block:Video}
  1301. <div class="video">{Video-500}</div>
  1302. {/block:Video}
  1303.  
  1304. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1305.  
  1306.  
  1307. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1308.  
  1309.  
  1310. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1311. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1312.  
  1313.  
  1314. <!--AUDIO POST-->
  1315. {block:Audio}
  1316. {block:AlbumArt}
  1317. <div class="songart">
  1318. <img src="{AlbumArtURL}">
  1319. </div>
  1320. {/block:AlbumArt}
  1321. <div class="songtitle">
  1322. {block:TrackName}
  1323. {TrackName}
  1324. {/block:TrackName}
  1325. </div>
  1326. <div class="songauthor">
  1327. By
  1328. {block:Artist}
  1329. {Artist}
  1330. {/block:Artist}
  1331. </div>
  1332. {AudioPlayerWhite}
  1333. {/block:Audio}
  1334.  
  1335.  
  1336.  
  1337. {block:Answer}
  1338. <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>
  1339.  
  1340. <div id="border">
  1341. <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>
  1342. </div>
  1343.  
  1344. <div id="question" style="margin-top: 20px">{Question}</div>
  1345. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1346. {/block:Answer}
  1347.  
  1348.  
  1349. <div id="infobox">
  1350. <div id="info">
  1351. <br>
  1352.  
  1353. &nbsp; &nbsp;
  1354.  
  1355.  
  1356. {block:Date}
  1357. <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>
  1358. {/block:Date}
  1359.  
  1360.  
  1361.  
  1362. <a href="{ReblogURL}" style="position:absolute; margin-left:60px; margin-top:-7px; font-size:12px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
  1363.  
  1364.  
  1365.  
  1366. {block:NoRebloggedFrom}
  1367. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1368. {/block:NoRebloggedFrom}
  1369.  
  1370.  
  1371. {block:ContentSource}
  1372. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1373. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1374. {/block:SourceLogo}
  1375. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1376. {/block:ContentSource}
  1377.  
  1378.  
  1379. <br>
  1380.  
  1381.  
  1382. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1383.  
  1384.  
  1385. <div id="tags">{block:HasTags}{block:Tags}&nbsp;☽&nbsp; <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1386. </div>&nbsp;
  1387.  
  1388. <br><br><br><br>
  1389.  
  1390. {/block:Posts}
  1391. <div class="note">
  1392. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1393. </div></div>
  1394.  
  1395. {/block:Posts}
  1396.  
  1397.  
  1398. </div>
  1399. </div>
  1400. </div>
  1401.  
  1402. <!---------------------- IFRAME CONTROLS ---------------------->
  1403.  
  1404. <div class="ccontrols">
  1405. {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>
  1406. <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>
  1407. <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>
  1408. {/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>
  1409. <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>
  1410. <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>
  1411.  
  1412.  
  1413.  
  1414. </body>
  1415.  
  1416.  
  1417.  
  1418.  
  1419.  
  1420. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!