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
Seniors Femmes
| Placering |
Lagnamn |
|
Poäng |
| 1. |
FAR
|
|
29 |
|
HAIRICH KAWTHAR
|
F
|
3 |
|
ALLABBAA AICHA
|
F
|
4 |
|
EL OTMANI SANAE
|
F
|
6 |
|
HADRI OUMAYMA
|
F
|
16 |
|
YACHOU KHAOULA
|
F
|
28 |
| 2. |
DHJ
|
|
50 |
|
KAHHAZ KAOUTAR
|
F
|
2 |
|
SANAD SOUMIA
|
F
|
11 |
|
ELMACH ILHAM
|
F
|
12 |
|
BOUFTOU IMANE
|
F
|
25 |
|
BOUKRYM SALMA
|
F
|
26 |
| 3. |
FUS
|
|
93 |
|
LAHDAR LOUBNA
|
F
|
14 |
|
BARGHOUT AHLAM
|
F
|
19 |
|
MOURCHID WAFA
|
F
|
29 |
|
AIT OUKDIM FATIMA ZAHRA
|
F
|
31 |
| 4. |
USABA
|
|
114 |
|
GHAZLI IBTISSAM
|
F
|
7 |
|
RACHIDI HAFIDA
|
F
|
22 |
|
BROU HASNA
|
F
|
38 |
|
ELKOTABI IMANE
|
F
|
47 |
|
CHAOURI FADOUA
|
F
|
71 |
| 5. |
ALMAM
|
|
126 |
|
BOUTRICH HAFSSA
|
F
|
9 |
|
FAHHAL IKRAM
|
F
|
32 |
|
ERRACHKI KHAOULA
|
F
|
40 |
|
EL JAKANY MOUNYA
|
F
|
45 |
|
NGAIRI FATIMA EZZAHRAA
|
F
|
51 |
| 6. |
AROZA
|
|
145 |
|
LAHROURI AICHA
|
F
|
18 |
|
EL-IDRISSI MALIKA
|
F
|
24 |
|
HARKATI ZINEB
|
F
|
48 |
|
RADOUANI NADIA
|
F
|
55 |
| 7. |
OCK
|
|
156 |
|
YAQINE SALMA
|
F
|
10 |
|
OUERRAT SOUKAINA
|
F
|
21 |
|
CHEMLAL SAFAA
|
F
|
62 |
|
EL KEBCH ALAE
|
F
|
63 |
|
AFFRANI SANAA
|
F
|
73 |
| 8. |
AUBG
|
|
165 |
|
BOUSSYA MARIAM
|
F
|
39 |
|
ELABBADY NADIRA
|
F
|
41 |
|
MOUHIB SIHAM
|
F
|
42 |
|
ELHAKMY FATIMAEZZAHRA
|
F
|
43 |
|
CHERKAOUI CHAYMAA
|
F
|
64 |
| 9. |
AUSFA
|
|
186 |
|
LACHHAB OUMAIMA
|
F
|
23 |
|
LACHOUBI FATIMA ZAHRAE
|
F
|
36 |
|
LAASSIRI ILHAM
|
F
|
58 |
|
ELMOUZAZI KHADIJA
|
F
|
69 |
| 10. |
CBAA
|
|
270 |
|
SOULIMAN IMAN
|
F
|
65 |
|
HASINAT DOUAE
|
F
|
66 |
|
LAROUAA WISALE
|
F
|
67 |
|
ES-SADIA EL-AADI
|
F
|
72 |