116 lines
1.8 KiB
CSS
116 lines
1.8 KiB
CSS
/*
|
|
* This is a manifest file that'll be compiled into application.css.
|
|
*
|
|
* With Propshaft, assets are served efficiently without preprocessing steps. You can still include
|
|
* application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
|
|
* cascading order, meaning styles declared later in the document or manifest will override earlier ones,
|
|
* depending on specificity.
|
|
*
|
|
* Consider organizing styles into separate files for maintainability.
|
|
*/
|
|
|
|
body {
|
|
margin: 0px;
|
|
font-family: "Sour Gummy", sans-serif;
|
|
font-weight: 350;
|
|
font-style: normal;
|
|
}
|
|
|
|
.bar-afond {
|
|
background: black;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.bar-creatif {
|
|
background: red;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.bar-frigo {
|
|
background: gray;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.bar-croisiere {
|
|
background: green;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.bar-en-charge {
|
|
background: orange;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.bar-explain {
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.legend-mood {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.moods {
|
|
margin: 30px;
|
|
max-height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.log {
|
|
align-self: flex-end;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.moods .log .week {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-items: start;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.moods .log .day {
|
|
border: 1px;
|
|
margin: 4px;
|
|
min-width: 15px;
|
|
min-height: 15px;
|
|
}
|
|
|
|
.creatif {
|
|
background-color: red;
|
|
}
|
|
|
|
.en-charge {
|
|
background-color: orange;
|
|
}
|
|
|
|
.frigo-vide {
|
|
background-color: grey;
|
|
}
|
|
|
|
.croisiere {
|
|
background-color: green;
|
|
}
|
|
|
|
.afond {
|
|
background-color: black;
|
|
}
|
|
|
|
.info {
|
|
margin: 30px;
|
|
}
|