MediaWiki:Common.css

Notă: După publicare, trebuie să curățați memoria cache a navigatorului pentru a putea vedea modificările:

• Firefox / Safari: Țineți apăsat pe Shift în timp ce faceți clic pe Reîncărcare ori apăsați Ctrl-F5 sau Ctrl-R (⌘-R pe un sistem Mac);
• Google Chrome: Apăsați Ctrl-Shift-R (⌘-Shift-R pe un sistem Mac);
• Internet Explorer / Edge: Țineți apăsat pe Ctrl în timp ce faceți clic pe Reîmprosptare sau apăsați Ctrl-F5;
• Opera: Apăsați Ctrl-F5.

/** CSS plasate aici vor fi aplicate tuturor aparițiilor */

.page-Pagina_principală .firstHeading {
    display: none !important;
}

#footer-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px;
}

#footer-info li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   PERSONALIZARE CULORI GLOBALE - ENCICLOPEDIA TRIMERIA
   ========================================================================== */

/* 1. SCHIMBAREA FUNDALULUI GLOBAL AL SITE-ULUI */
body {
    background-color: #f4f9f1 !important; /* Un crem-verzui foarte deschis, odihnitor pentru ochi */
    color: #222222 !important; /* Text principal aproape negru, pentru contrast maxim */
}

/* Fundalul containerului de conținut (unde stau articolele) */
#content {
    background-color: #ffffff !important;
    border: 1px solid #d2e4cb !important; /* Margine fină verzuie */
    border-radius: 8px; /* Colțuri ușor rotunjite pentru un aspect modern */
}

/* 2. PERSONALIZARE TITLURI (H1, H2, H3 etc.) */
h1, h2, .firstHeading {
    color: #4a7532 !important; /* Verdele oficial Trimeria pentru titluri mari */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

h3, h4 {
    color: #2b5b84 !important; /* Un albastru-închis discret pentru subtitluri secundare */
}

/* 3. SCHIMBAREA CULORILOR PENTRU LINKURI */
a {
    color: #3b6b24 !important; /* Verde închis, foarte lizibil */
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

/* Mouse deasupra pe un link */
a:hover {
    color: #6aa84f !important;
    text-decoration: underline !important;
}

/* Linkuri către pagini care NU există încă (celebrii „redlinks” din Wiki) */
a.new {
    color: #bc111e !important; /* Roșu aprins pentru pagini ce trebuie create */
}
a.new:hover {
    color: #e0313f !important;
}

/* 4. PERSONALIZARE MENIURI ȘI FILE */
#p-cactions li a {
    background-color: #eaeaea !important;
    color: #444 !important;
    transition: all 0.2s;
}

#p-cactions li.selected a {
    background-color: #4a7532 !important;
    color: #ffffff !important;
    border-color: #4a7532 !important;
}

/* Linkurile din bara laterală */
.mw-sidebar-action a, #mw-panel .portal .body ul li a {
    color: #444444 !important;
}
.mw-sidebar-action a:hover, #mw-panel .portal .body ul li a:hover {
    color: #4a7532 !important;
}



/* =======================================
   PERSONALIZARE CONȚINUT INTERFAȚĂ MOBIL
   ======================================= */

/* 1. SCHIMBAREA FUNDALULUI UNDE ESTE CONȚINUTUL PAGINII */
.mw-body, #content, #mw-content-text {
    background-color: #ffffff !important; 
}

#mw-content-text {
    background-color: #fcfdfe !important; 
    padding: 15px;
    border-radius: 6px;
}

/* 2. BARA DE INSTRUMENTE ȘI MENIUL LATERAL PE MOBIL (Stil elegant, curat) */
.mw-navigation, .navigation-drawer, .mw-sidebar, #mw-panel {
    background-color: #ffffff !important;
    border-right: 3px solid #4a7532 !important;
}

/* Linkurile din meniu devin verzi și clare */
.mw-navigation a, .navigation-drawer a, .sidebar-list a, .mw-sidebar-action a {
    color: #4a7532 !important; /* Scris verde oficial */
    font-weight: bold !important;
}

.mw-navigation a:hover, .navigation-drawer a:hover, .sidebar-list a:hover {
    background-color: #f4f9f1 !important; /* Un fundal verzui foarte pal și discret */
    color: #3b6b24 !important;
}

.mw-ui-icon, .mw-ui-icon-wikimedia-menu, .main-menu-button {
    filter: sepia(1) saturate(3) hue-rotate(60deg) !important; 
}

/* 3. ANTET MOBIL */
.header-container, .header {
    background-color: #ffffff !important; /* Fundal alb, aerisit */
    border-bottom: 2px solid #6aa84f !important; /* Doar o linie subțire verde jos, pentru stil */
}

/* Titlul și elementele din header revin la nuanțe închise/verzi pe fundal alb */
.header h1, .header a {
    color: #4a7532 !important; 
}