MediaWiki:Common.css

2026-11-12T22:30:12Z

Maintenance script: Перенесення домену: wiki.shield-team.site → wiki.shield-project.if.ua

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&family=Cinzel:wght@600;700&display=swap');

body * { font-family: 'Noto Sans', sans-serif; }
.page-header__title, h1, h2 { font-family: 'Cinzel', serif; }

.mw-category-generated {
display: none;
}

/* Прибрати рідну стрілку розширення */
.pi-collapse .pi-header:first-child::after {
display: none !important;
}
/* Намалювати свою на ::before */
.pi-collapse .pi-header:first-child {
position: relative;
padding-right: 28px;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}
.pi-collapse .pi-header:first-child::before {
content: "";
position: absolute;
right: 12px;
top: 45%;
width: 7px;
height: 7px;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
transform: rotate(45deg);
}
.pi-collapse-closed .pi-header:first-child::before {
transform: rotate(-45deg);
}
.infobox-character {
float: right;
clear: right;
width: 300px;
margin: 0 0 1em 1em;
border: 1px solid #2e2e55;
background: rgba(0, 0, 0, 0.3);
color: white;
font-size: 90%;
overflow: hidden;
}
.infobox-character th,
.infobox-character td {
padding: 6px 10px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid black;
}
.infobox-character th { width: 38%; color: #b8b8d0; font-weight: 600; }
.infobox-character .ic-title {
text-align: center;
font-size: 130%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 10px;
}
.infobox-character .ic-section {
text-align: center;
background: rgba(0, 0, 0, 0.3);
color: white;
text-transform: uppercase;
font-size: 80%;
letter-spacing: 1px;
}
.infobox-character .ic-image { text-align: center; padding: 10px; }
.infobox-character .ic-caption { font-size: 85%; color: white; margin-top: 4px; }
.infobox-character .ic-jp { text-align: center; color: white; font-size: 85%; }

.cosmos-header {
border-radius: 15px 15px 0 0;
}

.portable-infobox {
background: rgba(0, 0, 0, 0.3);
border-radius: 15px 15px 15px 15px !important;
overflow: hidden;
border: 2px solid #0073aa;
overflow: hidden;
}

body{
background-color: #092635;
}

body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;

background-image: url("https://wiki.shield-project.if.ua/images/b/bc/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD_%D0%A4%D0%BE%D0%BD.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
opacity: 0.5;
filter: blur(3px) brightness(85%);
}

.cosmos-header {
border-radius: 15px 15px 0 0;
background: rgba(0, 0, 0, 0.7);
}
.cosmos-header::before {
background: transparent;
}

.cosmos-header__sitename a:any-link {
color: white;
}

.cosmos-header .cosmos-header__counter {
color: white;
}

body #mw-content {
background: rgba(0, 0, 0, 0.3);
}

.mw-body h1.firstHeading {
color: white;
}

body #mw-content-text {
color: white;
}

pre, code, .mw-code {
background: transparent;
color: white;
}

.cosmos-header .wds-tabs .wds-tabs__tab-label a {
color: white;
}

/* Колір тексту пунктів "Навігація" / "Дослідити" */
.cosmos-header .wds-tabs .wds-tabs:hover .wds-tabs__tab-label {
color: #ffffff !important;
}

.cosmos-button.cosmos-button-secondary {
color: white;
stroke: white;
}

input {
padding: 3px 0px;
}
.wds-dropdown__content {
z-index: 100 !important;
background-color: rgba(0, 0, 0, 0.7);

}

.portable-infobox .pi-section-navigation, .portable-infobox .pi-media-collection-tabs {
padding: 0;
}

.pi-media-collection .pi-tab-link.current {
background: linear-gradient(to right, rgba(42, 245, 152, 0.58), rgba(0, 158, 253, 0.58));

}

body h1, body h2, body h3, body h4, body h5, body h6 {
color: white;
}

.mw-heading h1 {
color: white;
}

h2.pi-item.pi-item-spacing.pi-title {
background: linear-gradient(90deg,#16a085,#2980b9);
border-bottom: solid 3px #0073aa;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
border-width: 2px;
border-color: #0073aa;
}

.pi-media-collection-tabs .pi-tab-link:first-child {
border-bottom-left-radius: 10px;
}

/* Остання вкладка — заокруглюємо правий бік */
.pi-media-collection-tabs .pi-tab-link:last-child {
border-bottom-right-radius: 10px;
}

a.new {
color: #ff7a99;
}
#mw-content a:not(.new) {
color: #698FCD;
}

.skin-cosmos .toc .toctitle {
background: linear-gradient(90deg,#16a085,#2980b9);
}

#mw-content .toc > ul {
border-color: #0073aa;
background-color: rgba(0, 0, 0, 0.3);
}
.skin-cosmos .toc {
background-color: transparent;
}
.skin-cosmos .toc .tocnumber {
color: white;
}
#mw-content .toctitle h2 {
background: none !important;
}

.skin-cosmos .toc {
border-radius: 5px;
overflow: hidden;
border-width: 2px;
border-color: #0073aa;
}

body #mw-content {
color: white;
}

#mw-content,
#catlinks {
background-color: rgba(0, 0, 0, 0.3);
}

body pre {
background-color: rgba(0, 0, 0, 0.3);
color: white;
}

#cosmos-banner {
background-color: rgba(0, 0, 0, 0.7);
}

#searchform input {
background: rgba(255, 255, 255, 0.8);
padding: 0 20px;
border-radius: 5px;
}

.cosmos-bannerOption-icon {
stroke: white;
}

.cosmos-userButton-label {
color: white;
}

.cosmos-bannerOption-dropdownIcon {
stroke: white;
}

.cosmos-button-primary {
stroke: white;
color: white;
}

.cosmos-userOption-personalTools:hover {
color: rgba(255, 255, 255, 0.8);
}

/* Колір вкладок "Навігація" / "Дослідити" — звичайний стан */
.cosmos-header .wds-tabs .wds-tabs__tab-label,
.cosmos-header .wds-tabs .wds-tabs__tab-label a {
color: #ffffff !important;
}

/* При наведенні */
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label,
.cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a {
color: #cfd8e3 !important;
opacity: 1 !important;
}

/* Іконки банера лишаються світлими при наведенні */
.cosmos-bannerOption:hover .cosmos-bannerOption-icon {
stroke: rgba(255, 255, 255, 0.8) !important;
}

.cosmos-bannerOption:hover .cosmos-bannerOption-dropdownIcon {
fill: rgba(255, 255, 255, 0.8) !important;
stroke: rgba(255, 255, 255, 0.8) !important;
}

#mw-content h2 {
color: white;
padding-bottom: 0;
border-bottom: none;
}

#mw-content .mw-editsection-divider, .mediawiki .mw-content-ltr .mw-editsection-bracket:first-of-type, .mediawiki .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
color: white;
}

h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
color: white;
background: linear-gradient(90deg,#16a085,#2980b9);
padding: 5px !important;
}

.pi-horizontal-group {
border-top: 2px solid #0073aa;
}

.portable-infobox .pi-border-color {
border-color: #0073aa;
}

.cosmos-button-primary {
background: linear-gradient(90deg,#16a085,#2980b9);
}

#cosmos-actionsList-dropdownIcon {
fill: white;
}

.portable-infobox .pi-horizontal-group {
width: 100%;
table-layout: fixed;
}

.mw-parser-output .section-collapsible {
margin-top: 18px;
}

/* Мобільна адаптація хедера статті */
@media (max-width: 720px) {
#cosmos-header-articleHeader {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

#cosmos-articleHeader-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
width: 100%;
}

#cosmos-articleHeader-actions .cosmos-button {
padding: 5px 10px;
font-size: 0.85em;
}

/* Зменшити іконки в кнопках пропорційно тексту */
#cosmos-articleHeader-actions .cosmos-button-icon {
width: 20px;
height: 20px;
}

.mw-body h1.firstHeading {
font-size: 1.5em;
word-break: break-word;
}
}
@media (max-width: 639px) {
.mw-parser-output table {
width: 100% !important;
box-sizing: border-box;
border-collapse: collapse;
}

.mw-parser-output table th,
.mw-parser-output table td {
text-align: center;
vertical-align: middle;
}
}
@media (max-width: 639px) {
.portable-infobox .pi-horizontal-group-item.pi-data-label,
.portable-infobox .pi-horizontal-group-item.pi-data-value {
text-align: center;
}
}

@media screen and (max-width: 720px) {
.portable-infobox {
margin: 0 0 30px 0;
}

.portable-infobox table.pi-horizontal-group th.pi-horizontal-group-item,
.portable-infobox table.pi-horizontal-group td.pi-horizontal-group-item {
text-align: center !important;
}

@media (max-width: 639px) {
.portable-infobox table.pi-horizontal-group {
display: table !important;
width: 100% !important;
table-layout: fixed;
}
.portable-infobox .pi-horizontal-group thead {
display: table-header-group;
}
.portable-infobox .pi-horizontal-group tbody {
display: table-row-group;
}
}

.editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
color: white;
}

Шаблон:Навігація версія/styles.css

2026-11-12T22:30:11Z

Maintenance script: Перенесення домену: wiki.shield-team.site → wiki.shield-project.if.ua

.char-ver-nav-wrap {
display: flex;
justify-content: right;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}

.char-ver-nav-wrap a {
text-decoration: none;
color: inherit;
}

.char-ver-nav-link {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 80px;
height: 45px;
padding: 0;
border-radius: 10px;
font-weight: 600;
text-align: center;
transition: all 0.2s ease;
background-size: cover;
background-position: center 20%;
background-repeat: no-repeat;
border: 2px solid transparent;
flex-shrink: 0;
}

.char-ver-nav-ranobe {
border-color: #0073aa;
background-image: url("https://wiki.shield-project.if.ua/images/thumb/7/7a/07.webp/512px-07.webp.png");
}

.char-ver-nav-spinoff {
border-color: #0073aa;
background-image: url("https://wiki.shield-project.if.ua/images/f/fb/512-spinoff.jpg");
}

.char-ver-nav-webnovel {
border-color: #0073aa;
background-image: url("https://wiki.shield-project.if.ua/images/5/58/512-webnovel.jpg");
}

.char-ver-nav-link:hover {
filter: brightness(1.2);
}

.char-ver-nav-current {
box-shadow: 0 0 8px 2px #0073aa;
}

.char-ver-nav-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}

/* Мобільні пристрої — центрування */
@media (max-width: 720px) {
.char-ver-nav-wrap {
justify-content: center;
}
}

Сходження Героя Щита - Внесок користувача [uk]

MediaWiki:Common.css

Шаблон:Навігація версія/styles.css