labolyon.fr/css/affiches/jdll2024.css

147 lines
2.8 KiB
CSS

.affiche-jdll2024 {
border-top-color: #fafaf5ff;
border-left-color: #fafaf5ff;
border-bottom-color: #868381ff;
border-right-color: #868381ff;
border-style: solid;
border-width: 4px;
background-color: #d3cfc9ff;
padding: 0;
color: black;
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
padding-bottom: 4px;
}
.affiche-jdll2024 iframe {
flex: 1;
border-bottom-color: #fafaf5ff;
border-right-color: #fafaf5ff;
border-top-color: #868381ff;
border-left-color: #868381ff;
border-style: solid;
border-width: 2px;
}
.affiche-jdll2024 button {
border-top-color: #fafaf5ff;
border-left-color: #fafaf5ff;
border-bottom-color: #868381ff;
border-right-color: #868381ff;
border-style: solid;
border-width: 2px;
background-color: #d3cfc9ff;
}
.affiche-jdll2024 header {
height: 25px;
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
background: linear-gradient(to right, #112160ff, #a6c6f2ff);
padding: 2px 4px;
box-sizing: border-box;
column-gap: 4px;
border-bottom: solid 2px #d3cfc9ff;
}
.affiche-jdll2024 > :not(header) {
margin-left: 4px;
margin-right: 4px;
}
.affiche-jdll2024 header h1 {
flex: 1;
color: white;
margin: 0;
font-size: 1rem;
}
.affiche-jdll2024 header > img {
height: 80%;
}
.affiche-jdll2024 header > button {
height: 100%;
display: block;
padding: 2px;
}
.affiche-jdll2024 button img {
height: 100%;
display: block;
box-sizing: border-box;
}
.affiche-jdll2024 nav {
padding: 2px;
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
border-bottom: groove 2px #fafaf5ff;
}
.affiche-jdll2024 nav:first-of-type {
height: 40px;
}
.affiche-jdll2024 nav button {
height: 100%;
font-size: 0.6rem;
width: 50px;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
.affiche-jdll2024 nav button img {
height: 15px;
}
.affiche-jdll2024 nav hr {
flex: 1;
border: none;
}
.affiche-jdll2024 nav > img {
height: 100%;
border-bottom-color: #fafaf5ff;
border-right-color: #fafaf5ff;
border-top-color: #868381ff;
border-left-color: #868381ff;
border-style: solid;
border-width: 1px;
}
.affiche-jdll2024 nav input {
flex: 1;
border-bottom-color: #fafaf5ff;
border-right-color: #fafaf5ff;
border-top-color: #868381ff;
border-left-color: #868381ff;
border-style: solid;
border-width: 2px;
font-size: 0.7rem;
}
.affiche-jdll2024 nav label {
font-size: 0.7rem;
margin-right: 1ex;
}
.affiche-jdll2024 nav:last-of-type {
border-bottom: none;
}