« Accueil/style.css » : différence entre les versions
De Game of Rôles Le Wiki
Aller à la navigationAller à la recherche
m (two-cols) |
(right-column flex wrap) |
||
Ligne 14 : | Ligne 14 : | ||
flex-grow:1; | flex-grow:1; | ||
display:flex; | display:flex; | ||
flex-wrap: wrap; | |||
} | } | ||
#main-container #left-column { | #main-container #left-column { |
Version du 26 octobre 2018 à 15:02
- main-container {
display: flex; flex-wrap: wrap; width: 100%;
}
- main-container #welcome {
order:0; flex: 0 0 100%; margin-bottom: 5px;
}
- main-container #right-column {
order:2; flex: 0 0 20%; flex-grow:1; display:flex; flex-wrap: wrap;
}
- main-container #left-column {
width:75%; order:1; flex: 0 0 auto; display: flex; flex-wrap: wrap; padding-right:5px; justify-content: center;
} .box {
border: #DDE6FF 1px solid;
} .box.item {
margin: 5px; width: 350px;
} .box.grow {
flex-grow: 1;
} .box.full {
width:100%;
} .box .title {
padding:5px; margin: 5px; font-size:120%; font-weight:bolder; text-align:center; background-color:#DDE6FF;
} .box.blue {
border-color: #9298A8;
} .box.yellow {
border-color: #A8A077;
} .box.yellow .title {
background-color:#FFF3B4;
} .box.red {
border-color: #A88580;
} .box.red .title {
background-color:#FFC9C2;
} .box .content {
padding: 5px;
} .box .content.two-cols {
column-count: 2; column-rule-style: solid; column-rule-width: 1px; column-fill: auto; height: 80%; column-gap: 20px;
} .box .content.bold {
font-weight: bold;
} .row {
width: 100%; display: flex;
}