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

(Port CSS from old team page.)
(Use flexbox to style rooster list.)
Line 1: Line 1:
−
ul.rooster {
+
.rooster {
−
     clear: both;
+
     color: var(--dark-gray);
−
     display: block;
+
     display: flex;
−
    height: auto;
+
     list-style-type: none;
−
     list-style: none;
+
     margin: 0 auto;  
−
     overflow: auto;
+
 
}
 
}
  
−
ul.rooster li {
+
.rooster li div {
−
    float: left;
+
−
    width: 25%;
+
−
}
+
−
 
+
−
ul.rooster li div {
+
 
     align-items: center;
 
     align-items: center;
 
     display: flex;
 
     display: flex;

Revision as of 20:35, 17 October 2017

.rooster { 

   color: var(--dark-gray);
   display: flex;
   list-style-type: none;
   margin: 0 auto;

}

.rooster li div { 

   align-items: center;
   display: flex;
   justify-content: center;
   height: 200px;

}

  1. address {
   flex: 0 1 auto;
   font-size: small;
   font-style: normal;

}