Widget:DivineDecision: Difference between revisions

From Unforgotten Realms Wiki
Jump to navigationJump to search
imported>Pillowkeeper
No edit summary
imported>Pillowkeeper
No edit summary
Line 35: Line 35:
.blur {
.blur {
   color: transparent;
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
   text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
}
</style>
</style>


Line 48: Line 47:
$("div.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option><option>Camp 2</option></select>");
$("div.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option><option>Camp 2</option></select>");


$("div#contHolder").append("<div class='hidden'>TESTING</div>");
$("div#contHolder").append("<div class='hidden blur'>TESTING</div>");




     $('.hidden').hover(function(){
     $('.hidden').hover(function(){
        $(this).removeClass('blur');
    }).mouseout(function(){
         $(this).addClass('blur');
         $(this).addClass('blur');
    }).mouseout(function(){
        $(this).removeClass('blur');
     });
     });


</script>
</script>

Revision as of 21:22, 30 May 2017

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js"></script>

<style> div.charFilter select{ border: 1px solid #000;

   color: #fff;
   background: #444;
   position: relative;
   width: 150px;
   float: left;
   height: 25px;
   margin-right: 5px;

} div.charFilter{ display: inline-block;

   padding-left: 15px;

padding-right: 15px;

   width: 100%;

} div.filterLeft{ float: left; } div.filterRight{ float: right; }

div#decPanel {

   text-align: center;
 background: rgba(68,68,68,0.2);
 border-radius: 15px;
 border: 2px solid #8b4513;
 padding: 10px;

}

.blur {

  color: transparent;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}

</style>

<script>

$("div#decPanel").prepend("

");

$("div.filterLeft").append("<select id='mainFilter'><option>Season 3</option></select>"); $("div.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option><option>Camp 2</option></select>");

$("div#contHolder").append("

");


   $('.hidden').hover(function(){
       $(this).removeClass('blur');
   }).mouseout(function(){
       $(this).addClass('blur');
   });

</script>