Пређи на садржај

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

Iz Vojne Enciklopedije
← Старија измена
Admin (разговор | доприноси)
CompanyPerson, Аутоматски проверени корисници, Ботови, Бирократе, Чекјузери, developer, Уредници, emailconfirmed, Администратори интерфејса, my-group, nuke, Патролери, Прегледачи, Ревизори, Администратори, Прегледачи IP адреса привремених налога
225 измена
Promena koda
Promena koda
 
(3 међуизмене истог корисника нису приказане)
Ред 1: Ред 1:
/* ============================================================================
/* ==========================================================================
   GADŽET: Metadata (Procena kvaliteta) — CSS (lokalna verzija)
   GADŽET: Metadata — CSS (Vojna enciklopedija)
  Ovaj CSS ide uz: MediaWiki:Gadget-metadata.js
   - Boje rangova (h1 dobija klasu)
  Svrha:
   - Stil #siteSub
   - Bojenje NASLOVA članka (h1) prema proceni (fa/b/stub...)
   - Ikonice: SVE različite (fa, fl, ga, a, b, c, start, stub, list, dab,
   - Ulepšan prikaz teksta ispod naslova (#siteSub)
    setindex, redir, cur, future, al, bl, cl, sl, bplus)
   - Sve je prilagođeno lokalnim vrednostima:
    fa, fl, ga, a, b, c, start, stub, list, dab, setindex, redir (+ neprocenjen)
   ========================================================================== */
   ========================================================================== */


/* Tekst ispod naslova (siteSub) — gadžet ubacuje "Procena kvaliteta: ..." */
/* --- #siteSub prikaz --- */
.assess-article-rating {
.assess-article-rating,
    font-style: italic;
}
.assess-info-all {
.assess-info-all {
     font-style: italic;
     font-style: italic;
}
}


/* Da link u sloganu izgleda uredno (nasleđuje boju procene) */
/* Link u proceni mora biti plav kao standardni link */
.assess-article-rating a {
.assess-article-rating a.assess-rating-link {
     color: inherit;
    color: #06c !important;        /* neposećen link */
    text-decoration: none;
    font-weight: 600;
}
.assess-article-rating a.assess-rating-link:visited {
     color: #0b0080 !important;     /* posećen link */
}
.assess-article-rating a.assess-rating-link:hover {
     text-decoration: underline;
     text-decoration: underline;
    text-underline-offset: 2px;
}
}
.assess-article-rating a:hover {
 
     text-decoration-thickness: 2px;
/* --- Ikonice (zajedničko) --- */
.assess-icon-wrap {
    display: inline-flex;
     align-items: center;
    margin-right: 0.35em;
}
}


/* Sitni delovi u zaglavlju (da ne budu “čudno” obojeni) */
.assess-icon {
.firstHeading .editsection {
    display: inline-block;
     color: inherit;
    width: 1.05em;
    height: 1.05em;
    vertical-align: -0.15em;
 
    /* Ikonica se boji po rangu (currentColor) */
    background-color: currentColor;
 
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
     -webkit-mask-size: contain;
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: contain;
}
}


/* ============================================================================
/* ==========================================================================
   1) BOJE NASLOVA ČLANKA (h1) — gadžet dodaje klasu na <h1>
   BOJE RANGOVA (naslov h1 dobija klasu iz JS)
   Primer: <h1 class="firstHeading assess-stub-text">...</h1>
   ========================================================================== */
.assess-fa-text,
.assess-fl-text      { color: #06c; }  /* FA/FL */
.assess-a-text,
.assess-al-text      { color: #29c; }  /* A */
.assess-ga-text      { color: #070; }  /* GA */
.assess-b-text,
.assess-bl-text      { color: #6b0; }  /* B */
.assess-c-text,
.assess-cl-text      { color: #993; }  /* C */
.assess-start-text    { color: #b60; }  /* start */
.assess-stub-text,
.assess-sl-text      { color: #901; }  /* stub/sl */
.assess-list-text    { color: #85f; }  /* list */
.assess-dab-text      { color: #0b6; }  /* dab */
.assess-setindex-text { color: #0b6; }  /* setindex */
.assess-redir-text   { color: #999; }  /* redir */
.assess-cur-text      { color: #a4c; }  /* cur */
.assess-future-text  { color: #568; }  /* future */
.assess-bplus-text    { color: #070; }  /* bplus */
 
/* Edit link da ostane čitljiv */
.firstHeading .editsection { color: black; }
 
/* ==========================================================================
  IKONICE (SVAKA DRUGAČIJA)
   ========================================================================== */
   ========================================================================== */


/* Izabrani nivoi */
/* Unassessed (?) */
h1.assess-fa-text,
.assess-icon-unassessed {
h1.assess-fl-text {
  -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.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14a4 4 0 00-4 4h2a2 2 0 114 0c0 2-3 1.75-3 5h2c0-2.5 3-2.75 3-5a4 4 0 00-4-4z'/%3E%3C/svg%3E");
    color: #06c;  /* plava: izabrano */
          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.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14a4 4 0 00-4 4h2a2 2 0 114 0c0 2-3 1.75-3 5h2c0-2.5 3-2.75 3-5a4 4 0 00-4-4z'/%3E%3C/svg%3E");
}
}


h1.assess-ga-text {
/* FA: zvezda */
    color: #070;   /* zelena: dobar */
.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 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%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 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}
}


h1.assess-a-text {
/* FL: medalja */
    color: #29c;   /* plavo-cijan: A-razred */
.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='M12 2a7 7 0 100 14 7 7 0 000-14zm0 12a5 5 0 110-10 5 5 0 010 10zm-2 6l2-1 2 1 2 4H8l2-4z'/%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 2a7 7 0 100 14 7 7 0 000-14zm0 12a5 5 0 110-10 5 5 0 010 10zm-2 6l2-1 2 1 2 4H8l2-4z'/%3E%3C/svg%3E");
}
}


h1.assess-b-text {
/* GA: ček */
    color: #6b0;   /* maslinasto-zelena: B */
.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.17L4.83 12 3.41 13.41 9 19 21 7 19.59 5.59z'/%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.17L4.83 12 3.41 13.41 9 19 21 7 19.59 5.59z'/%3E%3C/svg%3E");
}
}


h1.assess-c-text {
/* A: bedž sa slovom A */
    color: #993;   /* maslinasto/braon: C */
.assess-icon-a,
.assess-icon-al {
  -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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M12 7l3 10h-2l-.6-2H11.6L11 17H9l3-10zm0 3l-.9 3h1.8L12 10z'/%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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M12 7l3 10h-2l-.6-2H11.6L11 17H9l3-10zm0 3l-.9 3h1.8L12 10z'/%3E%3C/svg%3E");
}
}


h1.assess-start-text {
/* B: bedž sa slovom B */
    color: #b60;   /* narandžasta: početni */
.assess-icon-b,
.assess-icon-bl {
  -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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M9.5 7H13a2.5 2.5 0 010 5H9.5V7zm2.9 3.2a1 1 0 000-2H11v2h1.4zM9.5 12H13.2a2.4 2.4 0 010 4.8H9.5V12zm3.2 3.2a.9.9 0 000-1.8H11v1.8h1.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='M12 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M9.5 7H13a2.5 2.5 0 010 5H9.5V7zm2.9 3.2a1 1 0 000-2H11v2h1.4zM9.5 12H13.2a2.4 2.4 0 010 4.8H9.5V12zm3.2 3.2a.9.9 0 000-1.8H11v1.8h1.7z'/%3E%3C/svg%3E");
}
}


h1.assess-stub-text {
/* C: bedž sa slovom C */
    color: #901;   /* crveno-tamna: klica */
.assess-icon-c,
.assess-icon-cl {
  -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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M14.8 15.6A3.8 3.8 0 1114.8 8l-1.2 1.2a2.1 2.1 0 10.1 3.1l1.1 1.3z'/%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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M14.8 15.6A3.8 3.8 0 1114.8 8l-1.2 1.2a2.1 2.1 0 10.1 3.1l1.1 1.3z'/%3E%3C/svg%3E");
}
}


h1.assess-list-text {
/* BPLUS: plus u krugu */
    color: #85f;   /* ljubičasta: spisak */
.assess-icon-bplus {
  -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 2zm1 11h4v-2h-4V7h-2v4H7v2h4v4h2v-4z'/%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 2zm1 11h4v-2h-4V7h-2v4H7v2h4v4h2v-4z'/%3E%3C/svg%3E");
}
}


/* Tipovi strana */
/* START: olovka */
h1.assess-dab-text,
.assess-icon-start {
h1.assess-setindex-text {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm2.92 2.83H5v-.92l9.06-9.06.92.92L5.92 20.08zM20.71 7.04a1.003 1.003 0 000-1.42L18.37 3.29a1.003 1.003 0 00-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.83z'/%3E%3C/svg%3E");
    color: #0b6;  /* zelenkasto: dab / indeks */
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm2.92 2.83H5v-.92l9.06-9.06.92.92L5.92 20.08zM20.71 7.04a1.003 1.003 0 000-1.42L18.37 3.29a1.003 1.003 0 00-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.83z'/%3E%3C/svg%3E");
}
}


h1.assess-redir-text {
/* STUB: puzla */
    color: #666;   /* sivo: preusmerenje */
.assess-icon-stub,
.assess-icon-sl {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3v2a2 2 0 002 2h2v4h-2a2 2 0 00-2 2v2H9v-2a2 2 0 00-2-2H5V7h2a2 2 0 002-2V3h4zm2 18v-2a2 2 0 00-2-2H11a2 2 0 00-2 2v2H5v-4h2a2 2 0 002-2v-2h6v2a2 2 0 002 2h2v4h-4z'/%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='M13 3v2a2 2 0 002 2h2v4h-2a2 2 0 00-2 2v2H9v-2a2 2 0 00-2-2H5V7h2a2 2 0 002-2V3h4zm2 18v-2a2 2 0 00-2-2H11a2 2 0 00-2 2v2H5v-4h2a2 2 0 002-2v-2h6v2a2 2 0 002 2h2v4h-4z'/%3E%3C/svg%3E");
}
}


/* Neprocenjen (kada nema šablona na razgovor strani) */
/* LIST: lista */
h1.assess-unassessed-text {
.assess-icon-list {
    color: #888;   /* neutralno sivo */
  -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 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zM4 16h2v2H4v-2zm4 0h12v2H8v-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 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zM4 16h2v2H4v-2zm4 0h12v2H8v-2z'/%3E%3C/svg%3E");
}
}


/* ============================================================================
/* DAB: razdvajanje */
  2) (OPCIONO) “BADGE” EFEKAT — ako želiš da naslov bude diskretno “označen”
.assess-icon-dab {
  Ovo samo daje blagu pozadinu oko teksta naslova.
  -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 3H3v7h2V7h5V3zm11 0h-7v4h5v3h2V3zM5 14H3v7h7v-4H5v-3zm16 0h-2v3h-5v4h7v-7z'/%3E%3C/svg%3E");
  Možeš obrisati ceo blok ako ne želiš pozadinu.
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H3v7h2V7h5V3zm11 0h-7v4h5v3h2V3zM5 14H3v7h7v-4H5v-3zm16 0h-2v3h-5v4h7v-7z'/%3E%3C/svg%3E");
  ========================================================================== */
}


h1.assess-fa-text,
/* SETINDEX: knjiga */
h1.assess-fl-text,
.assess-icon-setindex {
h1.assess-ga-text,
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12v-2H6V4h12v6h2V4a2 2 0 00-2-2zm-1 7H7v2h10V9zm0 4H7v2h10v-2zm-4 4H7v2h6v-2z'/%3E%3C/svg%3E");
h1.assess-a-text,
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12v-2H6V4h12v6h2V4a2 2 0 00-2-2zm-1 7H7v2h10V9zm0 4H7v2h10v-2zm-4 4H7v2h6v-2z'/%3E%3C/svg%3E");
h1.assess-b-text,
h1.assess-c-text,
h1.assess-start-text,
h1.assess-stub-text,
h1.assess-list-text,
h1.assess-dab-text,
h1.assess-setindex-text,
h1.assess-redir-text,
h1.assess-unassessed-text {
    display: inline-block;        /* da pozadina prati tekst */
    padding: 0.06em 0.18em;        /* “bedž” margina oko slova */
    border-radius: 0.18em;
}
}


/* Blage pozadine po klasi (diskretno, nije napadno) */
/* REDIR: strelica */
h1.assess-fa-text,
.assess-icon-redir {
h1.assess-fl-text      { background: rgba(0, 102, 204, 0.08); }
  -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 17l5-5-5-5v3H3v4h7v3zm9-12h-8v2h8v10h-8v2h8a2 2 0 002-2V7a2 2 0 00-2-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='M10 17l5-5-5-5v3H3v4h7v3zm9-12h-8v2h8v10h-8v2h8a2 2 0 002-2V7a2 2 0 00-2-2z'/%3E%3C/svg%3E");
}


h1.assess-ga-text      { background: rgba(0, 119, 0, 0.08); }
/* CURRENT: munja */
.assess-icon-cur {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h7l-1 8 10-12h-7l1-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='M13 2L3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E");
}


h1.assess-a-text        { background: rgba(34, 153, 204, 0.08); }
/* FUTURE: sat */
 
.assess-icon-future {
h1.assess-b-text        { background: rgba(102, 187, 0, 0.08); }
  -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 2zm1 11h5v-2h-4V6h-2v7z'/%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 2zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E");
h1.assess-c-text        { background: rgba(153, 153, 51, 0.08); }
}
 
h1.assess-start-text    { background: rgba(187, 102, 0, 0.08); }
 
h1.assess-stub-text    { background: rgba(153, 0, 17, 0.08); }
 
h1.assess-list-text    { background: rgba(136, 85, 255, 0.08); }
 
h1.assess-dab-text,
h1.assess-setindex-text { background: rgba(0, 187, 102, 0.08); }
 
h1.assess-redir-text    { background: rgba(120, 120, 120, 0.08); }
 
h1.assess-unassessed-text { background: rgba(136, 136, 136, 0.08); }
 
/* ============================================================================
  3) (KOMPATIBILNOST) — ako negde ostanu stare klase iz originalnog skripta
  Ove klase su ranije služile za background na raznim elementima.
  Ne smeta da postoje, ali sad su “rezerva”.
  ========================================================================== */
 
.assess-fa    { background-color: #6699FF; }  /* izabrani članak */
.assess-fl    { background-color: #6699FF; }  /* izabrana lista */
.assess-ga    { background-color: #66FF66; }  /* dobar članak */
.assess-a      { background-color: #66FFFF; }  /* A */
.assess-b      { background-color: #B2FF66; }  /* B */
.assess-c      { background-color: #FFFF66; }  /* C */
.assess-start  { background-color: #FFAA66; }  /* start */
.assess-stub  { background-color: #FF6666; }  /* klica */
.assess-list  { background-color: #AA88FF; }  /* spisak */
 
.assess-dab,
.assess-setindex { background-color: #00fa9a; } /* dab / indeks */
 
/* Preusmerenje i neprocenjen — rezerva */
.assess-redir      { background-color: #e6e6e6; }
.assess-unassessed { background-color: #efefef; }

Тренутна верзија на датум 7. фебруар 2026. у 20:55

/* ==========================================================================
   GADŽET: Metadata — CSS (Vojna enciklopedija)
   - Boje rangova (h1 dobija klasu)
   - Stil #siteSub
   - Ikonice: SVE različite (fa, fl, ga, a, b, c, start, stub, list, dab,
     setindex, redir, cur, future, al, bl, cl, sl, bplus)
   ========================================================================== */

/* --- #siteSub prikaz --- */
.assess-article-rating,
.assess-info-all {
    font-style: italic;
}

/* Link u proceni mora biti plav kao standardni link */
.assess-article-rating a.assess-rating-link {
    color: #06c !important;        /* neposećen link */
    text-decoration: none;
    font-weight: 600;
}
.assess-article-rating a.assess-rating-link:visited {
    color: #0b0080 !important;     /* posećen link */
}
.assess-article-rating a.assess-rating-link:hover {
    text-decoration: underline;
}

/* --- Ikonice (zajedničko) --- */
.assess-icon-wrap {
    display: inline-flex;
    align-items: center;
    margin-right: 0.35em;
}

.assess-icon {
    display: inline-block;
    width: 1.05em;
    height: 1.05em;
    vertical-align: -0.15em;

    /* Ikonica se boji po rangu (currentColor) */
    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: contain;
}

/* ==========================================================================
   BOJE RANGOVA (naslov h1 dobija klasu iz JS)
   ========================================================================== */
.assess-fa-text,
.assess-fl-text       { color: #06c; }   /* FA/FL */
.assess-a-text,
.assess-al-text       { color: #29c; }   /* A */
.assess-ga-text       { color: #070; }   /* GA */
.assess-b-text,
.assess-bl-text       { color: #6b0; }   /* B */
.assess-c-text,
.assess-cl-text       { color: #993; }   /* C */
.assess-start-text    { color: #b60; }   /* start */
.assess-stub-text,
.assess-sl-text       { color: #901; }   /* stub/sl */
.assess-list-text     { color: #85f; }   /* list */
.assess-dab-text      { color: #0b6; }   /* dab */
.assess-setindex-text { color: #0b6; }   /* setindex */
.assess-redir-text    { color: #999; }   /* redir */
.assess-cur-text      { color: #a4c; }   /* cur */
.assess-future-text   { color: #568; }   /* future */
.assess-bplus-text    { color: #070; }   /* bplus */

/* Edit link da ostane čitljiv */
.firstHeading .editsection { color: black; }

/* ==========================================================================
   IKONICE (SVAKA DRUGAČIJA)
   ========================================================================== */

/* Unassessed (?) */
.assess-icon-unassessed {
  -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.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14a4 4 0 00-4 4h2a2 2 0 114 0c0 2-3 1.75-3 5h2c0-2.5 3-2.75 3-5a4 4 0 00-4-4z'/%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.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14a4 4 0 00-4 4h2a2 2 0 114 0c0 2-3 1.75-3 5h2c0-2.5 3-2.75 3-5a4 4 0 00-4-4z'/%3E%3C/svg%3E");
}

/* FA: zvezda */
.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 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%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 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}

/* FL: medalja */
.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='M12 2a7 7 0 100 14 7 7 0 000-14zm0 12a5 5 0 110-10 5 5 0 010 10zm-2 6l2-1 2 1 2 4H8l2-4z'/%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 2a7 7 0 100 14 7 7 0 000-14zm0 12a5 5 0 110-10 5 5 0 010 10zm-2 6l2-1 2 1 2 4H8l2-4z'/%3E%3C/svg%3E");
}

/* GA: ček */
.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.17L4.83 12 3.41 13.41 9 19 21 7 19.59 5.59z'/%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.17L4.83 12 3.41 13.41 9 19 21 7 19.59 5.59z'/%3E%3C/svg%3E");
}

/* A: bedž sa slovom A */
.assess-icon-a,
.assess-icon-al {
  -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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M12 7l3 10h-2l-.6-2H11.6L11 17H9l3-10zm0 3l-.9 3h1.8L12 10z'/%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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M12 7l3 10h-2l-.6-2H11.6L11 17H9l3-10zm0 3l-.9 3h1.8L12 10z'/%3E%3C/svg%3E");
}

/* B: bedž sa slovom B */
.assess-icon-b,
.assess-icon-bl {
  -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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M9.5 7H13a2.5 2.5 0 010 5H9.5V7zm2.9 3.2a1 1 0 000-2H11v2h1.4zM9.5 12H13.2a2.4 2.4 0 010 4.8H9.5V12zm3.2 3.2a.9.9 0 000-1.8H11v1.8h1.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='M12 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M9.5 7H13a2.5 2.5 0 010 5H9.5V7zm2.9 3.2a1 1 0 000-2H11v2h1.4zM9.5 12H13.2a2.4 2.4 0 010 4.8H9.5V12zm3.2 3.2a.9.9 0 000-1.8H11v1.8h1.7z'/%3E%3C/svg%3E");
}

/* C: bedž sa slovom C */
.assess-icon-c,
.assess-icon-cl {
  -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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M14.8 15.6A3.8 3.8 0 1114.8 8l-1.2 1.2a2.1 2.1 0 10.1 3.1l1.1 1.3z'/%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 2l3 2h4v6c0 5-3.5 9.5-7 12-3.5-2.5-7-7-7-12V4h4l3-2z'/%3E%3Cpath d='M14.8 15.6A3.8 3.8 0 1114.8 8l-1.2 1.2a2.1 2.1 0 10.1 3.1l1.1 1.3z'/%3E%3C/svg%3E");
}

/* BPLUS: plus u krugu */
.assess-icon-bplus {
  -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 2zm1 11h4v-2h-4V7h-2v4H7v2h4v4h2v-4z'/%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 2zm1 11h4v-2h-4V7h-2v4H7v2h4v4h2v-4z'/%3E%3C/svg%3E");
}

/* START: olovka */
.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='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm2.92 2.83H5v-.92l9.06-9.06.92.92L5.92 20.08zM20.71 7.04a1.003 1.003 0 000-1.42L18.37 3.29a1.003 1.003 0 00-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.83z'/%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='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm2.92 2.83H5v-.92l9.06-9.06.92.92L5.92 20.08zM20.71 7.04a1.003 1.003 0 000-1.42L18.37 3.29a1.003 1.003 0 00-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.83z'/%3E%3C/svg%3E");
}

/* STUB: puzla */
.assess-icon-stub,
.assess-icon-sl {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3v2a2 2 0 002 2h2v4h-2a2 2 0 00-2 2v2H9v-2a2 2 0 00-2-2H5V7h2a2 2 0 002-2V3h4zm2 18v-2a2 2 0 00-2-2H11a2 2 0 00-2 2v2H5v-4h2a2 2 0 002-2v-2h6v2a2 2 0 002 2h2v4h-4z'/%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='M13 3v2a2 2 0 002 2h2v4h-2a2 2 0 00-2 2v2H9v-2a2 2 0 00-2-2H5V7h2a2 2 0 002-2V3h4zm2 18v-2a2 2 0 00-2-2H11a2 2 0 00-2 2v2H5v-4h2a2 2 0 002-2v-2h6v2a2 2 0 002 2h2v4h-4z'/%3E%3C/svg%3E");
}

/* LIST: lista */
.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='M4 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zM4 16h2v2H4v-2zm4 0h12v2H8v-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 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zM4 16h2v2H4v-2zm4 0h12v2H8v-2z'/%3E%3C/svg%3E");
}

/* DAB: razdvajanje */
.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='M10 3H3v7h2V7h5V3zm11 0h-7v4h5v3h2V3zM5 14H3v7h7v-4H5v-3zm16 0h-2v3h-5v4h7v-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='M10 3H3v7h2V7h5V3zm11 0h-7v4h5v3h2V3zM5 14H3v7h7v-4H5v-3zm16 0h-2v3h-5v4h7v-7z'/%3E%3C/svg%3E");
}

/* SETINDEX: knjiga */
.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='M18 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12v-2H6V4h12v6h2V4a2 2 0 00-2-2zm-1 7H7v2h10V9zm0 4H7v2h10v-2zm-4 4H7v2h6v-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='M18 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12v-2H6V4h12v6h2V4a2 2 0 00-2-2zm-1 7H7v2h10V9zm0 4H7v2h10v-2zm-4 4H7v2h6v-2z'/%3E%3C/svg%3E");
}

/* REDIR: strelica */
.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 17l5-5-5-5v3H3v4h7v3zm9-12h-8v2h8v10h-8v2h8a2 2 0 002-2V7a2 2 0 00-2-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='M10 17l5-5-5-5v3H3v4h7v3zm9-12h-8v2h8v10h-8v2h8a2 2 0 002-2V7a2 2 0 00-2-2z'/%3E%3C/svg%3E");
}

/* CURRENT: munja */
.assess-icon-cur {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h7l-1 8 10-12h-7l1-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='M13 2L3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E");
}

/* FUTURE: sat */
.assess-icon-future {
  -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 2zm1 11h5v-2h-4V6h-2v7z'/%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 2zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E");
}
Преузето из „https://vojnaenciklopedija.com/vojnaenciklopedija/index.php?title=Медијавики:Gadget-metadata.css&oldid=17117”