Difference between revisions of "Template:MIT"

Line 165: Line 165:
  
 
/********************************* CONTENT OF THE PAGE ********************************/
 
/********************************* CONTENT OF THE PAGE ********************************/
 +
 +
.firstHeading, .logo_2016 {
 +
  display: none;
 +
}
 +
 +
ul.img-list {
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  text-align: center;
 +
     
 +
}
 +
 +
ul.img-list li {
 +
  display: inline-block;
 +
  height: 150px;
 +
  margin: 0 0 5px 0;
 +
  border: solid 2px;
 +
  position: relative;
 +
  width: 150px;
 +
  width: calc(33% - 6px);
 +
}
 +
 +
ul.img-list img {
 +
  width: 100%;
 +
  height: 100%
 +
}
 +
 +
span.text-content {
 +
  background: rgba(0,0,0,0.5);
 +
  color: white;
 +
  cursor: pointer;
 +
  display: table;
 +
  height: 100%;
 +
  left: 0;
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100%;
 +
  opacity: 0;
 +
  -webkit-transition: opacity 500ms;
 +
  -moz-transition: opacity 500ms;
 +
  -o-transition: opacity 500ms;
 +
  transition: opacity 500ms;
 +
}   
 +
span.text-content span {
 +
  display: table-cell;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
}
 +
ul.img-list li:hover span.text-content {
 +
  opacity: 1;
 +
}
 +
  
 
/* Wrapper for the content */
 
/* Wrapper for the content */

Revision as of 22:00, 15 October 2016

MENU ▤