mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
9511bb93b5
- Footer now displays all available years horizontally with scroll
- Click on year filters thesis list to that year
- Active year highlighted in footer
- 'Tous' link to reset filter
- Filter info banner shows when year selected with reset button
- Pagination preserves year filter
- Styled with horizontal scroll, smooth scrollbar
- Tests passing ✅
105 lines
1.6 KiB
CSS
105 lines
1.6 KiB
CSS
@font-face {
|
|
font-family: police1;
|
|
src: url("./fonts/Combinedd.otf");
|
|
}
|
|
|
|
/* Dark theme */
|
|
/* UTILE POUR FORCER UN MODE LIGHT */
|
|
/* @media (prefers-color-scheme: dark) { */
|
|
/* :root, */
|
|
/* ::backdrop { */
|
|
/* --bg: #fff; */
|
|
/* --accent-bg: #f5f7ff; */
|
|
/* --text: #212121; */
|
|
/* --text-light: #585858; */
|
|
/* --border: #898ea4; */
|
|
/* --accent: #0d47a1; */
|
|
/* --code: #d81b60; */
|
|
/* --preformatted: #444; */
|
|
/* --marked: #ffdd33; */
|
|
/* --disabled: #efefef; */
|
|
/* } */
|
|
/* } */
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
/* FORMULAIRE */
|
|
form label {
|
|
font-family: police1;
|
|
font-size: 1rem;
|
|
}
|
|
form input,
|
|
select,
|
|
textarea {
|
|
border-color: #c104fc;
|
|
overflow: visible;
|
|
outline: none;
|
|
background-color: white;
|
|
}
|
|
|
|
form input:focus,
|
|
select:focus {
|
|
border: 3px solid rgba(77, 168, 112, 1);
|
|
}
|
|
|
|
label {
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
input {
|
|
/* font-family: police1; */
|
|
/* font-weight: bold; */
|
|
background-color: none;
|
|
color: rgb(193, 4, 252);
|
|
border: 1px solid rgb(193, 4, 252);
|
|
}
|
|
|
|
a {
|
|
color: rgb(193, 4, 252);
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
a, a:visited {
|
|
color: rgb(193, 4, 252);
|
|
}
|
|
|
|
input:active {
|
|
border-color: rgba(77, 168, 112, 1);
|
|
}
|
|
|
|
button,
|
|
[role="button"],
|
|
input[type="submit"],
|
|
input[type="reset"],
|
|
input[type="button"],
|
|
label[type="button"] {
|
|
background-color: white;
|
|
margin-top: 2rem;
|
|
font-size: 16px;
|
|
border-radius: 10px;
|
|
padding: 1rem;
|
|
margin: 1rem;
|
|
a {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
button {}
|
|
|
|
/* For Google Chrome, Safari, and newer versions of Opera */
|
|
::placeholder {
|
|
/* color: rgb(213, 73, 255); */
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
/* For Mozilla Firefox */
|
|
::-moz-placeholder {
|
|
/* color: rgb(213, 73, 255); */
|
|
font-size: 0.8rem;
|
|
}
|