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

Line 749: Line 749:
 
     width: 100%;
 
     width: 100%;
 
   }
 
   }
 +
#bodyContent .flex-row-3{
 +
    display:-webkit-box;
 +
    display:-ms-flexbox;
 +
    display:flex;
 +
    -webkit-box-orient: vertical;
 +
    -webkit-box-direction: normal;
 +
        -ms-flex-direction: column;
 +
            flex-direction: column;
 +
          }
 +
  #bodyContent .flex-row-3 div{
 +
      display:-webkit-box;
 +
      display:-ms-flexbox;
 +
      display:flex;
 +
      -webkit-box-orient: vertical;
 +
      -webkit-box-direction: normal;
 +
          -ms-flex-direction: column;
 +
              flex-direction: column;
 +
      -webkit-box-pack: center;
 +
          -ms-flex-pack: center;
 +
              justify-content: center;
 +
      -webkit-box-align: center;
 +
          -ms-flex-align: center;
 +
              align-items: center;
 +
      width: 100%;
 +
    }
 +
 
@media (min-width: 1024px) {
 
@media (min-width: 1024px) {
 
   #bodyContent .flex-row-2{
 
   #bodyContent .flex-row-2{
Line 762: Line 788:
 
   }
 
   }
 
   #bodyContent .flex-row-2 div{
 
   #bodyContent .flex-row-2 div{
−
     width:100%;
+
     width:50%;
 +
  }
 +
  #bodyContent .flex-row-3{
 +
      -webkit-box-orient: horizontal;
 +
      -webkit-box-direction: normal;
 +
          -ms-flex-direction: row;
 +
              flex-direction: row;
 +
    }
 +
  #bodyContent .flex-row-3 *{
 +
    -webkit-box-flex:1;
 +
        -ms-flex:1;
 +
            flex:1;
 +
  }
 +
  #bodyContent .flex-row-3 div{
 +
    width:33%;
 
   }
 
   }
 
}
 
}

Revision as of 21:18, 31 October 2017