MCSlime.LT

MediaWiki:Common.css: Skirtumas tarp puslapio versijų

Pranešimas Aptarimas

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

12:36, 5 balandžio 2026 versija

13 079 pridėti baitai ,  5 balandžio
S
nėra keitimo aprašymo
Nėra keitimo santraukos
SNėra keitimo santraukos
 
(nerodomos 42 tarpinės versijos, sukurtos to paties naudotojo)
9 eilutė: 9 eilutė:
  */
  */


/* Minecraft font
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600&display=swap');
* [[File:Minecraft.woff2]] [[File:Minecraft.woff]]
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap');
@font-face {
 
font-family: Minecraft;
/* Main body text */
src: url('filepath://Minecraft.woff2') format('woff2'),
body {
    url('filepath://Minecraft.woff') format('woff');
    font-family: 'Source Sans 3', 'Atkinson Hyperlegible', Arial, sans-serif !important;
    line-height: 1.6;
    font-size: 16px;
}
 
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans 3', 'Atkinson Hyperlegible', Arial, sans-serif !important;
    padding-bottom: 8px !important;
    font-weight: 600;
}
 
/* Code blocks */
code, pre {
    font-family: 'JetBrains Mono', monospace !important;
}
 
 
.mw-editsection {
  float: right;
  margin-left: 8px;
}
 
.mw-editsection-bracket {
  display: none;
}
 
.mw-editsection a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
}
 
.mw-editsection a:hover {
  opacity: 1;
}
}


body {
/* Base icon */
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
.mw-editsection a::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
 
  /* IMPORTANT for dark themes */
  filter: invert(1);
}
 
/* Base */
.mw-editsection a::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
}
 
/* Visual (first link) */
.mw-editsection a:first-of-type::before {
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/pencil.svg");
}
 
/* Source (second link) */
.mw-editsection a:last-of-type::before {
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/code-slash.svg");
}
}


40 eilutė: 113 eilutė:
     --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
     --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
     --tile-dark-header-color: #fff;
     --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);
}
}


897 eilutė: 1 003 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;
951 eilutė: 1 133 eilutė:
.byline a {
.byline a {
     color: var(--byline-color);
     color: var(--byline-color);
}
body.wgl-theme-dark .byline {
    color: white !important;
}
}


962 eilutė: 1 148 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);
}
}
1 011 eilutė: 1 197 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 252 eilutė: 1 438 eilutė:
body.ns-110 #ca-talk {
body.ns-110 #ca-talk {
     display: none;
     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: #343434 !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: 10px solid;
  border-color: #232222;
  background-color: #343434;
  box-sizing: border-box;
  color: white !important;
}
.messagebox-image {
padding: 10px;
}
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: 50%;
}
.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: "•";
}
/*NEW LOOK TEST*/
/* ==== Modern UI baseline (safe, global) ==== */
:root {
  --ui-radius: 10px;
  --ui-radius-sm: 7px;
  --ui-border: #d6d9df;
  --ui-surface: #ffffff;
  --ui-surface-2: #f7f8fa;
  --ui-shadow: 0 8px 24px -18px rgba(0, 0, 0, 0.35);
  --ui-focus: #3b82f6;
}
/* Cleaner links */
a {
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}
/* Better keyboard accessibility */
:focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 2px;
}
/* Modern cards/surfaces */
.mw-body,
.mw-parser-output .wikitable,
.thumbinner,
#toc, .toc,
.mw-message-box,
.archive-box,
.documentation {
  border-radius: var(--ui-radius);
  box-shadow: var(--ui-shadow);
}
/* Inputs/buttons consistency */
.mw-ui-button,
.cdx-button,
.oo-ui-buttonElement-button,
.mw-ui-input,
.cdx-text-input__input,
.oo-ui-inputWidget-input,
textarea,
select {
  border-radius: var(--ui-radius-sm);
}
/* Slightly smoother interactions (respects reduced-motion) */
@media (prefers-reduced-motion: no-preference) {
  a, .mw-ui-button, .cdx-button, .oo-ui-buttonElement-button {
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
}
@media screen and (min-width: 982px) {
  .mw-body,
  #mw-head-base,
  #left-navigation,
  #mw-data-after-content,
  .mw-footer {
    margin-left: 13em !important;
  }
 
  .vector-legacy-sidebar {
width: 12.5em !important;
  }
}
}
Gauta iš „https://wiki.mcslime.lt/w/Specialus:MobileDiff/978...3787“