« Accueil/style.css » : différence entre les versions
De Game of Rôles Le Wiki
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 3 : | Ligne 3 : | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
width: 100%; | width: 100%; | ||
column-gap: 5px; | |||
} | } | ||
#main-container #welcome { | #main-container #welcome { | ||
Ligne 8 : | Ligne 9 : | ||
flex: 0 0 100%; | flex: 0 0 100%; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
} | } | ||
#main-container #right-column { | #main-container #right-column { |
Version du 9 juin 2022 à 16:35
- main-container {
display: flex; flex-wrap: wrap; width: 100%; column-gap: 5px;
}
- main-container #welcome {
order: 0; flex: 0 0 100%; margin-bottom: 5px;
}
- main-container #right-column {
order: 2; flex-basis: 20%; flex-grow: 1; flex-shrink: 1; display: flex; flex-wrap: wrap;
}
- main-container #left-column {
order: 1; flex-basis: 75%; flex-grow: 1; flex-shrink: 1; display: flex; flex-wrap: wrap; 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: 90%; column-gap: 20px; min-height: 250px;
} .box .content.bold {
font-weight: bold;
} .row {
width: 100%; display: flex;
} .flexbox {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
} .flexbox.wrapped {
flex-wrap: wrap;
} .flex-column {
align-items: flex-start; align-content: flex-start; flex-grow: 1;
}