Difference between revisions of "Template:Judd UK/Stylesheets/BSS"

Line 1: Line 1:
 
/*https://www.sitepoint.com/make-a-simple-javascript-slideshow-without-jquery*/
 
/*https://www.sitepoint.com/make-a-simple-javascript-slideshow-without-jquery*/
 
#slides{
 
#slides{
−
    position: absolute;
+
position: relative;
−
    padding: 0px;
+
padding: 0px;
−
    margin: 0px !important;
+
margin: 0px !important;
−
    list-style-type: none;
+
list-style-type: none;
−
    height: 100%;
+
height: 100%;
−
    width: 100%;
+
width: 100vw;
−
    left: 0px;
+
left: -20px;
−
    top: -37px;
+
top: -37px;
 
}
 
}
  

Revision as of 18:01, 1 November 2017

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

  1. slides{

position: relative; padding: 0px; margin: 0px !important; list-style-type: none; height: 100%; width: 100vw; left: -20px; top: -37px; }

.slide{ 

   position: absolute;
   left: 0px;

margin:0px!important; 

   top: 0px;
   width: 100%;

padding:0px!important; 

   height: auto!important;
   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;

}