Widget:DivineDecision

<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{

   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   text-align: center;
   font-weight: bold;
   display: inline-block;
   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>"); var campTitle = $('#filterRight').find(":visible:selected").text();

$("div#contHolder").prepend("

"+ campTitle +"

");

$("#mainFilter").change(function() { });

$("#seasonFilter-s3").change(function() { campTitle = $('#filterRight').find(":visible:selected").text(); $(".campTitle").remove();

$("div#contHolder").prepend("

"+ campTitle +"

");

});

</script>