Difference between revisions of "Template:Duesseldorf/CSS"

Line 1,575: Line 1,575:
 
     }
 
     }
 
}
 
}
 +
 +
.sg-container {
 +
  max-width: 100%;
 +
  float: left;
 +
  display: list-item;
 +
  list-style-type: none;
 +
  position: relative;
 +
  margin: 4px;
 +
  cursor: pointer
 +
}
 +
 +
.sg-container img {
 +
  max-width: 100%;
 +
  border-radius: 10px 10px 10px 10px;
 +
  -moz-border-radius: 10px 10px 10px 10px;
 +
  -webkit-border-radius: 10px 10px 10px 10px;
 +
  border: 0px solid #000000;
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
 +
}
 +
 +
.img-hidden {
 +
  bottom: 0;
 +
  position: absolute;
 +
  opacity: 0;
 +
  filter: alpha(opacity=0);
 +
  width: 100%;
 +
  z-index: 1000;
 +
  transition: opacity 2s;
 +
  -moz-transition: opacity 2s;
 +
  -webkit-transition: opacity 2s;
 +
}
 +
 +
.sg-container.active .img-hidden {
 +
  opacity: 1;
 +
  filter: alpha(opacity=100);
 +
  transition: opacity 2s;
 +
  -moz-transition: opacity 2s;
 +
  -webkit-transition: opacity 2s;
 +
}
 +
 +
  
  

Revision as of 08:48, 25 August 2018