Difference between revisions of "Template:Cologne-Duesseldorf/css"

 
(17 intermediate revisions by the same user not shown)
Line 137: Line 137:
 
     margin: auto;
 
     margin: auto;
 
     padding: 8% 0;
 
     padding: 8% 0;
 +
}
 +
 +
#bodyContent .frontpage{
 +
    width: 100%;
 +
    margin: 0% 0;
 +
    padding: 5%;
 +
    padding-top: 0%;
 +
    background: white;
 +
    box-shadow: 0 -20px 20px 20px white;
 
}
 
}
  
Line 537: Line 546:
 
   display: block;
 
   display: block;
 
   max-width: 100%;
 
   max-width: 100%;
 +
  padding: 20px;
 
   margin: 20px auto;
 
   margin: 20px auto;
 
}
 
}
  
 
@media (min-width: 1024px){
 
@media (min-width: 1024px){
−
   #bodyContent img.floatleft{
+
   #bodyContent .floatleft{
 
     float:left;
 
     float:left;
 
     margin:0;
 
     margin:0;
 
   }
 
   }
  
−
   #bodyContent img.floatright{
+
   #bodyContent .floatright{
−
       float:left;
+
       float:right;
 
       margin:0;
 
       margin:0;
 
   }
 
   }
 +
  #bodyContent img.nomargin{
 +
    margin:0;
 +
  }
 +
 
}
 
}
  
Line 564: Line 578:
 
   max-width:100%;
 
   max-width:100%;
 
   margin: 5% auto;
 
   margin: 5% auto;
 +
}
 +
 +
#bodyContent .max-width {
 +
  width: 100%;
 +
}
 +
 +
#bodyContent .limited-height{
 +
    max-height: 500px;
 +
    width: auto;
 
}
 
}
  
 
#bodyContent .half-width{
 
#bodyContent .half-width{
 
   width:100%;
 
   width:100%;
−
  padding:10%;
 
 
   margin:5% auto;
 
   margin:5% auto;
 
}
 
}
 +
 +
#bodyContent .quarter-width{
 +
  width:100%;
 +
  margin:5% auto;
 +
}
 +
 +
 
@media (min-width: 1024px){
 
@media (min-width: 1024px){
 
   #bodyContent .half-width{
 
   #bodyContent .half-width{
 
     width:50%;
 
     width:50%;
−
    padding: 0;
 
 
   }
 
   }
 +
  #bodyContent .quarter-width{
 +
    width:25%;
 +
}
 
}
 
}
  
−
#bodyContent .max-width {
 
−
  width: 100%;
 
−
  padding: 10%;
 
−
}
 
 
#bodyContent h1,h2,h3,h4,h5,h6 {
 
#bodyContent h1,h2,h3,h4,h5,h6 {
 
   color: #149375;
 
   color: #149375;
Line 845: Line 872:
 
   ************************************************************************/
 
   ************************************************************************/
 
   #bodyContent .tab {
 
   #bodyContent .tab {
 +
    width: 100%;
 
     display:-webkit-box;
 
     display:-webkit-box;
 
     display:-ms-flexbox;
 
     display:-ms-flexbox;
Line 1,128: Line 1,156:
 
   padding-right: 7px;
 
   padding-right: 7px;
 
}
 
}
 +
 +
#bodyContent ul.eric{
 +
    display: flex;
 +
    flex-direction: column;
 +
}
 +
 +
#bodyContent ul.eric li{
 +
    text-indent: 0;
 +
}
 +
 +
 +
#bodyContent ul.eric li::before {
 +
    content: "";
 +
    color: #149375;
 +
    float: left;
 +
    padding-right: 10px;
 +
    display: block;
 +
    height: 32px;
 +
    width: 32px;
 +
    background-image: url(https://static.igem.org/mediawiki/2017/5/50/T--Cologne-Duesseldorf--check.jpeg);
 +
    background-repeat: no-repeat;
 +
    background-position: left center;
 +
    background-size: 26px;
 +
}
 +
 
#bodyContent ol li::before {
 
#bodyContent ol li::before {
 
   content: none;
 
   content: none;
Line 1,321: Line 1,374:
 
     -o-transition: opacity 2s linear;
 
     -o-transition: opacity 2s linear;
 
     transition: opacity 2s linear;
 
     transition: opacity 2s linear;
 +
    padding:0;
 
}
 
}
 +
  
 
#bodyContent .slider button {
 
#bodyContent .slider button {
Line 1,387: Line 1,442:
 
     border-radius: 50%;
 
     border-radius: 50%;
 
     border: 3px solid transparent;
 
     border: 3px solid transparent;
−
     border-top-color: #3498db;
+
     border-top-color: #0e6752;
  
 
     -webkit-animation: spin 2s linear infinite;
 
     -webkit-animation: spin 2s linear infinite;
Line 1,404: Line 1,459:
 
         border-radius: 50%;
 
         border-radius: 50%;
 
         border: 3px solid transparent;
 
         border: 3px solid transparent;
−
         border-top-color: #e74c3c;
+
         border-top-color: #149375;
  
 
         -webkit-animation: spin 3s linear infinite;
 
         -webkit-animation: spin 3s linear infinite;
Line 1,419: Line 1,474:
 
         border-radius: 50%;
 
         border-radius: 50%;
 
         border: 3px solid transparent;
 
         border: 3px solid transparent;
−
         border-top-color: #f9c922;
+
         border-top-color: #1ac19a;
  
 
         -webkit-animation: spin 1.5s linear infinite;
 
         -webkit-animation: spin 1.5s linear infinite;

Latest revision as of 20:31, 1 November 2017