API tools faq
paste
shotgunsandsass

Witchy Woman

shotgunsandsass
Oct 6th, 2015
3,271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.28 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <html>
  13.     <head>
  14.         <title>{Title}</title>
  15.         <link rel="shortcut icon" href="{Favicon}">
  16.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.         {block:Description}
  18.             <meta name="description" content="{MetaDescription}" />
  19.         {/block:Description}
  20.        
  21.                            <!-- S C R I P T S -->
  22. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23. <script>
  24. $(document).ready(function() {
  25. //
  26. $('a.poplight[href^=#]').click(function() {
  27. var popID = $(this).attr('rel'); //Get Popup Name
  28. var popURL = $(this).attr('href'); //Get Popup href to define size
  29. var query= popURL.split('?');
  30. var dim= query[1].split('&');
  31. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  32. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  33. var popMargTop = ($('#' + popID).height() + 80) / 2;
  34. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  35. //Apply Margin to Popup
  36. $('#' + popID).css({
  37. 'margin-top' : -popMargTop,
  38. 'margin-left' : -popMargLeft
  39. });
  40. $('body').append('<div id="fade"></div>');
  41. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  42. return false;
  43. });
  44. $('a.close, #fade').live('click', function() {
  45. $('#fade , .popup_block').fadeOut(function() {
  46. $('#fade, a.close').remove(); //fade them both out
  47. });
  48. return false;
  49. });
  50. });
  51. </script>
  52.        
  53.                            <!-- C O L O U R S -->
  54. <meta name="color:background" content="#1f1f1f"/>
  55. <meta name="color:links" content="white"/>
  56. <meta name="color:linkh" content="black"/>
  57. <meta name="color:title" content="white"/>
  58. <meta name="color:accent" content="#4b3058"/>
  59. <meta name="color:text" content="#c2c2c2"/>
  60. <meta name="color:blockline" content="#4b3058"/>
  61. <meta name="color:blockcolour" content="#0c0c0c"/>
  62. <meta name="color:bold" content="#5d4469"/>
  63. <meta name="color:italic" content="white"/>
  64. <meta name="color:navlinks" content="#888888"/>
  65.  
  66.                            <!-- I M A G E S -->
  67. <meta name="image:background" content="http://static.tumblr.com/909a8c0064a9c5471d55903106138e31/jlxoeum/wWlnvt8nk/tumblr_static_1wsnd3ydlo2s0gs8wscwskc8.png"/>
  68. <meta name="image:info" content="http://static.tumblr.com/1b7eaab9b16a4b2da7b8d0b5faecc192/jlxoeum/cGYnvt8nk/tumblr_static_c5hvtrm355w0oo84kk8808c8s.png"/>
  69.  
  70.                            <!-- C O N T R O L S -->
  71. <meta name="text:entriesleft" content="400px"/>
  72. <meta name="text:entriestop" content="220px"/>
  73. <meta name="text:boxheight" content="400px"/>
  74. <meta name="text:accent" content="rgba(116,60,150,.4)"/>
  75. <meta name="text:backgrounds" content="rgba(32,32,32,.8)"/>
  76.  
  77.                            <!-- L I N K S -->
  78. <meta name="text:link1URL" content="/"/>
  79. <meta name="text:link1name" content="home"/>
  80. <meta name="text:link2URL" content="/ask"/>
  81. <meta name="text:link2name" content="message"/>
  82. <meta name="text:link3name" content="bio"/>
  83. <meta name="text:link4name" content="nav"/>
  84. <meta name="text:link5name" content="rules"/>
  85. <meta name="text:link6name" content="verses"/>
  86.  
  87.                            <!---- U P D A T E S  --->
  88. <meta name="text:tab1name" content="TAB ONE"/>
  89. <meta name="text:tab2name" content="TAB TWO"/>
  90. <meta name="text:tab3name" content="TAB THREE"/>
  91. <meta name="text:tab4name" content="TAB FOUR"/>
  92. <meta name="text:tab1text" content="TEXT TEXT"/>
  93. <meta name="text:tab2text" content="TEXT TEXT"/>
  94. <meta name="text:tab3text" content="TEXT TEXT"/>
  95. <meta name="text:tab4text" content="TEXT TEXT"/>
  96.  
  97.                            <!---- P O P U P S  --->
  98. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  99. <meta name="text:box2" content="insert html"/>
  100. <meta name="text:box3" content="insert html"/>
  101. <meta name="text:box4" content="insert html"/>
  102.  
  103.                            <!-- F O N T S -->
  104. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  105. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  106.  
  107.  
  108.                            <!---- O T H E R  --->
  109. <meta name="text:url" content="insert username"/>
  110.  
  111.                            <!-- S L I D E -->
  112. <meta name="if:previ" content=""/>  
  113. <meta name="if:grey" content=""/>    
  114.        
  115.         <style type="text/css">
  116.        
  117.                          /*---- P O P U P ---*/
  118. .popup_block{
  119.     display:none;
  120.     background-color: {text:backgrounds};
  121.     border: 1px solid {text:accent};
  122.     height: 400px;
  123.     overflow-x: hidden;
  124.     overflow-y: scroll;
  125.     padding:20px;
  126.     border-radius: 10px;
  127.     float:left;
  128.     position:fixed;
  129.     top:50%;left:50%;
  130.     z-index: 99999;
  131. }
  132.  
  133. .popup_block img{
  134.     -webkit-filter: grayscale(100%);
  135.     -moz-filter: grayscale(100%);
  136.     filter: grayscale(100%);
  137. }
  138.  
  139. *html #fade {position: absolute;}
  140. *html .popup_block {position: absolute;}
  141. #fade {
  142.     display:none;
  143.     position:fixed;
  144.     filter: blur(10px);
  145.     left:0px;
  146.     top:0px;
  147.     width:100%;
  148.     height:100%;
  149.     z-index:9999;
  150.     background:rgba(32,32,32,.5); /* change to #fff for solid white */
  151. }
  152.        
  153.                          /*---- S C R O L L  ---*/
  154. ::-webkit-scrollbar-thumb:vertical {
  155.     background-color: {text:accent};
  156.     border-radius: 6px;
  157.     height: 10px;
  158. }
  159.  
  160. ::-webkit-scrollbar-thumb:horizontal {
  161.     background-color:  rgba(31,31,31,.1);
  162.     height:10px!important;
  163. }
  164.  
  165. ::-webkit-scrollbar {
  166.     background-color: rgba(31,31,31,.1);
  167.     height:10px;
  168.     width:12px;
  169. }
  170.  
  171.                        /*---- S E L E C T  ---*/
  172.                        
  173. ::selection
  174. {
  175.     opacity: 1;
  176.     background: #000;
  177.     color: {color:accent};
  178. }
  179.            
  180. ::-moz-selection
  181. {
  182.     opacity: 1;
  183.     background: #000;
  184.     color: {color:accent};
  185. }
  186.  
  187. p::selection
  188. {
  189.     opacity: 1;
  190.     background: #000;
  191.     color: {color:accent};
  192. }
  193.            
  194. p::-moz-selection
  195. {
  196.     opacity: 1;
  197.     background: #464133;
  198.     color: {color:accent};
  199. }
  200.  
  201.                        /*---- T O O L   T I P  ---*/
  202.                        
  203. div#qTip
  204. {
  205.     background-color: {text:backgrounds};
  206.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  207.     border-radius: 3px;
  208.     border: 2px solid {text:accent};
  209.     text-align: center;
  210.     font-size: 10px;
  211.     text-transform: uppercase;
  212.     display: none;
  213.     position: fixed;
  214.     z-index: 9999999999999999999999;
  215.     margin: 2px;
  216.     color:{color:text};
  217.     font-weight: bold;
  218.     padding: 2px;
  219. }
  220.  
  221.                        /*---- C U R S O R  ---*/
  222.  
  223. body {
  224.     cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), default;
  225. }
  226.  
  227.                    /*---- M A I N  T H E M E  ---*/
  228.        
  229. body {
  230.     background: url("{image:background}") {color:background};
  231.     background-attachment: fixed;
  232.     background-repeat: no-repeat;
  233.     margin:0px;
  234.     color:{color:text};
  235.     font-family: Arimo;
  236.     font-size: 11px;
  237.     line-height:100%;
  238.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  239.     {block:IfNotPrevi}
  240.     overflow: hidden;
  241.     {/block:IfNotPrevi}
  242. }
  243.  
  244. sub, sup, small {
  245.     font-size: 11px;
  246. }
  247. a {
  248.     color: {color:links};
  249.     text-decoration: none;
  250.     -webkit-transition-duration: 1s; /* Safari */
  251.     transition-duration: 1s;
  252. }
  253.  
  254. a:hover{
  255.     color: {color:linkh};
  256.     text-shadow: 0px 0px 10px {color:linkh};
  257. }
  258.  
  259. b, strong {
  260.     color: {color:bold};
  261. }
  262.  
  263. i, em {
  264.     color: {color:italic};
  265.     font-family: Calligraffitti;
  266.     font-size: 140%;
  267.     font-style: normal;
  268. }
  269.  
  270. h1 i, h1 em, h2 i, h2 em, #ocehans i, #ocehans em {
  271.     font-family: Arimo;
  272.     font-size: 100%;
  273. }
  274.  
  275.  
  276. pre {
  277.     font-family: monospace;
  278.     background-color: rgba(32,32,32,.5);
  279.     padding: 7px;
  280.     border-radius: 10px;
  281.     border: 1px solid {text:accent};
  282.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  283.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  284.     font-size: 11px;
  285.     line-height: 100%;
  286. }
  287.  
  288. #posts img {
  289.     max-width: 100%;
  290. }
  291.  
  292. h1{
  293.     color: {color:title};
  294.     text-align: center;
  295.     text-transform: uppercase;
  296.     background: {color:accent};
  297.     line-height: 100%;
  298.     font-size: 30px;
  299.     padding: 10px;
  300.     border-radius: 10px;
  301.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  302.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  303.     background-image: url("{image:info}");
  304. }
  305.  
  306. h2{
  307.     color: {color:title};
  308.     font-size: 20px;
  309.     text-align: center;
  310.     line-height: 100%;
  311.     text-transform: uppercase;
  312. }
  313.  
  314. h3{
  315.     text-align: center;
  316.     line-height: 100%;
  317. }
  318.  
  319. blockquote{
  320.     border-left: 10px solid {color:blockline};
  321.     padding: 10px;
  322.     margin-left: 10px;
  323.     margin-right: 10px;
  324.     background: rgba(31,31,31,.7);
  325.     border-radius: 20px 10px 10px 20px;
  326.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  327. }
  328.  
  329. #info{
  330.     color: {color:title};
  331.     text-align: center;
  332.     margin-top: 10px;
  333.     text-transform: uppercase;
  334.     background: {color:accent};
  335.     line-height: 100%;
  336.     padding: 10px;
  337.     border-radius: 10px;
  338.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  339.     text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  340.     background-image: url("{image:info}");
  341. }
  342.  
  343. #tagooo{
  344.     text-align: center;
  345.     text-transform: uppercase;    
  346.     margin-top: 5px;
  347.     font-size: 10px;
  348. }
  349.  
  350.  
  351.  
  352. #navigate {
  353.     font-size: 70px;
  354.     margin-left: 520px;
  355.     top: 50px;
  356.     position: fixed;
  357. }
  358.  
  359. #navigate2 {
  360.     font-size: 50px;
  361.     margin-left: 580px;
  362.     top: 30px;
  363.     position: fixed;
  364. }
  365.  
  366. #navigate3 {
  367.     font-size: 40px;
  368.     margin-left: 570px;
  369.     top: 90px;
  370.     position: fixed;
  371. }
  372.  
  373. #navigate4 {
  374.     font-size: 50px;
  375.     margin-left: 520px;
  376.     top: 130px;
  377.     position: fixed;
  378. }
  379.  
  380. #navigate5 {
  381.     font-size: 30px;
  382.     margin-left: 620px;
  383.     top: 70px;
  384.     position: fixed;
  385. }
  386.  
  387. #navi a {
  388.     color: {color:navlinks};
  389.     text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  390. }
  391.  
  392. #navi a:hover{
  393.     color: rgba(0,0,0,.0);
  394.     text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  395. }
  396.  
  397. #pages{
  398.     font-size: 60px;
  399.     font-family: Calibri;
  400.     margin-top: -560px;
  401.     margin-left: 700px;
  402. }
  403.  
  404. #pages a{
  405.     color: {color:navlinks};
  406. }
  407.  
  408. #pages a:hover{
  409.     color: rgba(0,0,0,.0);
  410.     text-shadow: 0px 0px 5px {color:linkh};
  411. }
  412.        
  413. #entries {
  414.     width: 550px;
  415.     height: {text:boxheight};
  416.     margin-top: {text:entriestop};
  417.     margin-left: {text:entriesleft};
  418.     overflow: scroll;
  419.     overflow-x: hidden;
  420. }
  421.  
  422. #posts{
  423.     width: 500px;
  424.     padding:10px;
  425.     background: {text:backgrounds};
  426.     margin-top: 10px;
  427.     margin-bottom: 10px;
  428.     margin-left: auto;
  429.     margin-right: auto;
  430.     border-radius: 10px;
  431.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  432. }
  433.  
  434. #chatty b{
  435.     text-transform: uppercase;
  436. }
  437.  
  438. ol.notes {
  439.     list-style-type: none;
  440.     text-transform: uppercase;
  441.     width:500px;
  442.     border-radius: 5px;
  443.     margin-left: auto;
  444.     margin-right: auto;
  445.     margin-top: 20px;
  446.     padding: 15px;
  447.     background: rgba(31,31,31,.7);
  448.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  449. }
  450.  
  451. ol.notes img {
  452.     border-radius: 100%;
  453.     margin-left: 5px;
  454.     margin-top: 5px;
  455. }
  456.  
  457. #asker {
  458.     float:left;
  459.     margin-right:5px;
  460. }
  461.  
  462. #askiz a{
  463.     color: {color:titles};
  464. }
  465.  
  466. #askiz a:hover{
  467.     color: rgba(187,181,150,.0);
  468.     text-shadow: 0px 0px 1px {color:titles};
  469. }
  470.  
  471. #asker img{
  472.     border-radius: 100%;
  473.     display: inline-block;
  474.     margin: 5px;
  475.     margin-left: 10px;
  476.     box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  477. }
  478.  
  479. #askiz {
  480.     text-align: center;
  481.     font-family: Calligraffitti;
  482.     background-image: url("{image:info}");
  483.     color: {color:titles};
  484.     font-weight: bold;
  485.     background-color: rgba(32,32,32,.5);
  486.     border-radius: 10px;
  487.     text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  488.     {color:accent}dow: 1px 1px 3px rgba(0,0,0,.4);
  489.     font-size: 23px;
  490.     padding: 7px;
  491.     min-height: 70px;
  492. }
  493.  
  494. #asksh{
  495.     text-align: center;
  496.     margin-top: -20px;
  497.     text-shadow: none;
  498.     text-transform: uppercase;
  499.     font-family: Calibri;
  500.     font-size: 10px;
  501. }
  502.  
  503. .playerbuttonbg {
  504.     position: absolute;
  505.     left: 10px;
  506.     top: 10px;
  507.     width: 40px;
  508.     height: 40px;
  509.     background-color: #000;
  510.     padding: 10px;
  511.     -webkit-border-radius: 40px;
  512.     -moz-border-radius: 40px;
  513.     border-radius: 40px;
  514.     opacity: .4;
  515.     filter: alpha(opacity=40);
  516.     -moz-opacity: 0.4;
  517.     -khtml-opacity: 0.4;
  518.     transition: opacity .7s ease-in-out;
  519.     -moz-transition: opacity .7s ease-in-out;
  520.     -webkit-transition: opacity .7s ease-in-out;
  521. }
  522.            
  523. .playerbuttonbg:hover {
  524.     opacity: 1;
  525.     filter: alpha(opacity=100);
  526.     -moz-opacity: 1;
  527.     -khtml-opacity: 1;
  528. }
  529.        
  530. .newplayerbutton {
  531.     position: relative;
  532.     margin-top: 10px;
  533.     margin-left: 2px;
  534.     width: 35px;
  535.     height: 30px;
  536.     overflow: hidden;
  537. }
  538.            
  539. .playerbuttonhug {
  540.     position: absolute;
  541.     top: -18px;
  542.     left: -7px;
  543. }
  544.        
  545. .tumblr_audio_player {
  546.     margin-top: -20px;
  547.     height: 90px;
  548.     width: 270px;
  549.     -moz-transform: scale(0.60, 0.60);
  550.     -webkit-transform: scale(0.60, 0.60);
  551.     -o-transform: scale(0.60, 0.60);
  552.     -ms-transform: scale(0.60, 0.60);
  553.     transform: scale(0.60, 0.60);
  554.     -moz-transform-origin: top left;
  555.     -webkit-transform-origin: top left;
  556.     -o-transform-origin: top left;
  557.     -ms-transform-origin: top left;
  558.     transform-origin: top left;
  559. }
  560.            
  561. .audioimgwrapper {
  562.     position: absolute;
  563.     left: 0px;
  564.     top: 0px;
  565.     text-transform: uppercase;
  566.     -webkit-border-radius: 40px;
  567.     -moz-border-radius: 40px;
  568.     border-radius: 100%;
  569.     overflow: hidden;
  570.     border: 3px solid {color:accent};
  571.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  572.     width: 79px;
  573.     height: 79px;
  574. }
  575.            
  576. .audioimgwrapper img {
  577.     width: 100%;
  578.     -webkit-border-radius: 40px;
  579.     -moz-border-radius: 40px;
  580.     border-radius: 100%;                            
  581. }
  582.            
  583. .trackdetails {
  584.     width: 370px;                
  585.     text-transform: uppercase;
  586.     display:inline-block;
  587.     text-align: left;
  588.     padding-top: 4px;
  589.     margin-left: 90px;
  590.     padding-left: 20px;
  591.     min-height: 100px;
  592.     border-radius: 20px 10px 10px 20px;
  593.     border-left: 10px solid {color:accent};
  594.     background: rgba(31,31,31,.7);
  595.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  596. }
  597.            
  598. .audiowrapper {
  599.     position: relative;
  600.     display:inline-block;
  601. }
  602.  
  603.  
  604.                    /*---- C R E D I T  ---*/
  605.             /*------- DO NOT REMOVE CREDIT -------*/
  606.  
  607. #credyo {
  608.     font-family: monospace;
  609.     width: 220px;
  610.     background-color: rgba(32,32,32,.5);
  611.     padding: 7px;
  612.     border-radius: 5px;
  613.     border: 1px solid {text:accent};
  614.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  615.     text-align: center;
  616.     font-size: 10px;
  617.     line-height: 100%;
  618.     text-transform: uppercase;
  619.     position: fixed;
  620.     z-index: 99999999999999999;
  621.     text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  622.     left:20px;
  623.     letter-spacing:1px;
  624.     bottom:20px;
  625. }
  626.  
  627.                    /*---- G R A Y   I M G  ---*/
  628.     {block:Ifgrey}
  629. #posts img, iframe.photoset {
  630.     -webkit-filter: grayscale(100%);
  631.     -moz-filter: grayscale(100%);
  632.     filter: grayscale(100%);
  633.     opacity: 0.5
  634.     -webkit-transition-duration: 1s; /* Safari */
  635.     transition-duration: 1s;
  636. }
  637.     {/block:Ifgrey}
  638.    
  639.                    /*---- U P D A T E S  ---*/
  640.  
  641. #ocehans1{
  642.     height:14px;
  643.     text-align:center;
  644.     overflow:hidden;
  645.     overflow-y: scroll;
  646.     margin-top:-1px;
  647.     border-bottom: 1px solid {text:accent};
  648.     text-transform:uppercase;
  649.     letter-spacing:1px;
  650.     font-size:8px;
  651.     line-height:10px;
  652.     z-index:999999999999999999999;
  653.     -webkit-transition: all 0.5s ease-in-out;
  654.     -moz-transition: all 0.5s ease-in-out;
  655.     -o-transition: all 0.5s ease-in-out;
  656. }
  657.  
  658. #ocehans1:hover{
  659.     height:200px;
  660.     -webkit-transition: all 0.5s ease-in-out;
  661.     -moz-transition: all 0.5s ease-in-out;
  662.     -o-transition: all 0.5s ease-in-out;
  663. }
  664.  
  665. #ocehans2{
  666.     height:14px;
  667.     text-align:center;
  668.     overflow:hidden;
  669.     border-bottom: 1px solid {text:accent};
  670.     text-transform:uppercase;
  671.     background-color:;
  672.     letter-spacing:1px;
  673.     font-size;8px;
  674.     line-height:13px;
  675.     z-index:999999999999999999999;
  676.     -webkit-transition: all 0.5s ease-in-out;
  677.     -moz-transition: all 0.5s ease-in-out;
  678.     -o-transition: all 0.5s ease-in-out;
  679. }
  680.  
  681. #ocehans2:hover{
  682.     height:200px;
  683.     -webkit-transition: all 0.5s ease-in-out;
  684.     -moz-transition: all 0.5s ease-in-out;
  685.     -o-transition: all 0.5s ease-in-out;
  686. }
  687.  
  688. #ocehans3{
  689.     height:14px;
  690.     text-align:center;
  691.     overflow:hidden;
  692.     border-bottom: 1px solid {text:accent};
  693.     text-transform:uppercase;
  694.     background-color:;
  695.     letter-spacing:1px;
  696.     font-size;8px;
  697.     line-height:13px;
  698.     z-index:999999999999999999999;
  699.     -webkit-transition: all 0.5s ease-in-out;
  700.     -moz-transition: all 0.5s ease-in-out;
  701.     -o-transition: all 0.5s ease-in-out;
  702. }
  703.  
  704. #ocehans3:hover{
  705.     height:200px;
  706.     -webkit-transition: all 0.5s ease-in-out;
  707.     -moz-transition: all 0.5s ease-in-out;
  708.     -o-transition: all 0.5s ease-in-out;
  709. }
  710.  
  711. #ocehans4{
  712.     height:14px;
  713.     text-align:center;
  714.     overflow:hidden;
  715.     border-bottom: 1px solid {text:accent};
  716.     text-transform:uppercase;
  717.     background-color:;
  718.     letter-spacing:1px;
  719.     font-size;8px;
  720.     line-height:13px;
  721.     z-index:999999999999999999999;
  722.     -webkit-transition: all 0.5s ease-in-out;
  723.     -moz-transition: all 0.5s ease-in-out;
  724.     -o-transition: all 0.5s ease-in-out;
  725. }
  726.  
  727. #ocehans4:hover{
  728.     height:200px;
  729.     -webkit-transition: all 0.5s ease-in-out;
  730.     -moz-transition: all 0.5s ease-in-out;
  731.     -o-transition: all 0.5s ease-in-out;
  732. }
  733.  
  734. #ocehans5{
  735.     height:14px;
  736.     text-align:center;
  737.     overflow:hidden;
  738.     border-bottom: 1px solid {text:accent};
  739.     text-transform:uppercase;
  740.     background-color:;
  741.     letter-spacing:1px;
  742.     font-size:8px;
  743.     line-height:13px;
  744.     z-index:999999999999999999999;
  745.     -webkit-transition: all 0.5s ease-in-out;
  746.     -moz-transition: all 0.5s ease-in-out;
  747.     -o-transition: all 0.5s ease-in-out;
  748. }
  749.  
  750. #ocehans5:hover{
  751.     height:200px;
  752.     -webkit-transition: all 0.5s ease-in-out;
  753.     -moz-transition: all 0.5s ease-in-out;
  754.     -o-transition: all 0.5s ease-in-out;
  755. }
  756.  
  757. #ocehans{
  758.     text-align:left;
  759.     border-radius: 5px;
  760.     font-size:8px;
  761.     text-transform:uppercase;
  762.     opacity: 1;
  763.     position:fixed;
  764.     font-family:calibri;
  765.     right:30px;
  766.     letter-spacing:1px;
  767.     width:190px;
  768.     z-index:999999;
  769.     padding:4px;
  770.     top:30px;
  771.     background-color: rgba(32,32,32,.5);
  772.     border: 1px solid {text:accent};
  773.     box-shadow: 1px 1px 3px rgba(0,0,0,.4);  
  774. }
  775.        
  776. {CustomCSS}</style>
  777.        
  778.     </head>
  779.     <body>
  780.        
  781. <div id="credyo">
  782.    ☾ <b>[</b> <a href="http://omnipotenceisoverrated.tumblr.com/themes"> omnipotenceisoverrated</a> <b>]</b>
  783. </div>
  784.  
  785. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  786.  
  787.                            <!-- L I N K S -->
  788.  
  789.     <div id="navi">
  790.  
  791.         <div id="navigate">
  792.                 <a href="{text:link1url}" title="{text:link1name}">✘</a>
  793.         </div>
  794.                
  795.         <div id="navigate2">
  796.                 <a href="#?w=520" rel="link2" class="poplight" title="{text:link2name}">✘</a>
  797.         </div>
  798.  
  799.         <div id="navigate3">
  800.                 <a href="#?w=520" rel="link3" class="poplight" title="{text:link3name}">✘</a>
  801.         </div>
  802.        
  803.         <div id="navigate4">
  804.                 <a href="#?w=520" rel="link4" class="poplight" title="{text:link4name}">✘</a>
  805.         </div>
  806.        
  807.         <div id="navigate5">
  808.                  <a href="#?w=520" rel="link5" class="poplight" title="{text:link5name}">✘</a>
  809. </div></div>
  810.  
  811.                            <!-- U P D A T E S -->
  812.  
  813. <div id="ocehans">
  814. <center>
  815. <div id="ocehans1">
  816. <div style="font-size:11px;">DESCRIPTION</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:#b9b9b9;">
  817. <br>
  818. {Description}
  819. <p></p>
  820. </div>
  821. </div>
  822.  
  823. <div id="ocehans2">
  824. <div style="font-size:11px;">{text:tab1name}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:#b9b9b9;">
  825. <p></p>
  826. {text:tab1text}
  827. </div></div>
  828.  
  829. <div id="ocehans3">
  830. <div style="font-size:11px;">{text:tab2name}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:#b9b9b9;">
  831. <p></p>
  832. {text:tab2text}
  833. </div></div>
  834.  
  835.  
  836. <div id="ocehans4">
  837. <div style="font-size:11px;">{text:tab3name}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:#b9b9b9;">
  838. <p></p>
  839. {text:tab3text}
  840. </div></div>
  841.  
  842. <div id="ocehans5">
  843. <div style="font-size:11px;">{text:tab4name}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:#b9b9b9;">
  844. <p></p>
  845. {text:tab4text}
  846. </div></div>
  847.  
  848. </div></div></div></div>
  849.        
  850.                            <!-- P O S T S -->
  851.  
  852. <div id="entries">
  853.     {block:Posts}
  854.         <div id="posts">
  855.        
  856.         <!-- {block:NoRebloggedFrom}
  857. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  858. {/block:NoRebloggedFrom} -->
  859.  
  860. {block:ContentSource}<!-- {SourceURL}
  861. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  862. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  863. {/block:ContentSource}
  864.            
  865.      {block:Text}
  866.              {block:Title}
  867.              <h1>{Title}</h1>
  868.              {/block:Title}
  869.              {Body}
  870.      {/block:Text}
  871.      
  872.      {block:Photo}
  873.              <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  874.              {block:Caption}
  875.              {Caption}
  876.              {/block:Caption}
  877.      {/block:Photo}
  878.      
  879.      {block:Photoset}
  880.              {Photoset-500}{block:Caption}
  881.              {Caption}
  882.              {/block:Caption}
  883.      {/block:Photoset}
  884.      
  885.      {block:Quote}
  886.              <h2>"{Quote}"</h2>
  887.              {block:Source}
  888.              <h3>—— {Source}</h3>
  889.              {/block:Source}
  890.      {/block:Quote}
  891.      
  892.      {block:Link}
  893.              <h1><a href="{URL}" style="text-decoration: underline;" class="link" {Target}>{Name}</a></h1>
  894.              {block:Description}
  895.              {Description}
  896.              {/block:Description}
  897.      {/block:Link}
  898.      
  899.      {block:Chat}
  900.              <div id="chatty">
  901.              {block:Title}
  902.              <h1>{Title}</h1>
  903.              {/block:Title}
  904.              {block:Lines}
  905.              {block:Label}
  906.              <b>{Label}</b>
  907.              {/block:Label}{Line}<br>
  908.              {/block:Lines}
  909.              </div>
  910.      {/block:Chat}
  911.      
  912.      {block:Video}
  913.              {Video-500}
  914.              {block:Caption}
  915.              {Caption}
  916.              {/block:Caption}
  917.      {/block:Video}
  918.      
  919.      {block:AudioPlayer}
  920.              <div class="audiowrapper">
  921.              {block:AlbumArt}
  922.              <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  923.              {/block:AlbumArt}
  924.              <div class="playerbuttonbg">
  925.              <div class="newplayerbutton">
  926.              <div class="playerbuttonhug">
  927.              {AudioPlayerBlack}
  928.              </div>
  929.              </div>
  930.              </div>
  931.              <div class="trackdetails">
  932.              <b><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></b><br><hr><br>
  933.              {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  934.              {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  935.              {PlayCountWithLabel}</p>
  936.              </div>
  937.              </div>
  938.      {/block:AudioPlayer}
  939.      
  940.      {block:Answer}
  941.             <div id="asker"><img src="{AskerPortraitURL-64}"></div><div id="askiz"><p>{Asker} wondered:<div id="asksh">{Question}</p></div></div><br><blockquote>{Answer}</blockquote>
  942.     {/block:Answer}
  943.      
  944. <div id="info">
  945. {block:Date}<a href="{Permalink}" title="posted {TimeAgo}">✘</a>{/block:Date}&nbsp;&nbsp;&nbsp;  <a href="{Permalink}" title="with {NoteCountWithLabel}">✘</a>&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"
  946. title="reblogged From {ReblogParentTitle}">✘</a>&nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="originally from {ReblogRoottitle}">✘</a>{/block:RebloggedFrom}<br></div>
  947.  
  948. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  949.      
  950.         </div>
  951.     {PostNotes}{/block:Posts}
  952.     {/block:Posts}
  953.     </div>
  954.    
  955.    
  956.         <div id="pages">
  957.             {block:PreviousPage}
  958.                 <a href="{PreviousPage}">«</a>
  959.             {/block:PreviousPage}{block:NextPage}
  960.                 <a href="{NextPage}">»</a>
  961.             {/block:NextPage}
  962.         </div>
  963.    
  964.          
  965.     </body>
  966.    
  967.                            <!-- B O X E S -->
  968.    
  969. <div id="link2" class="popup_block">
  970. {text:box1}
  971. <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>
  972. </div>
  973.  
  974.  
  975. <div id="link3" class="popup_block">
  976. {text:box2}
  977. </div>
  978.  
  979. <div id="link4" class="popup_block">
  980. {text:box3}
  981. </div>
  982.  
  983. <div id="link5" class="popup_block">
  984. {text:box4}
  985. </div>
  986.  
  987. </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!