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 45: | Line 45: | ||
div.campTitle{ | div.campTitle{ | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 3px; | padding: 3px; | ||
font-family: "Cinzel Decorative"; | font-family: "Cinzel Decorative"; | ||
| Line 66: | Line 61: | ||
$("div.filterLeft").append("<select id='mainFilter'><option>Season 3</option></select>"); | $("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.filterRight").append("<select id='seasonFilter-s3'><option>The Grand Paladin Order</option><option>Camp 2</option></select>"); | ||
$("#mainFilter").change(function() { | $("#mainFilter").change(function() { | ||
| Line 74: | Line 67: | ||
$("#seasonFilter-s3").change(function() { | $("#seasonFilter-s3").change(function() { | ||
}); | }); | ||
var GPO = "<div id='GPO'><div class='campTitle'>The Grand Paladin Order</div></div>"; | |||
</script> | </script> | ||
Revision as of 21:52, 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); transition: filter 0.3s; -webkit-transition: filter 0.3s;
}
.blur:hover {
filter:blur(0px);
}
div.campTitle{
text-align: center; font-weight: bold; padding: 3px; font-family: "Cinzel Decorative";
} </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>");
$("#mainFilter").change(function() {
});
$("#seasonFilter-s3").change(function() {
});
var GPO = "
The Grand Paladin Order
";
</script>
