99 lines
1.5 KiB
CSS
99 lines
1.5 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;
|
|
}
|
|
|
|
main {
|
|
height: 100vh;
|
|
}
|
|
|
|
.tracker {
|
|
align-content: center;
|
|
}
|
|
|
|
.logs {
|
|
height: 60vh;
|
|
overflow: scroll;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.current-day {
|
|
background-color: white;
|
|
position: sticky;
|
|
top: 0;
|
|
align-content: center;
|
|
}
|
|
|
|
.bar-afond {
|
|
background: black;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.bar-creatif {
|
|
background: red;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.bar-frigo {
|
|
background: gray;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.bar-croisiere {
|
|
background: green;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.bar-en-charge {
|
|
background: orange;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.day {
|
|
border: 1px;
|
|
margin: 4px;
|
|
width: 15px;
|
|
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;
|
|
}
|