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

Line 425: Line 425:
 
}
 
}
  
@media only screen and (min-width: 1289px) {
+
 
    .scaleit{
+
 
    width: 218px;
+
 
    height: auto;
+
 
  }
+
 
 +
 
 +
@media only screen and (min-width: 1353px) {
 +
 
 
    
 
    
  .scaleit1{
+
.image1 {
    width: 90px;
+
    height: auto;
+
  }
+
  .scaleit2{
+
    width: 155px;
+
    height: auto;
+
  }
+
  .scaleit5{
+
    width: 77px;
+
    height: auto;
+
  }
+
  .scaleit4{
+
    width: 129px;
+
    height: auto;
+
  }
+
  .scaleit6{
+
    width: 194px;
+
    height: auto;
+
  }
+
 
+
.image1 {
+
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
Line 516: Line 498:
 
   top: 1%;
 
   top: 1%;
 
   left: 21%;
 
   left: 21%;
 +
margin-left:12%;
  
 
}
 
}
Line 542: Line 525:
  
 
}
 
}
 +
 +
 +
 +
  
  
Line 551: Line 538:
  
  
@media only screen and (min-width: 1353px) {
+
 
 
+
 
 +
 
 +
 
 +
 
 +
@media only screen and (min-width: 1289px) {
 +
    .scaleit{
 +
    width: 218px;
 +
    height: auto;
 +
  }
 
    
 
    
.image1 {
+
  .scaleit1{
 +
    width: 90px;
 +
    height: auto;
 +
  }
 +
  .scaleit2{
 +
    width: 155px;
 +
    height: auto;
 +
  }
 +
  .scaleit5{
 +
    width: 77px;
 +
    height: auto;
 +
  }
 +
  .scaleit4{
 +
    width: 129px;
 +
    height: auto;
 +
  }
 +
  .scaleit6{
 +
    width: 194px;
 +
    height: auto;
 +
  }
 +
 
 +
.image1 {
 
   position: absolute;
 
   position: absolute;
 
   top: 8%;
 
   top: 8%;
Line 618: Line 634:
 
   top: 1%;
 
   top: 1%;
 
   left: 21%;
 
   left: 21%;
margin-left:12%;
 
  
 
}
 
}
Line 647: Line 662:
  
  
 +
}
  
  
  
  
}
 
  
 
@media only screen and (max-width: 986px) {
 
@media only screen and (max-width: 986px) {

Revision as of 16:20, 31 July 2019