Accueil/style.css

De Game of Rôles Le Wiki
Révision datée du 9 juin 2022 à 16:48 par AlphaPizza (discussion | contributions)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigationAller à la recherche
  1. main-container {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 column-gap: 5px;

}

  1. main-container #welcome {
 order: 0;
 flex: 0 0 100%;
 margin-bottom: 5px;

}

  1. main-container #right-column {
 order: 2;
 flex-basis: 20%;
 flex-grow: 1;
 flex-shrink: 1;
 display: flex;
 flex-wrap: wrap;

}

  1. 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;
 flex-basis: 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;

}