bridgetowakanda

Starlight by Zorra & THEMESBYZORRA

Sep 15th, 2018
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.67 KB | None | 0 0
  1. <html>
  2.  
  3. <!------------------------------ FONTS ----------------------------->
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Sawarabi+Mincho" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Peddana" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  15.  
  16.  
  17.  
  18. <html>
  19. <!--
  20. - BASE CODE
  21. http://fratdadbase.tumblr.com/
  22.  
  23. - THEME BY ZORRA @ THEMESBYZORRA
  24. - THEME IS FREE FOR USE BY THE TUMBLR COMMUNITY. PLEASE LEAVE CREDIT WHERE IT IS DUE.
  25. - I PREFER IF YOU DIDN'T BUTURE MY CODE TO MAKE YOUR OWN BASECODE. BUT IF YOU HAPPEN TO TAKE ELEMENTS FROM THIS THEME, PLEASE CREDIT SOMEWHERE IN THE THEME.
  26.  
  27. -->
  28.  
  29.  
  30. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  31. <head>
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />
  37. {/block:Description}
  38.  
  39.  
  40. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  41.  
  42. <!------------------------------ SCRIPTS ----------------------------->
  43. <!------------------------------ POPUP ------------------------------>
  44.  
  45.  
  46. <script type="text/javascript"
  47. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48. <script>
  49. $(document).ready(function() {
  50. //
  51. $('a.poplight[href^=#]').click(function() {
  52. var popID = $(this).attr('rel'); //Get Popup Name
  53. var popURL = $(this).attr('href'); //Get Popup href to define size
  54. var query= popURL.split('?');
  55. var dim= query[1].split('&');
  56. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  57. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  58. var popMargTop = ($('#' + popID).height() + 80) / 2;
  59. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  60. //Apply Margin to Popup
  61. $('#' + popID).css({
  62. 'margin-top' : -popMargTop,
  63. 'margin-left' : -popMargLeft
  64. });
  65. $('body').append('<div id="fade"></div>');
  66. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  67. return false;
  68. });
  69. $('a.close, #fade').live('click', function() {
  70. $('#fade , .popup_block').fadeOut(function() {
  71. $('#fade, a.close').remove(); //fade them both out
  72. });
  73. return false;
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80.  
  81. <!----------------------------- TOOLTLIP ----------------------------->
  82.  
  83.  
  84. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips({
  91. tip_follows_cursor:true,
  92. tip_delay_time:200,
  93. tip_fade_speed:500
  94. });
  95. });
  96. })(jQuery);
  97. </script>
  98.  
  99.  
  100.  
  101. <!------------------------------ TABS ------------------------------>
  102.  
  103.  
  104. <script>
  105. $(document).ready(function(){
  106. $("ul#tabs li").click(function(e){
  107. if (!$(this).hasClass("active")) {
  108. var tabNum = $(this).index();
  109. var nthChild = tabNum+1;
  110. $("ul#tabs li.active").removeClass("active");
  111. $(this).addClass("active");
  112. $("ul#tab li.active").removeClass("active");
  113. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  114. }
  115. });
  116. });
  117. </script>
  118.  
  119. <!------------------------------ MUSIC ------------------------------>
  120.  
  121. <!---------------------------- META DATA ----------------------------->
  122. <meta name="image:Background" content="" />
  123. <meta name="image:headerbackground" content=""/>
  124. <meta name="image:sidebox image" content="" />
  125.  
  126.  
  127. <meta name="text:link 3 url" content="url here" />
  128. <meta name="text:link 3 title" content="link 3"/>
  129. <meta name="text:link 4 url" content="url here" />
  130. <meta name="text:link 4 title" content="link 4"/>
  131. <meta name="text:link 5 url" content="url here" />
  132. <meta name="text:link 5 title" content="link 5"/>
  133.  
  134.  
  135. <meta name="color:background" content="#f6f6f6" />
  136. <meta name="color:postbackground" content="#ffffff" />
  137. <meta name="color:sidebox" content="#ffffff" />
  138. <meta name="color:font" conteont="#b2b1b1" />
  139. <meta name="color:italic" content="#dbb675" />
  140. <meta name="color:bold" content="#a15e51" />
  141. <meta name="color:postborder" content="#ecebeb" />
  142. <meta name="color:info" content="#cac8c8" />
  143. <meta name="color:infohover" content="#000000" />
  144. <meta name="color:blockquote" content="#000000" />
  145. <meta name="color:link" content="#222222" />
  146. <meta name="color:linkhover" content="#333333" />
  147. <meta name="color:h1" content="#f3f3f3" />
  148. <meta name="color:h1shadow" content="#222222" />
  149. <meta name="color:h2" content="#e7dcd6" />
  150. <meta name="color:h3" content="#111111" />
  151. <meta name="color:h3background" content="#c8c6bf" />
  152.  
  153.  
  154. <meta name="select:info link background" content="#ffffff" title="white"/>
  155. <meta name="select:info link background" content="#000000" title="black"/>
  156.  
  157.  
  158. <meta name="select:header font1" content="'Rozha One', serif;" title="Rozha"/>
  159. <meta name="select:header font1" content="'Limelight', cursive;" title="Limelight"/>
  160. <meta name="select:header font1" content="'Anton', sans-serif;" title="Anton"/>
  161.  
  162. <meta name="select:header font2" content="'Rozha One', serif;" title="Rozha"/>
  163. <meta name="select:header font2" content="'Limelight', cursive;" title="Limelight"/>
  164. <meta name="select:header font2" content="'Anton', sans-serif;" title="Anton"/>
  165.  
  166.  
  167. </head>
  168.  
  169.  
  170.  
  171.  
  172.  
  173. <style type="text/css">
  174.  
  175. @font-face​ {
  176. font-family:"big noodle titling";
  177. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  178. }
  179.  
  180. /*---------------------------- SCROLL BAR ---------------------------*/
  181. ::-webkit-scrollbar {
  182. width: 2px;
  183. height: 2px;
  184. }
  185. ::-webkit-scrollbar-button {
  186. width: 0px;
  187. height: 0px;
  188. }
  189. ::-webkit-scrollbar-thumb {
  190. background: transparent;
  191. border: 0px none #a68b7c;
  192. border-radius: 50px;
  193. }
  194. ::-webkit-scrollbar-thumb:hover {
  195. background: transparent;
  196. }
  197. ::-webkit-scrollbar-thumb:active {
  198. background: transparent;
  199. }
  200. ::-webkit-scrollbar-track {
  201. background: transparent;
  202. border: 0px none #a68b7c;
  203. border-radius: 0px;
  204. }
  205. ::-webkit-scrollbar-track:hover {
  206. background:transparent;
  207. }
  208. ::-webkit-scrollbar-track:active {
  209. background: transparent;
  210. }
  211. ::-webkit-scrollbar-corner {
  212. background: transparent;
  213. }
  214.  
  215.  
  216. /*---------------------------- SELECTION ---------------------------*/
  217.  
  218. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  219. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  220.  
  221.  
  222.  
  223. /*---------------------------- BODY ---------------------------*/
  224.  
  225. body {
  226. background-color:{color:background};
  227. background-image:url('{image:background}');
  228. background-attachment: fixed;
  229. background-repeat: no-repeat;
  230. font-family: calibri;
  231. font-size: 10px;
  232. text-align: justify;
  233. color: {color:font};
  234. }
  235.  
  236. #container {
  237. position:absolute;
  238. background-color: transparent;
  239. width: 460px;
  240. top: 0px;
  241. margin-top:0px;
  242. margin-left: 400px;
  243. height:100%;
  244. padding: 10px;
  245. overflow:auto;
  246. overflow-x:hidden;
  247.  
  248. }
  249.  
  250. .posts {
  251. background-color: {color:postbackground};
  252. border: 1px solid {color:postborder};
  253. width:400px;
  254. margin-left:30px;
  255. margin-bottom:20px;
  256. padding: 13px;
  257. -webkit-animation-name: fade-in;
  258. -webkit-animation-duration: 1.5s;
  259.  
  260. }
  261.  
  262. #container img {
  263. height:auto;
  264. max-width:100%;
  265. }
  266.  
  267. #post img {
  268. height: auto;
  269. max-width: 100%;
  270. }
  271.  
  272.  
  273. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  274.  
  275. #askerurl {
  276. text-transform:uppercase;
  277. font-weight:400;
  278. font-size:20px;
  279. margin-top:80px;
  280. margin-left:50px;
  281. padding-bottom:5px;
  282. width:250px;
  283. font-family: 'Orbitron', sans-serif;
  284. text-align:center;
  285. }
  286.  
  287. #asking img {
  288. padding: 5px;
  289. }
  290.  
  291. #question {
  292. background-attachment:auto;
  293. background-image: url('');
  294. padding:15px 15px;
  295. margin:3px 0 3px 10px;
  296. color: {color:font};
  297. border-bottom: 1px solid {color:postborder};
  298. font-family:consolas;
  299. text-transform: uppercase;
  300. word-spacing: 2px;
  301. }
  302.  
  303. #answer {
  304. word-spacing: 0px;
  305. }
  306.  
  307.  
  308.  
  309. /*---------------------------- SIDEBOXS ---------------------------*/
  310.  
  311.  
  312. .sidebox {
  313. position: fixed;
  314. background-color: {color:sidebox};
  315. top: 0px;
  316. left: 0px;
  317. width: 200px;
  318. padding: 5px;
  319. height: 100%;
  320. overflow: auto;
  321. border-right: 5px solid {color:link};
  322. -webkit-animation-name: fade-in;
  323. -webkit-animation-duration: 1.5s;
  324. }
  325.  
  326. .sb img {
  327. width:75px;
  328. height:75px;
  329. border-radius:100px;
  330. display:inline;
  331. margin-bottom:10px;
  332. }
  333.  
  334. .sb {
  335. width:75px;
  336. height:75px;
  337. margin:bottom:10px;
  338. z-index:999;
  339. }
  340.  
  341.  
  342.  
  343. .sbdec {
  344. width:175px;
  345. height: 200px;
  346. text-align:justify;
  347. padding: 10px;
  348. overflow: auto;
  349. }
  350.  
  351. .sbnav {
  352. width:175px;
  353. height: 25px;
  354. text-align:center;
  355. padding: 10px;
  356. overflow: none;
  357. }
  358.  
  359.  
  360.  
  361. .description {
  362. color:{color:text};
  363. font-family:{select:font};
  364. line-height:15px;
  365. font-size:10px;
  366. text-align:justify;
  367. }
  368.  
  369. .nav img {
  370. width:{select:sidebox image size};
  371. height:{select:sidebox image size};
  372. border-radius:100px;
  373. display:inline;
  374. margin-bottom:10px;
  375. transition:0.4s ease-in-out;
  376. -webkit-transition:0.4s ease-in-out;
  377. -moz-transition:0.4s ease-in-out;
  378. }
  379.  
  380. .nav {
  381. width:{select:sidebox image size};
  382. height:{select:sidebox image size};
  383. margin:bottom:10px;
  384. z-index:999;
  385. }
  386.  
  387.  
  388. /*---------------------------- CREDIT ---------------------------*/
  389.  
  390. .credit {
  391. left: 98%;
  392. top: 95%;
  393. width: 50px;
  394. height: 50px;
  395. position: fixed;
  396. }
  397.  
  398. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  399. text-decoration: none;
  400. color: #8f3d2e;
  401. text-transform: none;
  402. font-family: 'Contrail One', cursive;
  403. font-size: 14px;
  404. -moz-transition-duration:.6s;
  405. -webkit-transition-duration:.6s;
  406. -o-transition-duration:.6s;
  407. -webkit-filter: blur(0px);
  408.  
  409. }
  410.  
  411. a.credit:hovor {
  412. color: #8f8f8f;
  413. font-family: 'Contrail One', cursive;
  414. letter-spacing: 0px;
  415. -moz-transition-duration:.6s;
  416. -webkit-transition-duration:.6s;
  417. -o-transition-duration:.6s;
  418. -webkit-filter: blur(0px); }
  419.  
  420.  
  421.  
  422. /*---------------------------- FANCY FONT ---------------------------*/
  423.  
  424. h1 {
  425. font-size:30px;
  426. font-family: {select:header font1};
  427. font-weight:400;
  428. color:{color:h1};
  429. border-bottom: 1px solid {color:h1};
  430. text-shadow: 1px 1px 1px {color:h1shadow};
  431. display:block;
  432. margin-top: 20px;
  433. text-align:right;
  434. text-transform:uppercase;
  435. padding:10px;
  436. letter-spacing:3px;
  437.  
  438. }
  439.  
  440. h2 {
  441. font-size:12px
  442. font-family: {select:header font2};
  443. font-weight:400;
  444. color:{color:h2};
  445. text-align: center;
  446. text-transform:lowercase;
  447. letter-spacing:2px;
  448. display:block;
  449. margin:0, 0, 5px, 0;
  450. padding:5px;
  451. }
  452.  
  453.  
  454. h3 {
  455. background-image: url('{image:headerbackground}');
  456. background-color: {color:h3background};
  457. background-repeat:repeat;
  458. background-attachment:fixed;
  459. border: double 3px {color:postborder};
  460. padding:3px;
  461. color:{color:h3};
  462. text-shadow:1px 1px 2px #000,
  463. font-size:15px;
  464. font-family: 'Source Code Pro', monospace;
  465. text-transform:uppercase;
  466. letter-spacing:1px;
  467. text-align:center;
  468. overflow:auto;
  469.  
  470. }
  471.  
  472.  
  473. h4 {
  474. font-size: 10px;
  475. color: {color:bold};
  476. font-family: 'Inconsolata', monospace;
  477. text-transform: uppercase;
  478. text-align: center;
  479. letter-spacing: 10px;
  480.  
  481. }
  482.  
  483. i, italic, em {
  484. font-family: 'Peddana', serif;
  485. font-size: 15px;
  486. text-transform: italic;
  487. color:{color:italic};
  488. text-transform:lowercase;
  489. letter-spacing:1px;
  490. text-shadow: 1px 1px #000;
  491.  
  492. }
  493.  
  494. b, bold, strong {
  495. font-size:10px;
  496. font-family: 'Orbitron', sans-serif;
  497. color:{color:bold};
  498. text-transform:lowercase;
  499.  
  500. }
  501. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  502.  
  503. p {
  504. margin-top:5px;
  505. margin-bottom:5px;}
  506.  
  507.  
  508. ol {
  509. list-style:normal;}
  510.  
  511.  
  512. ul {
  513. list-style:square;}
  514.  
  515.  
  516. small {
  517. font-size:10px}
  518.  
  519.  
  520. sup,sub {
  521. font-size:11px}
  522.  
  523.  
  524.  
  525. blockquote {
  526. padding:2px 7px;
  527. padding-right:17px;
  528. margin:3px 0 3px 10px;
  529. border-left:1px solid {color:blockquote};
  530. -webkit-border-radius: 10px;
  531. }
  532.  
  533.  
  534. blockquote img{
  535. max-width:100%;
  536. height:auto;
  537. }
  538.  
  539. blockquote blockquote img{
  540. max-width:100%;
  541. height:auto;
  542. }
  543.  
  544.  
  545.  
  546.  
  547. t, title {
  548. size: 15px;
  549. color: 222;
  550. letter-spacing: 2px;
  551. font: times;
  552. }
  553.  
  554. quotetext {
  555. font-family: times;
  556. font-size: 20px;
  557. line-height: 21px;
  558. letter-spacing: 2px;
  559. text-align: center;
  560. text-transform:uppercase;
  561. color: #fff;
  562. text-shadow: 3px 1px 1px #79b4a8;
  563. }
  564.  
  565. quotations {
  566. font: courier;
  567. font-size: 30px;
  568. color: {color:bold};
  569. }
  570.  
  571. quote {
  572. font-size: 13px;
  573. }
  574.  
  575. img {
  576. max-width:100%;
  577. }
  578.  
  579. hr {
  580. width:100px;
  581. border: 0;
  582. height: 0.5px;
  583. margin-right:10px;
  584. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  585. }
  586.  
  587. code {
  588. text-transform: uppercase;
  589. font-size: 13px;
  590. }
  591.  
  592. /*---------------------------- LINKS ---------------------------*/
  593.  
  594. a:link, a:active, a:visited {
  595. text-decoration: none;
  596. color: {color:link};
  597. text-transform: uppercase;
  598. font-family:karla, sans-serif;
  599. font-size: 9px;
  600. -moz-transition-duration:.6s;
  601. -webkit-transition-duration:.6s;
  602. -o-transition-duration:.6s;
  603. -webkit-filter: blur(0px);}
  604.  
  605. a:hover {
  606. color: {color:linkhover};
  607. font-family:karla, sans-serif;
  608. letter-spacing: 0px;
  609. -moz-transition-duration:.6s;
  610. -webkit-transition-duration:.6s;
  611. -o-transition-duration:.6s;
  612. -webkit-filter: blur(0px);}
  613.  
  614.  
  615.  
  616. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  617. color: {color:link};
  618. text-shadow: 0px 0px 10px {color:link};
  619. font-family: times;
  620. font-size: 12px;
  621.  
  622. }
  623.  
  624. a.navi:hover {
  625. color: {color:linkhover};
  626. -moz-transition-duration:.6s;
  627. -webkit-transition-duration:.6s;
  628. -o-transition-duration:.6s;
  629. -webkit-filter: blur(5px);
  630. }
  631.  
  632.  
  633. a.main, a.main:link, a.main:active, a.main:visited {
  634. color: #827f7f;
  635. background-color: #ffffff;
  636. width: 10px;
  637. height: 10px;
  638. padding: 5px;
  639. margin-right: 5px;
  640. font-family:karla, sans-serif;
  641. font-size: 9px;
  642. text-transform: uppercase;
  643.  
  644. }
  645.  
  646. a.main:hover {
  647. color: #514f4f;
  648. width: 10px;
  649. height: 10px;
  650. padding: 5px;
  651. background-color: #ffffff;
  652. margin-right: 5px;
  653. -moz-transition-duration:.6s;
  654. -webkit-transition-duration:.6s;
  655. -o-transition-duration:.6s;
  656. -webkit-filter: blur(0px);
  657. }
  658.  
  659.  
  660.  
  661.  
  662. /*---------------------------- PAGINATION ---------------------------*/
  663.  
  664.  
  665. .pagination {
  666. position:fixed;
  667. top: 175px;
  668. left: 50px;
  669. height: 100px;
  670. width: 100px;
  671. text-align:center;
  672. }
  673.  
  674.  
  675.  
  676.  
  677. /*------------------------ POST INFO & TAGS -------------------------*/
  678.  
  679.  
  680.  
  681. #infobox {
  682. border:1px solid transparent;
  683. margin-bottom:0px;
  684. padding-top:10px;
  685. border-bottom:0px solid {color:postborder};
  686. }
  687.  
  688.  
  689. #info {
  690. margin-left:20px;
  691. padding-bottom: 2px;
  692. }
  693.  
  694. #info a {
  695. color:{color:info};
  696. text-shadow: 1px 1px {select:info link background};
  697. opacity: 1;
  698. font-family: 'Source Code Pro', monospace;
  699. text-transform: uppercase;
  700. }
  701.  
  702. #info a:hover {
  703. color:{color:infohover};
  704. opacity: 1;
  705. }
  706.  
  707.  
  708.  
  709. #tags {
  710. width:375px;
  711. height: 25px;
  712. font-size:7px;
  713. text-align:right;
  714. font-family:arial;
  715. text-transform:uppercase;
  716. background:transparent;
  717. border-top: 1px solid {color:postborder};
  718. overflow: auto;
  719. margin-top:10px;
  720. margin-left:-10px;
  721. max-height:45px;
  722. margin-bottom: -50px;
  723. padding-top:5px;
  724. }
  725.  
  726.  
  727. #tags a {
  728. font-family:consolas;
  729. font-size:8px;
  730. line-height:8pt;
  731. letter-spacing:0px;
  732. color:{color:bold};
  733. text-decoration:none;
  734. text-shadow: 0px 0px {select:info link background};
  735. text-transform:uppercase;
  736. letter-spacing:0px;
  737. text-align:center;
  738. display:inline-block;
  739. }
  740.  
  741.  
  742. #tags a:hover {
  743. color:{color:bold};
  744. filter: blur(0px);
  745. -webkit-transition: all 0.6s ease-in-out;
  746. -moz-transition: all 0.6s ease-in-out;
  747. -o-transition: all 0.6s ease-in-out;
  748. -ms-transition: all 0.6s ease-in-out;
  749. transition: all 0.6s ease-in-out;
  750. }
  751.  
  752.  
  753.  
  754.  
  755.  
  756.  
  757. /*---------------------------- EXTRA 1 ---------------------------*/
  758.  
  759.  
  760.  
  761. .notecontainer {
  762. background-color: transparent;
  763. border: 0px solid transparent;
  764. width:380px;
  765. padding: 0px;
  766. text-transform:uppercase;
  767. font-style:normal;
  768. font-size: 10px;
  769. height: 150px;
  770. overflow: auto;
  771. margin-left: 50px;
  772. text-align:left;
  773.  
  774. }
  775. .note {
  776. background-color: transparent;
  777. border: 1px solid transparent;
  778. width:280px;
  779. padding: 0px;
  780. text-transform:uppercase;
  781. font-style:normal;
  782. font-size: 10px;
  783. height: auto;
  784. overflow: auto;
  785. margin-left: -25px;
  786. text-align:left;
  787.  
  788. }
  789.  
  790. .note li {
  791. list-style-type:none;
  792. padding: 10px;
  793. text-align:left;
  794. margin:0px;
  795. -moz-transition-duration:0.5s;
  796. -webkit-transition-duration:0.5s;
  797. -o-transition-duration:0.5s;}
  798.  
  799. .note img.avatar {
  800. margin-right: 10px;
  801. width: 25px;
  802. height: 25px;}
  803.  
  804.  
  805.  
  806.  
  807. /*-------------------------- MUSIC PLAYER ---------------------------*/
  808.  
  809.  
  810.  
  811. .songart{
  812. float:left;
  813. margin-right:10px;
  814. }
  815.  
  816. .songart img{
  817. width:80px;
  818. height:80px;
  819. }
  820.  
  821. .songtitle{
  822. margin-bottom:10px;
  823. margin-left:90px;
  824. }
  825.  
  826. .songauthor{
  827. margin-bottom:10px;
  828. font-size:8px;
  829. margin-left:90px;
  830. }
  831.  
  832. .tumblr_audio_player {
  833. height: 50px;
  834. }
  835.  
  836. /* ----------------------------- CHAT CODE --------------------------- */
  837.  
  838. /* chat cred: http://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  839.  
  840. /* IMESSAGE CHAT POST */
  841. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  842. .asked p {
  843. text-align: left;
  844. margin: 0 0px 10px 0px;
  845. padding: 0;
  846. color: #666666;
  847. font-family: 'Inconsolata', Inconsolata;
  848. font-size: 12px;
  849. line-height: 0px;
  850. }
  851. .footerright .viasrc {
  852. float: left;
  853. }
  854. .asked a {
  855. margin:0;padding:0;
  856. }
  857. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  858. .convo {
  859. overflow: hidden;
  860. list-style-type: none;
  861. padding: 0;
  862. margin: 0;
  863. }
  864.  
  865.  
  866. /*---------------------------- TOOLTIP ---------------------------*/
  867.  
  868.  
  869.  
  870. #s-m-t-tooltip{
  871. max-width:400px;
  872. margin:15px;
  873. padding:2px 8px;
  874. background: #1c0915;
  875. background-image:url('{image:headerbackground}');
  876. background-repeat:repeat;
  877. background-attachment:fixed;
  878. border: double 3px #000;
  879. color:#fff;
  880. text-shadow:1px 1px 0px #000,
  881. z-index:99999999999999999999;
  882. font-size:9px;
  883. letter-spacing:2px;
  884. font-style:bold;
  885. letter-spacing:2px;
  886. font-family: calibri;
  887. text-transform:uppercase;
  888. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  889.  
  890.  
  891.  
  892. /*--------------------------- POPUP ------------------------------ */
  893.  
  894.  
  895. /*--Making IE6 Understand Fixed Positioning--*/
  896. *html #fade {
  897. position: absolute;
  898. }
  899. *html .popup_block {
  900. position: absolute;
  901. }
  902.  
  903. .popup_block{
  904. background-color: {color:background};
  905. border: 0px solid {color:postborder};
  906. width:330px;
  907. height:200px;
  908. top:400px;
  909. padding: 10px;
  910. left: 50%;
  911. display: none; /*--hidden by default--*/
  912. float: left;
  913. font-size: 10px; /*font size of the words inside the box */
  914. position: fixed;
  915. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  916. }
  917.  
  918.  
  919. #fade { /*--Transparent background layer--*/
  920. display: none; /*--hidden by default--*/
  921. background: {color:background};
  922. background-image: url(''); /*if you want to add a background image to go behind your popup */
  923. position: fixed; left: 0; top: 0;
  924. width: 100%; height: 100%;
  925. opacity: 1.0;
  926. z-index: 9999;
  927. }
  928.  
  929.  
  930.  
  931. .popupclose {
  932. float:right; top:0px; right:0px;
  933. margin-top:-10px; margin-right:-10px;
  934. font-family:'Scada', sans serif;
  935. font-size:10px;
  936. font-weight:bold }
  937.  
  938. .popupclose a {
  939. color:#aaa }
  940.  
  941.  
  942.  
  943. /*----------------------------- TABS ------------------------------- */
  944.  
  945. ul#tabs {
  946. list-style-type: none;
  947. padding: 0;
  948. text-align: justify;
  949. font-size:8px;
  950. letter-spacing:1px;
  951. }
  952. ul#tabs li {
  953. background-color: transparent;
  954. border: 0px solid {color:postborder};
  955. border-radius: 2px;
  956. background-repeat:repeat;
  957. background-attachment:fixed;
  958. background-image: url('');
  959. display: inline-block;
  960. padding: 4px 10px;
  961. margin-bottom: 4px;
  962. margin-left: 2px;
  963. cursor: pointer;
  964. color: {color:italic};
  965. text-align: center;
  966. }
  967. ul#tabs li:hover {
  968. background-color: transparent;
  969. border-radius: 2px;
  970. color: {color:linkhover};
  971. text-shadow: 1px 1px 3px #111;
  972. }
  973. ul#tabs li.active {
  974. background-image: url('');
  975. background:transparent;
  976. background-repeat:repeat;
  977. background-attachment:fixed;
  978. border: 0px solid {color:postborder};
  979. color:{color:bold};
  980. display: inline-block;
  981. padding: 4px 10px;
  982. margin-bottom: 4px;
  983. cursor: pointer;
  984. border-radius: 2px;
  985. text-align: center;
  986. }
  987. ul#tab {
  988. list-style-type: none;
  989. margin: 0;
  990. padding: 0;
  991. }
  992. ul#tab li {
  993. display: none;
  994. }
  995. ul#tab li.active {
  996. display: block;
  997. }
  998.  
  999.  
  1000. .esperanza {
  1001. position: fixed;
  1002. background-color: {color:background};
  1003. border: 0px solid {color:postborder};
  1004. padding: 5px;
  1005. top: 0px;
  1006. left: 450px;
  1007. width: 320px;
  1008. height: 15px;
  1009. overflow: auto;
  1010. z-index: 999999999999;
  1011.  
  1012. }
  1013.  
  1014. </style>
  1015.  
  1016.  
  1017.  
  1018. <body>
  1019.  
  1020. <!--------------------------- SIDEBOX -------------------------------->
  1021.  
  1022.  
  1023. <div class="sidebox">
  1024.  
  1025. <div class="sb" style="margin-left: 25%; margin-top: 200px;">
  1026. <img src="{image:sidebox image}">
  1027. </div>
  1028.  
  1029. <div class="sbdec">{description}</div>
  1030.  
  1031. <div class="sbnav">
  1032. <a href="/" class="main" title="home">01.</a>
  1033. <a href="/ask" class="main" title="ask">02.</a>
  1034. <a href="/{text:link 3 url}" class="main" title="{text:link 3 title}">03.</a>
  1035. <a href="/{text:link 4 url}" class="main" title="{text:link 4 title}">04.</a>
  1036. <a href="/{text:link 5 url}" class="main" title="{text:link 5 title}">05.</a>
  1037. </div>
  1038.  
  1039. </div>
  1040.  
  1041.  
  1042. <!----------------------------- CREDIT ------------------------------>
  1043.  
  1044. <div class="credit">
  1045. <a href="http://themesbyzorra.tumblr.com/" title="Themes By Zorra">♛</a>
  1046. </div>
  1047. </body>
  1048.  
  1049. <!--------------------------- CREDIT END ----------------------------->
  1050.  
  1051.  
  1052. <!------------------------- BLOG CONTENT ----------------------------->
  1053.  
  1054. <div class="pagination">{block:Pagination}
  1055. {block:PreviousPage}<a href="{PreviousPage}" class="fourth" style="margin-left: 0px;">☚</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="fourth" style="margin-right: 0x;">☛</a>
  1056. {/block:NextPage}
  1057. {/block:Pagination}</div>
  1058.  
  1059. <div id="container">
  1060.  
  1061. {block:Posts}
  1062.  
  1063. <div class="posts">
  1064.  
  1065. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1066.  
  1067. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1068. {/block:Photo}
  1069.  
  1070. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1071.  
  1072. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1073.  
  1074. {block:Video}
  1075. <div class="video">{Video-400}</div>
  1076. {/block:Video}
  1077.  
  1078. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1079.  
  1080.  
  1081. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1082.  
  1083.  
  1084. {block:Chat}
  1085. {block:Title}
  1086. <h1>{Title}</h1>{/block:Title}<br>
  1087. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1088. {Line}</li>{/block:Lines}</ul>
  1089. {/block:Chat}
  1090.  
  1091.  
  1092. <!--------------------------- AUDIO POST ------------------------------>
  1093. {block:Audio}
  1094. {block:AlbumArt}
  1095. <div class="songart">
  1096. <img src="{AlbumArtURL}">
  1097. </div>
  1098. {/block:AlbumArt}
  1099. <div class="songtitle">
  1100. {block:TrackName}
  1101. {TrackName}
  1102. {/block:TrackName}
  1103. </div>
  1104. <div class="songauthor">
  1105. By
  1106. {block:Artist}
  1107. {Artist}
  1108. {/block:Artist}
  1109. </div>
  1110. {AudioPlayerWhite}
  1111. {/block:Audio}
  1112.  
  1113.  
  1114.  
  1115. {block:Answer}
  1116. <div id="askerurl" style="margin-left:75px; margin-top:0px; text-transform:uppercase; font-size: 13px; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1117.  
  1118.  
  1119. <div id="question" style="margin-top: -5px">{Question}</div>
  1120. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1121. {/block:Answer}
  1122.  
  1123.  
  1124. <!----------------------- INFO & SYMBOLS ----------------------------->
  1125.  
  1126. <div id="infobox">
  1127. <div id="info">
  1128. <br>
  1129.  
  1130. &nbsp; &nbsp;
  1131.  
  1132.  
  1133.  
  1134. {block:Date}
  1135. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:-20px; margin-top:0px; font-size: 12px; font-family: 'Source Code Pro', monospace;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1136. {/block:Date}
  1137.  
  1138.  
  1139. <a href="{ReblogURL}" style="position:absolute; margin-left:35px; margin-top:0px; font-size:12px; font-family: 'Source Code Pro', monospace;" title="reblog"> Reblog </a>
  1140.  
  1141.  
  1142.  
  1143. {block:NoRebloggedFrom}
  1144. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1145. {/block:NoRebloggedFrom}
  1146.  
  1147.  
  1148. {block:ContentSource}
  1149. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1150. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1151. {/block:SourceLogo}
  1152. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1153. {/block:ContentSource}
  1154. <br>
  1155.  
  1156.  
  1157. <!------------------- INFO & SYMBOLS ENDS --------------------------->
  1158.  
  1159.  
  1160. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1161.  
  1162. <br><br><br><br>
  1163. </div>
  1164. </div>
  1165.  
  1166. {/block:Posts}
  1167. <div class="notecontainer">
  1168. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1169. </div></div>
  1170. {/block:Posts}
  1171.  
  1172. </div>
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178. </html>
Advertisement
Add Comment
Please, Sign In to add comment