API tools faq
paste
bridgetowakanda

THEME 003: A LOVELY ROSE by THEMESBYZORRA

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