Медијавики:Gadget-metadata.css — разлика између измена

Верзија на датум 7. фебруар 2026. у 20:26

/* ============================================================================
   Gadget: Metadata (Procena kvaliteta)
   - Stilovi za prikaz procene ispod naslova članka (#siteSub)
   - Boje po razredima
   - Ikonice (SVG mask) koje prate boju teksta (currentColor)
   - Link u sloganu je plav (ne beo), visited tamnije plav
   ============================================================================ */

/* Osnovni stil */
.assess-article-rating {
    font-style: italic;
}
.assess-info-all {
    font-style: italic;
}

/* Link u sloganu: obavezno plav, visited tamnije plav (klasično MediaWiki) */
.assess-article-rating a {
    color: #36c !important;            /* plava */
    text-decoration: none;
}
.assess-article-rating a:visited {
    color: #0b0080 !important;         /* tamnija plava (visited) */
}
.assess-article-rating a:hover,
.assess-article-rating a:focus {
    text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Boje teksta (razredi) — ovo boji i naslov (h1) jer JS dodaje klasu na h1
   -------------------------------------------------------------------------- */
.assess-fa-text,
.assess-fl-text       { color: #06c; }

.assess-a-text,
.assess-al-text       { color: #29c; }

.assess-ga-text       { color: #070; }

.assess-b-text,
.assess-bl-text       { color: #6b0; }

.assess-c-text,
.assess-cl-text       { color: #993; }

.assess-start-text    { color: #b60; }

.assess-stub-text     { color: #901; }

.assess-list-text     { color: #85f; }

/* DAB / setindex / redir — boje teksta (da se slaže sa ikonama) */
.assess-dab-text,
.assess-setindex-text { color: #0b6; }

.assess-redir-text    { color: #0b6; }

/* (Ostavljamo stare definicije koje su bile prisutne u originalu) */
.assess-bplus         { background-color: #6f6; }
.assess-bplus-text    { color: #070; }

.assess-sl            { background-color: #f66; }
.assess-sl-text       { color: #901; }

.assess-dab,
.assess-setindex      { background-color: #00fa9a; }

.assess-cur           { background-color: #d462ff; }
.assess-cur-text      { color: #a4c; }

.assess-future        { background-color: #8a95c9; }
.assess-future-text   { color: #568; }

.assess-importance-top  { background-color: #f0f; }
.assess-importance-high { background-color: #f8f; }
.assess-importance-mid  { background-color: #fcf; }
.assess-importance-low  { background-color: #fef; }

.firstHeading .editsection {
    color: black;
}

/* Used to be in [[MediaWiki:Common.css]]. */
.assess-fa { background-color: #6699FF; }
.assess-fl { background-color: #6699FF; }
.assess-a { background-color: #66FFFF; }
.assess-ga { background-color: #66FF66; }
.assess-b { background-color: #B2FF66; }
.assess-c { background-color: #FFFF66; }
.assess-start { background-color: #FFAA66; }
.assess-stub { background-color: #FF6666; }
.assess-list { background-color: #AA88FF; }

/* ============================================================================
   IKONICE (SVG mask)
   - Ikonica automatski uzima boju teksta (currentColor)
   - Jedna veličina za sve, lepo poravnata uz tekst
   ============================================================================ */

.assess-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.35em;
    vertical-align: -0.12em;

    /* boja ikonice = boja teksta */
    background-color: currentColor;

    /* mask settings */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;

    opacity: 0.95;
}

/* Star (fa) */
.assess-icon-fa {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.95 6.63 7.05.64-5.33 4.62 1.6 6.86L12 17.77 5.73 20.75l1.6-6.86L2 9.27l7.05-.64L12 2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.95 6.63 7.05.64-5.33 4.62 1.6 6.86L12 17.77 5.73 20.75l1.6-6.86L2 9.27l7.05-.64L12 2z'/%3E%3C/svg%3E");
}

/* List (fl) */
.assess-icon-fl {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
}

/* Check (ga) */
.assess-icon-ga {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5L9 16.2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5L9 16.2z'/%3E%3C/svg%3E");
}

/* Medal / badge (a) */
.assess-icon-a {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h4l1 4h-4L7 2zm6 0h4l-1 4h-4l1-4zM12 7a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h4l1 4h-4L7 2zm6 0h4l-1 4h-4l1-4zM12 7a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E");
}

/* Circle (b) */
.assess-icon-b {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");
}

/* Ring (c) */
.assess-icon-c {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3C/svg%3E");
}

/* Seedling (start) */
.assess-icon-start {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22v-7c0-3 2-6 6-6 0 5-3 8-6 8zm0 0v-6c0-3-2-6-6-6 0 5 3 8 6 8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22v-7c0-3 2-6 6-6 0 5-3 8-6 8zm0 0v-6c0-3-2-6-6-6 0 5 3 8 6 8z'/%3E%3C/svg%3E");
}

/* Leaf (stub) */
.assess-icon-stub {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4c-8 0-14 6-14 14 8 0 14-6 14-14zM6 18c2-6 6-10 12-12-6 2-10 6-12 12z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4c-8 0-14 6-14 14 8 0 14-6 14-14zM6 18c2-6 6-10 12-12-6 2-10 6-12 12z'/%3E%3C/svg%3E");
}

/* Bullets (list) */
.assess-icon-list {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8V6zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8V6zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2z'/%3E%3C/svg%3E");
}

/* Question (dab) */
.assess-icon-dab {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v2h-2v-2zm1-16C6.48 2 2 6.03 2 11h2c0-3.86 3.58-7 8-7s8 3.14 8 7c0 2.41-1.7 4.52-4.2 5.57C13.9 17.19 13 18.33 13 20h-2c0-2.44 1.23-4.1 4.03-5.22C16.96 14.08 18 12.62 18 11c0-2.76-2.69-5-6-5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v2h-2v-2zm1-16C6.48 2 2 6.03 2 11h2c0-3.86 3.58-7 8-7s8 3.14 8 7c0 2.41-1.7 4.52-4.2 5.57C13.9 17.19 13 18.33 13 20h-2c0-2.44 1.23-4.1 4.03-5.22C16.96 14.08 18 12.62 18 11c0-2.76-2.69-5-6-5z'/%3E%3C/svg%3E");
}

/* Grid (setindex) */
.assess-icon-setindex {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");
}

/* Arrow (redir) */
.assess-icon-redir {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 7V4l8 8-8 8v-3H4v-4h6V7z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 7V4l8 8-8 8v-3H4v-4h6V7z'/%3E%3C/svg%3E");
}