MCSlime.LT

MediaWiki:Common.css: Skirtumas tarp puslapio versijų

Pranešimas Aptarimas

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

21:30, 14 balandžio 2025 versija

7 216 pridėta baitų ,  14 balandžio
S
nėra keitimo aprašymo
Nėra keitimo santraukos
SNėra keitimo santraukos
 
(nerodomos 8 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 {
 
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
body.wgl-theme-dark {
}
--navbox-background-color: #333;
 
--navbox-border-color: #444;
/** Color variables for tweaking by different themes **/
--navbox-header-color: #111;
:root {
--navbox-secondary-header-color: #181818;
--navbox-background-color: #FFF;
--navbox-tertiary-header-color: #222;
--navbox-border-color: #CCC;
--navbox-section-color: #222;
--navbox-header-color: #CCC;
}
--navbox-secondary-header-color: #DDD;
 
--navbox-tertiary-header-color: #EEE;
/* Page display title */
--navbox-section-color: #EEE;
.mw-page-title-separator {
     --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);
margin-right: 0.25em;
     --tile-border-color: #cabe9b;
     --tile-background-color: #f9f3eb;
     --tile-link-button-color: #f5e9db;
     --tile-link-button-highlight-color: #dfccb0;
     --tile-dark-color: #fff;
     --tile-dark-bg: #5d6773;
     --tile-dark-link-color: #ccc;
     --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
     --tile-dark-header-color: #fff;
      
     --body-main: #e2dbc8;
     --body-light: #d8ccb4;
     --body-mid: #eafff0;
     --body-dark: #b8a282;
     --body-border: #94866d;
     --body-background-color: #c0a886;
     --button-background: #605443;
     --button-color: #fff;
     --button-border: #3c352a;
     --button-dark: #18140c;
     --button-light: #3a301d;
     --sidebar: #cfc08d;
     --background-text-color: #444;
     --background-link-color: #52351e;
     --search-box: #efeee6;
     --link-color: #936039;
     --redlink-color: #ba0000;
     --text-color: #000;
     --byline-color: #4c4c4c;
     --subtle-color: #777;
     --admin-blue: #332e75;
     --bearcat-green: #13592e;
     --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);
}
}


.ns-10000 .mw-page-title-namespace,
body.wgl-theme-dark {
.ns-10002 .mw-page-title-namespace,
--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;
}
 
/* Page display title */
.mw-page-title-separator {
margin-right: 0.25em;
}
 
.ns-10000 .mw-page-title-namespace,
.ns-10002 .mw-page-title-namespace,
.ns-10004 .mw-page-title-namespace,
.ns-10004 .mw-page-title-namespace,
.ns-10006 .mw-page-title-namespace,
.ns-10006 .mw-page-title-namespace,
932 eilutė: 1 024 eilutė:
}
}


.tile {
    background: var(--tile-background-color);
    border: 1px solid var(--tile-border-color);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 1.5em 2em 1em;
    max-width: 40em;
}


.tile-full {
@media only screen and (max-width: 720px) {
     background: var(--tile-background-color);
     .mainpage-trailblazer .tile-row {
     border: 1px solid var(--tile-border-color);
          grid-template-columns: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
     }
     padding: 1.5em 2em 1em;
 
    .mainpage-trailblazer .tile-row .tile-top {
          height: 20vw;
          min-height: 9em;
     }
 
}
}


.tile h2 {
@media only screen and (max-width: 1200px) {
     font-size: 1.4em;
     .mainpage-contents {
    font-weight: bold;
          grid-template-columns: repeat(3, 1fr);
     border: none;
     }
    margin: 0 0 0.4em;
}


.tile .byline + h2 {
    margin-top: -0.5em;
}
}


.tile.dark {
@media only screen and (max-width: 1000px) {
    color: var(--tile-dark-color);
     .mainpage-body {
     background: var(--tile-dark-bg);
          grid-template-areas: "event event event" "update update update" "content content content" "left left left" "right right right";
    border: none;
     }
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}


.tile.dark h2 {
    .mainpage-recent-updates {
    color: var(--tile-dark-header-color);
          grid-template-columns: repeat(2, 1fr);
}
    }


.tile.dark a {
    .mainpage-recent-updates .tile-halves:last-child {
    color: var(--tile-dark-link-color);
          display: none;
}
    }
 
    .mainpage-recent-updates .tile-halves:hover .tile-top img {
          transform: scale(1.04);
    }
 
    .mainpage-recent-updates .tile-top {
          height: 18vw;
          min-height: 9em;
    }
 
    .mainpage-header .header-stats {
          display: none;
    }
 
    .mainpage-left > *:last-child,
    .mainpage-right > *:last-child {
          margin-bottom: 0;
    }
 
    .popular-pages ul {
          grid-template-columns: repeat(2, 1fr);
    }


.tile.dark .byline {
    color: var(--tile-dark-byline-color);
}
}


.byline {
@media only screen and (max-width: 720px) {
    font-size: 0.9em;
    .mainpage-recent-updates {
     color: var(--byline-color);
          grid-template-columns: none;
}
     }
 
    .mainpage-recent-updates .tile-halves:last-child {
          display: flex;
    }


.byline a {
    .mainpage-contents {
    color: var(--byline-color);
          grid-template-columns: repeat(2, 1fr);
}
    }


.tile-row {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1em;
}
}


.tile-halves {
.tile {
     display: flex;
     background: #ffffff;
     flex-flow: row wrap;
     border: 1px solid #146433;
     border: 1px solid var(--tile-border-color);
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
     background: var(--tile-background-color);
     padding: 1.5em 2em 1em;
    max-width: 40em;
}
 
body.wgl-theme-dark .tile {
    background-color: #484b54;
}
 
.tile-full {
    background: #ffffff;
    border: 1px solid #146433;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    padding: 1.5em 2em 1em;
}
}


.tile-halves h2 {
.tile h2 {
     font-size: 1.4em;
     font-size: 1.4em;
     font-weight: bold;
     font-weight: bold;
1 007 eilutė: 1 122 eilutė:
}
}


.tile-halves .byline + h2 {
.tile .byline + h2 {
     margin-top: -0.5em;
     margin-top: -0.5em;
}
}


.tile-top {
.tile.dark {
     width: 100%;
    color: var(--tile-dark-color);
     padding: 1.3rem 1.5rem 0.6rem;
    background: var(--tile-dark-bg);
     border: none;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
}


.tile-top.tile-image {
.tile.dark h2 {
     display: flex;
     color: var(--tile-dark-header-color);
    align-items: center;
    background-color: var(--byline-color);
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
    transition: 0.4s ease-out;
}
}


.tile-halves:hover .tile-top.tile-image img {
.tile.dark a {
     transform: scale(1.1);
     color: var(--tile-dark-link-color);
    transition: 0.5s ease-out;
}
}


.tile-top.tile-image a {
.tile.dark .byline {
     width: 100%;
     color: var(--tile-dark-byline-color);
}
}


.tile-top.tile-image img {
.byline {
     width: 100%;
     font-size: 0.9em;
     object-fit: cover;
     color: var(--byline-color);
    max-height: 200px;
    transition: 0.4s ease-out;
}
}


.tile-bottom {
.byline a {
     background: var(--tile-background-color);
     color: var(--byline-color);
    border-top: 1px solid var(--tile-border-color);
    width: 100%;
    padding: 1rem 1.5rem 0.6rem;
}
}


.tile-bottom.link-button {
body.wgl-theme-dark .byline {
     align-self: flex-end;
     color: white !important;
    padding: 0;
}
}


.tile-bottom.link-button a {
.tile-row {
     display: block;
     display: flex;
     text-align: center;
     flex-flow: row wrap;
     padding: 0.75em 1.5em 0.8em;
     margin-bottom: 1em;
    text-decoration: none;
}
}


.tile-bottom.read-more {
.tile-halves {
     background: var(--tile-link-button-color);
    display: flex;
     transition: 0.3s ease-out;
    flex-flow: row wrap;
    border: 1px solid #146433;
     background: #ffffff;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
}


.tile-bottom.read-more a {
.tile-halves h2 {
     color: var(--byline-color);
     font-size: 1.4em;
     font-weight: bold;
     font-weight: bold;
     text-align: right;
     border: none;
    margin: 0 0 0.4em;
}
}


.tile-bottom.read-more:hover {
.tile-halves .byline + h2 {
     background: var(--tile-link-button-highlight-color);
     margin-top: -0.5em;
}
}


.tile-bottom.read-more:hover .arrow {
.tile-top {
     transform: translateX(50%);
     width: 100%;
    padding: 1.3rem 1.5rem 0.6rem;
}
}


.tile-bottom.read-more .arrow {
.tile-top.tile-image {
     filter: var(--byline-arrow-filter);
     display: flex;
     margin-left: 0.4em;
    align-items: center;
     transition: 0.3s ease-out;
    background-color: var(--byline-color);
}
     overflow: hidden;
 
     padding: 0;
.tile.oswf-day {
    height: 13vw;
     margin-left: 0.5em;
    max-height: 12em;
     transition: 0.4s ease-out;
}
}


 
.tile-halves:hover .tile-top.tile-image img {
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki .mw-parser-output {
     transform: scale(1.1);
     max-width: 75em;
     transition: 0.5s ease-out;
     margin: 0 auto;
}
}


body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view .catlinks,
.tile-top.tile-image a {
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #contentSub,
     width: 100%;
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #siteNotice {
     display: none;
}
}


.mainpage-header {
.tile-top.tile-image img {
     display: flex;
     width: 100%;
     margin: 2.6em 1.75em 1.5em;
    object-fit: cover;
     max-height: 200px;
    transition: 0.4s ease-out;
}
}


.mainpage-header .header-intro {
.tile-bottom {
     flex: 2;
    background: #ffffff;
    border-top: 1px solid #146433;
    width: 100%;
     padding: 1rem 1.5rem 0.6rem;
}
}


.mainpage-header .header-intro h1 {
.tile-bottom.link-button {
     font-size: 2.5em;
     align-self: flex-end;
    font-weight: bold;
     padding: 0;
    border: none;
     margin: 0 0 0.15em;
}
}


.mainpage-header .header-intro p {
.tile-bottom.link-button a {
     font-size: 1.1em;
     display: block;
     line-height: 1.7em;
    text-align: center;
    padding: 0.75em 1.5em 0.8em;
     text-decoration: none;
}
}


.mainpage-header .header-stats {
.tile-bottom.read-more {
     flex: 1;
     background: var(--tile-link-button-color);
    display: flex;
     transition: 0.3s ease-out;
    justify-content: center;
    align-items: center;
     margin-top: -1em;
}
}


.mainpage-body {
.tile-bottom.read-more a {
     display: grid;
     color: var(--byline-color);
    grid-template-areas: "event event event" "update update update" "content content content" "left left right";
     font-weight: bold;
     gap: 0.9rem;
     text-align: right;
     grid-template-columns: repeat(3, 1fr);
}
}


.mainpage-body h2 a {
.tile-bottom.read-more:hover {
     color: var(--text-color);
     background: var(--tile-link-button-highlight-color);
}
}


.mainpage-body .tile {
.tile-bottom.read-more:hover .arrow {
    padding-left: 1.75em;
     transform: translateX(50%);
    padding-right: 1.75em;
     max-width: 100%;
}
}


.mainpage-body .tile-row {
.tile-bottom.read-more .arrow {
     width: 100%;
     filter: var(--byline-arrow-filter);
     margin-bottom: 0;
     margin-left: 0.4em;
    transition: 0.3s ease-out;
}
}


.mainpage-body .tile-row {
.tile.oswf-day {
     display: grid;
     margin-left: 0.5em;
    gap: 0.9rem;
}
}


.mainpage-left {
 
     grid-area: left;
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki .mw-parser-output {
     flex: 2;
     max-width: 75em;
    display: flex;
     margin: 0 auto;
    flex-flow: column wrap;
}
}


.mainpage-left > * {
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view .catlinks,
     margin: 0 0 0.9rem;
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #contentSub,
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #siteNotice {
     display: none;
}
}


.mainpage-right {
.mainpage-header {
    grid-area: right;
    flex: 1;
     display: flex;
     display: flex;
     flex-flow: column wrap;
     margin: 2.6em 1.75em 1.5em;
}
}


.mainpage-right > * {
.mainpage-header .header-intro {
     margin: 0 0 0.9rem;
     flex: 2;
}
}


.arrow {
.mainpage-header .header-intro h1 {
     background: url('filepath://White-chevron.svg') no-repeat;
     font-size: 2.5em;
     display: inline-block;
     font-weight: bold;
     height: 0.7rem;
     border: none;
     width: 0.45rem;
     margin: 0 0 0.15em;
    vertical-align: middle;
}
}


.arrow.dark {
.mainpage-header .header-intro p {
     filter: invert(80%);
     font-size: 1.1em;
    line-height: 1.7em;
}
}


.mainpage-recent-updates {
.mainpage-header .header-stats {
     grid-area: update;
     flex: 1;
     grid-template-columns: repeat(3, 1fr);
    display: flex;
    justify-content: center;
     align-items: center;
    margin-top: -1em;
}
}


.mainpage-recent-updates .tile-halves {
.mainpage-body {
     flex: 1;
     display: grid;
     align-content: flex-start;
     grid-template-areas: "event event event" "update update update" "content content content" "left left right";
    gap: 0.9rem;
    grid-template-columns: repeat(3, 1fr);
}
}


.mainpage-recent-updates .tile-halves:hover .tile-top img {
.mainpage-body h2 a {
     transform: scale(1.04);
     color: var(--text-color);
}
}


.mainpage-recent-updates .tile-bottom.link-button a {
.mainpage-body .tile {
     text-align: left;
     padding-left: 1.75em;
     padding: 1rem 1.5rem 0.75rem;
     padding-right: 1.75em;
    max-width: 100%;
}
}


.mainpage-recent-updates h2 {
.mainpage-body .tile-row {
     margin: -0.5em 0 0.3em;
    width: 100%;
     margin-bottom: 0;
}
}


.mainpage-recent-updates p:not(.byline) {
.mainpage-body .tile-row {
     font-size: 0.9em;
     display: grid;
     line-height: 1.75em;
     gap: 0.9rem;
    color: var(--text-color);
}
}


.mainpage-contents {
.mainpage-left {
     grid-area: content;
     grid-area: left;
     grid-template-columns: repeat(6, 1fr);
     flex: 2;
    display: flex;
    flex-flow: column wrap;
}
}


.mainpage-contents .tile-halves {
.mainpage-left > * {
     flex: 1;
     margin: 0 0 0.9rem;
}
}


.mainpage-contents .tile-top {
.mainpage-right {
     position: relative;
    grid-area: right;
    flex: 1;
    display: flex;
     flex-flow: column wrap;
}
}


.mainpage-contents h2 {
.mainpage-right > * {
     margin: 0;
     margin: 0 0 0.9rem;
    padding: 0;
}
}


.mainpage-contents .tile-bottom.link-button a {
.arrow {
     padding: 0.75em 0.2em;
    background: url('filepath://White-chevron.svg') no-repeat;
    display: inline-block;
     height: 0.7rem;
    width: 0.45rem;
    vertical-align: middle;
}
}


.mainpage-skills ul {
.arrow.dark {
     columns: 3 9em;
     filter: invert(80%);
    margin: 1em 0.7em 0.7em 1em;
}
}


.mainpage-skills li {
.mainpage-recent-updates {
     display: flex;
     grid-area: update;
     margin-bottom: 0.29em;
     grid-template-columns: repeat(3, 1fr);
}
}


.mainpage-skills li a:first-child {
.mainpage-recent-updates .tile-halves {
    border-radius: 2px;
    padding: 4px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
.mainpage-skills li a:last-child {
     flex: 1;
     flex: 1;
    display: flex;
     align-content: flex-start;
     align-items: center;
    font-weight: bold;
    padding-left: 0.7em;
    text-decoration: none;
}
}


.mainpage-skills li:hover a:first-child {
.mainpage-recent-updates .tile-halves:hover .tile-top img {
     border-radius: 2px 0 0 2px;
     transform: scale(1.04);
}
}


.mainpage-skills li:hover a:last-child {
.mainpage-recent-updates .tile-bottom.link-button a {
     color: rgba(255, 255, 255, 0.9);
     text-align: left;
     border-radius: 0 2px 2px 0;
     padding: 1rem 1.5rem 0.75rem;
}
}


body.ns-110 #ca-talk {
.mainpage-recent-updates h2 {
     display: none;
     margin: -0.5em 0 0.3em;
}
}


.update {
.mainpage-recent-updates p:not(.byline) {
    border-radius: 2px;
     font-size: 0.9em;
    background: var(--body-mid);
     line-height: 1.75em;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
     color: var(--text-color);
     margin: 1em 0;
    padding: 0.75em 1em;
     text-align: center;
    border: 2px solid #004e00;
}
}


.mainpage-contents {
    grid-area: content;
    grid-template-columns: repeat(6, 1fr);
}


:root {
.mainpage-contents .tile-halves {
    --messagebox-obsolete-background: #cfcfcf;
     flex: 1;
    --messagebox-obsolete-border: #464646;
}
    --messagebox-obsolete-color: var(--text-color);
 
     --messagebox-obsolete-link-color: #6c6c6c;
.mainpage-contents .tile-top {
    --messagebox-info-background: #ebebeb;
     position: relative;
    --messagebox-info-border: #898989;
}
    --messagebox-info-color: var(--text-color);
 
     --messagebox-info-link-color: #6c6c6c;
.mainpage-contents h2 {
    --messagebox-action-background: #c7e8fa;
     margin: 0;
    --messagebox-action-border: #0b5884;
     padding: 0;
    --messagebox-action-color: var(--text-color);
}
    --messagebox-action-link-color: #03436b;
 
    --messagebox-warn-background: #dfc0ba;
.mainpage-contents .tile-bottom.link-button a {
    --messagebox-warn-border: #861c10;
     padding: 0.75em 0.2em;
     --messagebox-warn-color: var(--text-color);
     --messagebox-warn-link-color: #8e221a;
    --messagebox-safe-background: #d8f0d3;
    --messagebox-safe-border: #1b8408;
    --messagebox-safe-color: var(--text-color);
    --messagebox-safe-link-color: #1b8408;
    --messagebox-disambig-background: #ebebeb;
    --messagebox-disambig-border: #898989;
    --messagebox-disambig-color: var(--text-color);
    --messagebox-disambig-link-color: #6c6c6c;
    --messagebox-discord-background: #5865f2;
     --messagebox-discord-border: #4c57d0;
    --messagebox-discord-link-color: #d2e5fc;
}
}


.mw-message-box,
.mainpage-skills ul {
.mw-message-box-error,
    columns: 3 9em;
.mw-message-box-warning,
    margin: 1em 0.7em 0.7em 1em;
.mw-message-box-success,
.usermessage {
    color: var(--text-color);
}
}


.messagebox {
.mainpage-skills li {
     width: 65%;
     display: flex;
     margin: 0.5em auto;
     margin-bottom: 0.29em;
    border-left: 15px solid;
    border-color: #1eaa00;
    background-color: #dfefe3;
    box-sizing: border-box;
}
}


.messagebox.obsolete {
.mainpage-skills li a:first-child {
     background-color: var(--messagebox-obsolete-background);
     border-radius: 2px;
     border-color: var(--messagebox-obsolete-border);
    padding: 4px;
     color: var(--messagebox-obsolete-color);
    width: 25px;
    height: 25px;
     text-align: center;
     display: flex;
    justify-content: center;
    align-items: center;
}
}


.messagebox.obsolete a,
.mainpage-skills li a:last-child {
.messagebox.obsolete a:visited,
    flex: 1;
.messagebox.obsolete a:active {
    display: flex;
     color: var(--messagebox-obsolete-link-color);
     align-items: center;
    font-weight: bold;
    padding-left: 0.7em;
    text-decoration: none;
}
}


.messagebox.info {
.mainpage-skills li:hover a:first-child {
    background-color: var(--messagebox-info-background);
     border-radius: 2px 0 0 2px;
     border-color: var(--messagebox-info-border);
    color: var(--messagebox-info-color);
}
}


.messagebox.info a,
.mainpage-skills li:hover a:last-child {
.messagebox.info a:visited,
     color: rgba(255, 255, 255, 0.9);
.messagebox.info a:active {
    border-radius: 0 2px 2px 0;
     color: var(--messagebox-info-link-color);
}
}


.messagebox.action {
body.ns-110 #ca-talk {
     background-color: var(--messagebox-action-background);
     display: none;
     border-color: var(--messagebox-action-border);
}
     color: var(--messagebox-action-color);
 
.mainpage-discord {
     border: none;
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
}


.messagebox.action a,
.mainpage-discord .tile-top {
.messagebox.action a:visited,
    display: flex;
.messagebox.action a:active {
    align-items: center;
     color: var(--messagebox-action-link-color);
    background: #5865f2;
     padding: 1em 1.75em;
}
}


.messagebox.warn {
.mainpage-discord .tile-top a {
     background-color: var(--messagebox-warn-background);
     flex: 1;
     border-color: var(--messagebox-warn-border);
     position: relative;
     color: var(--messagebox-warn-color);
     text-decoration: none;
}
}


.messagebox.warn a,
.mainpage-discord .tile-top a:hover .arrow {
.messagebox.warn a:visited,
     transform: translateX(50%);
.messagebox.warn a:active {
     color: var(--messagebox-warn-link-color);
}
}


.messagebox.safe {
.mainpage-discord .tile-bottom {
     background-color: var(--messagebox-safe-background);
     background: #525ee0;
     border-color: var(--messagebox-safe-border);
    border: none;
     color: var(--messagebox-safe-color);
    padding: 1em 1.75em;
}
 
.mainpage-discord .tile-bottom p {
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
     letter-spacing: 0.03em;
    margin: 0;
}
 
.mainpage-discord .partner-icon {
    margin-right: 0.75em;
}
 
.mainpage-discord .server-name {
     color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0.5em 0 -0.15em;
}
}


.messagebox.safe a,
.mainpage-discord .server-tagline {
.messagebox.safe a:visited,
    color: rgba(255, 255, 255, 0.9);
.messagebox.safe a:active {
     margin-bottom: 0.5em;
     color: var(--messagebox-safe-link-color);
}
}


.messagebox.disambig {
.mainpage-discord .arrow {
     background-color: var(--messagebox-disambig-background);
     position: absolute;
     border-color: var(--messagebox-disambig-border);
    top: calc(50% - .5em);
     color: var(--messagebox-disambig-color);
     right: 0;
    height: 1em;
    width: 0.7em;
    background-size: 0.7em 1em;
     transition: 0.3s ease-out;
}
}


.messagebox.disambig a,
.update {
.messagebox.disambig a:visited,
    border-radius: 2px;
    background: var(--body-mid);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
    margin: 1em 0;
    padding: 0.75em 1em;
    text-align: center;
    border: 2px solid #004e00;
}
 
body.wgl-theme-dark .update {
background: #596279 !important;
}
 
:root {
    --messagebox-obsolete-background: #cfcfcf;
    --messagebox-obsolete-border: #464646;
    --messagebox-obsolete-color: var(--text-color);
    --messagebox-obsolete-link-color: #6c6c6c;
    --messagebox-info-background: #ebebeb;
    --messagebox-info-border: #898989;
    --messagebox-info-color: var(--text-color);
    --messagebox-info-link-color: #6c6c6c;
    --messagebox-action-background: #c7e8fa;
    --messagebox-action-border: #0b5884;
    --messagebox-action-color: var(--text-color);
    --messagebox-action-link-color: #03436b;
    --messagebox-warn-background: #dfc0ba;
    --messagebox-warn-border: #861c10;
    --messagebox-warn-color: var(--text-color);
    --messagebox-warn-link-color: #8e221a;
    --messagebox-safe-background: #d8f0d3;
    --messagebox-safe-border: #1b8408;
    --messagebox-safe-color: var(--text-color);
    --messagebox-safe-link-color: #1b8408;
    --messagebox-disambig-background: #ebebeb;
    --messagebox-disambig-border: #898989;
    --messagebox-disambig-color: var(--text-color);
    --messagebox-disambig-link-color: #6c6c6c;
    --messagebox-discord-background: #5865f2;
    --messagebox-discord-border: #4c57d0;
    --messagebox-discord-link-color: #d2e5fc;
}
 
.mw-message-box,
.mw-message-box-error,
.mw-message-box-warning,
.mw-message-box-success,
.usermessage {
    color: var(--text-color);
}
 
.messagebox {
    width: 65%;
    margin: 0.5em auto;
    border-left: 15px solid;
    border-color: #1eaa00;
    background-color: #dfefe3;
    box-sizing: border-box;
}
 
body.wgl-theme-dark .messagebox {
color: black;
}
 
.messagebox.obsolete {
    background-color: var(--messagebox-obsolete-background);
    border-color: var(--messagebox-obsolete-border);
    color: var(--messagebox-obsolete-color);
}
 
.messagebox.obsolete a,
.messagebox.obsolete a:visited,
.messagebox.obsolete a:active {
    color: var(--messagebox-obsolete-link-color);
}
 
.messagebox.info {
    background-color: var(--messagebox-info-background);
    border-color: var(--messagebox-info-border);
    color: var(--messagebox-info-color);
}
 
.messagebox.info a,
.messagebox.info a:visited,
.messagebox.info a:active {
    color: var(--messagebox-info-link-color);
}
 
.messagebox.action {
    background-color: var(--messagebox-action-background);
    border-color: var(--messagebox-action-border);
    color: var(--messagebox-action-color);
}
 
.messagebox.action a,
.messagebox.action a:visited,
.messagebox.action a:active {
    color: var(--messagebox-action-link-color);
}
 
.messagebox.warn {
    background-color: var(--messagebox-warn-background);
    border-color: var(--messagebox-warn-border);
    color: var(--messagebox-warn-color);
}
 
.messagebox.warn a,
.messagebox.warn a:visited,
.messagebox.warn a:active {
    color: var(--messagebox-warn-link-color);
}
 
.messagebox.safe {
    background-color: var(--messagebox-safe-background);
    border-color: var(--messagebox-safe-border);
    color: var(--messagebox-safe-color);
}
 
.messagebox.safe a,
.messagebox.safe a:visited,
.messagebox.safe a:active {
    color: var(--messagebox-safe-link-color);
}
 
.messagebox.disambig {
    background-color: var(--messagebox-disambig-background);
    border-color: var(--messagebox-disambig-border);
    color: var(--messagebox-disambig-color);
}
 
.messagebox.disambig a,
.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,
.messagebox.discord a:visited,
.messagebox.discord a:visited,
.messagebox.discord a:active {
.messagebox.discord a:active {
     color: var(--messagebox-discord-link-color);
     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.external,
.fairycode b ~ b:before {
.messagebox.discord a:visited.external,
     content: "•";
.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/984...1038“