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 62: Line 62:
.dicChoices{
.dicChoices{
     display:inline;
     display:inline;
    margin-bottom:30px;
}
}
.dicImage{
.dicImage{
     display:block;
     display:block;
     width:inherit;
     width:inherit;
    margin-bottom:inherit;
}
}
</style>
</style>

Revision as of 22:42, 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";
   font-size: 25px;  

}

div.divDesc{ text-align: center; }

.dicChosen {

   width: 600px;
   margin: 0 auto;

} .dicChoices{

   display:inline;
   margin-bottom:30px;

} .dicImage{

   display:block;
   width:inherit;
   margin-bottom: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="float:left;" src="/images/a/a0/Gwyneth_GPO.png"><img class="dicImage" style="float:right;" src="/images/c/c6/Lance_GPO.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>