MediaWiki:Common.css: Difference between revisions
From Portals of Phereon Wiki
Content added Content deleted
No edit summary |
(move css imports to gadget) |
||
(100 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* SKIN SPECIFIC STUFF IS IN HERE: MediaWiki:Timeless.css */ |
|||
/***************************** |
|||
* Stuff from Gamepedia start * |
|||
******************************/ |
|||
.ambox { |
|||
background-color: rgba(120,120,120,0.2); |
|||
border-bottom-color: #383838; |
|||
border-right-color: #383838; |
|||
border-top-color: #383838; |
|||
border-collapse: collapse; |
|||
font-size: 95%; |
|||
margin: 0 auto 2px auto; |
|||
width: 80%; |
|||
} |
|||
/* Imports go here */ |
|||
.ambox-gray { |
|||
/* Nice fonts, not udsed anywhere currently */ |
|||
border-left-color: #383838; |
|||
/* |
|||
} |
|||
@import url('https://fonts.googleapis.com/css?family=Tinos&display=swap'); |
|||
@import url('https://fonts.googleapis.com/css?family=Inknut+Antiqua:700&display=swap'); |
|||
@import url('https://fonts.googleapis.com/css?family=Tienne&display=swap'); |
|||
@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap'); |
|||
@import url('https://fonts.googleapis.com/css?family=Volkhov&display=swap'); |
|||
*/ |
|||
/* Imports: |
|||
> templateCSS gadget |
|||
*/ |
|||
/* Default image CSS */ |
|||
.ambox.ambox-tiny { |
|||
img { |
|||
font-size: 90%; |
|||
max-width: 100%; |
|||
margin: 2px 0; |
|||
height: auto; |
|||
} |
} |
||
/* Make images responsive */ |
|||
.ambox + .ambox { |
|||
.responsive img,img.responsive { |
|||
margin-top: -2px; |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
} |
||
.banner img,img.banner { |
|||
.ambox-text { |
|||
max-width: 100%; |
|||
padding: 0.25em 0.5em; |
|||
height: auto; |
|||
max-height: 10rem; |
|||
width: auto; |
|||
} |
} |
||
/* Hide main page title */ |
|||
.ambox-image { |
|||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } |
|||
padding: 2px 0px 2px 0.5em; |
|||
text-align: center; |
|||
width: 60px; |
|||
} |
|||
/* Clearfix */ |
|||
.ambox-tiny .ambox-image { |
|||
.clearfix::before, |
|||
padding: 2px 0.5em; |
|||
.clearfix::after { |
|||
text-align: left; |
|||
content: ""; |
|||
display: table; |
|||
} |
|||
.clearfix::after { |
|||
clear: both; |
|||
} |
} |
||
.clearfix { |
|||
zoom: 1; /* For IE 6/7 (trigger hasLayout) */ |
|||
/* Ambox colors */ |
|||
.ambox-blue { |
|||
border-left: 10px solid #1e90ff; |
|||
} |
} |
||
.cf-fix::before { |
|||
.ambox-red { |
|||
content: none; /* Make top margins collapse nicely */ |
|||
border-left: 10px solid #b22222; |
|||
} |
|||
.ambox-orange { |
|||
border-left: 10px solid #f28500; |
|||
} |
|||
.ambox-yellow { |
|||
border-left: 10px solid #f4c430; |
|||
} |
|||
.ambox-purple { |
|||
border-left: 10px solid #9932cc; |
|||
} |
|||
.ambox-gray { |
|||
border-left: 10px solid #bba; |
|||
} |
|||
.ambox-green { |
|||
border-left: 10px solid #228b22; |
|||
} |
|||
/* Ambox small text */ |
|||
.amsmalltext { |
|||
font-size: smaller; |
|||
margin-left:0.8em; |
|||
margin-top:0.5em; |
|||
} |
} |
||
/***************************** |
|||
* Stuff from Gamepedia start * |
|||
******************************/ |
|||
/* Navbox template style */ |
/* Navbox template style */ |
||
Line 238: | Line 215: | ||
background:var(--message-background); |
background:var(--message-background); |
||
color:var(--text-color); |
color:var(--text-color); |
||
} |
|||
.scalable img, img.scalable { |
|||
max-width: 100%; |
|||
height:auto; |
|||
} |
} |
||
/*************************** |
/*************************** |
||
* Stuff from Gamepedia end * |
|||
* Used by [[Template:Key]] * |
|||
****************************/ |
****************************/ |
||
.key { |
|||
#mw-site-navigation .sidebar-inner h3, |
|||
display:inline-block; |
|||
#mw-related-navigation .sidebar-inner h3, |
|||
white-space:nowrap; |
|||
#mw-site-navigation .dropdown h3, |
|||
#mw-related-navigation .dropdown h3 { |
|||
border-color: var(--gray-lightish); |
|||
} |
} |
||
/* Default table style */ |
|||
.key kbd { |
|||
table.article-table { |
|||
padding: 0.1em 0.6em 0.1em 0.6em; |
|||
background: #d6d0c5; |
|||
margin-right:2px; |
|||
border-collapse: collapse; |
|||
font-size:85%; |
|||
border: 0px none #aeaaa2; |
|||
font-family:inherit; |
|||
margin:1em 1em 1em 0; |
|||
font-style:normal; |
|||
border-radius: .2em; |
|||
} |
} |
||
.article-table th { |
|||
/* Dark Wiki Variation */ |
|||
background: #cfc9bc; |
|||
.keysDark { |
|||
text-align: left; |
|||
color:black; |
|||
border: 1px solid rgb(170, 170, 170); |
|||
box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); |
|||
background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); |
|||
background-color: rgb(249, 249, 249); |
|||
} |
} |
||
.article-table th, .article-table td { |
|||
/* Light Wiki Variation */ |
|||
border: 1px #aeaaa2 solid; |
|||
.keysLight { |
|||
padding: 6px 12px; |
|||
color:white; |
|||
border: 1px solid rgb(0, 0, 0); |
|||
box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0); |
|||
background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30)); |
|||
background-color: rgb(30, 30, 30); |
|||
} |
} |
||
.article-table tr:nth-child(odd) { |
|||
/****************************** |
|||
background: var(--secondary); |
|||
* End Template:Key coloration * |
|||
} |
|||
*******************************/ |
|||
.article-table tr:nth-child(even) { |
|||
/*************************** |
|||
background: hsl(var(--z-secondary-h), calc(var(--z-secondary-s) * 1%), calc(var(--z-secondary-l) * (100 - var(--x-darkish)) / 90 * 1%)); |
|||
* Stuff from Gamepedia end * |
|||
} |
|||
****************************/ |
|||
.ajaxpoll { |
|||
width:auto; |
|||
border:none; |
|||
background:initial; |
|||
} |
|||
.ajaxpoll .ajaxpoll-id-info { |
|||
display:none; |
|||
} |
|||
/* Sitenotice */ |
|||
#centralNotice { |
|||
position: relative; |
|||
} |
|||
.mw-dismissable-notice { |
|||
background: var(--content-color); |
|||
border-color: var(--heading-border); |
|||
box-shadow: none; |
|||
} |
|||
.mw-dismissable-notice-body.mw-dismissable-notice-body.mw-dismissable-notice-body { |
|||
margin:0; |
|||
} |
|||
.mw-dismissable-notice-body .wikitable { |
|||
margin:0; |
|||
} |
Latest revision as of 04:33, 18 July 2022
/* SKIN SPECIFIC STUFF IS IN HERE: MediaWiki:Timeless.css */
/* Imports go here */
/* Nice fonts, not udsed anywhere currently */
/*
@import url('https://fonts.googleapis.com/css?family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css?family=Inknut+Antiqua:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tienne&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap');
@import url('https://fonts.googleapis.com/css?family=Volkhov&display=swap');
*/
/* Imports:
> templateCSS gadget
*/
/* Default image CSS */
img {
max-width: 100%;
height: auto;
}
/* Make images responsive */
.responsive img,img.responsive {
max-width: 100%;
height: auto;
}
.banner img,img.banner {
max-width: 100%;
height: auto;
max-height: 10rem;
width: auto;
}
/* Hide main page title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
/* Clearfix */
.clearfix::before,
.clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}
.clearfix {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.cf-fix::before {
content: none; /* Make top margins collapse nicely */
}
/*****************************
* Stuff from Gamepedia start *
******************************/
/* Navbox template style */
/* Navbox container style */
.navbox {
border: 1px solid #9F6A00;
font-size: 88%;
text-align: center;
width: 100%;
margin: auto;
padding: 1px;
clear: both;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
/* Title, group and above/below styles */
.navbox-group,
.navbox-title,
.navbox-abovebelow {
text-align: center;
padding: 0.25em 1em;
line-height: 1.5em;
}
/* Group style */
th.navbox-group {
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background-color: transparent;
}
.navbox-list {
line-height: 1.8em;
border-color: transparent; /* Must match background color */
}
/* Level 1 color */
.navbox th,
.navbox-title {
background-color: #282828;
border: 0 solid #9F6A00;
color: #FFFFFF;
}
/* Level 2 color */
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #282828;
}
/* Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #444444;
}
/* Odd row striping */
.navbox-odd {
background: transparent;
}
/* Even row striping */
.navbox-even {
background-color: rgba(128,128,128,0.3);
}
/* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {
margin-top: -1px;
}
/* Default styling for Navbar template */
.navbar {
font-size: 88%;
font-weight: normal;
}
/* Navbar styling when nested in infobox and navbox */
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
width: 6em;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
}
.navbox .mw-collapsible-toggle {
width: 6em;
}
/* .navbox .mw-collapsible-toggle a, */
.wikitable .mw-collapsible-toggle a {
color: #F58120 !important;
}
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
color: #F37F20;
}
/* Infobox template style */
.infobox {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #505050;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
padding: 0.2em;
width: 300px;
}
.infobox td.infoboxlabel {
border: 2px solid inherit;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxname {
background-color: #f58120;
color: #000;
font-size: 110%;
font-weight: bold;
padding: 0.5em;
}
.infoboxdescription {
background-color: #f58120;
color: #000;
}
fieldset { border-color: #F37F20; }
#global-wrapper #preferences legend { color: #F37F20; }
.client-js #preferences fieldset { background: none; }
/* [[Template:Message]] */
table.gpmbox {
background:var(--message-background);
color:var(--text-color);
}
/***************************
* Stuff from Gamepedia end *
****************************/
#mw-site-navigation .sidebar-inner h3,
#mw-related-navigation .sidebar-inner h3,
#mw-site-navigation .dropdown h3,
#mw-related-navigation .dropdown h3 {
border-color: var(--gray-lightish);
}
/* Default table style */
table.article-table {
background: #d6d0c5;
border-collapse: collapse;
border: 0px none #aeaaa2;
margin:1em 1em 1em 0;
}
.article-table th {
background: #cfc9bc;
text-align: left;
}
.article-table th, .article-table td {
border: 1px #aeaaa2 solid;
padding: 6px 12px;
}
.article-table tr:nth-child(odd) {
background: var(--secondary);
}
.article-table tr:nth-child(even) {
background: hsl(var(--z-secondary-h), calc(var(--z-secondary-s) * 1%), calc(var(--z-secondary-l) * (100 - var(--x-darkish)) / 90 * 1%));
}
.ajaxpoll {
width:auto;
border:none;
background:initial;
}
.ajaxpoll .ajaxpoll-id-info {
display:none;
}
/* Sitenotice */
#centralNotice {
position: relative;
}
.mw-dismissable-notice {
background: var(--content-color);
border-color: var(--heading-border);
box-shadow: none;
}
.mw-dismissable-notice-body.mw-dismissable-notice-body.mw-dismissable-notice-body {
margin:0;
}
.mw-dismissable-notice-body .wikitable {
margin:0;
}