root {
--primary-color: #00955F;
--primary-darker-color: #007744;
--secondary-color: #ededed;
--text-color: white;
--shadow-color: rgba(100, 100, 111, 0.2);
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans:wght@400;600;700&display=swap');
/* General styles for responsiveness */
* {
box-sizing: border-box !important;
font-family: 'Open Sans', 'Roboto', sans-serif;
}
body {
margin: 0;
padding: 0;
}
#allround {
margin: 0 auto !important;
padding: 10px !important;
}
#content {
padding: 0px;
overflow-x: hidden;
width: 100%;
}
h1 {
font-size: 36px;
text-align: center;
margin-bottom: 20px;
font-family: Roboto, 'Open Sans', sans-serif;
}
.results_menu {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 5px !important;
height: 100% !important;
background-color: white !important;
}
.results_menu a {
flex: 1 1 auto;
text-align: center !important;
padding: 10px 15px !important; /* Aumentar el padding para un mejor clic */
font-size: 18px !important;
font-family: Roboto, 'Open Sans', sans-serif;
height: auto !important; /* Permitir que la altura se ajuste al contenido */
background-color: var(--text-color) !important;
color: var(--primary-color) !important;
border: 2px solid var(--primary-darker-color);
border-radius: 4px; /* Bordes redondeados */
transition: background-color 0.3s, transform 0.2s, border 0.3s; /* Transiciones suaves */
}
.results_menu a:hover {
background-color: var(--primary-darker-color) !important; /* Color de fondo en hover */
color: var(--text-color) !important; /* Color del texto en hover */
transform: translateY(-2px); /* Efecto de elevación */
border: 2px solid var(--text-color); /* Borde al pasar el mouse */
}
.results_menu a.active {
background-color: var(--primary-color) !important; /* Color de fondo para el enlace activo */
color: var(--text-color) !important; /* Color del texto para el enlace activo */
border: 2px solid var(--primary-darker-color); /* Borde del enlace activo */
}
.box {
margin-bottom: 20px !important;
}
.box-head {
font-size: 18px !important;
height: auto !important;
padding: 5px !important;
text-align: center !important;
color: var(--text-color) !important;
background-color: var(--primary-color) !important;
text-shadow: none !important;
}
input[type="submit"] {
background-color: var(--primary-color) !important;
height: 30px !important;
color: var(--text-color) !important;
}
.card {
border-radius: 4px;
box-shadow: var(--shadow-color) 0px 7px 29px 0px;
padding: 20px 10px;
margin-bottom: 30px;
margin-top: 10px;
order: 1;
}
.card-header {
display: flex;
flex-direction: column;
align-items: center;
}
.participant-name {
font-size: 24px;
font-weight: bold;
font-family: Roboto, 'Open Sans', sans-serif;
}
.participant-time {
font-size: 36px;
font-weight: bold;
font-family: Roboto, 'Open Sans', sans-serif;
}
.card-content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
gap: 10px;
}
.card-item > div:first-child {
font-weight: bold;
font-family: Roboto, 'Open Sans', sans-serif;
font-size: 14px;
}
.card-item {
text-align: center;
background-color: var(--secondary-color);
padding: 5px;
border-radius: 4px;
}
.detail-box.box-splits {
order: 3;
}
.detail-box.box-features {
order: 2;
}
.detail-box.box-features:not(:has(a)) {
display: none;
}
.detail-box.box-splits tbody tr > td:first-child {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.back {
position: fixed; /* Keeps it at the top even when scrolling */
top: 10px; /* Adjust the vertical position */
left: 10px; /* Adjust the horizontal position */
z-index: 1000; /* Ensures it stays above other elements */
}
.back a {
display: inline-block;
text-decoration: none;
background-color: var(--primary-color); /* Button background color */
color: var(--text-color); /* Text color */
font-size: 16px; /* Text size */
font-weight: bold; /* Make the text stand out */
padding: 10px 15px; /* Add some padding around the text */
border-radius: 4px; /* Rounded corners */
box-shadow: var(--shadow-color) 0px 4px 6px; /* Subtle shadow for a modern look */
transition: background-color 0.3s ease; /* Smooth hover effect */
}
.back a:hover {
background-color: var(--primary-darker-color); /* Slightly darker shade on hover */
text-decoration: none; /* Ensures no underline on hover */
}
#checkpoint_select {
margin: 10px 0px ;
}
.table-container {
overflow-x: auto; /* Enables horizontal scrolling */
white-space: nowrap; /* Prevents table from wrapping */
margin: 20px 0; /* Optional: Adds some spacing */
}
table th {
background-color: var(--primary-color) !important;
font-family: Roboto, 'Open Sans', sans-serif;
color: var(--text-color);
}
.detail-channel.channel-left {
display: flex;
flex-direction: column;
}
.card {
order: 1;
}
.detail-box.box-splits {
order: 3;
}
.detail-box.box-features {
order: 2;
margin-bottom: 0 !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 28px;
margin-top: 15px;
}
h2 {
font-size: 20px !important;
}
.results_menu a {
font-size: 12px;
padding: 5px;
}
#race > table {
width: 100%;
display: flex;
overflow-x: auto;
flex-direction: column;
align-items: center;
> tbody {
display: flex;
width: 100%;
> tr {
display: flex;
flex-direction: column;
width: 100% !important;
> td {
width: 100% !important;
}
}
}
}
#race > table:first-child {
> tbody {
> tr:last-child {
width: 0 !important;
}
}
}
#race > table:last-child {
> tbody {
> tr {
width: 100% !important;
}
}
}
#race .search-form > table > tbody > tr:nth-child(8) {
> td:last-child {
display: flex;
flex-direction: column;
}
}
table th,
table td {
text-align: left !important;
padding: 5px !important;
font-size: 14px !important;
}
.search-form table {
width: 100%;
}
.detail-box.box-splits th {
background-color: var(--primary-color) !important;
font-family: Roboto, 'Open Sans', sans-serif;
}
.back {
top: 5px;
left: 5px;
}
.back a {
font-size: 14px; /* Adjust text size for smaller screens */
padding: 8px 12px;
}
}
@media (max-width: 600px) {
h1 {
font-size: 24px;
}
}
Lagresultat från 3 éme Cross Fédéral Fkih Ben Salah 2024
Juniors Femmes
| Placering |
Lagnamn |
|
Poäng |
| 1. |
AROZA
|
|
44 |
|
ZAHIRI CHAIMAA
|
F
|
8 |
|
AZZABA WISSAL
|
F
|
9 |
|
BELWAFI AMINA
|
F
|
12 |
|
AL KOTNI ZINEB
|
F
|
15 |
|
ZAHI MANAL
|
F
|
20 |
| 2. |
UJST
|
|
65 |
|
SADDOUG SALMA
|
F
|
7 |
|
hanane agoujdad
|
F
|
10 |
|
BOUHOU ASMA
|
F
|
18 |
|
ELHAOUS SOUAD
|
F
|
30 |
|
MERZOUG FATIMA EZZAHRA
|
F
|
68 |
| 3. |
CWRF
|
|
136 |
|
KLILECH NOURA
|
F
|
27 |
|
NAMIR DOHA
|
F
|
35 |
|
BELFARAH SALMA
|
F
|
36 |
|
LAHLOU FATIMA ZAHRA
|
F
|
38 |
| 4. |
CLMA
|
|
143 |
|
JOMMAN KHADIJA
|
F
|
29 |
|
BOULAAJINE FATIMA EZZAHRA
|
F
|
33 |
|
AOUSSAR MERIEM
|
F
|
37 |
|
AARABI LATIFA
|
F
|
44 |
| 5. |
ALTAA
|
|
143 |
|
AITOUSSIDI KAWTAR
|
F
|
13 |
|
NAJI OUISSAL
|
F
|
34 |
|
FATIHE SABAH
|
F
|
45 |
|
ASSAMER GHIZLAN
|
F
|
51 |
| 6. |
USABA
|
|
161 |
|
MANA SALMA
|
F
|
23 |
|
ELKHAODI SALMA
|
F
|
28 |
|
ELBAHRAMY FATIMA
|
F
|
43 |
|
ELHACHIMI KHAWLA
|
F
|
67 |
|
TACHI SARAH
|
F
|
81 |
| 7. |
OCS
|
|
167 |
|
BASSOU ASMAE
|
|
2 |
|
BOURGANA FATIMA EZZAHRA
|
F
|
47 |
|
BENYAZZA HAJAR
|
F
|
58 |
|
LAMDIDIH ALAA
|
F
|
60 |
| 8. |
ACEKA
|
|
189 |
|
HABIB SAIDA
|
F
|
6 |
|
SALHI SAMIA
|
F
|
57 |
|
NACIRI MERIEM
|
F
|
62 |
|
OURRIBANE SOUKAYNA
|
F
|
64 |
|
MADANI CHAYMAE
|
F
|
74 |
| 9. |
ASOAK
|
|
238 |
|
FARID NOUHAILA
|
F
|
17 |
|
GHALI IMANE
|
F
|
61 |
|
ATID AYA
|
F
|
77 |
|
OUATTAB ZINEB
|
F
|
83 |