Sari la conținut

MediaWiki:Common.css: Diferență între versiuni

De la Enciclopedia Trimeria
mFără descriere a modificării
mFără descriere a modificării
Linia 50: Linia 50:
     background-color: var(--trimeria-bg) !important;
     background-color: var(--trimeria-bg) !important;
     color: var(--trimeria-text);
     color: var(--trimeria-text);
}
/* ==========================================================================
  CONȚINUT ARTICOLE
  ========================================================================== */
.mw-body,
.vector-body,
#content,
.content,
#bodyContent,
.ve-init-mw-desktopArticleTarget-targetContainer {
    background-color: var(--trimeria-content) !important;
    border: 1px solid var(--trimeria-border);
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
/* spațiere mai plăcută */
.mw-parser-output {
    line-height: 1.65;
}
}


Linia 183: Linia 157:
.catlinks {
.catlinks {
     background: #f8fbf6;
     background: #f8fbf6;
     border: 1px solid var(--trimeria-border);
     border: 1px solid var(--trimeria-border);
     border-radius: 6px;
     border-radius: 6px;
     padding: 8px;
     padding: 8px;
}
}
Linia 197: Linia 168:
.toc {
.toc {
     background: #f8fbf6 !important;
     background: #f8fbf6 !important;
     border: 1px solid var(--trimeria-border) !important;
     border: 1px solid var(--trimeria-border) !important;
     border-radius: 6px;
     border-radius: 6px;
}
}
Linia 214: Linia 183:
#mw-panel {
#mw-panel {
     background: #f7faf5;
     background: #f7faf5;
     border-right: 1px solid var(--trimeria-border);
     border-right: 1px solid var(--trimeria-border);
}
}
Linia 232: Linia 200:


/* ==========================================================================
/* ==========================================================================
   FILE / TABURI
   FILE
   ========================================================================== */
   ========================================================================== */


Linia 238: Linia 206:
.vector-menu-tabs .selected span {
.vector-menu-tabs .selected span {
     color: white !important;
     color: white !important;
     background-color: var(--trimeria-green-dark);
     background-color: var(--trimeria-green-dark);
     border-radius: 4px 4px 0 0;
     border-radius: 4px 4px 0 0;
}
}
Linia 275: Linia 241:
.mw-spcontent,
.mw-spcontent,
.mw-changeslist {
.mw-changeslist {
     background-color: white;
     background-color: white;
}
}
Linia 288: Linia 253:
.ombox,
.ombox,
.fmbox {
.fmbox {
     border-radius: 6px;
     border-radius: 6px;
}
}
Linia 310: Linia 274:
.skin-minerva #content,
.skin-minerva #content,
.skin-minerva .content {
.skin-minerva .content {
     background-color: #e8ffe7 !important;
     background-color: #e8ffe7 !important;
     border-radius: 8px;
     border-radius: 8px;
     padding: 12px;
     padding: 12px;
}
}
Linia 331: Linia 292:


@media (max-width: 720px) {
@media (max-width: 720px) {
     .mw-body,
     .mw-body,
     .vector-body,
     .vector-body,
     #content {
     #content {
         border-radius: 0;
         border-radius: 0;
         border-left: none;
         border-left: none;
         border-right: none;
         border-right: none;
Linia 346: Linia 304:
     }
     }
}
}


#mw-mf-page-left {
#mw-mf-page-left {
   background-color: #d6e7c2;
   background-color: #d6e7c2;
}
}

Versiunea de la data 10 iunie 2026 16:20

/** 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;
}

/* ==========================================================================
   ENCICLOPEDIA TRIMERIA
   Tema oficială
   ========================================================================== */

/* ==========================================================================
   PALETA DE CULORI
   ========================================================================== */

:root {
    --trimeria-green: #5b8f3f;
    --trimeria-green-dark: #3f6d2d;
    --trimeria-green-light: #edf6e8;

    --trimeria-blue: #2f6e95;

    --trimeria-border: #cddfc5;

    --trimeria-bg: #edf6e8;
    --trimeria-content: #ffffff;

    --trimeria-text: #222222;
}

/* ==========================================================================
   FUNDAL GENERAL
   ========================================================================== */

html,
body {
    background-color: var(--trimeria-bg) !important;
    color: var(--trimeria-text);
}

/* ==========================================================================
   TITLURI
   ========================================================================== */

.firstHeading,
h1 {
    color: var(--trimeria-green-dark) !important;

    border-bottom: 2px solid var(--trimeria-border);

    padding-bottom: 6px;
}

h2 {
    color: var(--trimeria-green-dark);

    border-bottom: 1px solid var(--trimeria-border);

    padding-bottom: 3px;
}

h3,
h4,
h5,
h6 {
    color: var(--trimeria-blue);
}

/* ==========================================================================
   LINKURI
   ========================================================================== */

a {
    color: var(--trimeria-green-dark) !important;
    text-decoration: none;
}

a:hover {
    color: var(--trimeria-green) !important;
    text-decoration: underline;
}

/* redlinks */

a.new {
    color: #ba2d2d !important;
}

a.new:hover {
    color: #e54747 !important;
}

/* ==========================================================================
   TABELE WIKI
   ========================================================================== */

.wikitable {
    border: 1px solid var(--trimeria-border) !important;
    border-collapse: collapse;

    background-color: white;
}

.wikitable th {
    background-color: #dcecd4 !important;

    color: var(--trimeria-green-dark);

    border: 1px solid var(--trimeria-border);

    font-weight: bold;
}

.wikitable td {
    border: 1px solid var(--trimeria-border);
}

.wikitable tr:nth-child(even) {
    background-color: #f8fbf6;
}

/* ==========================================================================
   COD
   ========================================================================== */

code,
pre,
.mw-code {
    background: #f6f6f6;

    border: 1px solid #dddddd;

    border-radius: 4px;
}

pre {
    padding: 10px;
}

/* ==========================================================================
   CATEGORII
   ========================================================================== */

.catlinks {
    background: #f8fbf6;
    border: 1px solid var(--trimeria-border);
    border-radius: 6px;
    padding: 8px;
}

/* ==========================================================================
   TOC (CUPRINS)
   ========================================================================== */

.toc {
    background: #f8fbf6 !important;
    border: 1px solid var(--trimeria-border) !important;
    border-radius: 6px;
}

.toctitle h2 {
    border: none !important;
}

/* ==========================================================================
   BARA LATERALĂ
   ========================================================================== */

.vector-pinned-container,
#mw-panel {
    background: #f7faf5;
    border-right: 1px solid var(--trimeria-border);
}

.vector-pinned-container a,
#mw-panel a {
    color: var(--trimeria-green-dark);
}

/* ==========================================================================
   ANTET VECTOR
   ========================================================================== */

.vector-header {
    border-bottom: 3px solid var(--trimeria-green);
}

/* ==========================================================================
   FILE
   ========================================================================== */

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected span {
    color: white !important;
    background-color: var(--trimeria-green-dark);
    border-radius: 4px 4px 0 0;
}

/* ==========================================================================
   IMAGINI
   ========================================================================== */

.thumb {
    border-color: var(--trimeria-border) !important;
}

.thumbcaption {
    background: #f8fbf6;
}

/* ==========================================================================
   VISUALEDITOR
   ========================================================================== */

.ve-ui-toolbar {
    border-bottom: 2px solid var(--trimeria-green);
}

.ve-init-mw-desktopArticleTarget-targetContainer {
    padding: 20px;
}

/* ==========================================================================
   PAGINI SPECIALE
   ========================================================================== */

.mw-specialpages-table,
.mw-spcontent,
.mw-changeslist {
    background-color: white;
}

/* ==========================================================================
   CASETE DE MESAJE
   ========================================================================== */

.ambox,
.tmbox,
.cmbox,
.ombox,
.fmbox {
    border-radius: 6px;
}

/* ==========================================================================
   CĂUTARE
   ========================================================================== */

.vector-search-box-input {
    border: 1px solid var(--trimeria-border);
}

.vector-search-box-input:focus {
    border-color: var(--trimeria-green);
}

/* ==========================================================================
   MOBIL - MINERVANEUE
   ========================================================================== */

.skin-minerva #content,
.skin-minerva .content {
    background-color: #e8ffe7 !important;
    border-radius: 8px;
    padding: 12px;
}

.skin-minerva .header {
    border-bottom: 3px solid var(--trimeria-green);
}

.skin-minerva a {
    color: var(--trimeria-green-dark);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 720px) {
    .mw-body,
    .vector-body,
    #content {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .wikitable {
        font-size: 90%;
    }
}

#mw-mf-page-left {
  background-color: #d6e7c2;
}