Difference between revisions of "Template:ETH Zurich/index css"

Line 102: Line 102:
  
  
−
figure.patient {
 
−
    width: 300px;
 
−
    float: right;
 
−
    margin-top: -100px;
 
−
}
 
  
−
figure.process {
+
figure.process {
 
     width: 1200px;
 
     width: 1200px;
 
     margin: auto;
 
     margin: auto;
 
     padding-top: 45px;
 
     padding-top: 45px;
 
}
 
}
 +
 +
.drylab > figure.drylab {
 +
    width: 250px;
 +
    float: left;
 +
    padding-right: 40px;
 +
}
 +
  
 
.scroll-down-button {
 
.scroll-down-button {

Revision as of 20:26, 28 October 2017

main h1 { 

   color: black;
   font-weight: bold;
   font-size: 24px;

}

button a { 

   color: #181818;
   font-size: 16px;
   text-decoration: none;
   text-transform: uppercase;

}


button a:hover { 

   text-decoration: none;

}

main p { 

   font-size: 24px;
   line-height: 130%;

}


  1. banner {
   margin-top: -30px;
   margin: auto;

}

main button { 

   background-color: #d8d8d8;
   padding: 10px;
   border: none;
   letter-spacing: 2px;
   transition: all 0.3s ease 0s;
   text-align: center;

}

main button:hover { 

   background-color: #bcbcbc;
   padding: 10px;
   border: none;
   letter-spacing: 2px;

}


main section { 

   padding-bottom: 50px;

}


.why > figure.CH { 

   float:right;
   width: 440px;
   padding-top: 20px;

}


div.space { 

   padding: 40px;

}

.vision > figure.EcN { 

   float:left;
   width: 250px;
   padding-right: 40px;

}

.circuit > figure.andgate { 

   float: right;
   width: 250px;
   padding-left: 40px;

}

.step > figure { 

   float: right;
   width: 400px;

}

.step.invert > figure { 

   float: left;
   width: 250px;

}


div.why { 

   width: 100%

}

}

.step > a { 

   display: block;
   margin: 0px;

}

.break > figure { 

   margin-right: auto;
   margin-left: auto;
   width: 650px;

}


figure.process { 

   width: 1200px;
   margin: auto;
   padding-top: 45px;

}

.drylab > figure.drylab { 

   width: 250px;
   float: left;
   padding-right: 40px;

}


.scroll-down-button { 

   background-image: url('https://static.igem.org/mediawiki/2017/1/14/T--ETH_Zurich--Scroll.png') no-repeat center;
   display: block;
   margin: auto;
   width: 50px;
   padding: 70px;

}


@media screen and (min-width: 620px) { 

   .step {/*
       align-items: center;
       flex-flow: row nowrap;
   */}
   .step.invert {/*
       flex-flow: row-reverse nowrap;
   */}

}