API tools faq
paste
bridgetowakanda

PHOENIX by Zorra & THEMESBYZORRA

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