[data-theme="custom"], :root{
--primary-color-hue: 216;
--primary-color-saturation: 42%;
--primary-color-lightness: 25%;
--banner-background: url(../img/banner.svg);
}
.login-page {
--login-logo: url("https://pdgit.fr/document.php?modulepart=ecm&attachment=1&file=image%2Fcropped-Logo-2023-11.png.webp"); /* for relative path, must be relative to the css file or use full url starting by http:// */
}
/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS */
/* === STYLE GLOBAL PDG-IT === */
/* Police et couleurs générales */
body {
font-family: "Inter", "Roboto", "Segoe UI", sans-serif !important;
background-color: #f5f7fa !important;
color: #1f2937 !important;
line-height: 1.6 !important;
}
/* Liens */
a {
color: #263c5c !important;
text-decoration: none !important;
transition: color 0.2s ease-in-out;
}
a:hover {
color: #3b5a8c !important;
text-decoration: underline !important;
}
/* === BANNIÈRE ET EN-TÊTE === */
header, .navbar, .banner, .top-bar {
background-color: #263c5c !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
header a, .navbar a, .banner a {
color: #ffffff !important;
font-weight: 500;
}
header a:hover, .navbar a:hover, .banner a:hover {
color: #dbe4f0 !important;
}
/* === BOUTONS === */
button, .btn, input[type=submit] {
background-color: #263c5c !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
padding: 8px 16px !important;
font-weight: 500 !important;
transition: all 0.25s ease-in-out !important;
}
button:hover, .btn:hover, input[type=submit]:hover {
background-color: #3b5a8c !important;
transform: scale(1.02);
}
/* === TABLEAUX === */
table {
border-collapse: collapse !important;
width: 100%;
background-color: #ffffff !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
th {
background-color: #e9eef5 !important;
color: #263c5c !important;
font-weight: 600 !important;
padding: 10px !important;
}
td {
padding: 10px !important;
}
tr:nth-child(even) {
background-color: #f7f9fc !important;
}
/* === BLOCS ET CARTES === */
.card, .box, .panel {
background-color: #ffffff !important;
border-radius: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.06);
padding: 16px !important;
border: none !important;
}
/* === TITRES === */
h1, h2, h3, h4 {
color: #263c5c !important;
font-weight: 600 !important;
letter-spacing: 0.5px;
}
/* === CHAMPS DE FORMULAIRE === */
input[type=text], input[type=email], input[type=password], select, textarea {
border: 1px solid #cbd5e1 !important;
border-radius: 6px !important;
padding: 8px 10px !important;
background-color: #ffffff !important;
transition: border-color 0.2s ease;
}
input:focus, select:focus, textarea:focus {
border-color: #263c5c !important;
box-shadow: 0 0 4px rgba(38, 60, 92, 0.2);
outline: none !important;
}
/* === PIED DE PAGE === */
footer {
background-color: #263c5c !important;
color: #ffffff !important;
text-align: center !important;
padding: 15px !important;
border-top: none !important;
font-size: 0.9em;
}
/* === EFFET SUR LES BLOCS HOVER === */
.box:hover, .card:hover, .panel:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
transform: translateY(-2px);
transition: all 0.2s ease-in-out;
}
/* === TITRE DE PAGE BIENVENUE === */
h1, .page-title {
color: #263c5c !important;
text-align: center !important;
font-weight: 700 !important;
margin-top: 20px;
}
/* === SCROLLBAR personnalisée (optionnel) === */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #263c5c;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background: #e9eef5;
}