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

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

Iz Vojne Enciklopedije
← Старија изменаНовија измена →
Admin (разговор | доприноси)
CompanyPerson, Аутоматски проверени корисници, Ботови, Бирократе, Чекјузери, developer, Уредници, emailconfirmed, Администратори интерфејса, my-group, nuke, Патролери, Прегледачи, Ревизори, Администратори, Прегледачи IP адреса привремених налога
225 измена
Promena koda
Promena koda
Ред 1: Ред 1:
/* ============================================================================
/* ==========================================================================
   Gadget: Metadata (Procena kvaliteta)
   GADŽET: Metadata — CSS (lokalno za Vojnu enciklopediju)
   - Stilovi za prikaz procene ispod naslova članka (#siteSub)
   - Boje rangova (naslov h1 dobija klasu)
   - Boje po razredima
   - Stil #siteSub (procena kvaliteta ispod naslova)
   - Ikonice (SVG mask) koje prate boju teksta (currentColor)
   - Ikonice (SVG mask) — kompletno za sve vrednosti
  - Link u sloganu je plav (ne beo), visited tamnije plav
   ========================================================================== */
   ============================================================================ */


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


/* Link u sloganu: obavezno plav, visited tamnije plav (klasično MediaWiki) */
/* Link u proceni MORA biti plav (neposećen) i tamnije plav (posećen) */
.assess-article-rating a {
.assess-article-rating a.assess-rating-link {
     color: #36c !important;            /* plava */
     color: #06c !important;            /* plava kao standardni link */
     text-decoration: none;
     text-decoration: none;
    font-weight: 600;
}
}
.assess-article-rating a:visited {
.assess-article-rating a.assess-rating-link:visited {
     color: #0b0080 !important;        /* tamnija plava (visited) */
     color: #0b0080 !important;        /* tamnija plava za posećen link */
}
}
.assess-article-rating a:hover,
.assess-article-rating a.assess-rating-link:hover {
.assess-article-rating a:focus {
     text-decoration: underline;
     text-decoration: underline;
}
}


/* --------------------------------------------------------------------------
/* --- Ikonice: zajednički stil --- */
  Boje teksta (razredi) — ovo boji i naslov (h1) jer JS dodaje klasu na h1
.assess-icon-wrap {
  -------------------------------------------------------------------------- */
    display: inline-flex;
.assess-fa-text,
    align-items: center;
.assess-fl-text      { color: #06c; }
    margin-right: 0.35em;
}


.assess-a-text,
.assess-icon {
.assess-al-text      { color: #29c; }
    display: inline-block;
    width: 1.05em;
    height: 1.05em;
    vertical-align: -0.15em;


.assess-ga-text      { color: #070; }
    /* Ikonica se boji po rangu (preko boje teksta wrappera) */
    background-color: currentColor;


    /* Maskiranje SVG-a */
    -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 (tekst naslova h1)
  ========================================================================== */
.assess-fa-text,
.assess-fl-text      { color: #06c; }  /* izabrani */
.assess-a-text,
.assess-al-text      { color: #29c; }  /* A */
.assess-ga-text      { color: #070; }  /* GA */
.assess-b-text,
.assess-b-text,
.assess-bl-text      { color: #6b0; }
.assess-bl-text      { color: #6b0; }   /* B */
 
.assess-c-text,
.assess-c-text,
.assess-cl-text      { color: #993; }
.assess-cl-text      { color: #993; }   /* C */
.assess-start-text    { color: #b60; }  /* start */
.assess-stub-text,
.assess-sl-text      { color: #901; }  /* stub */
.assess-list-text    { color: #85f; }  /* list */


.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-dab-text,
.assess-setindex-text { color: #0b6; }
.assess-setindex-text { color: #0b6; }   /* dab/setindex */


.assess-redir-text    { color: #0b6; }
.assess-redir-text    { color: #999; }   /* redir neutral */
 
.assess-cur-text      { color: #a4c; }   /* current */
/* (Ostavljamo stare definicije koje su bile prisutne u originalu) */
.assess-future-text  { color: #568; }   /* future */
.assess-bplus        { background-color: #6f6; }
.assess-bplus-text    { color: #070; }   /* B+ */
.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; }


/* Naslov sekcije uređivanja (da ostane čitljiv) */
.firstHeading .editsection {
.firstHeading .editsection {
     color: black;
     color: black;
}
}


/* Used to be in [[MediaWiki:Common.css]]. */
/* ==========================================================================
.assess-fa { background-color: #6699FF; }
   IKONICE (SVG mask) — kompletno
.assess-fl { background-color: #6699FF; }
   Napomena: SVG je URL-enkodovan.
.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) */
/* --- Unassessed (prazno/?) --- */
.assess-icon-fa {
.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='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");
  -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='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='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");
}
}


/* List (fl) */
/* --- FA / FL (zvezda) --- */
.assess-icon-fa,
.assess-icon-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");
  -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='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='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");
}
}


/* Check (ga) */
/* --- GA (check) --- */
.assess-icon-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");
  -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.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.17L4.83 12 3.41 13.41 9 19 21 7 19.59 5.59z'/%3E%3C/svg%3E");
}
}


/* Medal / badge (a) */
/* --- A/B/C (bedž) --- */
.assess-icon-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");
.assess-icon-b,
    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");
.assess-icon-c,
.assess-icon-al,
.assess-icon-bl,
.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 6 6 .87-4.5 4.38 1.06 6.19L12 16.9 6.44 19.44 7.5 13.25 3 8.87 9 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 2l3 6 6 .87-4.5 4.38 1.06 6.19L12 16.9 6.44 19.44 7.5 13.25 3 8.87 9 8z'/%3E%3C/svg%3E");
}
}


/* Circle (b) */
/* --- BPLUS (plus) --- */
.assess-icon-b {
.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 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 11H13V5h-2v6H5v2h6v6h2v-6h6v-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 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='M19 11H13V5h-2v6H5v2h6v6h2v-6h6v-2z'/%3E%3C/svg%3E");
}
}


/* Ring (c) */
/* --- START (olovka) --- */
.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 {
.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");
  -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='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='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");
}
}


/* Leaf (stub) */
/* --- STUB / SL (puzla) --- */
.assess-icon-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");
.assess-icon-sl {
    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");
  -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");
}
}


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


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


/* Grid (setindex) */
/* --- SETINDEX (knjiga) --- */
.assess-icon-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");
  -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='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='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");
}
}


/* Arrow (redir) */
/* --- REDIR (strelica) --- */
.assess-icon-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");
  -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 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 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");
}
}

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

/* ==========================================================================
   GADŽET: Metadata — CSS (lokalno za Vojnu enciklopediju)
   - Boje rangova (naslov h1 dobija klasu)
   - Stil #siteSub (procena kvaliteta ispod naslova)
   - Ikonice (SVG mask) — kompletno za sve vrednosti
   ========================================================================== */

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

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

/* --- Ikonice: zajednički stil --- */
.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 (preko boje teksta wrappera) */
    background-color: currentColor;

    /* Maskiranje SVG-a */
    -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 (tekst naslova h1)
   ========================================================================== */
.assess-fa-text,
.assess-fl-text       { color: #06c; }   /* izabrani */
.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 */
.assess-list-text     { color: #85f; }   /* list */

.assess-dab-text,
.assess-setindex-text { color: #0b6; }   /* dab/setindex */

.assess-redir-text    { color: #999; }   /* redir neutral */
.assess-cur-text      { color: #a4c; }   /* current */
.assess-future-text   { color: #568; }   /* future */
.assess-bplus-text    { color: #070; }   /* B+ */

/* Naslov sekcije uređivanja (da ostane čitljiv) */
.firstHeading .editsection {
    color: black;
}

/* ==========================================================================
   IKONICE (SVG mask) — kompletno
   Napomena: SVG je URL-enkodovan.
   ========================================================================== */

/* --- Unassessed (prazno/?) --- */
.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 / FL (zvezda) --- */
.assess-icon-fa,
.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 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");
}

/* --- GA (check) --- */
.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/B/C (bedž) --- */
.assess-icon-a,
.assess-icon-b,
.assess-icon-c,
.assess-icon-al,
.assess-icon-bl,
.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 6 6 .87-4.5 4.38 1.06 6.19L12 16.9 6.44 19.44 7.5 13.25 3 8.87 9 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 2l3 6 6 .87-4.5 4.38 1.06 6.19L12 16.9 6.44 19.44 7.5 13.25 3 8.87 9 8z'/%3E%3C/svg%3E");
}

/* --- BPLUS (plus) --- */
.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='M19 11H13V5h-2v6H5v2h6v6h2v-6h6v-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='M19 11H13V5h-2v6H5v2h6v6h2v-6h6v-2z'/%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 / SL (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=17115”