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 34: Line 34:


.blur {
.blur {
   color: transparent;
   filter:blur(2px);
}
 
.blur:hover {
  filter:blur(0px);
  transition: 0.3;
}
</style>
</style>


Line 46: Line 52:
$("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='blur'>TESTING</div>");
 


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


 
</script>
</script>

Revision as of 21:31, 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 {

  filter:blur(2px);

}

.blur:hover {

  filter:blur(0px);
  transition: 0.3;

} </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("

TESTING

");


</script>