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 33: | Line 33: | ||
} | } | ||
.blur { | |||
{ | color: transparent; | ||
color: transparent; | |||
text-shadow: 0 0 5px rgba(0,0,0,0.5); | text-shadow: 0 0 5px rgba(0,0,0,0.5); | ||
} | } | ||
| Line 49: | Line 48: | ||
$("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 id='GPO'></div>"); | $(div#contHolder).append("<div id='GPO' class='hidden'>TESTING</div>"); | ||
$(document).ready(function(){ | |||
$('.hidden').hover(function(){ | |||
$(this).addClass('blur'); | |||
}).mouseout(function(){ | |||
$(this).removeClass('blur'); | |||
}); | |||
}); | |||
</script> | </script> | ||
Revision as of 21:17, 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: 0 0 5px rgba(0,0,0,0.5);
} </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
");
$(document).ready(function(){
$('.hidden').hover(function(){
$(this).addClass('blur');
}).mouseout(function(){
$(this).removeClass('blur');
});
}); </script>


