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{

   text-align: center;
   font-weight: bold;
   padding: 3px;
   font-family: "Cinzel Decorative";
   font-size: 25px;  

}

div.divDesc{ text-align: center; }

.dicChosen {

   width: 600px;
   margin: 0 auto;

}

.dicImage{

   display:block;
   width:inherit;

} </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

Sample description will go here based on what it says on the website.

<img class="dicImage" style="" src="/images/a/a0/Gwyneth_GPO.png"><img class="dicImage" style="float:right;" src="/images/c/c6/Lance_GPO.png">

<img class="dicImage" style="display:block;margin:auto;" src="https://cdn.discordapp.com/attachments/196846421293400064/319206776056578068/DivineDecision_1.png">

<a class="dicLink" href="https://www.youtube.com/watch?v=cw2HkGQE5Mw" style="text-align: center;display: block;margin: 0 auto;">Youtube</a>

';

$("#contHolder").append(GPO); </script>