MediaWiki:Common.css: Skirtumas tarp puslapio versijų

Pereiti į navigaciją Jump to search

MediaWiki:Common.css (žiūrėti kodą)

21:30, 14 balandžio 2025 versija

4 663 pridėti baitai ,  14 balandžio
S
nėra keitimo aprašymo
Nėra keitimo santraukos
SNėra keitimo santraukos
 
(nerodomos 5 tarpinės versijos, sukurtos to paties naudotojo)
18 eilutė: 18 eilutė:
}
}


body {
 
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
@font-face {  
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath:///resources/assets/IBMPlexSans-Regular.woff2') format('woff2');
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath:///resources/assets/IBMPlexSans-Italic.woff2') format('woff2');
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath:///resources/assets/IBMPlexSans-Bold.woff2') format('woff2');
}
 
@font-face {
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath:///resources/assets/IBMPlexSans-BoldItalic.woff2') format('woff2');
}
 
@font-face {
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath:///resources/assets/PT-Serif_Regular.woff2') format('woff2');
}
}


/** Color variables for tweaking by different themes **/
@font-face {  
:root {
    font-family: 'PT Serif';
--navbox-background-color: #FFF;
    font-weight: normal;
--navbox-border-color: #CCC;
    font-style: italic;
--navbox-header-color: #CCC;
    font-display: swap;
--navbox-secondary-header-color: #DDD;
     src: url('filepath:///resources/assets/PT-Serif_Italic.woff2') format('woff2');
--navbox-tertiary-header-color: #EEE;
}
--navbox-section-color: #EEE;
 
     --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);
@font-face {
    --tile-border-color: #cabe9b;
     font-family: 'PT Serif';
    --tile-background-color: #f9f3eb;
     font-weight: bold;
    --tile-link-button-color: #f5e9db;
     font-style: normal;
     --tile-link-button-highlight-color: #dfccb0;
     font-display: swap;
     --tile-dark-color: #fff;
     src: url('filepath:///resources/assets/PT-Serif_Bold.woff2') format('woff2');
     --tile-dark-bg: #5d6773;
}
     --tile-dark-link-color: #ccc;
 
     --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
@font-face {
    --tile-dark-header-color: #fff;
     font-family: 'PT Serif';
   
     font-weight: bold;
    --body-main: #e2dbc8;
     font-style: italic;
     --body-light: #d8ccb4;
     font-display: swap;
     --body-mid: #eafff0;
     src: url('filepath:///resources/assets/PT-Serif_Bold-Italic.woff2') format('woff2');
     --body-dark: #b8a282;
}
     --body-border: #94866d;
 
     --body-background-color: #c0a886;
@font-face {
    --button-background: #605443;
     font-family: 'RuneScape';
    --button-color: #fff;
     font-style: normal;
    --button-border: #3c352a;
     font-weight: normal;
    --button-dark: #18140c;
     src: local("RuneScape Plain 12"),
    --button-light: #3a301d;
        url('filepath:///resources/assets/RuneScape.woff2') format('woff2');
     --sidebar: #cfc08d;
}
     --background-text-color: #444;
 
     --background-link-color: #52351e;
@font-face {
     --search-box: #efeee6;
     font-family: 'RuneScape';
    --link-color: #936039;
     font-style: normal;
    --redlink-color: #ba0000;
     font-weight: bold;
    --text-color: #000;
     src: local("RuneScape Bold"),
    --byline-color: #4c4c4c;
        local("RuneScape Bold 12"),
     --subtle-color: #777;
        local("RuneScape Chat 2"),
     --admin-blue: #332e75;
        local("RuneScape Chat"),
     --bearcat-green: #13592e;
        url('filepath:///resources/assets/RuneScape_Bold.woff2') format('woff2');
     --awb-purple: #933b96;
}
    --rsw-blue: #438ab6;
 
    --osrsw-brown: #605443;
@font-face {
    --thumb-bg: var(--body-light);
     font-family: 'RuneScape Small';
    --thumb-caption-bg: var(--body-mid);
     font-style: normal;
     --sourceeditor-input-background: #fff;
     font-weight: normal;
     --sourceeditor-background: var(--body-light);
     src: local("RuneScape Plain 12"),
     --sourceeditor-background-secondary: var(--body-light);
        url('filepath:///resources/assets/RuneScape_Small.woff2') format('woff2');
     --sourceeditor-border: var(--body-mid);
    --codemirror-gutter-background: var(--body-mid);
}
}


body.wgl-theme-dark {
body {
--navbox-background-color: #333;
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
--navbox-border-color: #444;
--navbox-header-color: #111;
--navbox-secondary-header-color: #181818;
--navbox-tertiary-header-color: #222;
--navbox-section-color: #222;
}
}


/* Page display title */
/** Color variables for tweaking by different themes **/
.mw-page-title-separator {
:root {
margin-right: 0.25em;
--navbox-background-color: #FFF;
}
--navbox-border-color: #CCC;
 
--navbox-header-color: #CCC;
.ns-10000 .mw-page-title-namespace,
--navbox-secondary-header-color: #DDD;
.ns-10002 .mw-page-title-namespace,
--navbox-tertiary-header-color: #EEE;
.ns-10004 .mw-page-title-namespace,
--navbox-section-color: #EEE;
.ns-10006 .mw-page-title-namespace,
    --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);
.ns-10012 .mw-page-title-namespace {
    --tile-border-color: #cabe9b;
font-style: italic;
    --tile-background-color: #f9f3eb;
margin-right: 1px;
    --tile-link-button-color: #f5e9db;
}
    --tile-link-button-highlight-color: #dfccb0;
 
    --tile-dark-color: #fff;
/** Main page stylings **/
    --tile-dark-bg: #5d6773;
/** Only used for styling of elements, main page layout is defined at [[Minecraft_Wiki/styles.css]] **/
    --tile-dark-link-color: #ccc;
.fp-section {
    --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
background-color: #FCFCFC;
    --tile-dark-header-color: #fff;
border: 1px solid #ccc;
   
vertical-align: top;
    --body-main: #e2dbc8;
margin: 1px;
    --body-light: #d8ccb4;
}
    --body-mid: #eafff0;
 
    --body-dark: #b8a282;
.fp-banner-image {
    --body-border: #94866d;
margin: 0 auto;
    --body-background-color: #c0a886;
}
    --button-background: #605443;
 
    --button-color: #fff;
.fp-banner-content {
    --button-border: #3c352a;
display: flex;
    --button-dark: #18140c;
gap: 10px;
    --button-light: #3a301d;
margin: 10px 0;
    --sidebar: #cfc08d;
flex-wrap: wrap;
    --background-text-color: #444;
     align-items: center;
    --background-link-color: #52351e;
}
    --search-box: #efeee6;
 
    --link-color: #936039;
@media screen and (min-width: 480px) {
    --redlink-color: #ba0000;
.fp-banner-content {
    --text-color: #000;
flex-wrap: nowrap;
    --byline-color: #4c4c4c;
}
    --subtle-color: #777;
    --admin-blue: #332e75;
.fp-banner-image {
    --bearcat-green: #13592e;
margin: 0;
     --awb-purple: #933b96;
}
    --rsw-blue: #438ab6;
    --osrsw-brown: #605443;
    --thumb-bg: var(--body-light);
    --thumb-caption-bg: var(--body-mid);
    --sourceeditor-input-background: #fff;
    --sourceeditor-background: var(--body-light);
    --sourceeditor-background-secondary: var(--body-light);
    --sourceeditor-border: var(--body-mid);
    --codemirror-gutter-background: var(--body-mid);
}
}


#fp-header-file {
body.wgl-theme-dark {
margin: auto;
--navbox-background-color: #333;
--navbox-border-color: #444;
--navbox-header-color: #111;
--navbox-secondary-header-color: #181818;
--navbox-tertiary-header-color: #222;
--navbox-section-color: #222;
}
}
@media screen and (min-width:990px) {
 
#fp-header-file {
/* Page display title */
margin: auto 0;
.mw-page-title-separator {
}
margin-right: 0.25em;
}
}


#fp-header-links {
.ns-10000 .mw-page-title-namespace,
margin: auto 0;
.ns-10002 .mw-page-title-namespace,
.ns-10004 .mw-page-title-namespace,
.ns-10006 .mw-page-title-namespace,
.ns-10012 .mw-page-title-namespace {
font-style: italic;
margin-right: 1px;
}
}


#fp-header-links ul {
/** Main page stylings **/
-ms-columns: 160px;
/** Only used for styling of elements, main page layout is defined at [[Minecraft_Wiki/styles.css]] **/
-moz-columns: 160px;
.fp-section {
-webkit-columns: 160px;
background-color: #FCFCFC;
columns: 160px;
border: 1px solid #ccc;
-ms-column-count: 3;
vertical-align: top;
-moz-column-count: 3;
margin: 1px;
-webkit-column-count: 3;
column-count: 3;
margin-top: 0;
}
}


.fp-banner-image {
margin: 0 auto;
}


/** Main page stylings **/
.fp-banner-content {
.mcw-mainpage-icons {
padding: 10px;
display: flex;
display: flex;
gap: 10px;
margin: 10px 0;
flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 20px;
    align-items: center;
justify-content: center;
}
}


@media screen and (min-width:1400px) and (max-width:2400px) {
@media screen and (min-width: 480px) {
#fp-2 .mcw-mainpage-icons {
.fp-banner-content {
max-width: 750px;
flex-wrap: nowrap;
margin: auto;
}
.fp-banner-image {
margin: 0;
}
}
}
}


.mcw-mainpage-icon {
#fp-header-file {
flex: 0 0 auto;
margin: auto;
width: 90px;
}
    display: flex;
@media screen and (min-width:990px) {
    flex-direction: column;
#fp-header-file {
    align-items: center;
margin: auto 0;
    text-align: center;
}
}
}


.mcw-mainpage-icon-img {
#fp-header-links {
height: 60px;
margin: auto 0;
width: 60px;
}
/* Make sure icon is correctly centered */
 
display: flex;
#fp-header-links ul {
align-items: center;
-ms-columns: 160px;
justify-content: center;
-moz-columns: 160px;
-webkit-columns: 160px;
columns: 160px;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
margin-top: 0;
}
}


.mcw-mainpage-icon a {
    word-wrap: normal;
}


.mcw-mainpage-platforms {
/** Main page stylings **/
.mcw-mainpage-icons {
padding: 10px;
display: flex;
display: flex;
gap: 10px;
flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 20px;
justify-content: center;
justify-content: center;
margin-top: 5px;
}
}


.mcw-mainpage-platform {
@media screen and (min-width:1400px) and (max-width:2400px) {
display: flex;
#fp-2 .mcw-mainpage-icons {
gap: 5px;
max-width: 750px;
flex-direction: column;
margin: auto;
padding: 5px;
}
}
}


@media screen and (max-width:989px) {
.mcw-mainpage-icon {
.mcw-mainpage-platform {
flex: 0 0 auto;
    flex: 1 1 200px;
width: 90px;
}
    display: flex;
 
    flex-direction: column;
.mcw-mainpage-platform {
    align-items: center;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
}
}
}


/** Template stylings **/
.mcw-mainpage-icon-img {
/* [[Template:Navbox]] */
height: 60px;
.navbox {
width: 60px;
background: var(--navbox-background-color);
/* Make sure icon is correctly centered */
border: 1px solid var(--navbox-border-color);
display: flex;
margin: 1em auto 0;
align-items: center;
width: 100%;
justify-content: center;
}
}


.navbox table {
.mcw-mainpage-icon a {
background: var(--navbox-background-color);
    word-wrap: normal;
margin-left: -4px;
margin-right: -2px;
}
}


.navbox table:first-child {
.mcw-mainpage-platforms {
margin-top: -2px;
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
margin-top: 5px;
}
}


.navbox table:last-child {
.mcw-mainpage-platform {
margin-bottom: -2px;
display: flex;
gap: 5px;
flex-direction: column;
padding: 5px;
}
}


.navbox .navbox-top {
@media screen and (max-width:989px) {
white-space: nowrap;
.mcw-mainpage-platform {
background-color: var(--navbox-header-color);
    flex: 1 1 200px;
padding: 0 3px;
}
text-align: center;
}


.navbox tr:not(:first-child) .navbox-top,
.mcw-mainpage-platform {
.navbox .navbox .navbox-top {
    flex-direction: row;
background-color: var(--navbox-secondary-header-color);
    flex-wrap: wrap;
}
}
}


.navbox .navbox tr:not(:first-child) .navbox-top {
/** Template stylings **/
background-color: var(--navbox-tertiary-header-color);
/* [[Template:Navbox]] */
.navbox {
background: var(--navbox-background-color);
border: 1px solid var(--navbox-border-color);
margin: 1em auto 0;
width: 100%;
}
}


.navbox-navbar,
.navbox table {
.navbox-navbar-mini {
background: var(--navbox-background-color);
float: left;
margin-left: -4px;
font-size: 80%;
margin-right: -2px;
position: absolute;
}
}


.navbox-title {
.navbox table:first-child {
padding: 0 10px;
margin-top: -2px;
font-size: 110%;
}
}


.navbox th {
.navbox table:last-child {
background-color: var(--navbox-section-color);
margin-bottom: -2px;
padding: 0 10px;
white-space: nowrap;
text-align: right;
}
}


.navbox td {
.navbox .navbox-top {
width: 100%;
white-space: nowrap;
padding: 0 0 0 2px;
background-color: var(--navbox-header-color);
padding: 0 3px;
text-align: center;
}
}


/* Clear before navboxes and their section */
.navbox tr:not(:first-child) .navbox-top,
h2:has(#Navigation):has(+ table.navbox) {
.navbox .navbox .navbox-top {
    clear: both;
background-color: var(--navbox-secondary-header-color);
}
}


/* [[Template:LoadBox]]*/
.navbox .navbox tr:not(:first-child) .navbox-top {
.load-page {
background-color: var(--navbox-tertiary-header-color);
background-color: rgba(255, 255, 255, .5);
border: 1px solid #CCC;
margin-bottom: 0.5em;
padding: 0 0.5em;
}
body.wgl-theme-dark .load-page {
background-color: #222;
border-color: #111;
}
body.wgl-theme-dark .load-page .mw-spinner {
filter: invert(1);
}
}


/* Hatnotes and disambiguation notices */
.navbox-navbar,
.hatnote {
.navbox-navbar-mini {
font-style: italic;
float: left;
font-size: 80%;
position: absolute;
}
}


.hatnote i {
.navbox-title {
font-style: normal;
padding: 0 10px;
font-size: 110%;
}
}


div.hatnote {
.navbox th {
padding-left: 1.6em;
background-color: var(--navbox-section-color);
margin-bottom: 0.5em;
padding: 0 10px;
white-space: nowrap;
text-align: right;
}
}


div.hatnote + div.hatnote {
.navbox td {
margin-top: -0.5em;
width: 100%;
padding: 0 0 0 2px;
}
}


/* [[Template:Layered blueprint]] */
/* Clear before navboxes and their section */
@-webkit-keyframes layered-blueprint-fade-in {
h2:has(#Navigation):has(+ table.navbox) {
0% {
    clear: both;
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
}


@keyframes layered-blueprint-fade-in {
/* [[Template:LoadBox]]*/
0% {
.load-page {
opacity: 0;
background-color: rgba(255, 255, 255, .5);
visibility: hidden;
border: 1px solid #CCC;
}
margin-bottom: 0.5em;
100% {
padding: 0 0.5em;
opacity: 1;
}
visibility: visible;
body.wgl-theme-dark .load-page {
}
background-color: #222;
border-color: #111;
}
body.wgl-theme-dark .load-page .mw-spinner {
filter: invert(1);
}
}


.layered-blueprint-layer {
/* Hatnotes and disambiguation notices */
-webkit-animation: layered-blueprint-fade-in 200ms;
.hatnote {
animation: layered-blueprint-fade-in 200ms;
font-style: italic;
}
}


@-webkit-keyframes layered-blueprint-fade-out {
.hatnote i {
0% {
font-style: normal;
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
}


@keyframes layered-blueprint-fade-out {
div.hatnote {
padding-left: 1.6em;
margin-bottom: 0.5em;
}
 
div.hatnote + div.hatnote {
margin-top: -0.5em;
}
 
/* [[Template:Layered blueprint]] */
@-webkit-keyframes layered-blueprint-fade-in {
0% {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
opacity: 1;
visibility: visible;
visibility: visible;
}
}
100% {
}
 
@keyframes layered-blueprint-fade-in {
0% {
opacity: 0;
opacity: 0;
visibility: hidden;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
}
}


.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
.layered-blueprint-layer {
-webkit-animation: layered-blueprint-fade-out 200ms;
-webkit-animation: layered-blueprint-fade-in 200ms;
animation: layered-blueprint-fade-in 200ms;
}
 
@-webkit-keyframes layered-blueprint-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
 
@keyframes layered-blueprint-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
 
.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
-webkit-animation: layered-blueprint-fade-out 200ms;
animation: layered-blueprint-fade-out 200ms;
animation: layered-blueprint-fade-out 200ms;
}
}
1 010 eilutė: 1 102 eilutė:
     padding: 1.5em 2em 1em;
     padding: 1.5em 2em 1em;
     max-width: 40em;
     max-width: 40em;
}
body.wgl-theme-dark .tile {
    background-color: #484b54;
}
}


1 056 eilutė: 1 152 eilutė:
.byline a {
.byline a {
     color: var(--byline-color);
     color: var(--byline-color);
}
body.wgl-theme-dark .byline {
    color: white !important;
}
}


1 433 eilutė: 1 533 eilutė:
}
}


body.wgl-theme-dark .update {
background: #596279 !important;
}


:root {
:root {
1 479 eilutė: 1 582 eilutė:
     background-color: #dfefe3;
     background-color: #dfefe3;
     box-sizing: border-box;
     box-sizing: border-box;
}
body.wgl-theme-dark .messagebox {
color: black;
}
}


1 549 eilutė: 1 656 eilutė:
.messagebox.disambig a,
.messagebox.disambig a,
.messagebox.disambig a:visited,
.messagebox.disambig a:visited,
.messagebox.disambig a:active {
.messagebox.disambig a:active {
     color: var(--messagebox-disambig-link-color);
     color: var(--messagebox-disambig-link-color);
}
}
 
 
.messagebox.discord {
.messagebox.discord {
     background-color: var(--messagebox-discord-background);
     background-color: var(--messagebox-discord-background);
     border-color: var(--messagebox-discord-border);
     border-color: var(--messagebox-discord-border);
     color: #fff;
     color: #fff;
}
 
.messagebox.discord a,
.messagebox.discord a:visited,
.messagebox.discord a:active {
    color: var(--messagebox-discord-link-color);
}
 
.messagebox.discord a.external,
.messagebox.discord a:visited.external,
.messagebox.discord a:active.external {
    font-style: italic;
}
 
.messagebox.stub {
    width: 40%;
}
 
.messagebox.hasdialogue {
    padding: 0 10px;
    width: auto;
}
 
 
:root {
    --documentation-background: #f9fafa;
    --documentation-link-color: #e4eaee;
    --documentation-headers-color: #fff;
    --documentation-header-background: #949eaa;
    --documentation-subheader-background: #808c9a;
    --documentation-border: #e4eaee;
}
 
.documentation {
    background: var(--documentation-background);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    margin: 1em 0;
}
 
body.wgl-theme-dark .documentation {
background: #3b3b3b;
}
 
.documentation pre,
.documentation code {
    background-color: var(--documentation-background);
    border-color: var(--documentation-border);
}
 
.documentation h2,
.documentation hr {
    border-color: var(--documentation-border);
}
 
.documentation-header {
    color: var(--documentation-headers-color);
    background: var(--documentation-header-background);
    font-weight: bold;
    padding: 1em 1.5em;
}
 
.documentation-title {
    font-size: 1.25em;
}
 
.documentation-subheader {
    color: var(--documentation-headers-color);
    background: var(--documentation-subheader-background);
    padding: 0.5em 1.5em;
}
 
.documentation-subheader a,
.documentation-subheader a:visited,
.documentation-subheader a:active {
    color: var(--documentation-link-color);
}
 
.documentation-documentation,
.documentation-links {
    font-size: 0.85em;
}
 
.documentation-content {
    padding: 1em 1.5em;
}
 
.mw-templatedata-doc-params dl:not(:empty) {
    column-count: 3;
    border-top: 1px solid var(--body-border);
    margin-bottom: 0.5em;
}
 
.mw-templatedata-doc-params dt::after {
    content: ":";
}
 
.mw-templatedata-doc-params dd,
.mw-templatedata-doc-params dt {
    margin: 0.1em 2em;
    min-width: auto;
}
 
.mw-templatedata-doc-muted {
    color: var(--subtle-color);
    font-style: italic;
}
 
.fairycode {
    font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
    font-size: 120%;
    font-weight: bold;
    text-transform: lowercase;
    letter-spacing: 1px;
}
}


.messagebox.discord a,
.fairycode b ~ b:before {
.messagebox.discord a:visited,
     content: "•";
.messagebox.discord a:active {
    color: var(--messagebox-discord-link-color);
}
 
.messagebox.discord a.external,
.messagebox.discord a:visited.external,
.messagebox.discord a:active.external {
     font-style: italic;
}
 
.messagebox.stub {
    width: 40%;
}
 
.messagebox.hasdialogue {
    padding: 0 10px;
    width: auto;
}
}
Gauta iš „https://wiki.mcslime.lt/w/Specialus:MobileDiff/989...1038“

Naršymo meniu