Медијавики: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.
/* ============================================================================
Gadget: Metadata (Procena kvaliteta)
- Stilovi za prikaz procene ispod naslova članka (#siteSub)
- Boje po razredima
- Ikonice (SVG mask) koje prate boju teksta (currentColor)
- Link u sloganu je plav (ne beo), visited tamnije plav
============================================================================ */
/* Osnovni stil */
.assess-article-rating {
font-style: italic;
}
.assess-info-all {
font-style: italic;
}
/* Link u sloganu: obavezno plav, visited tamnije plav (klasično MediaWiki) */
.assess-article-rating a {
color: #36c !important; /* plava */
text-decoration: none;
}
.assess-article-rating a:visited {
color: #0b0080 !important; /* tamnija plava (visited) */
}
.assess-article-rating a:hover,
.assess-article-rating a:focus {
text-decoration: underline;
}
/* --------------------------------------------------------------------------
Boje teksta (razredi) — ovo boji i naslov (h1) jer JS dodaje klasu na h1
-------------------------------------------------------------------------- */
.assess-fa-text,
.assess-fl-text { color: #06c; }
.assess-a-text,
.assess-al-text { color: #29c; }
.assess-ga-text { color: #070; }
.assess-b-text,
.assess-bl-text { color: #6b0; }
.assess-c-text,
.assess-cl-text { color: #993; }
.assess-start-text { color: #b60; }
.assess-stub-text { color: #901; }
.assess-list-text { color: #85f; }
/* DAB / setindex / redir — boje teksta (da se slaže sa ikonama) */
.assess-dab-text,
.assess-setindex-text { color: #0b6; }
.assess-redir-text { color: #0b6; }
/* (Ostavljamo stare definicije koje su bile prisutne u originalu) */
.assess-bplus { background-color: #6f6; }
.assess-bplus-text { color: #070; }
.assess-sl { background-color: #f66; }
.assess-sl-text { color: #901; }
.assess-dab,
.assess-setindex { background-color: #00fa9a; }
.assess-cur { background-color: #d462ff; }
.assess-cur-text { color: #a4c; }
.assess-future { background-color: #8a95c9; }
.assess-future-text { color: #568; }
.assess-importance-top { background-color: #f0f; }
.assess-importance-high { background-color: #f8f; }
.assess-importance-mid { background-color: #fcf; }
.assess-importance-low { background-color: #fef; }
.firstHeading .editsection {
color: black;
}
/* Used to be in [[MediaWiki:Common.css]]. */
.assess-fa { background-color: #6699FF; }
.assess-fl { background-color: #6699FF; }
.assess-a { background-color: #66FFFF; }
.assess-ga { background-color: #66FF66; }
.assess-b { background-color: #B2FF66; }
.assess-c { background-color: #FFFF66; }
.assess-start { background-color: #FFAA66; }
.assess-stub { background-color: #FF6666; }
.assess-list { background-color: #AA88FF; }
/* ============================================================================
IKONICE (SVG mask)
- Ikonica automatski uzima boju teksta (currentColor)
- Jedna veličina za sve, lepo poravnata uz tekst
============================================================================ */
.assess-icon {
display: inline-block;
width: 1em;
height: 1em;
margin-right: 0.35em;
vertical-align: -0.12em;
/* boja ikonice = boja teksta */
background-color: currentColor;
/* mask settings */
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
opacity: 0.95;
}
/* Star (fa) */
.assess-icon-fa {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.95 6.63 7.05.64-5.33 4.62 1.6 6.86L12 17.77 5.73 20.75l1.6-6.86L2 9.27l7.05-.64L12 2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.95 6.63 7.05.64-5.33 4.62 1.6 6.86L12 17.77 5.73 20.75l1.6-6.86L2 9.27l7.05-.64L12 2z'/%3E%3C/svg%3E");
}
/* List (fl) */
.assess-icon-fl {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
}
/* Check (ga) */
.assess-icon-ga {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5L9 16.2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5L9 16.2z'/%3E%3C/svg%3E");
}
/* Medal / badge (a) */
.assess-icon-a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h4l1 4h-4L7 2zm6 0h4l-1 4h-4l1-4zM12 7a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h4l1 4h-4L7 2zm6 0h4l-1 4h-4l1-4zM12 7a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E");
}
/* Circle (b) */
.assess-icon-b {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");
}
/* Ring (c) */
.assess-icon-c {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3C/svg%3E");
}
/* Seedling (start) */
.assess-icon-start {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22v-7c0-3 2-6 6-6 0 5-3 8-6 8zm0 0v-6c0-3-2-6-6-6 0 5 3 8 6 8z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22v-7c0-3 2-6 6-6 0 5-3 8-6 8zm0 0v-6c0-3-2-6-6-6 0 5 3 8 6 8z'/%3E%3C/svg%3E");
}
/* Leaf (stub) */
.assess-icon-stub {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4c-8 0-14 6-14 14 8 0 14-6 14-14zM6 18c2-6 6-10 12-12-6 2-10 6-12 12z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4c-8 0-14 6-14 14 8 0 14-6 14-14zM6 18c2-6 6-10 12-12-6 2-10 6-12 12z'/%3E%3C/svg%3E");
}
/* Bullets (list) */
.assess-icon-list {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8V6zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8V6zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2zm-2 6a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2-1h14v2H8v-2z'/%3E%3C/svg%3E");
}
/* Question (dab) */
.assess-icon-dab {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v2h-2v-2zm1-16C6.48 2 2 6.03 2 11h2c0-3.86 3.58-7 8-7s8 3.14 8 7c0 2.41-1.7 4.52-4.2 5.57C13.9 17.19 13 18.33 13 20h-2c0-2.44 1.23-4.1 4.03-5.22C16.96 14.08 18 12.62 18 11c0-2.76-2.69-5-6-5z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v2h-2v-2zm1-16C6.48 2 2 6.03 2 11h2c0-3.86 3.58-7 8-7s8 3.14 8 7c0 2.41-1.7 4.52-4.2 5.57C13.9 17.19 13 18.33 13 20h-2c0-2.44 1.23-4.1 4.03-5.22C16.96 14.08 18 12.62 18 11c0-2.76-2.69-5-6-5z'/%3E%3C/svg%3E");
}
/* Grid (setindex) */
.assess-icon-setindex {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");
}
/* Arrow (redir) */
.assess-icon-redir {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 7V4l8 8-8 8v-3H4v-4h6V7z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 7V4l8 8-8 8v-3H4v-4h6V7z'/%3E%3C/svg%3E");
}