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 { | ||
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=' | $("div#contHolder").append("<div class='blur'>TESTING</div>"); | ||
</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>


