bridgetowakanda

Pastel Skin

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