MediaWiki:Common.css
Aspect
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 */
/* Linkuri normale (pagini existente) */
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; /* Verde mai deschis la hover */
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; /* Fila activă devine verde */
color: #ffffff !important; /* Textul din fila activă devine alb */
border-color: #4a7532 !important;
}
/* Linkurile din bara laterală (Navigation, Unelte etc.) */
.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;
}
/* 5. COLOARE DE FUNDAL PENTRU CASETELE DE TEXT (Căutare) */
#searchInput {
border: 2px solid #6aa84f !important;
border-radius: 20px !important; /* Bară de căutare rotundă și modernă */
padding: 6px 12px !important;
}
/* ===============================
PERSONALIZARE INTERFAȚĂ MOBIL
=============================== */
/* 1. SCHIMBAREA FUNDALULUI UNDE ESTE CONȚINUTUL PAGINII */
.mw-body, #content, #mw-content-text {
background-color: #ffffff !important; /* Rămâne un alb curat doar pentru textul articolului */
}
#mw-content-text {
background-color: #fcfdfe !important;
padding: 15px;
border-radius: 6px;
}
/* 2. BARA DE INSTRUMENTE ȘI MENIUL LATERAL PE MOBIL (Interfața Minerva/Vector Mobile) */
.mw-navigation, .navigation-drawer, .mw-sidebar, #mw-panel {
background-color: #2e4f21 !important;
}
.mw-navigation a, .navigation-drawer a, .sidebar-list a, .mw-sidebar-action a {
color: #ffffff !important;
font-weight: bold !important;
}
.mw-navigation a:hover, .navigation-drawer a:hover, .sidebar-list a:hover {
background-color: #3f6d2d !important;
color: #ffffff !important;
}
.mw-ui-icon-wikimedia-menu, .main-menu-button {
filter: invert(1) !important;
}
.header-container, .header {
background-color: #4a7532 !important;
}
.header h1, .header a {
color: #ffffff !important;
}