MediaWiki:Common.css: Skirtumas tarp puslapio versijų

S
nėra keitimo aprašymo
SNėra keitimo santraukos
SNėra keitimo santraukos
 
(nerodomos 34 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 */
@font-face {  
h1, h2, h3, h4, h5, h6 {
     font-family: 'IBM Plex Sans';
     font-family: 'Source Sans 3', 'Atkinson Hyperlegible', Arial, sans-serif !important;
    font-weight: normal;
     padding-bottom: 8px !important;
     font-style: normal;
     font-weight: 600;
     font-display: swap;
    src: url('filepath:///resources/assets/IBMPlexSans-Regular.woff2') format('woff2');
}
}


@font-face {  
/* Code blocks */
     font-family: 'IBM Plex Sans';
code, pre {
    font-weight: normal;
     font-family: 'JetBrains Mono', monospace !important;
    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 {  
.mw-editsection {
    font-family: 'IBM Plex Sans';
  float: right;
    font-weight: bold;
  margin-left: 8px;
    font-style: italic;
    font-display: swap;
    src: url('filepath:///resources/assets/IBMPlexSans-BoldItalic.woff2') format('woff2');
}
}


@font-face {  
.mw-editsection-bracket {
    font-family: 'PT Serif';
  display: none;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath:///resources/assets/PT-Serif_Regular.woff2') format('woff2');
}
}


@font-face {  
.mw-editsection a {
    font-family: 'PT Serif';
  display: inline-flex;
    font-weight: normal;
  align-items: center;
    font-style: italic;
  justify-content: center;
    font-display: swap;
  width: 18px;
    src: url('filepath:///resources/assets/PT-Serif_Italic.woff2') format('woff2');
  height: 18px;
  margin-left: 6px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
}
}


@font-face {  
.mw-editsection a:hover {
    font-family: 'PT Serif';
  opacity: 1;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath:///resources/assets/PT-Serif_Bold.woff2') format('woff2');
}
}


@font-face {  
/* Base icon */
    font-family: 'PT Serif';
.mw-editsection a::before {
    font-weight: bold;
  content: "";
    font-style: italic;
  display: block;
    font-display: swap;
  width: 14px;
    src: url('filepath:///resources/assets/PT-Serif_Bold-Italic.woff2') format('woff2');
  height: 14px;
}
  background-size: contain;
  background-repeat: no-repeat;


@font-face {
  /* IMPORTANT for dark themes */
    font-family: 'RuneScape';
  filter: invert(1);
    font-style: normal;
    font-weight: normal;
    src: local("RuneScape Plain 12"),
        url('filepath:///resources/assets/RuneScape.woff2') format('woff2');
}
}


@font-face {  
/* Base */
    font-family: 'RuneScape';
.mw-editsection a::before {
    font-style: normal;
  content: "";
    font-weight: bold;
  display: block;
    src: local("RuneScape Bold"),
  width: 14px;
        local("RuneScape Bold 12"),
  height: 14px;
        local("RuneScape Chat 2"),
  background-size: contain;
        local("RuneScape Chat"),
  background-repeat: no-repeat;
        url('filepath:///resources/assets/RuneScape_Bold.woff2') format('woff2');
  filter: invert(1);
}
}


@font-face {
/* Visual (first link) */
    font-family: 'RuneScape Small';
.mw-editsection a:first-of-type::before {
    font-style: normal;
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/pencil.svg");
    font-weight: normal;
    src: local("RuneScape Plain 12"),
        url('filepath:///resources/assets/RuneScape_Small.woff2') format('woff2');
}
}


body {
/* Source (second link) */
font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
.mw-editsection a:last-of-type::before {
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/code-slash.svg");
}
}


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


1 525 eilutė: 1 514 eilutė:
}
}


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


:root {
:root {
1 565 eilutė: 1 557 eilutė:


.messagebox {
.messagebox {
    width: 65%;
  width: 65%;
    margin: 0.5em auto;
  margin: 0.5em auto;
    border-left: 15px solid;
  border-left: 10px solid;
    border-color: #1eaa00;
  border-color: #232222;
    background-color: #dfefe3;
  background-color: #343434;
    box-sizing: border-box;
  box-sizing: border-box;
  color: white !important;
}
 
.messagebox-image {
padding: 10px;
}
 
body.wgl-theme-dark .messagebox {
color: black;
}
}


1 664 eilutė: 1 665 eilutė:


.messagebox.stub {
.messagebox.stub {
     width: 40%;
     width: 50%;
}
}


1 670 eilutė: 1 671 eilutė:
     padding: 0 10px;
     padding: 0 10px;
     width: auto;
     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;
  }
}
}