Difference between revisions of "Template:DTU-Denmark/mainCSS"

Line 11: Line 11:
 
box-sizing: border-box;
 
box-sizing: border-box;
 
    
 
    
 +
}
 +
 +
 +
 +
 +
.grid {
 +
  width: 100%;
 +
  max-width: 300px;
 +
  margin: 0 auto;
 +
 
 +
}
 +
 +
.grid::after {
 +
  content: "";
 +
  display: block;
 +
  clear: both;
 +
}
 +
 +
.grid-item {
 +
  width: 21.833%;
 +
  padding-bottom: 21.833%;
 +
  overflow: hidden;
 +
  float: left;
 +
  background: #057514;
 +
  transform: rotate(45deg);
 +
  margin: 5.5%;
 +
  margin-top: -11%;
 +
  color:#fff;
 +
}
 +
 +
.grid-item:nth-child(1),
 +
.grid-item:nth-child(2),
 +
.grid-item:nth-child(3) {
 +
  margin-top: 5%;
 +
}
 +
 +
.grid-item:nth-child(5n+4) {
 +
    margin-left: 21.9%;
 +
}
 +
 +
.grid-item:nth-child(5n+6) {
 +
    clear:left;
 +
}
 +
 +
.grid-item:nth-child(5n+6):last-of-type {
 +
  margin-left: 38.25%;
 +
}
 +
 +
.grid-item:hover {
 +
  background: #FFF;
 +
  color:#000;
 +
}
 +
 +
.grid-inner {
 +
  box-sizing: border-box;
 +
  position: absolute;
 +
  top:0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  transform: rotate(-45deg);
 +
  text-align: center;
 +
  padding-top: 40%;
 +
  font-size: 2em;
 +
}
 +
 +
 +
.media-list {
 +
 +
padding-left: 0;
 +
list-style: none;
 
}
 
}
  

Revision as of 00:20, 12 August 2019