API tools faq
paste
shotgunsandsass

Veilfire

shotgunsandsass
Dec 13th, 2015
2,161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 32.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.                               THEME BY
  5.          █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6.          █░░█ █░▀░█ █░░█ ░█░ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7.          ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8.                         DO NOT REMOVE CREDIT
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <html>
  14.     <head>
  15.         <title>{Title}</title>
  16.         <link rel="shortcut icon" href="{Favicon}">
  17.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.         {block:Description}
  19.             <meta name="description" content="{MetaDescription}" />
  20.         {/block:Description}
  21.        
  22.                            <!-- S C R I P T S -->
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)', 'filter' : 'blur(20px)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.        
  54.                            <!-- C O L O U R S -->
  55. <meta name="color:background" content="#1d2027"/>
  56. <meta name="color:links" content="white"/>
  57. <meta name="color:linkh" content="acb64a"/>
  58. <meta name="color:title" content="white"/>
  59. <meta name="color:accent" content="#d87f2a"/>
  60. <meta name="color:blockline" content="#d87f2a"/>
  61. <meta name="color:text" content="#c6c6c6"/>
  62. <meta name="color:navlinks" content="#cb5729"/>
  63. <meta name="color:bold" content="#d87f2a"/>
  64. <meta name="color:italic" content="#acb64a"/>
  65. <meta name="color:decriptiontitle" content="#000"/>
  66.  
  67.                            <!-- L I N K S -->
  68. <meta name="text:link1URL" content="/"/>
  69. <meta name="text:link1name" content="home"/>
  70. <meta name="text:link2URL" content="/ask"/>
  71. <meta name="text:link2name" content="message"/>
  72. <meta name="text:link3name" content="bio"/>
  73. <meta name="text:link4name" content="nav"/>
  74. <meta name="text:link5name" content="rules"/>
  75. <meta name="text:link6name" content="verses"/>
  76.  
  77.                         <!---- C O N T R O L S --->
  78. <meta name="text:height" content="510px"/>
  79. <meta name="text:margintop" content="95px"/>
  80. <meta name="text:marginleft" content="440px"/>
  81.  
  82.                       <!-- R G B A    C O L O U R S -->
  83. <meta name="text:backgrounds" content="rgba(29,32,39,.8)"/>
  84. <meta name="text:accent" content="rgba(172,182,75,.4)"/>
  85.  
  86.                            <!---- P O P U P S  --->
  87. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  88. <meta name="text:box2" content="insert html"/>
  89. <meta name="text:box3" content="insert html"/>
  90. <meta name="text:box4" content="insert html"/>
  91.  
  92.                            <!---- U P D A T E --->
  93. <meta name="text:update1text" content="words, words, words"/>
  94. <meta name="text:update2text" content="words, words, words"/>
  95. <meta name="text:update3text" content="words, words, words"/>
  96. <meta name="if:updates" content=""/>
  97.  
  98.                            <!-- F O N T S -->
  99. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  100. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  101. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  102.  
  103.                            <!---- O T H E R  --->
  104. <meta name="text:url" content="insert username"/>
  105.  
  106.                            <!-- I M A G E S -->
  107. <meta name="image:background image" content="https://dl.dropboxusercontent.com/content_link/AcQbVoC1Ad9fd572Tv3c0GoaPEpc3pnLKfM2U2XPuYqQcquXKzVdrOXAuFpJ3FoK/file"/>
  108. <meta name="image:infosmall" content="http://static.tumblr.com/jlxoeum/ZfBnzb35b/pop.gif"/>
  109. <meta name="image:popborder" content="http://static.tumblr.com/jlxoeum/Rtanzb35v/backerdistordarkt.png"/>
  110.        
  111.         <style type="text/css">
  112.        
  113.                          /*---- S C R O L L  ---*/
  114. ::-webkit-scrollbar-thumb:vertical {
  115.     background: url({image:popborder});
  116.     border-radius: 6px;
  117.     height: 10px;
  118.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb:horizontal {
  122.     background-color:  rgba(31,31,31,.1);
  123.     height:10px!important;
  124. }
  125.  
  126. ::-webkit-scrollbar {
  127.     background-color: rgba(31,31,31,.1);
  128.     height:10px;
  129.     width:12px;
  130. }
  131.  
  132. #update ::-webkit-scrollbar-thumb:vertical {
  133.     background: {text:accent};
  134.     height: 4px;
  135. }
  136.  
  137. #update ::-webkit-scrollbar-thumb:horizontal {
  138.     background-color:  rgba(31,31,31,.1);
  139.     height:4px!important;
  140. }
  141.  
  142. #update ::-webkit-scrollbar {
  143.     background-color: rgba(31,31,31,.1);
  144.     height:4px;
  145.     width:4px;
  146. }
  147.  
  148.                        /*---- S E L E C T  ---*/
  149.                        
  150. ::selection
  151. {
  152.     opacity: 1;
  153.     background: #000;
  154.     color: {color:accent};
  155. }
  156.            
  157. ::-moz-selection
  158. {
  159.     opacity: 1;
  160.     background: #000;
  161.     color: {color:accent};
  162. }
  163.  
  164. p::selection
  165. {
  166.     opacity: 1;
  167.     background: #000;
  168.     color: {color:accent};
  169. }
  170.            
  171. p::-moz-selection
  172. {
  173.     opacity: 1;
  174.     background: #464133;
  175.     color: {color:accent};
  176. }
  177.  
  178.                        /*---- T O O L   T I P  ---*/
  179.                        
  180. div#qTip
  181. {
  182.     background-image: url({image:infosmall});
  183.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  184.     border-radius: 3px;
  185.     text-align: center;
  186.     font-family: Courier, monospace;
  187.     letter-spacing: 2px;
  188.     font-size: 11px;
  189.     font-weight: bold;
  190.     text-transform: uppercase;
  191.     display: none;
  192.     position: fixed;
  193.     z-index: 9999999999999999999999;
  194.     margin: 2px;
  195.     color: rgba(0,0,0,.0);
  196.     text-shadow: 0px 0px .5px {color:text};
  197.     font-weight: bold;
  198.     padding:5px;
  199.     -webkit-transition-duration: 1s; /* Safari */
  200.     transition-duration: 1s;
  201. }
  202.  
  203.                          /*---- P O P U P ---*/
  204. .popup_block{
  205.     display:none;
  206.     background-color: {text:backgrounds};
  207.     border: 40px solid;
  208.     -webkit-border-image: url({image:popborder}) 40 round; /* Safari 3.1-5 */
  209.     -o-border-image: url({image:popborder}) 40 round; /* Opera 11-12.1 */
  210.     border-image: url({image:popborder}) 40 round;
  211.     height: 400px;
  212.     overflow-x: hidden;
  213.     overflow-y: scroll;
  214.     padding:20px;
  215.     border-radius: 10px;
  216.     float:left;
  217.     position:fixed;
  218.     top:50%;left:50%;
  219.     z-index: 99999;
  220. }
  221.  
  222.  
  223. *html #fade {position: absolute;}
  224. *html .popup_block {position: absolute;}
  225. #fade {
  226.     display:none;
  227.     position:fixed;
  228.     filter: blur(10px);
  229.     -webkit-filter: blur(10px);
  230.     -moz-filter: blur(10px);
  231.     left:0px;
  232.     top:0px;
  233.     width:100%;
  234.     height:100%;
  235.     z-index:9999;
  236.     background: {text:backgrounds}; /* change to #fff for solid white */
  237.     -webkit-filter: grayscale(100%);
  238.     -moz-filter: grayscale(100%);
  239.     filter: grayscale(100%);
  240. }
  241.                    
  242.  
  243.  
  244.                    /*---- M A I N  T H E M E  ---*/
  245.        
  246. body {
  247.     background: url("{image:background image}") {color:background};
  248.     background-attachment: fixed;
  249.     background-repeat: no-repeat;
  250.     margin:0px;
  251.     color:{color:text};
  252.     font-family: Arial;
  253.     font-size: 12px;
  254.     line-height:100%;
  255. }
  256.  
  257. a {
  258.     color: rgba(0,0,0,.0);
  259.     text-shadow: 0px 0px 1px {color:links};
  260.     text-decoration: none;
  261.     -webkit-transition-duration: 1s; /* Safari */
  262.     transition-duration: 1s;
  263. }
  264.  
  265. a:hover{
  266.     color: {color:linkh};
  267.     text-shadow: 0px 0px 7px {color:linkh};
  268.     text-decoration: none;
  269.     -webkit-transition-duration: 1s; /* Safari */
  270.     transition-duration: 1s;
  271. }
  272.  
  273. blockquote{
  274.     border-left: 10px solid {color:blockline};
  275.     padding: 15px;
  276.     margin-left: 20px;
  277.     margin-right: 10px;
  278.     background: {text:backgrounds};
  279.     border-radius: 20px 10px 10px 20px;
  280.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  281. }
  282.  
  283. h1{
  284.     color: rgba(0,0,0,.0);
  285.     text-shadow: 0px 0px 1px {color:title};
  286.     text-align: center;
  287.     font-family: Courier, monospace;
  288.     text-transform: uppercase;
  289.     background-color: {text:accent};
  290.     line-height: 100%;
  291.     padding: 10px;
  292.     border-radius: 20px;
  293. }
  294.  
  295. b, strong {
  296.     font-family: Courier, monospace;
  297.     text-transform: uppercase;
  298.     letter-spacing: 3px;
  299.     color: {color:bold};
  300.     font-weight: normal;
  301.     text-shadow: 0px 0px 10px {color:bold}, 0px 0px 20px {color:bold};
  302.     font-size: 110%;
  303. }
  304.  
  305. i, em {
  306.     color: {color:italic};
  307.     font-family: Georgia;
  308.     font-size: 120%;
  309.     text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  310. }
  311.  
  312. pre {
  313.     font-family: monospace;
  314.     background-color: rgba(32,32,32,.5);
  315.     padding: 7px;
  316.     border-radius: 10px;
  317.     border: 1px solid {text:accent};
  318.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  319.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  320.     font-size: 11px;
  321.     line-height: 100%;
  322.     word-wrap: break-word;
  323. }
  324.  
  325. h2{
  326.     color: rgba(0,0,0,.0);
  327.     text-shadow: 0px 0px 1px {color:title};
  328.     font-family: Courier, monospace;
  329.     text-align: center;
  330.     line-height: 100%;
  331.     text-transform: uppercase;
  332. }
  333.  
  334. h3{
  335.     text-align: center;
  336.     line-height: 100%;
  337. }
  338.  
  339. h1 a{
  340.      text-shadow: 0px 0px 1px {color:background};
  341. }
  342.  
  343.  
  344. h1 a:hover{
  345.     color: {color:linkh};
  346.     text-shadow: 0px 0px 7px {color:linkh};
  347.     text-decoration: none;
  348. }
  349.  
  350. h2 a{
  351.      text-shadow: 0px 0px 1px {color:italic};
  352. }
  353.  
  354.  
  355. h2 a:hover{
  356.     color: {color:links};
  357.     text-shadow: 0px 0px 7px {color:links};
  358.     text-decoration: none;
  359. }
  360.  
  361. hr{
  362.     background: url({image:popborder});
  363.     height: 10px;
  364.     margin-right:10px;
  365.     border: none;
  366.     border-radius: 10px;
  367.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  368. }
  369.  
  370. #info{
  371.     color: rgba(0,0,0,.0);
  372.     text-shadow: 0px 0px 1px {color:links};
  373.     text-align: center;
  374.     font-family: 'Archivo Narrow';
  375.     font-size: 16px;
  376.     margin-top: -5px;
  377.     text-transform: uppercase;
  378.     background: {color:accent};
  379.     line-height: 100%;
  380.     padding: 10px;
  381.     border-radius: 10px;
  382.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  383.     background-color: {text:accent};
  384. }
  385.  
  386. #info a{
  387.     color: rgba(0,0,0,.0);
  388.     text-shadow: 0px 0px 2.5px {color:links};
  389.     text-decoration: none;
  390. }
  391.  
  392. #info a:hover{
  393.     color: rgba(0,0,0,.0);
  394.     text-shadow: 0px 0px 2px {color:background};
  395. }
  396.  
  397. #inforite{
  398.     text-align: left;
  399.     margin-left: 10px;
  400.     margin-top: 15px;
  401. }
  402.  
  403. #inforite a{
  404.     color: {color:links};
  405.     text-shadow: 0px 0px 11px {color:links};
  406.     text-decoration: none;
  407. }
  408.  
  409. #inforite a:hover{
  410.     color: rgba(0,0,0,.0);
  411.     text-shadow: 0px 0px 2px {color:links};
  412. }
  413.        
  414. #entries {
  415.     width: 550px;
  416.     height: {text:height};
  417.     overflow: scroll;
  418.     overflow-x: hidden;
  419.     border-radius: 30px;
  420.     margin-top: {text:margintop};
  421.     margin-left: {text:marginleft};
  422. }
  423.  
  424. #posts{
  425.     width: 500px;
  426.     padding:10px;
  427.     background: {text:backgrounds};
  428.     margin-top: 10px;
  429.     margin-bottom: 30px;
  430.     margin-left: auto;
  431.     margin-right: auto;
  432.     border-radius: 20px;
  433.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  434. }
  435.  
  436. #tagooo{
  437.     text-align: center;
  438.     text-transform: uppercase;    
  439.     margin-top: 5px;
  440.     font-size: 10px;
  441. }
  442.  
  443. #tagooo a {
  444.     color: {color:links};
  445.     text-shadow: 0px 0px 10px {color:links}, 1px 1px 4px rgba(0,0,0,.6);
  446. }
  447.  
  448. #tagooo a:hover{
  449.     color: rgba(0,0,0,.0);
  450.     text-shadow: 0px 0px 2px {color:links};
  451. }
  452.  
  453.                    /*---- N A V I G A T E ---*/
  454.  
  455. #navigate {
  456.     font-size: 70px;
  457.     margin-left: 100px;
  458.     top: 390px;
  459.     position: fixed;
  460.     -ms-transform: rotate(7deg); /* IE 9 */
  461.     -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  462.     transform: rotate(7deg);
  463. }
  464.  
  465. #navigate2 {
  466.     font-size: 50px;
  467.     margin-left: 290px;
  468.     top: 340px;
  469.     position: fixed;
  470.     -ms-transform: rotate(-7deg); /* IE 9 */
  471.     -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  472.     transform: rotate(-7deg);
  473. }
  474.  
  475. #navigate3 {
  476.     font-size: 40px;
  477.     margin-left: 240px;
  478.     top: 410px;
  479.     position: fixed;
  480.     -ms-transform: rotate(-9deg); /* IE 9 */
  481.     -webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
  482.     transform: rotate(-9deg);
  483. }
  484.  
  485. #navigate4 {
  486.     font-size: 50px;
  487.     margin-left: 280px;
  488.     top: 470px;
  489.     position: fixed;
  490.     -ms-transform: rotate(17deg); /* IE 9 */
  491.     -webkit-transform: rotate(17deg); /* Chrome, Safari, Opera */
  492.     transform: rotate(17deg);
  493. }
  494.  
  495. #navigate5 {
  496.     font-size: 40px;
  497.     margin-left: 170px;
  498.     top: 510px;
  499.     position: fixed;
  500.     -ms-transform: rotate(-27deg); /* IE 9 */
  501.     -webkit-transform: rotate(-27deg); /* Chrome, Safari, Opera */
  502.     transform: rotate(-27deg);
  503. }
  504.  
  505. #navi a {
  506.     font-family: Courier, monospace;
  507.     display: inline-block;
  508.     color: {color:navlinks};
  509.     text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  510. }
  511.  
  512. #navi a:hover{
  513.     color: rgba(0,0,0,.0);
  514.     text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  515.     -ms-transform: rotate(-360deg); /* IE 9 */
  516.     -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  517.     transform: rotate(-360deg);
  518.     font-size: 80%;
  519. }
  520.  
  521. #previ a {
  522.     font-family: calibri;
  523.     color: {color:navlinks};
  524.     text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  525. }
  526.  
  527. #previ a:hover{
  528.     color: rgba(0,0,0,.0);
  529.     text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  530. }
  531.  
  532. #previ2 {
  533.     font-size: 70px;
  534.     margin-left: 910px;
  535.     margin-top: 30px;
  536.     position: fixed;
  537. }
  538.  
  539. #previ1 {
  540.     font-size: 70px;
  541.     margin-left: 500px;
  542.     margin-top: -560px;
  543.     position: fixed;
  544. }
  545.  
  546.                    /*---- A N S W E R S ---*/
  547.  
  548. #asker {
  549.     border-radius: 10px;
  550.     text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  551.     font-size: 14px;
  552.     padding: 7px;
  553.     min-height: 70px;
  554.     display: inline-block;
  555. }
  556.  
  557. #asker {
  558.     float:left;
  559.     margin-right:5px;
  560. }
  561.  
  562. #askiz a{
  563.     color: {color:titles};
  564. }
  565.  
  566. #askon a{
  567.     color: {color:navlinks};
  568.     text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  569. }
  570.  
  571. #askon a:hover{
  572.     color: rgba(0,0,0,.0);
  573.     text-shadow: 0px 0px 4px {color:navlinks};
  574. }
  575.  
  576. #asker img{
  577.     border-radius: 100%;
  578.     background: rgba(0,0,0,0.0);
  579.     margin-left: 10px;
  580.     margin-top: -10px;
  581.     box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  582. }
  583.  
  584. #askiz {
  585.     text-align: center;
  586.     font-family: Calligraffitti;
  587.     background-color: {text:accent};
  588.     margin-top: -27px;
  589.     color: {color:titles};
  590.     font-weight: bold;
  591.     border-radius: 10px;
  592.     text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  593.     font-size: 23px;
  594.     padding: 7px;
  595.     min-height: 100px;
  596. }
  597.  
  598. #asksh{
  599.     text-align: center;
  600.     text-shadow: none;
  601.     text-transform: uppercase;
  602.     font-weight: normal;
  603.     font-family: Calibri;
  604.     font-size: 14px;
  605.     text-shadow: 0px 0px 20px {color:background};
  606.     line-height: 100%;
  607.     -ms-transform: rotate(-1.5deg); /* IE 9 */
  608.     -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
  609.     transform: rotate(-1.5deg);
  610. }
  611.  
  612. #askon{
  613.     text-shadow: none;
  614.     font-weight: bold;
  615.     margin-top: -10px;
  616.     text-align: left;
  617.     margin-left: 15px;
  618.     font-family: Calligraffitti;
  619.     font-size: 27px;
  620.    
  621. }
  622.  
  623.                    /*---- N O T E S ---*/
  624.                    
  625. ol.notes {
  626.     list-style-type: none;
  627.     text-transform: uppercase;
  628.     margin-top: -20px;
  629.     width: 500px;
  630.     padding:10px;
  631.     background: {text:backgrounds};
  632.     margin-left: auto;
  633.     margin-right: auto;
  634.     border-radius: 20px;
  635.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  636. }
  637.  
  638. ol.notes a {
  639.     color: {color:links};
  640. }
  641.  
  642. ol.notes a:hover{
  643.     color: rgba(0,0,0,.0);
  644.     text-shadow: 0px 0px 2px {color:linkh};
  645.     text-decoration: none;
  646. }
  647.  
  648. ol.notes img {
  649.     border-radius: 100%;
  650.     margin-left: 5px;
  651.     margin-top: 5px;
  652. }
  653.  
  654.                    /*---- M U S I C ---*/
  655.  
  656. .playerbuttonbg {
  657.     position: absolute;
  658.     left: 13px;
  659.     top: 13px;
  660.     width: 40px;
  661.     height: 40px;
  662.     background-color: #000;
  663.     padding: 10px;
  664.     -webkit-border-radius: 40px;
  665.     -moz-border-radius: 40px;
  666.     border-radius: 40px;
  667.     opacity: .4;
  668.     filter: alpha(opacity=40);
  669.     -moz-opacity: 0.4;
  670.     -khtml-opacity: 0.4;
  671.     transition: opacity .7s ease-in-out;
  672.     -moz-transition: opacity .7s ease-in-out;
  673.     -webkit-transition: opacity .7s ease-in-out;
  674. }
  675.            
  676. .playerbuttonbg:hover {
  677.     opacity: 1;
  678.     filter: alpha(opacity=100);
  679.     -moz-opacity: 1;
  680.     -khtml-opacity: 1;
  681. }
  682.        
  683. .newplayerbutton {
  684.     position: relative;
  685.     margin-top: 10px;
  686.     margin-left: 2px;
  687.     width: 35px;
  688.     height: 30px;
  689.     overflow: hidden;
  690. }
  691.            
  692. .playerbuttonhug {
  693.     position: absolute;
  694.     top: 3px;
  695.     left: 6px;
  696. }
  697.        
  698. .tumblr_audio_player {
  699.     margin-top: -20px;
  700.     height: 90px;
  701.     width: 270px;
  702.     -moz-transform: scale(0.60, 0.60);
  703.     -webkit-transform: scale(0.60, 0.60);
  704.     -o-transform: scale(0.60, 0.60);
  705.     -ms-transform: scale(0.60, 0.60);
  706.     transform: scale(0.60, 0.60);
  707.     -moz-transform-origin: top left;
  708.     -webkit-transform-origin: top left;
  709.     -o-transform-origin: top left;
  710.     -ms-transform-origin: top left;
  711.     transform-origin: top left;
  712. }
  713.            
  714. .audioimgwrapper {
  715.     position: absolute;
  716.     left: 0px;
  717.     top: 0px;
  718.     text-transform: uppercase;
  719.     -webkit-border-radius: 40px;
  720.     -moz-border-radius: 40px;
  721.     border-radius: 100%;
  722.     overflow: hidden;
  723.     border: 3px solid {color:accent};
  724.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  725.     width: 79px;
  726.     height: 79px;
  727. }
  728.            
  729. .audioimgwrapper img {
  730.     width: 100%;
  731.     -webkit-border-radius: 40px;
  732.     -moz-border-radius: 40px;
  733.     border-radius: 100%;                            
  734. }
  735.            
  736. .trackdetails {
  737.     width: 370px;                
  738.     text-transform: uppercase;
  739.     display:inline-block;
  740.     color: rgba(0,0,0,.0);
  741.     text-shadow: 0px 0px .5px {color:text};
  742.     text-align: left;
  743.     font-family: Courier, monospace;
  744.     padding-top: 4px;
  745.     margin-left: 90px;
  746.     padding-left: 20px;
  747.     min-height: 100px;
  748.     border-radius: 20px;
  749.     border-left: 10px solid {color:accent};
  750.     background: {text:backgrounds};
  751.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  752. }
  753.  
  754. .trackdetails i {
  755.     color: {color:italic};
  756.     text-transform: none;
  757.     font-family: Georgia;
  758.     font-size: 120%;
  759.     text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  760. }
  761.            
  762. .audiowrapper {
  763.     color: {color:bold};
  764.     text-shadow: 0px 0px 1px {color:bold};
  765.     position: relative;
  766.     display:inline-block;
  767. }
  768.  
  769.                    /*---- C R E D I T
  770.              do not alter this in any way ---*/
  771.              
  772. #credyo {
  773.     font-family: monospace;
  774.     width: 220px;
  775.     background-color: {text:backgrounds};
  776.     padding: 7px;
  777.     border-radius: 5px;
  778.     border: 1px solid {text:accent};
  779.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  780.     text-align: center;
  781.     font-size: 10px;
  782.     line-height: 100%;
  783.     text-transform: uppercase;
  784.     position: fixed;
  785.     z-index: 99999999999999999;
  786.     text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  787.     left:20px;
  788.     letter-spacing:1px;
  789.     bottom:20px;
  790. }
  791.  
  792.                    /*---- D E S C R I P T I O N
  793.              ©omni themes, do not claim as your own---*/
  794.                    
  795. #update #utitle{
  796.     margin-left: 370px;
  797.     opacity: 1;
  798.     margin-top: 200px;
  799.     font-family: Courier, monospace;
  800.     position: fixed;
  801.     font-size: 15px;
  802.     color: {color:decriptiontitle};
  803.     text-shadow: 0px 0px 3px {color:decriptiontitle}; 1px 1px 4px rgba(0,0,0,.6);
  804.     -ms-transform: rotate(-90deg); /* IE 9 */
  805.     -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  806.     transform: rotate(-90deg);
  807.     -webkit-transition-duration: 1s; /* Safari */
  808.     transition-duration: 1s;
  809. }
  810.  
  811. #update:hover #utitle{
  812.     color: rgba(0,0,0,.0);
  813.     text-shadow: 0px 0px 4px {color:decriptiontitle};
  814.     -webkit-transition-duration: 1s; /* Safari */
  815.     transition-duration: 1s;
  816. }
  817.  
  818. #ariamap{
  819.     width: 320px;
  820.     height: 300px;
  821.     left: 100px;
  822.     top: 285px;
  823.     background: none;
  824.     position: fixed;
  825. }
  826.  
  827. #up{
  828.     margin-top: -80px;
  829.     margin-left: 15px;
  830.     font-size:10px;
  831.     opacity: 0;
  832.     border: 10px solid;
  833.     width: 190px;
  834.     height: 250px;
  835.     padding: 10px;
  836.     position: fixed;
  837.     text-align: justify;
  838.     overflow-y: scroll;
  839.     overflow-x: hidden;
  840.     -webkit-border-image: url({image:popborder}) 10 round; /* Safari 3.1-5 */
  841.     -o-border-image: url({image:popborder}) 10 round; /* Opera 11-12.1 */
  842.     border-image: url({image:popborder}) 10 round;
  843.     background: {text:backgrounds};
  844.     -webkit-transition-duration: 1s; /* Safari */
  845.     transition-duration: 1s;
  846.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  847. }
  848.  
  849. #update:hover #up{
  850.     opacity: 1;
  851.     -webkit-transition-duration: 1s; /* Safari */
  852.     transition-duration: 1s;
  853. }
  854.  
  855.                    /*---- U P D A T E S
  856.          ©omni themes, do not claim as your own---*/
  857.          
  858. #lines{
  859.     margin-left: 1004px;
  860.     margin-top: 200px;
  861.     position: fixed;
  862. }
  863.  
  864. /* 1ST UPDATE THING */
  865.  
  866. #lines1{
  867.     text-align: justify;
  868.     font-size:10px;
  869. }
  870.  
  871. #lines1line{
  872.     width: 40px;
  873.     height: 4px;
  874.     background: {text:accent};
  875.     position: fixed;
  876.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  877.     -webkit-transition-duration: 1s; /* Safari */
  878.     transition-duration: 1s;
  879. }
  880.  
  881. #lines1content{
  882.     width: 0px;
  883.     height: 0px;
  884.     opacity: 0;
  885.     padding: 5px;
  886.     padding-left: 45px;
  887.     overflow-x: none;
  888.     overflow-y: none;
  889.     margin-top: 4px;
  890.     position: fixed;
  891.     background: {text:backgrounds};
  892.     border-radius: 0px 0px 20px 0px;
  893.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  894.     -webkit-transition-duration: 1s; /* Safari */
  895.     transition-duration: 1s;
  896. }
  897.  
  898. #lines1:hover #lines1line{
  899.     width: 200px;
  900.     -webkit-transition-duration: 1s; /* Safari */
  901.     transition-duration: 1s;
  902. }
  903.  
  904. #lines1:hover #lines1content{
  905.     width: 150px;
  906.     height: 200px;
  907.     opacity: 1;
  908.     -webkit-transition-duration: 1s; /* Safari */
  909.     transition-duration: 1s;
  910. }
  911.  
  912. /* 2ND UPDATE THING */
  913.  
  914. #lines2{
  915.     text-align: justify;
  916.     font-size:10px;
  917. }
  918.  
  919. #lines2line{
  920.     width: 40px;
  921.     height: 4px;
  922.     background: {text:accent};
  923.     position: fixed;
  924.     margin-top: 10px;
  925.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  926.     -webkit-transition-duration: 1s; /* Safari */
  927.     transition-duration: 1s;
  928. }
  929.  
  930. #lines2content{
  931.     width: 0px;
  932.     height: 0px;
  933.     opacity: 0;
  934.     padding: 5px;
  935.     padding-left: 45px;
  936.     overflow-x: none;
  937.     overflow-y: none;
  938.     margin-top: 14px;
  939.     position: fixed;
  940.     background: {text:backgrounds};
  941.     border-radius: 0px 0px 20px 0px;
  942.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  943.     -webkit-transition-duration: 1s; /* Safari */
  944.     transition-duration: 1s;
  945. }
  946.  
  947. #lines2:hover #lines2line{
  948.     width: 200px;
  949.     -webkit-transition-duration: 1s; /* Safari */
  950.     transition-duration: 1s;
  951. }
  952.  
  953. #lines2:hover #lines2content{
  954.     width: 150px;
  955.     height: 200px;
  956.     opacity: 1;
  957.     -webkit-transition-duration: 1s; /* Safari */
  958.     transition-duration: 1s;
  959. }
  960.  
  961. /* 3RD UPDATE THING */
  962.  
  963. /* FOR A NEW TAB COPY FROM HERE */
  964.  
  965. #lines3{
  966.     text-align: justify;
  967.     font-size:10px;
  968. }
  969.  
  970. #lines3line{
  971.     width: 40px; /* HOW LONG LINE IS BEFORE HOVER */
  972.     height: 4px; /* HOW THICK LINE IS */
  973.     background: {text:accent}; /* LINE COLOUR */
  974.     position: fixed;
  975.     margin-top: 20px; /* ADD 10 */
  976.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  977.     -webkit-transition-duration: 1s; /* Safari */
  978.     transition-duration: 1s;
  979. }
  980.  
  981. #lines3content{
  982.     width: 0px;
  983.     height: 0px;
  984.     opacity: 0;
  985.     padding: 5px;
  986.     padding-left: 45px;
  987.     overflow-x: none;
  988.     overflow-y: none;
  989.     margin-top: 24px; /* ADD 10 */
  990.     position: fixed;
  991.     background: {text:backgrounds}; /* BOX COLOUR */
  992.     border-radius: 0px 0px 20px 0px;
  993.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  994.     -webkit-transition-duration: 1s; /* Safari */
  995.     transition-duration: 1s;
  996. }
  997.  
  998. #lines3:hover #lines3line{
  999.     width: 200px;
  1000.     -webkit-transition-duration: 1s; /* Safari */
  1001.     transition-duration: 1s;
  1002. }
  1003.  
  1004. #lines3:hover #lines3content{
  1005.     width: 150px; /* WIDTH OF BOX */
  1006.     height: 200px; /* HEIGHT OF BOX */
  1007.     opacity: 1;
  1008.     -webkit-transition-duration: 1s; /* Safari */
  1009.     transition-duration: 1s;
  1010. }
  1011.  
  1012. /* TO HERE */
  1013.  
  1014. /* TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE '#lines' NUMBERS WITH THE NEXT NUMBER (EG '#lines3' BECOMES '#lines4'), ET CETERA */
  1015.        
  1016. {CustomCSS}</style>
  1017.        
  1018.     </head>
  1019.     <body>
  1020.    
  1021. <div id="credyo">
  1022.    ☾ <b>[</b> <a href="http://omnipotenceisoverrated.tumblr.com/themes"> omnipotenceisoverrated</a> <b>]</b>
  1023. </div>
  1024.  
  1025.    
  1026. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1027.  
  1028.  
  1029.         <!-- D E S C R I P T I O N  &  N A V I G A T I O N
  1030.               ©omni themes, do not claim as your own -->
  1031.                            
  1032.     <div id="update">      
  1033.         <div id="utitle">.DESCRIPTION</div>
  1034.         <div id="ariamap"></div>
  1035.         <div id="navi">
  1036.  
  1037.             <div id="navigate">
  1038.                 <a href="{text:link1url}" title="{text:link1name}">.01</a>
  1039.         </div>
  1040.                
  1041.             <div id="navigate2">
  1042.                 <a href="#?w=420" rel="link2" class="poplight" title="{text:link2name}">.02</a>
  1043.         </div>
  1044.  
  1045.             <div id="navigate3">
  1046.                 <a href="#?w=420" rel="link3" class="poplight" title="{text:link3name}">.03</a>
  1047.         </div>
  1048.        
  1049.             <div id="navigate4">
  1050.                 <a href="#?w=420" rel="link4" class="poplight" title="{text:link4name}">.04</a>
  1051.         </div>
  1052.        
  1053.             <div id="navigate5">
  1054.                 <a href="#?w=420" rel="link5" class="poplight" title="{text:link5name}">.05</a>
  1055. </div></div>
  1056.         <div id="up">{Description}</div>
  1057.     </div>
  1058.  
  1059.                         <!-- U P D A T E S
  1060.               ©omni themes, do not claim as your own -->
  1061.  
  1062. {block:Ifupdates}
  1063.     <div id="lines">
  1064.         <div id="lines1">
  1065.             <div id="lines1line"></div>
  1066.             <div id="lines1content">
  1067.             {text:update1text}
  1068.             </div>
  1069.         </div>  
  1070.    
  1071.         <div id="lines2">
  1072.             <div id="lines2line"></div>
  1073.             <div id="lines2content">
  1074.             {text:update2text}
  1075.             </div>
  1076.         </div>
  1077.  
  1078. <!-- FOR A NEW TAB COPY FROM HERE -->
  1079.        
  1080.         <div id="lines3"> <!-- ID BECOMES "lines4" -->
  1081.             <div id="lines3line"></div> <!-- ID BECOMES "lines4line" -->
  1082.             <div id="lines3content"> <!-- ID BECOMES "lines4content" -->
  1083.             {text:update3text}
  1084.             </div>
  1085.         </div>
  1086.    
  1087. <!-- TO HERE -->
  1088.  
  1089. <!-- TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE NUMBERS WITH THE NEXT NUMBER -->
  1090.  
  1091.     </div>
  1092.  
  1093. {/block:Ifupdates}
  1094.        
  1095.                            <!-- P O S T S -->
  1096.  
  1097. <div id="entries">
  1098.     {block:Posts}
  1099.         <div id="posts">
  1100.        
  1101.         <!-- {block:NoRebloggedFrom}
  1102. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1103. {/block:NoRebloggedFrom} -->
  1104.  
  1105. {block:ContentSource}<!-- {SourceURL}
  1106. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1107. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1108. {/block:ContentSource}
  1109.            
  1110.      {block:Text}
  1111.              {block:Title}
  1112.              <h1>{Title}</h1>
  1113.              {/block:Title}
  1114.              {Body}
  1115.      {/block:Text}
  1116.      
  1117.      {block:Photo}
  1118.              <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1119.              {block:Caption}
  1120.              {Caption}
  1121.              {/block:Caption}
  1122.      {/block:Photo}
  1123.      
  1124.      {block:Photoset}
  1125.              {Photoset-500}{block:Caption}
  1126.              {Caption}
  1127.              {/block:Caption}
  1128.      {/block:Photoset}
  1129.      
  1130.      {block:Quote}
  1131.              <h2>"{Quote}"</h2>
  1132.              {block:Source}
  1133.              <h3>—— {Source}</h3>
  1134.              {/block:Source}
  1135.      {/block:Quote}
  1136.      
  1137.      {block:Link}
  1138.              <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1139.              {block:Description}
  1140.              {Description}
  1141.              {/block:Description}
  1142.      {/block:Link}
  1143.      
  1144.      {block:Chat}
  1145.              {block:Title}
  1146.              <h1>{Title}</h1>
  1147.              {/block:Title}
  1148.              {block:Lines}
  1149.              {block:Label}
  1150.              <b>{Label}</b>
  1151.              {/block:Label}{Line}<br>
  1152.              {/block:Lines}
  1153.      {/block:Chat}
  1154.      
  1155.      {block:Video}
  1156.              {Video-500}
  1157.              {block:Caption}
  1158.              {Caption}
  1159.              {/block:Caption}
  1160.      {/block:Video}
  1161.      
  1162.      {block:AudioPlayer}
  1163.              <div class="audiowrapper">
  1164.              {block:AlbumArt}
  1165.              <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1166.              {/block:AlbumArt}
  1167.              <div class="playerbuttonbg">
  1168.              <div class="newplayerbutton">
  1169.              <div class="playerbuttonhug">
  1170.              {AudioPlayerBlack}
  1171.              </div>
  1172.              </div>
  1173.              </div>
  1174.              <div class="trackdetails">
  1175.              <i><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></i><br><hr><br>
  1176.              {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1177.              {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1178.              {PlayCountWithLabel}</p>
  1179.              </div>
  1180.              </div>
  1181.      {/block:AudioPlayer}
  1182.      
  1183.      {block:Answer}
  1184.             <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>
  1185.     {/block:Answer}
  1186.      
  1187.      <div id="inforite">
  1188. {block:Date}<a href="{Permalink}" title="posted {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix}, {Year}">✘</a>{/block:Date}&nbsp;&nbsp;&nbsp;  <a href="{ReblogURL}" title="reblog">✘</a>&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"
  1189. title="reblogged From {ReblogParentTitle}">✘</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="originally from {ReblogRoottitle}">✘</a>{/block:RebloggedFrom}<br></div>
  1190.      <div id="info">
  1191.         Posted <a href="{Permalink}">{TimeAgo}</a>, with <a href="{Permalink}">{NoteCount} notes</a>
  1192.      </div>
  1193.      
  1194. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1195.  
  1196.         </div>
  1197.        
  1198.     {PostNotes}{/block:Posts}
  1199.        
  1200.     {/block:Posts}
  1201.     </div>
  1202.    
  1203.     <div id="previ">
  1204.         <div id="previ1">
  1205.             {block:PreviousPage}
  1206.                 <a href="{PreviousPage}">«</a>
  1207.             {/block:PreviousPage}
  1208.         </div>
  1209.         <div id="previ2">
  1210.             {block:NextPage}
  1211.                 <a href="{NextPage}">»</a>
  1212.             {/block:NextPage}
  1213.         </div>
  1214.     </div>
  1215.          
  1216.     </body>
  1217.    
  1218.                            <!-- B O X E S -->
  1219.    
  1220. <div id="link2" class="popup_block">
  1221. {text:box1}
  1222. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.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></p>
  1223. </div>
  1224.  
  1225.  
  1226. <div id="link3" class="popup_block">
  1227. {text:box2}
  1228. </div>
  1229.  
  1230. <div id="link4" class="popup_block">
  1231. {text:box3}
  1232. </div>
  1233.  
  1234. <div id="link5" class="popup_block">
  1235. {text:box4}
  1236. </div>
  1237. </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!