No edit summary
No edit summary
Line 37: Line 37:
  */
  */


.wrapper {
#slidingphotocontainer {
  position: absolute;
    width: 1000px;
  top: 1%;
    overflow: hidden;
  width: 4000px;
    margin: 10px auto;
  animation: 60s credits linear infinite;
    background: white;
  animation-direction:reverse;
}
}
 
.wrapper img:hover {
.photobanner {
    height: 233px;
    width: 3550px;
    margin-bottom: 10px;
}
.photobanner img {;
    height: 233px;
    width: 350px;
    transition: all 0.5s ease;
}
.photobanner img:hover {
     transform: scale(1.4);
     transform: scale(1.4);
     cursor: pointer;
     cursor: pointer;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
}
@keyframes credits {
/*keyframe animations*/
  0% {
.first {
    animation: bannermove 30s linear infinite;
}
@keyframes "bannermove" {
0% {
     margin-left: 0px;
     margin-left: 0px;
  }
  }
  100% {
  100% {
     margin-left: -4000px;
     margin-left: -2125px;
  }
  }
   
   
}
.wrapper:hover{
    animation-play-state: paused;
    cursor: pointer;
}
}

Revision as of 15:24, 17 April 2023

/* hide redirected from refs on main page */ .mw-redirectedfrom {

   display: none;

}

/* delete discuss icon */

  1. poncho-talk-button {
  display: none;

}

/* delete print icon */

  1. poncho-print-button {
  display: none;

}


/* delete home bell thing on top */

  1. poncho-bell-item {
  display: none;

} /* delete home tool thing on top */ poncho-tool-item {

  display: none;

}


/* hide unwanted on main page */

  1. siteSub {
   display: none;

}

/* CSS Sliding Image Gallery for Mediawiki

* 
* @author: Unknown
* current version crafted together by User:Christharp from several CSS sites.
*/
  1. slidingphotocontainer {
   width: 1000px;
   overflow: hidden;
   margin: 10px auto;
   background: white;

}

.photobanner {

   height: 233px;
   width: 3550px;
   margin-bottom: 10px;

}

.photobanner img {;

    height: 233px;
   width: 350px;
   transition: all 0.5s ease;

}

.photobanner img:hover {

   transform: scale(1.4);
   cursor: pointer;
   box-shadow: 0 3px 5px rgba(0,0,0,0.2);

} /*keyframe animations*/ .first {

   animation: bannermove 30s linear infinite;

}

@keyframes "bannermove" {

0% {
   margin-left: 0px;
}
100% {
   margin-left: -2125px;
}

}