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

Line 42: Line 42:
 
.df2promoter{
 
.df2promoter{
 
     left: 0%;
 
     left: 0%;
−
     top: 0%;
+
     top: -3%;
 
}
 
}
  
Line 163: Line 163:
 
height: 15px;
 
height: 15px;
 
}
 
}
 +
 +
 +
 +
 +
@media screen and (max-width: 710px){
 +
.df2promoter {
 +
    left: 0%;
 +
    top: -9%;
 +
}
 +
 +
.df3promoter {
 +
    right: 0%;
 +
    top: -9%;
 +
}
 +
 +
.df5promoter {
 +
    left: 0%;
 +
    bottom: -7%;
 +
    width: 59%;
 +
}
 +
 +
.df4promoter {
 +
    right: 0%;
 +
    bottom: -6%;
 +
    width: 35%;
 +
}
 +
 +
.design2contain{
 +
margin-top: 15%;
 +
 +
}
 +
}
 +
 +
 +
@media screen and (max-width: 650px){
 +
.df2promoter {
 +
    left: 0%;
 +
    top: -25%;
 +
}
 +
 +
.df3promoter {
 +
    right: 0%;
 +
    top: -25%;
 +
}
 +
 +
.df5promoter {
 +
    left: 0%;
 +
    bottom: -17%;
 +
    width: 59%;
 +
}
 +
 +
.df4promoter {
 +
    right: 0%;
 +
    bottom: -16%;
 +
    width: 35%;
 +
}
 +
 +
.design2contain{
 +
margin-top: 25%;
 +
 +
}
 +
}
 +
 +
 +
@media screen and (max-width: 570px){
 +
.df2{   
 +
font-size:70%;
 +
}
 +
}
 +
 +
@media screen and (max-width: 510px){
 +
#designlinesfig1{
 +
visibility: hidden;
 +
}
 +
 +
.df1promoter {
 +
    position: absolute;
 +
    left: 30%;
 +
    top: 38%;
 +
    width: 40%;
 +
    z-index: 1;
 +
}
 +
}
 +
 +
@media screen and (max-width: 465px){
 +
.df1promoter {
 +
      position: relative;
 +
    z-index: 1;
 +
    width: 80%;
 +
    margin: auto;
 +
}
 +
 +
#designlinesfig1{
 +
display: none;
 +
}
 +
.df2 {
 +
    position: relative;
 +
   
 +
    margin: 10px;
 +
}
 +
 +
.df2promoter {
 +
    width: 100%;
 +
}
 +
 +
.df3promoter {
 +
    width: 100%;
 +
}
 +
 +
.df5promoter {
 +
    width: 100%;
 +
}
 +
 +
.df4promoter {
 +
    width: 100%;
 +
}
 +
 +
 +
 +
}
 +
 +
 +
 +
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 10:11, 20 October 2019