Медијавики:Gadget-metadata.css
Напомена: Пошто објавите измене, можда ћете морати да обришете кеш прегледача како бисте их видели.
- Firefox / Safari: Држите Shift и кликните на Reload или притисните Ctrl-F5 или Ctrl-R (⌘-R на Mac-у).
- Google Chrome: Притисните Ctrl-Shift-R (⌘-Shift-R на Mac-у).
- Edge: Држите Ctrl и кликните на Refresh или притисните Ctrl-F5.
/* ==========================================================================
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");
}