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

Latest revision as of 18:21, 1 November 2017

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

slides{

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

.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;

}

@@ Line 1: / Line 1: @@
 /*https://www.sitepoint.com/make-a-simple-javascript-slideshow-without-jquery*/
 #slides{
-    position: relative;
+position: relative;
-    height: 150px;
+padding: 0px;
-    padding: 0px;
+margin: 0px !important;
-    margin: 0px;
+list-style-type: none;
-    list-style-type: none;
+height: 100%;
+width: 100%;
 }
@@ Line 11: / Line 12: @@
      position: absolute;
      left: 0px;
+margin:0px!important;
      top: 0px;
      width: 100%;
-     height: 100%;
+padding:0px!important;
+     height: auto!important;
      opacity: 0;
      z-index: 1;
      -webkit-transition: opacity 1s;
      -moz-transition: opacity 1s;
@@ Line 26: / Line 28: @@
      opacity: 1;
      z-index: 2;
-}
-/*
-non-essential styles:
-just for appearance; change whatever you want
-*/
-.slide{
-    font-size: 40px;
-    padding: 40px;
-    box-sizing: border-box;
-    background: #333;
-    color: #fff;
-}
-.slide:nth-of-type(1){
-    background: red;
-}
-.slide:nth-of-type(2){
-    background: orange;
-}
-.slide:nth-of-type(3){
-    background: green;
-}
-.slide:nth-of-type(4){
-    background: blue;
-}
-.slide:nth-of-type(5){
-    background: purple;
 }