Template:Judd UK/Stylesheets/BSS

/*https://www.sitepoint.com/make-a-simple-javascript-slideshow-without-jquery*/

1. slides{

   position: relative;
   height: 150px;
   padding: 0px;
   margin: 0px;
   list-style-type: none;

}

.slide{

   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 1;

   -webkit-transition: opacity 1s;
   -moz-transition: opacity 1s;
   -o-transition: opacity 1s;
   transition: opacity 1s;

}

.showing{

   opacity: 1;
   z-index: 2;

}