MediaWiki:Common.css: Difference between revisions

Revision as of 02:41, 15 August 2024

/* CSS placed here will be applied to all skins */

@font-face {
   font-family: Minecraft;
   font-style: normal;
   font-weight: 300;
   src: url('http://192.168.1.65/betawiki/images/0/01/MinecraftRegular-Bmg3.woff');
}
@font-face {
   font-family: Minecraft;
   font-style: italic;
   font-weight: 300;
   src: url('http://192.168.1.65/betawiki/images/9/92/MinecraftItalic-R8Mo.woff');
}
@font-face {
   font-family: Minecraft;
   font-style: normal;
   font-weight: 600;
   src: url('http://192.168.1.65/betawiki/images/a/a9/MinecraftBold-nMK1.woff');
}
@font-face {
   font-family: Minecraft;
   font-style: italic;
   font-weight: 600;
   src: url('http://192.168.1.65/betawiki/images/6/63/MinecraftBoldItalic-1y1e.woff');
}

html {
   background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('http://188.149.143.187/betawiki/images/b/bf/DirtBackground.png');
background-size: 150px;
image-rendering: pixelated;
}

body {
   background: rgba(0, 0, 0, 0)
}

.mw-page-container {
   background: rgba(0, 0, 0, 0.25)
}

h1, h2, h3, p, .mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2, html, body, .mw-editsection {
   color: rgb(255, 255, 255);
   font-family: Minecraft;
}

h2 {
   border-bottom: 2.5px solid #ffffff;
}

.mw-halign-right {
   background: rgba(0, 0, 0, 0)
}

.vector-pinned-container {
    background-color: #0000004a;
    border: 2.5px solid;
    padding: 16px 16px;
    margin-bottom: 2rem;
}

figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    border: 2.5px solid #ffffff;
    background: #f8f9fa;
}

figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
    border: 2.5px solid #ffffff;
    border-bottom: 0;
    background-color: #0000004f;
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    border: 2.5px solid #ffffff;
    border-top: 0;
    background-color: #00000052;
    font-size: 88.4%;
}

.vector-pinnable-element .vector-menu-heading {
    color: #ffffff;
    font-weight: normal;
    cursor: default;
    padding: 6px 0;
    margin: 6px 0;
    border-bottom: 1px solid #eaecf0;
}

.vector-sticky-pinned-container::after {
    background: rgba(255, 255, 255, 0);
}

a.new:visited {
    color: #ff9c02;
}
a:visited {
    color: #892dff;
}
a.new {
    color: #ff0000;
}
a {
    text-decoration: none;
    color: #36c;
    background: none;
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
    color: #ffffff;
    border-bottom: 2px solid;
}

.vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
    color: #ffffff;
}

.vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
    color: #ffffff;
    font-weight: bold;
}

.mw-footer li {
    color: #ffffff;
    margin: 0;
    padding: 0.5em 0;
    font-size: 0.75em;
}

.portable-infobox {
    background: #f8f9fa;
    border: 2.5px solid;
    background: #00000066;
    clear: right;
    float: right;
    font-size: .85em;
    margin: 0 0 15px 15px;
    margin: 0 0 var(--pi-margin) var(--pi-margin);
    width: 270px;
    width: var(--pi-width);
}

.portable-infobox .pi-title {
    border-bottom: 2.5px solid;
    margin: 0;
    font-family: inherit;
    font-size: 1.75em;
    line-height: 1.5;
}

.pi-image-thumbnail {
    max-width: 270px;
    --pi-border-color: white;
    border-bottom: 2.5px solid;
    max-width: var(--pi-width);
    border-color: white;
    height: auto;
}

.pi-data {
    border-bottom-style: solid;
    border-bottom-width: 2.5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.vector-header-container .mw-header, .vector-header-container .vector-sticky-header {
    width: 100%;
    min-height: 3.125rem;
    background-color: #141414;
    min-width: 31.25em;
    max-width: 99.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
}

.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
    filter: invert(100%);
}

.mw-page-container {
    background: rgba(0, 0, 0, 0.25);
    border-right: 2.5px solid;
    border-left: 2.5px solid;
}

.mw-page-container, .vector-header-container .mw-header, .vector-header-container .vector-sticky-header {
    border-left: 2.5px solid;
    border-right: 2.5px solid;
    border-bottom: 2.5px solid;
}

.wikitable {
    background-color: #00000045;
    color: #ffffff;
    margin: 1em 0;
    border: 2.5px solid #ffffff;
    border-collapse: collapse;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 2.5px solid #ffffff;
    padding: 0.2em 0.4em;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #0000004a;
    color: #ffffff;
    text-align: center;
}

#filetoc {
    background-color: #0000004a;
    text-align: center;
    border: 2.5px solid #ffffff;
    padding: 5px;
    font-size: 95%;
    margin: 0 0 0.5em 0;
}

.mw_metadata td {
    background-color: #00000040;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
.mw_metadata td, .mw_metadata th {
    border: 2.5px solid #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

.mw_metadata th {
    background-color: #00000033;
    font-weight: normal;
    text-align: center;
}

.vector-pinnable-header-toggle-button {
    display: none;
    border: 2.5px solid;
    padding: 4px 8px;
    background-color: #eaecf000;
    color: #ffffff;
    cursor: pointer;
    text-align: left;
    font-size: 0.75rem;
    border-radius: 0px;
    font-family: Minecraft;
}

.vector-pinnable-header-toggle-button:hover {
    color: #000000;
    border-color: #000000;
}

pre, code, .mw-code {
    background-color: #00000054;
    color: #ffffff;
    border: 2.5px solid #ffffff;
    font-family: Minecraft;
}

.vector-sticky-header-context-bar-primary {
    font-family: Minecraft;
}

ul {
    list-style-image: url();
}

.portable-infobox .pi-border-color {
    border-color: #ffffff;
    border-color: #ffffff;
}