Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
 
(242 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Custom Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
    font-family: "Rubik";
    src: url(https://survivalcraft.wiki/content/Fonts/Rubik.ttf) format("truetype");
}
@font-face {
    font-family: "Rubik Italic";
    src: url(https://survivalcraft.wiki/content/Fonts/Rubik_Italic.ttf) format("truetype");
}
@font-face {
    font-family: "Pericles";
    src: url(https://survivalcraft.wiki/content/Fonts/Pericles.ttf) format("truetype");
}


.test-font {
/* Changes the font-family style of all content */
  font-family: "Rubik";
#content, body, h1, h2, h3,h4, h5 {
font-family: 'Rubik' !important;
}
}


/* Removes all default CSS icons */
#content a.external {
    background: none !important;
    padding: 0 !important;
}
.mw-heading, h2 {
padding-top: 0 !important;
}
.mw-heading3 h3 {
font-weight: 400;
}
.mw-head-base {
background-color: #dfdbc3;
}
.mw-logo-wordmark {
color: black;
font-weight: 500;
}
.mw-logo-wordmark:hover {
color: #28b017;
}
.mw-page-title-main {
font-family: 'Rubik' !important;
}


/*
.vector-header-container, .vector-sticky-header, .vector-sticky-header-container, .vector-header-container, .mw-header {
background-color: #287308 !important;
} */




/**
.catlinks {
* {{ambox}} (article message box) styles
margin-top: 0.25em !important;
*
padding-top: 0.25em !important;
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
}
* @revision 2021-07-15
.mw-footer-container {
*/
padding-top: 25px !important;
table.ambox {
}
/* 10% = Will not overlap with other elements */
.mw-body p + table {
margin: 0 10%;
margin-top: 0 !important;
/* Prevent overflow in narrow screens (<=850px) in the Timeless skin.
  See [[Skin:Timeless#Less than 851 pixels]]
  and https://phabricator.wikimedia.org/source/Timeless/browse/REL1_39/resources/screen-mobile.less$268 */
width: unset;
border: 1px solid var(--border-color-base, #a2a9b1);
/* Default "notice" blue */
border-left: 10px solid var(--border-color-progressive, #36c);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
box-sizing: border-box;
}
}


/* Single border between stacked boxes. */
/* CreatureInfoBox & BlockInfoBox Classes */
table.ambox + table.ambox,
.game-infobox {
table.ambox + link + table.ambox,
font-family: 'Rubik';
table.ambox + style + table.ambox {
border-spacing: 0;
margin-top: -1px;
border-collapse: separate;
float: right;
margin: 0.5rem 5px 0.5rem 2rem;
max-width: 240px;
min-width: 200px;
}
}
 
.game-infobox-title {
/* An empty narrow cell */
background-color: #287308;
.ambox td.mbox-empty-cell {
color: white;
border: none;
padding: 0.5rem 2.5rem 0.5rem 2.5rem;
padding: 0;
font-size: 16px;
width: 1px;
}
.game-infobox-header {
width: 240px;
background-color: #287308;
color: white;
font-size: 14px;
padding: 0.5rem;
}
.game-infobox-attribute {
width: 70px;
font-size: 12px;
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.game-infobox-argument {
font-size: 12px;
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.game-infobox tr th, .game-infobox tr td {
  border-right: 1px solid rgba(40,115,8,0.5);
  border-bottom: 1px solid rgba(40,115,8,0.5);
}
.game-infobox tr th:first-child,
.game-infobox tr td:first-child {
  border-left: 1px solid rgba(40,115,8,0.5);
}
}
 
.game-infobox tr th {
/* The message body cell(s) */
  border-top: 1px solid rgba(40,115,8,0.5);
.ambox th.mbox-text,
.ambox td.mbox-text {
border: none;
/* 0.5em left/right */
padding: 0.25em 0.5em;
/* Make all mboxes the same width regardless of text length */
width: 100%;
}
}
 
.game-infobox tr:first-child th:first-child {
/* The left image cell */
  border-top-left-radius: 2px;
.ambox td.mbox-image {
/* 0.5em left, 0px right */
/* @noflip */
padding: 2px 0 2px 0.5em;
}
}
 
.game-infobox tr:first-child th:last-child {
/* The right image cell */
  border-top-right-radius: 2px;
.ambox td.mbox-imageright {
/* 0px left, 0.5em right */
/* @noflip */
padding: 2px 0.5em 2px 0;
}
}
 
.game-infobox tr:last-child td:first-child {
table.ambox-notice {
  border-bottom-left-radius: 2px;
/* Blue */
border-left-color: var(--border-color-progressive, #36c);
}
}
 
.game-infobox tr:last-child td:last-child {
table.ambox-speedy {
  border-bottom-right-radius: 2px;
/* Pink */
background-color: var(--background-color-error-subtle, #fee7e6);  
}
}


table.ambox-delete,
.message-box {
table.ambox-speedy {
padding: 0.5em 0.5em 0.5em 0.5em;
/* Red */
margin: 0 0.25em 1em 0.25em;
border-left-color: var(--background-color-error--active, #b32424);
}
}


table.ambox-content {
/* Gallery Classes */
/* Orange */
.gallery-container {
border-left-color: #f28500;
border: 1px solid #ccc;
width: 260px;
display: inline-block;
}
}
 
.gallery-container:hover {
table.ambox-style {
border: 1px solid #777;
/* Yellow */
border-left-color: #fc3;
}
}
 
.gallery-caption {
table.ambox-move {
font-size: 12px;
/* Purple */
padding: 15px 8px 15px 8px;
border-left-color: #9932cc;
    text-align: center;
}
}
 
.gallery-grid-container {
table.ambox-protection {
display: grid;
/* Gray-gold */
border: 1px solid #ccc;
border-left-color: var(--border-color-base, #a2a9b1);
grid-template-columns: repeat(auto-fill, 50px);
}
}


/**
/* Viewport Containers */
* {{ambox|small=1}} styles
@media(max-width: 850px) {
*
.game-infobox {
* These ".mbox-small" classes must be placed after all other
float: none;
* ".ambox" classes. "html body.mediawiki .ambox"
}
* is so they override both "table.ambox + table.ambox"
* and "table.ambox + link + table.ambox" above.
*
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
* @revision 2021-07-15
*/
 
/* For the "small=yes" option. */
html body.mediawiki .ambox.mbox-small {
clear: right;
float: right;
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
}


/* For the "small=left" option. */
#gallery_1, #gallery_2 {
html body.mediawiki .ambox.mbox-small-left {
border-radius: 5px;
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
}