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: | 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'); | ||
}); | }); | ||
</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("
TESTING
");
$('.hidden').hover(function(){
$(this).removeClass('blur');
}).mouseout(function(){
$(this).addClass('blur');
});
</script>


