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

Медијавики: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 (Vojna enciklopedija)
   - Stilovi za prikaz procene ispod naslova članka (#siteSub)
   - Boje rangova (h1 dobija klasu)
   - Boje po razredima
   - Stil #siteSub
   - Ikonice (SVG mask) koje prate boju teksta (currentColor)
   - Ikonice: SVE različite (fa, fl, ga, a, b, c, start, stub, list, dab,
  - Link u sloganu je plav (ne beo), visited tamnije plav
    setindex, redir, cur, future, al, bl, cl, sl, bplus)
   ============================================================================ */
   ========================================================================== */


/* Osnovni stil */
/* --- #siteSub prikaz --- */
.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 kao standardni link */
.assess-article-rating a {
.assess-article-rating a.assess-rating-link {
     color: #36c !important;           /* plava */
     color: #06c !important;       /* neposećen 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;     /* 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čko) --- */
  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-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 {
.assess-icon {
     display: inline-block;
     display: inline-block;
     width: 1em;
     width: 1.05em;
     height: 1em;
     height: 1.05em;
    margin-right: 0.35em;
     vertical-align: -0.15em;
     vertical-align: -0.12em;


     /* boja ikonice = boja teksta */
     /* Ikonica se boji po rangu (currentColor) */
     background-color: currentColor;
     background-color: currentColor;


    /* mask settings */
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-position: center;
     -webkit-mask-position: center;
     -webkit-mask-size: contain;
     -webkit-mask-size: contain;
    mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    mask-position: center;
            mask-position: center;
    mask-size: contain;
            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 */


    opacity: 0.95;
/* 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");
}
}


/* Star (fa) */
/* FA: zvezda */
.assess-icon-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");
  -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 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 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");
}
}


/* List (fl) */
/* FL: medalja */
.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 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='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 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");
}
}


/* Check (ga) */
/* GA: ček */
.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");
}
 
/* 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");
}
}


/* Medal / badge (a) */
/* B: bedž sa slovom B */
.assess-icon-a {
.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='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-bl {
    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");
  -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");
}
}


/* Circle (b) */
/* C: bedž sa slovom C */
.assess-icon-b {
.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 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");
.assess-icon-cl {
    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='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");
}
}


/* Ring (c) */
/* BPLUS: plus u krugu */
.assess-icon-c {
.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 2zm0 18a8 8 0 118-8 8 8 0 01-8 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='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 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 2zm1 11h4v-2h-4V7h-2v4H7v2h4v4h2v-4z'/%3E%3C/svg%3E");
}
}


/* Seedling (start) */
/* START: olovka */
.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: 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: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”