MediaWiki:Common.css: Skirtumas tarp puslapio versijų

S
nėra keitimo aprašymo
Nėra keitimo santraukos
SNėra keitimo santraukos
 
(nerodomos 16 tarpinės versijos, sukurtos to paties naudotojo)
16 eilutė: 16 eilutė:
src: url('filepath://Minecraft.woff2') format('woff2'),
src: url('filepath://Minecraft.woff2') format('woff2'),
    url('filepath://Minecraft.woff') format('woff');
    url('filepath://Minecraft.woff') format('woff');
}
@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');
}
@font-face {
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath:///resources/assets/PT-Serif_Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath:///resources/assets/PT-Serif_Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath:///resources/assets/PT-Serif_Bold-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Plain 12"),
        url('filepath:///resources/assets/RuneScape.woff2') format('woff2');
}
@font-face {
    font-family: 'RuneScape';
    font-style: normal;
    font-weight: bold;
    src: local("RuneScape Bold"),
        local("RuneScape Bold 12"),
        local("RuneScape Chat 2"),
        local("RuneScape Chat"),
        url('filepath:///resources/assets/RuneScape_Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'RuneScape Small';
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Plain 12"),
        url('filepath:///resources/assets/RuneScape_Small.woff2') format('woff2');
}
}


30 eilutė: 122 eilutė:
--navbox-tertiary-header-color: #EEE;
--navbox-tertiary-header-color: #EEE;
--navbox-section-color: #EEE;
--navbox-section-color: #EEE;
    --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);
    --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);
}
}


835 eilutė: 970 eilutė:
body.ns-10008 .minerva__tab[data-event-name="tabs.talk"] {
body.ns-10008 .minerva__tab[data-event-name="tabs.talk"] {
display: none;
display: none;
}
#ca-talk {
display: none !important;
}
}


883 eilutė: 1 022 eilutė:
         clear: both;
         clear: both;
     }
     }
}
@media only screen and (max-width: 720px) {
    .mainpage-trailblazer .tile-row {
          grid-template-columns: none;
    }
    .mainpage-trailblazer .tile-row .tile-top {
          height: 20vw;
          min-height: 9em;
    }
}
@media only screen and (max-width: 1200px) {
    .mainpage-contents {
          grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 1000px) {
    .mainpage-body {
          grid-template-areas: "event event event" "update update update" "content content content" "left left left" "right right right";
    }
    .mainpage-recent-updates {
          grid-template-columns: repeat(2, 1fr);
    }
    .mainpage-recent-updates .tile-halves:last-child {
          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);
    }
}
@media only screen and (max-width: 720px) {
    .mainpage-recent-updates {
          grid-template-columns: none;
    }
    .mainpage-recent-updates .tile-halves:last-child {
          display: flex;
    }
    .mainpage-contents {
          grid-template-columns: repeat(2, 1fr);
    }
}
}


.tile {
.tile {
     background: var(--tile-background-color);
     background: #ffffff;
     border: 1px solid var(--tile-border-color);
     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;
     padding: 1.5em 2em 1em;
     max-width: 40em;
     max-width: 40em;
}
body.wgl-theme-dark .tile {
    background-color: #484b54;
}
}


.tile-full {
.tile-full {
     background: var(--tile-background-color);
     background: #ffffff;
     border: 1px solid var(--tile-border-color);
     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;
     padding: 1.5em 2em 1em;
937 eilutė: 1 152 eilutė:
.byline a {
.byline a {
     color: var(--byline-color);
     color: var(--byline-color);
}
body.wgl-theme-dark .byline {
    color: white !important;
}
}


948 eilutė: 1 167 eilutė:
     display: flex;
     display: flex;
     flex-flow: row wrap;
     flex-flow: row wrap;
     border: 1px solid var(--tile-border-color);
     border: 1px solid #146433;
     background: var(--tile-background-color);
     background: #ffffff;
     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);
}
}
997 eilutė: 1 216 eilutė:


.tile-bottom {
.tile-bottom {
     background: var(--tile-background-color);
     background: #ffffff;
     border-top: 1px solid var(--tile-border-color);
     border-top: 1px solid #146433;
     width: 100%;
     width: 100%;
     padding: 1rem 1.5rem 0.6rem;
     padding: 1rem 1.5rem 0.6rem;
1 042 eilutė: 1 261 eilutė:
.tile.oswf-day {
.tile.oswf-day {
     margin-left: 0.5em;
     margin-left: 0.5em;
}
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki .mw-parser-output {
    max-width: 75em;
    margin: 0 auto;
}
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view .catlinks,
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #contentSub,
body.page-Sveiki_atvykę_į_MCSlime_LT_Viki.action-view #siteNotice {
    display: none;
}
.mainpage-header {
    display: flex;
    margin: 2.6em 1.75em 1.5em;
}
.mainpage-header .header-intro {
    flex: 2;
}
.mainpage-header .header-intro h1 {
    font-size: 2.5em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.15em;
}
.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}
.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}
.mainpage-body {
    display: grid;
    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-body h2 a {
    color: var(--text-color);
}
.mainpage-body .tile {
    padding-left: 1.75em;
    padding-right: 1.75em;
    max-width: 100%;
}
.mainpage-body .tile-row {
    width: 100%;
    margin-bottom: 0;
}
.mainpage-body .tile-row {
    display: grid;
    gap: 0.9rem;
}
.mainpage-left {
    grid-area: left;
    flex: 2;
    display: flex;
    flex-flow: column wrap;
}
.mainpage-left > * {
    margin: 0 0 0.9rem;
}
.mainpage-right {
    grid-area: right;
    flex: 1;
    display: flex;
    flex-flow: column wrap;
}
.mainpage-right > * {
    margin: 0 0 0.9rem;
}
.arrow {
    background: url('filepath://White-chevron.svg') no-repeat;
    display: inline-block;
    height: 0.7rem;
    width: 0.45rem;
    vertical-align: middle;
}
.arrow.dark {
    filter: invert(80%);
}
.mainpage-recent-updates {
    grid-area: update;
    grid-template-columns: repeat(3, 1fr);
}
.mainpage-recent-updates .tile-halves {
    flex: 1;
    align-content: flex-start;
}
.mainpage-recent-updates .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}
.mainpage-recent-updates .tile-bottom.link-button a {
    text-align: left;
    padding: 1rem 1.5rem 0.75rem;
}
.mainpage-recent-updates h2 {
    margin: -0.5em 0 0.3em;
}
.mainpage-recent-updates p:not(.byline) {
    font-size: 0.9em;
    line-height: 1.75em;
    color: var(--text-color);
}
.mainpage-contents {
    grid-area: content;
    grid-template-columns: repeat(6, 1fr);
}
.mainpage-contents .tile-halves {
    flex: 1;
}
.mainpage-contents .tile-top {
    position: relative;
}
.mainpage-contents h2 {
    margin: 0;
    padding: 0;
}
.mainpage-contents .tile-bottom.link-button a {
    padding: 0.75em 0.2em;
}
.mainpage-skills ul {
    columns: 3 9em;
    margin: 1em 0.7em 0.7em 1em;
}
.mainpage-skills li {
    display: flex;
    margin-bottom: 0.29em;
}
.mainpage-skills li a:first-child {
    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;
    display: flex;
    align-items: center;
    font-weight: bold;
    padding-left: 0.7em;
    text-decoration: none;
}
.mainpage-skills li:hover a:first-child {
    border-radius: 2px 0 0 2px;
}
.mainpage-skills li:hover a:last-child {
    color: rgba(255, 255, 255, 0.9);
    border-radius: 0 2px 2px 0;
}
body.ns-110 #ca-talk {
    display: none;
}
.mainpage-discord {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-discord .tile-top {
    display: flex;
    align-items: center;
    background: #5865f2;
    padding: 1em 1.75em;
}
.mainpage-discord .tile-top a {
    flex: 1;
    position: relative;
    text-decoration: none;
}
.mainpage-discord .tile-top a:hover .arrow {
    transform: translateX(50%);
}
.mainpage-discord .tile-bottom {
    background: #525ee0;
    border: none;
    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;
}
.mainpage-discord .server-tagline {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5em;
}
.mainpage-discord .arrow {
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    height: 1em;
    width: 0.7em;
    background-size: 0.7em 1em;
    transition: 0.3s ease-out;
}
.update {
    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 {
    color: var(--messagebox-disambig-link-color);
}
.messagebox.discord {
    background-color: var(--messagebox-discord-background);
    border-color: var(--messagebox-discord-border);
    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;
}
.fairycode b ~ b:before {
    content: "•";
}
}