shotgunsandsass

One Rule Theme

Aug 17th, 2016 (edited)
1,882
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 34.54 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.                               THEME BY
  5.          █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6.          █░░█ █░▀░█ █░░█ ░█░   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7.          ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8.                         DO NOT REMOVE CREDIT
  9. -->
  10. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <html>
  12.     <head>
  13.         <title>{Title}</title>
  14.         <link rel="shortcut icon" href="{Favicon}">
  15.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.         {block:Description}
  17.             <meta name="description" content="{MetaDescription}" />
  18.         {/block:Description}
  19.        
  20.                            <!-- S C R I P T S -->
  21. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)', 'filter' : 'blur(20px)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51.        
  52.                            <!-- C O L O U R S -->
  53. <meta name="color:background" content="#1e1e1d"/>
  54. <meta name="color:links" content="#c9c9c9"/>
  55. <meta name="color:linkh" content="#985042"/>
  56. <meta name="color:title" content="#ffffff"/>
  57. <meta name="color:text" content="#c9c8c6"/>
  58. <meta name="color:bold" content="#c8841e"/>
  59. <meta name="color:italic" content="#985042"/>
  60. <meta name="color:decriptiontitle" content="#985042"/>
  61.  
  62.                            <!-- L I N K S -->
  63. <meta name="text:link1URL" content="/"/>
  64. <meta name="text:link1name" content="home"/>
  65. <meta name="text:link2name" content="message"/>
  66. <meta name="text:link3name" content="bio"/>
  67. <meta name="text:link4name" content="nav"/>
  68. <meta name="text:link5name" content="rules"/>
  69. <meta name="text:link6name" content="verses"/>
  70. <meta name="text:username" content="paste your username here"/>
  71. <meta name="text:musicp" content="music player here"/>
  72.  
  73.                            <!-- C O N T R O L S -->
  74. <meta name="if:music player" content="1">
  75. <meta name="text:width" content="650px"/>
  76. <meta name="text:height" content="450px"/>
  77. <meta name="text:leftmargin" content="570px"/>
  78. <meta name="text:topmargin" content="110px"/>
  79.  
  80.                            <!---- P O P U P S  --->
  81. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  82. <meta name="text:box2" content="insert html"/>
  83. <meta name="text:box3" content="insert html"/>
  84. <meta name="text:box4" content="insert html"/>
  85.  
  86.                       <!-- R G B A    C O L O U R S -->
  87. <meta name="text:backgrounds" content="rgba(30,30,29,.6)"/>
  88. <meta name="text:accent" content="rgba(152,80,66,.4)"/>
  89.  
  90.                             <!-- F O N T S -->
  91. <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  92. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  93. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  96. <link href='https://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  97.  
  98.                            <!-- I M A G E S -->
  99. <meta name="image:background" content="https://static.tumblr.com/f056f41b4e5c76c40058415878447469/jlxoeum/EVmodpv9c/tumblr_static_58fkw94jh78c40kkg04cg0gw8.png"/>
  100. <meta name="image:info" content="https://static.tumblr.com/f52ce345c953a0deeace0b62a415f5b5/jlxoeum/XLxodpufg/tumblr_static_az02qee1o1kwgkw08wo8c4occ.png"/>
  101.  
  102.  
  103.        
  104.         <style type="text/css">
  105.        
  106.                   /*---- T U M B L R   C O N T R O L S ---*/
  107.                    
  108. /*-- PASTE THIS ANYWHERE IN YOUR CSS --*/
  109. /*-----------based on tutorial by bychloethemes------------*/
  110.  
  111. #tumblr-controls{
  112.     -webkit-filter:invert(100%);
  113.     filter:invert(100%);
  114. }
  115.  
  116.                        /*---- T O O L   T I P  ---*/
  117.                        
  118. div#qTip
  119. {
  120.     font-family: 'Share Tech Mono', monospace;
  121.     background: url({image:info}) fixed;
  122.     letter-spacing: 2px;
  123.     padding: 7px;
  124.     border-bottom: 2px solid {text:accent};
  125.     border-top: 2px solid {text:accent};
  126.     border-radius: 5px;
  127.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  128.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  129.     font-size: 9px;
  130.     text-align: center;
  131.     line-height: 100%;
  132.     text-transform: uppercase;
  133.     padding: 5px;
  134.     display: none;
  135.     position: fixed;
  136.     z-index: 9999999999999999999999;
  137.     margin: 5px;
  138.  
  139. }
  140.  
  141.                          /*---- P O P U P ---*/
  142. .popup_block{
  143.     display:none;
  144.     background-color: {text:backgrounds};
  145.     border-bottom: 3px solid {text:accent};
  146.     border-top: 3px solid {text:accent};
  147.     border-radius: 5px;
  148.     padding: 14px;
  149.     background: {text:backgrounds};
  150.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  151.     height: 400px;
  152.     overflow-x: hidden;
  153.     overflow-y: scroll;
  154.     float:left;
  155.     position:fixed;
  156.     top:50%;left:50%;
  157.     z-index: 99999;
  158. }
  159.  
  160. *html #fade {position: absolute;}
  161. *html .popup_block {position: absolute;}
  162. #fade {
  163.     display:none;
  164.     position:fixed;
  165.     left:0px;
  166.     top:0px;
  167.     width:100%;
  168.     height:100%;
  169.     z-index:9999;
  170.     background: {text:backgrounds}; /* change to #fff for solid white */
  171. }
  172.                        /*---- S E L E C T  ---*/
  173.                        
  174. ::selection
  175. {
  176.     opacity: 1;
  177.     background: #000;
  178.     color: {color:accent};
  179.     text-shadow: none;
  180. }
  181.            
  182. ::-moz-selection
  183. {
  184.     opacity: 1;
  185.     background: #000;
  186.     color: {color:accent};
  187.     text-shadow: none;
  188. }
  189.  
  190. p::selection
  191. {
  192.     opacity: 1;
  193.     background: #000;
  194.     color: {color:accent};
  195.     text-shadow: none;
  196. }
  197.            
  198. p::-moz-selection
  199. {
  200.     opacity: 1;
  201.     background: #464133;
  202.     color: {color:accent};
  203.     text-shadow: none;
  204. }
  205.        
  206.                          /*---- S C R O L L  ---*/
  207. ::-webkit-scrollbar-thumb:vertical {
  208.     background: url({image:info});
  209.     border-radius: 6px;
  210.     height: 10px;
  211.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  212. }
  213.  
  214. ::-webkit-scrollbar-thumb:horizontal {
  215.     background-color:  rgba(31,31,31,.1);
  216.     height:10px!important;
  217. }
  218.  
  219. ::-webkit-scrollbar {
  220.     background-color: rgba(31,31,31,.1);
  221.     height:10px;
  222.     width:12px;
  223. }
  224.  
  225. #update ::-webkit-scrollbar-thumb:vertical {
  226.     background: url({image:info});
  227.     height: 4px;
  228. }
  229.  
  230. #update ::-webkit-scrollbar-thumb:horizontal {
  231.     background-color:  rgba(31,31,31,.1);
  232.     height:4px!important;
  233. }
  234.  
  235. #update ::-webkit-scrollbar {
  236.     background-color: rgba(31,31,31,.1);
  237.     height:4px;
  238.     width:4px;
  239. }
  240.  
  241.                    /*---- M A I N  T H E M E  ---*/
  242.        
  243. body {
  244.     background: url("{image:background}") {color:background};
  245.     background-attachment: fixed;
  246.     background-repeat: no-repeat;
  247.     margin:0px;
  248.     color:{color:text};
  249.     font-family: 'Arimo', arial;
  250.     font-size: 12px;
  251.     line-height:100%;
  252.     text-shadow: 1px 0px 5px black, 1px 0px 2px black;
  253. }
  254.  
  255. #posts img {
  256.     max-width: 100%;
  257. }
  258.  
  259.  
  260. a {
  261.     color: {color:links};
  262.     text-decoration: none;
  263.     transition: 1s ease-in-out;
  264.     text-shadow: 0px 0px 1px black, 1px 1px 3px black, 0px 0px 1px {color:links}, 0px 0px 10px {color:links}, 0px 0px 20px {color:links};
  265. }
  266.  
  267. a:hover {
  268.     text-decoration: none;
  269.     color: {color:linkh};
  270.     transition: 1s ease-in-out;
  271.     filter: blur(1px);
  272.     -webkit-filter: blur(1px);
  273.     text-shadow: 0px 0px 1px black, 1px 1px 3px black, 0px 0px 1px {color:linkh}, 0px 0px 10px {color:linkh}, 0px 0px 20px {color:linkh};
  274. }
  275.  
  276. hr{
  277.     background: url({image:info}) fixed;
  278.     height: 5px;
  279.     border: none;
  280.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  281. }
  282.  
  283. b, strong {
  284.     font-family: 'Playfair Display', serif;
  285.     text-transform: uppercase;
  286.     color: {color:bold};
  287.     font-weight: bold;
  288.     text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:bold}, 0px 0px 30px {color:bold};
  289.     font-size: 110%;
  290. }
  291.  
  292. i, em {
  293.     color: {color:italic};
  294.     font-size: 140%;
  295.     font-family: "Slabo 27px", cursive;
  296.     font-style: italic;
  297.     text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:italic}, 0px 0px 30px {color:italic};
  298. }
  299.  
  300. b em, strong em, strong i, i strong, em strong, em b, b i, i b {
  301.     font-size: 15px!important;
  302.     font-style: italic;
  303.     text-transform: none;
  304.     font-family: "Arimo", Arial;
  305. }
  306.  
  307. h1 i, h1 em, em h1, i h1, h2 i, h2 em, em h2, i h2{
  308.     font-family: 'Playfair Display', serif;
  309.     font-size: 100%;
  310. }
  311.  
  312. code{
  313.     font-family: 'Share Tech Mono', monospace;
  314. }
  315.  
  316. pre {
  317.     font-family: 'Share Tech Mono', monospace;
  318.     background: url({image:info}) fixed;
  319.     padding: 7px;
  320.     border-bottom: 3px solid {text:accent};
  321.     border-top: 3px solid {text:accent};
  322.     border-radius: 5px;
  323.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  324.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  325.     font-size: 12px;
  326.     line-height: 100%;
  327.     word-wrap: break-word;
  328.     white-space: pre-wrap;
  329.     padding: 7px;
  330. }
  331.  
  332. blockquote{
  333.     border-left: 5px solid {text:accent};
  334.     border-radius: 10px;
  335.     padding: 14px;
  336.     margin-left: 10px;
  337.     margin-right: 4px;
  338.     background: {text:backgrounds};
  339.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  340. }
  341.  
  342. h1{
  343.     color: rgba(0,0,0,.0);
  344.     background: url({image:info}) fixed;
  345.     border-bottom: 3px solid {text:accent};
  346.     border-top: 3px solid {text:accent};
  347.     border-radius: 10px;
  348.     text-align: center;
  349.     text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  350.     line-height: 100%;
  351.     font-size: 30px;
  352.     text-transform: uppercase;
  353.     font-family: 'Playfair Display', serif;
  354.     padding: 10px;
  355.     box-shadow: 0px 0px 5px rgba(0,0,0,.4);
  356. }
  357.  
  358. h2{
  359.     color: rgba(0,0,0,.0);
  360.     text-align: center;
  361.     font-family: 'Playfair Display', serif;
  362.     text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  363.     line-height: 100%;
  364.     text-transform: uppercase;
  365. }
  366.  
  367. h3{
  368.     color: rgba(0,0,0,.0);
  369.     text-align: center;
  370.     font-family: 'Playfair Display', serif;
  371.     text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  372.     line-height: 100%;
  373. }
  374.        
  375. #entries {
  376.     width: {text:width};
  377.     height: {text:height};
  378.     margin-top: {text:topmargin};
  379.     margin-left: {text:leftmargin};
  380.     overflow: scroll;
  381.     overflow-x: hidden;
  382. }
  383.  
  384. #posts{
  385.     width: 500px;
  386.     padding:10px;
  387.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  388.     background: {text:backgrounds};
  389.     margin-top: 10px;
  390.     margin-bottom: 20px;
  391.     margin-left: auto;
  392.     margin-right: auto;
  393.     border-radius: 10px;
  394. }
  395.  
  396.                    /*---- N A V I G A T E ---*/
  397.  
  398. #navigate {
  399.     font-size: 60px;
  400.     margin-left: 50px;
  401.     top: 280px;
  402.     position: fixed;
  403.     -ms-transform: rotate(20deg); /* IE 9 */
  404.     -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  405.     transform: rotate(20deg);
  406. }
  407.  
  408. #navigate2 {
  409.     font-size: 40px;
  410.     margin-left: 210px;
  411.     top: 320px;
  412.     position: fixed;
  413.     -ms-transform: rotate(-7deg); /* IE 9 */
  414.     -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  415.     transform: rotate(-7deg);
  416. }
  417.  
  418. #navigate3 {
  419.     font-size: 35px;
  420.     margin-left:130px;
  421.     top: 350px;
  422.     position: fixed;
  423.     -ms-transform: rotate(-49deg); /* IE 9 */
  424.     -webkit-transform: rotate(-49deg); /* Chrome, Safari, Opera */
  425.     transform: rotate(-49deg);
  426. }
  427.  
  428. #navigate4 {
  429.     font-size: 30px;
  430.     margin-left: 50px;
  431.     top: 360px;
  432.     position: fixed;
  433.     -ms-transform: rotate(-17deg); /* IE 9 */
  434.     -webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
  435.     transform: rotate(-17deg);
  436. }
  437.  
  438. #navigate5 {
  439.     font-size: 40px;
  440.     margin-left: 200px;
  441.     top: 390px;
  442.     position: fixed;
  443.     -ms-transform: rotate(37deg); /* IE 9 */
  444.     -webkit-transform: rotate(37deg); /* Chrome, Safari, Opera */
  445.     transform: rotate(37deg);
  446. }
  447.  
  448. #music{
  449.     font-size: 70px;
  450.     margin-left: 100px;
  451.     top: 260px;
  452.     position: fixed;
  453.     transition: 1s ease-in-out;
  454. }
  455.  
  456. #musicbulk{
  457.     font-size:12px;
  458.     margin-top: 25px;
  459.     opacity: 0;
  460.     transition: 1s ease-in-out;
  461. }
  462.  
  463. #music:hover #musicbulk{
  464.     opacity: 1;
  465.     transition: 1s ease-in-out;
  466. }
  467.  
  468. #navi a {
  469.     font-family: 'Playfair Display', serif;
  470. }
  471.  
  472.  
  473.                    /*---- M U S I C ---*/
  474.  
  475. .playerbuttonbg {
  476.     position: absolute;
  477.     left: 10px;
  478.     top: 10px;
  479.     width: 80px;
  480.     height: 80px;
  481.     background-color: #000;
  482.     padding: 10px;
  483.     opacity: .4;
  484.     filter: alpha(opacity=40);
  485.     -moz-opacity: 0.4;
  486.     -khtml-opacity: 0.4;
  487.     transition: opacity .7s ease-in-out;
  488.     -moz-transition: opacity .7s ease-in-out;
  489.     -webkit-transition: opacity .7s ease-in-out;
  490. }
  491.            
  492. .playerbuttonbg:hover {
  493.     opacity: 0.7;
  494.     filter: alpha(opacity=100);
  495.     -moz-opacity: 1;
  496.     -khtml-opacity: 1;
  497. }
  498.        
  499. .newplayerbutton {
  500.     position: relative;
  501.     margin-top: 30px;
  502.     margin-left: 20px;
  503.     width: 35px;
  504.     height: 30px;
  505.     overflow: hidden;
  506. }
  507.            
  508. .playerbuttonhug {
  509.     position: absolute;
  510.     top: 3px;
  511.     left: 6px;
  512. }
  513.        
  514. .tumblr_audio_player {
  515.     margin-top: -10px;
  516.     margin-left: -5px;
  517.     height: 90px;
  518.     width: 270px;
  519.     filter: invert(100%);
  520.     -moz-transform-origin: top left;
  521.     -webkit-transform-origin: top left;
  522.     -o-transform-origin: top left;
  523.     -ms-transform-origin: top left;
  524.     transform-origin: top left;
  525. }
  526.            
  527. .audioimgwrapper {
  528.     position: absolute;
  529.     left: 0px;
  530.     top: 0px;
  531.     text-transform: uppercase;
  532.     border-bottom: 3px solid {text:accent};
  533.     border-top: 3px solid {text:accent};
  534.     border-radius: 5px;
  535.     overflow: hidden;
  536.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  537.     width: 120px;
  538.     height: 120px;
  539. }
  540.            
  541. .audioimgwrapper img {
  542.     width: 100%;
  543. }
  544.            
  545. .trackdetails {
  546.     width: 340px;                
  547.     text-transform: uppercase;
  548.     display:inline-block;
  549.     color: rgba(0,0,0,.0);
  550.     text-shadow: 0px 0px .5px {color:text};
  551.     text-align: left;
  552.     font-family: 'Playfair Display', serif;
  553.     padding-top: 4px;
  554.     margin-left: 135px;
  555.     padding-left: 20px;
  556.     min-height: 100px;
  557.     border-left: 5px solid {text:accent};
  558.     border-radius: 10px;
  559.     background: {text:backgrounds};
  560.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  561. }
  562.  
  563. .trackdetails em {
  564.     color: {color:italic};
  565.     text-transform: none;
  566.     font-size: 120%;
  567.     text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  568. }
  569.            
  570. .audiowrapper {
  571.     color: {color:bold};
  572.     text-shadow: 0px 0px 1px {color:bold};
  573.     position: relative;
  574.     display:inline-block;
  575. }
  576.  
  577.                    /*---- P R E V / N E X T---*/
  578.  
  579. #previ a {
  580.     font-family: calibri;
  581. }
  582.  
  583. #previ a:hover{
  584. }
  585.  
  586. #previ1 {
  587.     font-size: 70px;
  588.     margin-left: 640px;
  589.     margin-top: 50px;
  590.     position: fixed;
  591. }
  592.  
  593. #previ2 {
  594.     font-size: 70px;
  595.     margin-left: 1100px;
  596.     margin-top: -515px;
  597.     position: fixed;
  598. }
  599.  
  600.                    /*---- A N S W E R S ---*/
  601.  
  602. #asker {
  603.     border-radius: 10px;
  604.     text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  605.     font-size: 14px;
  606.     padding: 7px;
  607.     min-height: 70px;
  608.     display: inline-block;
  609. }
  610.  
  611. #asker {
  612.     float:left;
  613.     margin-right:5px;
  614. }
  615.  
  616. #askiz a{
  617.     color: {color:titles};
  618. }
  619.  
  620. #askon a{
  621.     color: {color:navlinks};
  622.     text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  623. }
  624.  
  625. #askon a:hover{
  626.     color: rgba(0,0,0,.0);
  627.     text-shadow: 0px 0px 4px {color:navlinks};
  628. }
  629.  
  630. #asker img{
  631.     border-radius: 100%;
  632.     background: {text:accent};
  633.     border: 3px solid {text:accent};
  634.     margin-left: 10px;
  635.     margin-top: -10px;
  636.     box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  637. }
  638.  
  639.  
  640. #askiz {
  641.     text-align: center;
  642.     font-family: 'Playfair Display', serif;
  643.     background:  url({image:info}) fixed;
  644.     border-top: 3px solid {text:accent};
  645.     border-bottom: 3px solid {text:accent};
  646.     border-radius: 10px;
  647.     margin-top: -30px;
  648.     color: {color:titles};
  649.     font-weight: bold;
  650.     text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  651.     font-size: 18px;
  652.     padding: 7px;
  653.     min-height: 100px;
  654. }
  655.  
  656. #asksh{
  657.     text-shadow: none;
  658.     text-transform: uppercase;
  659.     font-weight: normal;
  660.     padding: 10px;
  661.     text-align: center;
  662.     font-family: 'Playfair Display', serif;
  663.     text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  664.     font-size: 14px;
  665.     line-height: 100%;
  666. }
  667.  
  668. #askon{
  669.     text-shadow: none;
  670.     font-weight: bold;
  671.     margin-top: -15px;
  672.     text-align: left;
  673.     margin-left: 35px;
  674.     text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title}, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
  675.     font-family: 'Calligraffitti', cursive;
  676.     font-size: 30px;
  677.    
  678. }
  679.  
  680.                    /*---- I N F O ---*/
  681.  
  682. #info{
  683.     color: {color:title};
  684.     text-align: center;
  685.     text-shadow: 0px 0px 1px {color:title}, 1px 1px 3px rgba(0,0,0,.4), 0px 0px 20px {color:title};
  686.     letter-spacing: 3px;
  687.     font-family: 'Playfair Display', serif;
  688.     font-size: 8px;
  689.     margin-top: -5px;
  690.     text-transform: uppercase;
  691.     line-height: 100%;
  692.     padding: 10px;
  693.     border-top: 3px solid {text:accent};
  694.     border-bottom: 3px solid {text:accent};
  695.     border-radius: 10px;
  696.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  697.     background:  url({image:info}) fixed;
  698. }
  699.  
  700. #info a{
  701.     color: {color:title};
  702.     text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:title}, 0px 0px 30px {color:title};
  703.     font-weight: bold;
  704.     text-decoration: none;
  705. }
  706.  
  707. #info a:hover{
  708.     color: rgba(0,0,0,.0);
  709.     text-shadow: 0px 0px 2px {color:decriptiontitle};
  710. }
  711.  
  712. #inforite{
  713.     text-align: center;
  714.     font-weight: bold;
  715.     letter-spacing: 10px;
  716.     margin-top: 15px;
  717. }
  718.  
  719. #inforite a{
  720.     color: {color:bold};
  721.     text-shadow: 0px 0px 10px black, 0px 0px 5px black, 0px 0px 20px {color:bold}, 0px 0px 30px {color:bold};
  722.     text-decoration: none;
  723. }
  724.  
  725. #inforite a:hover{
  726.     color: rgba(0,0,0,.0);
  727.     text-shadow: 0px 0px 2px {color:links};
  728. }
  729.        
  730. #tagooo{
  731.     text-align: center;
  732.     text-transform: uppercase;
  733.     letter-spacing: 2px;
  734.     margin-top: 5px;
  735.     font-size: 10px;
  736.     font-family: 'Share Tech Mono', monospace;
  737. }
  738.  
  739. #tagooo a {
  740.     color: {color:links};
  741.     text-shadow: 0px 0px 10px {color:links}, 1px 1px 4px rgba(0,0,0,.6);
  742. }
  743.  
  744. #tagooo a:hover{
  745.     color: rgba(0,0,0,.0);
  746.     text-shadow: 0px 0px 2px {color:links};
  747. }
  748.  
  749.                    /*---- N O T E S ---*/
  750.                    
  751. ol.notes {
  752.     list-style-type: none;
  753.     text-transform: uppercase;
  754.     font-family: 'Share Tech Mono', monospace;
  755.     letter-spacing: 1px;
  756.     margin-top: 20px;
  757.     width: 500px;
  758.     padding:10px;
  759.     background: {text:backgrounds};
  760.     border-radius: 10px;
  761.     margin-left: auto;
  762.     margin-right: auto;
  763. }
  764.  
  765. ol.notes a {
  766.     color: {color:links};
  767. }
  768.  
  769. ol.notes a:hover{
  770.     color: rgba(0,0,0,.0);
  771.     text-shadow: 0px 0px 2px {color:linkh};
  772.     text-decoration: none;
  773. }
  774.  
  775. ol.notes img {
  776.     border-radius: 100%;
  777.     margin-left: 5px;
  778.     margin-top: 5px;
  779. }
  780.  
  781.                    /*---- D E S C R I P T I O N
  782.              ©omni themes, do not claim as your own---*/
  783.                    
  784. #update #utitle{
  785.     margin-left: 535px;
  786.     opacity: 1;
  787.     margin-top: 200px;
  788.     font-weight: bold;
  789.     position: fixed;
  790.     font-size: 15px;
  791.     color: {color:decriptiontitle};
  792.     text-shadow: 0px 0px 1px black, 1px 1px 3px black, 0px 0px 1px {color:decriptiontitle}, 0px 0px 10px {color:decriptiontitle}, 0px 0px 20px {color:decriptiontitle};
  793.     font-family: 'Playfair Display', serif;
  794.     -ms-transform: rotate(-90deg); /* IE 9 */
  795.     -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  796.     transform: rotate(-90deg);
  797.     -webkit-transition-duration: 1s; /* Safari */
  798.     transition-duration: 1s;
  799. }
  800.  
  801. #update:hover #utitle{
  802.     color: rgba(0,0,0,.0);
  803.     text-shadow: 0px 0px 4px {color:decriptiontitle};
  804.     -webkit-transition-duration: 1s; /* Safari */
  805.     transition-duration: 1s;
  806. }
  807.  
  808. #ariamap{
  809.     width: 140px;
  810.     height: 300px;
  811.     left: 430px;
  812.     top: 20px;
  813.     background: none;
  814.     position: fixed;
  815. }
  816.  
  817. #up{
  818.     top: 10px;
  819.     left: 20px;
  820.     font-size:10px;
  821.     opacity: 0;
  822.     width: 190px;
  823.     height: 200px;
  824.     padding: 10px;
  825.     position: fixed;
  826.     text-align: justify;
  827.     overflow-y: scroll;
  828.     overflow-x: hidden;
  829.     border-bottom: 3px solid {text:accent};
  830.     border-top: 3px solid {text:accent};
  831.     border-radius: 5px;
  832.     background: {text:backgrounds};
  833.     -webkit-transition-duration: 1s; /* Safari */
  834.     transition-duration: 1s;
  835.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  836. }
  837.  
  838. #update:hover #up{
  839.     opacity: 1;
  840.     -webkit-transition-duration: 1s; /* Safari */
  841.     transition-duration: 1s;
  842. }
  843.  
  844.                    /*---- C R E D I T  ---*/
  845.             /*------- DO NOT REMOVE CREDIT -------*/
  846.  
  847. #themecredit {
  848.     font-family: 'Share Tech Mono', monospace;
  849.     background: url({image:info}) fixed;
  850.     text-transform: uppercase;
  851.     text-align: center;
  852.     font-size: 10px;
  853.     padding: 7px;
  854.     border-bottom: 3px solid {text:accent};
  855.     border-top: 3px solid {text:accent};
  856.     border-radius: 5px;
  857.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  858.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  859.     line-height: 100%;
  860.     padding: 7px;
  861.     width: 220px;
  862.     position: fixed;
  863.     z-index: 99999999999999999;
  864.     text-shadow: 1px 1px 2px rgba(114,111,64,.7), 0px 0px 20px {text:accent};
  865.     left:20px;
  866.     letter-spacing:1px;
  867.     bottom:20px;
  868. }
  869.        
  870. {CustomCSS}</style>
  871.        
  872.     </head>
  873.     <body>
  874.    
  875. <div id="themecredit">
  876.    ☾ <b>[</b> <a href="https://omnipotenceisoverrated.tumblr.com/themes"> omnipotenceisoverrated</a> <b>]</b>
  877. </div>
  878.  
  879. <script type="text/javascript" src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  880.  
  881.         <!-- D E S C R I P T I O N  &  N A V I G A T I O N
  882.               ©omni themes, do not claim as your own -->
  883.                            
  884.     <div id="update">      
  885.         <div id="utitle">.DESCRIPTION</div>
  886.         <div id="navi">
  887.  
  888.             <div id="navigate">
  889.                 <a href="{text:link1url}" title="{text:link1name}">I</a>
  890.         </div>
  891.                
  892.             <div id="navigate2">
  893.                 <a href="#?w=520" rel="link2" class="poplight" title="{text:link2name}">II</a>
  894.         </div>
  895.  
  896.             <div id="navigate3">
  897.                 <a href="#?w=520" rel="link3" class="poplight" title="{text:link3name}">III</a>
  898.         </div>
  899.        
  900.             <div id="navigate4">
  901.                 <a href="#?w=520" rel="link4" class="poplight" title="{text:link4name}">IV</a>
  902.         </div>
  903.        
  904.             <div id="navigate5">
  905.                 <a href="#?w=520" rel="link5" class="poplight" title="{text:link5name}">V</a>
  906.             </div>
  907.            
  908.             {block:Ifmusicplayer}
  909.             <div id="music">
  910.                 <a href="#" title="music player">♪</a>
  911.                 <p id="musicbulk">{text:musicp}</p>
  912.             </div>
  913.             {/block:Ifmusicplayer}
  914.            
  915.         </div>
  916.         <div id="up">{Description}</div>
  917.     </div>
  918.        
  919.                            <!-- P O S T S -->
  920.  
  921. <div id="entries">
  922.     {block:Posts}
  923.         <div id="posts">
  924.        
  925.         <!-- {block:NoRebloggedFrom}
  926. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  927. {/block:NoRebloggedFrom} -->
  928.  
  929. {block:ContentSource}<!-- {SourceURL}
  930. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  931. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  932. {/block:ContentSource}
  933.            
  934.      {block:Text}
  935.              {block:Title}
  936.              <h1>{Title}</h1>
  937.              {/block:Title}
  938.              {Body}
  939.      {/block:Text}
  940.      
  941.      {block:Photo}
  942.              <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  943.              {block:Caption}
  944.              {Caption}
  945.              {/block:Caption}
  946.      {/block:Photo}
  947.      
  948.      {block:Photoset}
  949.              {Photoset-500}{block:Caption}
  950.              {Caption}
  951.              {/block:Caption}
  952.      {/block:Photoset}
  953.      
  954.      {block:Quote}
  955.              <h1 style="font-size: 20px;">{Quote}❞</h1>
  956.              {block:Source}
  957.              <h2><span style="letter-spacing: -2px;">————</span> {Source}</h2>
  958.              {/block:Source}
  959.      {/block:Quote}
  960.      
  961.      {block:Link}
  962.              <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  963.              {block:Description}
  964.              {Description}
  965.              {/block:Description}
  966.      {/block:Link}
  967.      
  968.      {block:Chat}
  969.              {block:Title}
  970.              <h1>{Title}</h1>
  971.              {/block:Title}
  972.              {block:Lines}
  973.              {block:Label}
  974.              <b>{Label}</b>
  975.              {/block:Label}{Line}<br>
  976.              {/block:Lines}
  977.      {/block:Chat}
  978.      
  979.      {block:Video}
  980.              {Video-500}
  981.              {block:Caption}
  982.              {Caption}
  983.              {/block:Caption}
  984.      {/block:Video}
  985.      
  986.  {block:AudioPlayer}
  987.              <div class="audiowrapper">
  988.              {block:AlbumArt}
  989.              <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  990.              {/block:AlbumArt}
  991.              <div class="playerbuttonbg">
  992.              <div class="newplayerbutton">
  993.              <div class="playerbuttonhug">
  994.              {AudioPlayerBlack}
  995.              </div>
  996.              </div>
  997.              </div>
  998.              <div class="trackdetails">
  999.              <big>{block:TrackName}<p><center><em><span style="text-transform: uppercase;">{TrackName}</span></em></center>{/block:TrackName}</big><br><hr><br>
  1000.              {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1001.              {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1002.              {PlayCountWithLabel}</p>
  1003.              </div>
  1004.              </div>
  1005.      {/block:AudioPlayer}
  1006.      
  1007.      {block:Answer}
  1008.             <div id="askon"><p>{Asker} wondered:</div><div id="asker"><img src="{AskerPortraitURL-64}"></div><div id="askiz"><p><div id="asksh"><big><big>❝</big></big>&nbsp;&nbsp;{Question}&nbsp;&nbsp;<big><big>❞</big></big></p></div></div><br><blockquote>{Answer}</blockquote>
  1009.     {/block:Answer}
  1010.      
  1011.           <div id="inforite">
  1012. {block:Date}<a href="{Permalink}" title="posted {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month}, {Year}">I</a>{/block:Date}&nbsp;&nbsp;&nbsp;  <a href="{ReblogURL}" title="reblog">II</a>&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"
  1013. title="reblogged From {ReblogParentTitle}">III</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="originally from {ReblogRoottitle}">IV</a>{/block:RebloggedFrom}<br></div>
  1014.      <div id="info">
  1015.         Posted <a href="{Permalink}">{TimeAgo}</a>, with <a href="{Permalink}">{NoteCount} notes</a>
  1016.      </div>
  1017.      
  1018. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1019.  
  1020.         </div>
  1021.        
  1022.     {PostNotes}{/block:Posts}
  1023.     </div>
  1024.    
  1025.      
  1026.         </div>
  1027.     {/block:Posts}
  1028.     </div>
  1029.  
  1030.    
  1031.     <div id="previ">
  1032.         <div id="previ1">
  1033.             {block:PreviousPage}
  1034.                 <a href="{PreviousPage}">«</a>
  1035.             {/block:PreviousPage}
  1036.         </div>
  1037.         <div id="previ2">
  1038.             {block:NextPage}
  1039.                 <a href="{NextPage}">»</a>
  1040.             {/block:NextPage}
  1041.         </div>
  1042.     </div>
  1043.          
  1044.     </body>
  1045.    
  1046.     <!--start of tumblr controls-->
  1047. <link href='https://static.tumblr.com/8pnyeus/AuJogrujr/tumblrcontrols.css' rel='stylesheet' type='text/css'>
  1048. <ul id="tumblr-controls"><li><a href="https://tumblr.com/message/{name}" title="message" target="_blank"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg></a><li><a href="#" title="follow" onClick="MyWindow=window.open('https://tumblr.com/follow/{name}','MyWindow','width=600,height=360,top=120,left=400'); return false;"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.1,176c0,3.3,2.7,6,6,6h101.8c3.3,0,6-2.7,6-6c0-33.2-15-61.7-36.1-73.1c10.2-6.7,16.9-18.3,16.9-31.4c0-20.7-16.9-37.6-37.6-37.6S70.4,50.7,70.4,71.5c0,13.1,6.7,24.6,16.9,31.4C66.1,114.3,51.1,142.8,51.1,176z M82.4,71.5c0-14.1,11.5-25.6,25.6-25.6s25.6,11.5,25.6,25.6S122.1,97.1,108,97.1S82.4,85.6,82.4,71.5z M108,109.4c23.4,0,42.6,26.7,44.7,60.6H63.3C65.4,136.1,84.6,109.4,108,109.4z"/></svg></a>{block:PermalinkPage}{block:Posts}<li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></span></div><li><a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a>{/block:Posts}<li><a href="#" title="share" onClick="MyWindow=window.open('/post/{postID}/embed','MyWindow','width=600,height=500,top=120,left=400'); return false;"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M163.1,86.3h-25.4c-3.3,0-6,2.7-6,6s2.7,6,6,6h19.4v71.2H58.9V98.3h21.4c3.3,0,6-2.7,6-6s-2.7-6-6-6H52.9c-3.3,0-6,2.7-6,6v83.2c0,3.3,2.7,6,6,6h110.2c3.3,0,6-2.7,6-6V92.3C169.1,89,166.4,86.3,163.1,86.3z"/><path d="M108,131c3.3,0,6-2.7,6-6V44.5l22.4,21.8c2.4,2.3,6.2,2.3,8.5-0.1c2.3-2.4,2.3-6.2-0.1-8.5L113.3,27c-2.2-2.1-5.5-2.2-7.9-0.4c-1.1,0.5-2,1.4-2.6,2.4L72.9,57.7c-2.4,2.3-2.5,6.1-0.2,8.5c1.2,1.2,2.8,1.8,4.3,1.8c1.5,0,3-0.6,4.2-1.7L102,46.4V125C102,128.3,104.7,131,108,131z"/></svg></a>{/block:PermalinkPage}<li><a href="https://tumblr.com/dashboard" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4z M162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></ul>
  1049. <!--end of tumblr controls-->
  1050.          
  1051.    <!-- B O X E S -->
  1052.    
  1053. <div id="link2" class="popup_block">
  1054. {text:box1}
  1055. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{text:username}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  1056. </div>
  1057.  
  1058.  
  1059. <div id="link3" class="popup_block">
  1060. {text:box2}
  1061. </div>
  1062.  
  1063. <div id="link4" class="popup_block">
  1064. {text:box3}
  1065. </div>
  1066.  
  1067. <div id="link5" class="popup_block">
  1068. {text:box4}
  1069. </div>
  1070. </html>
Advertisement
Add Comment
Please, Sign In to add comment