MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*
This is the CSS for all skins (for all users) on MediaWiki.org.
SECTIONS:
1. Indication of namespaces
2. Color classes for content
3. Special pages
4. Main page styling
5. Sidebar external links
6. Extension:Matrix stuff
7. Wikitables, infobox templates, warnings, and other such stylings
8. Some other small things
*/
/* <pre><nowiki> */
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
empty-cells:show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
background: #8da7d6;
text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
background: #c5d8fc;
text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
background: #a7c1f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
/* General purpose "pretty (data) tables" */
table.datatable { background-color: transparent; }
table.datatable th, table.datatable td { padding: 4px; }
table.datatable th { text-align: left; background-color: #999999; }
table.datatable tr { background-color: #cccccc; }
table.datatable tr:hover { background-color: #ffffcc; }
/* Standard Navigationsleisten, aka box hiding thingy
from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
right: 3px;
font-weight: normal;
font-size: 90%;
}
/* install_log and uninstall_log class for install log table */
table.install_log td:first-child, table.uninstall_log td:first-child
{
width:8.0em;
font-size: x-small;
}
table.install_log td:first-child:before, table.uninstall_log td:first-child:before, table.install_simple_log td:first-child:before
{
content:url(/miki/skins/monobook/bullet.gif);
margin-right:0.6em;
}
table.uninstall_log td:first-child + td
{
width:7.0em;
font-size: x-small;
}
table.install_simple_log td:first-child
{
width:30%;
}
table.install_log td:first-child + td + td, table.uninstall_log td:first-child + td + td +td, table.install_simple_log td:first-child + td
{
font-size:x-small;
/* font-style:italic; */
}
table.install_log, table.uninstall_log, table.install_simple_log, table.install_log td, table.uninstall_log td, table.install_simple_log td
{
border-collapse: collapse;
empty-cells: show;
border-bottom: 1px solid lightgray;
padding:0em 0.3em;
border-spacing:0px;
}
table.install_log, table.uninstall_log, table.install_simple_log
{
border: hidden;
width: 100%;
}
/** GeSHi Syntax Highlight - custom styles */
/** ... by default, we add a left border + left padding + left margin + lightgray background (for clarity) */
pre
{
margin: 0.5em 0em 0.5em 2em;
padding: 0em 0em 0em 1em;
border: none;
border-left: 1px dashed #2f6fab;
background-color: #f9f9f9;
}
/** GeSHi Syntax Highlight - custom styles */
/** ... by default, we add a left border + left padding + left margin + lightgray background (for clarity) */
div.mw-geshi
{
margin: 0.5em 0em 0.5em 2em;
padding: 0em 0em 0em 1em;
border-left: 1px dashed #2f6fab;
background-color: #f9f9f9;
}
/** ... except if the <source> tag is enclosed in a <div class="noborder"> */
div.noborder div.mw-geshi
{
margin: 0px;
padding: 0px;
border-left: none;
background-color: inherit;
}
/** *************** */
/** FenTT extension */
/** *************** */
/* ----- BASE Styles for all modes ------------------------------------------ */
@font-face {
font-family: 'Chess Merida Unicode';
src: url('./extensions/FenTT/chess_merida_unicode.ttf');
}
table.bwchess, table.chess {
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: 1em;
line-height: 1em !important;
font-family: "Chess Merida Unicode" !important;
border: none !important;
border-collapse: collapse !important;
border-spacing: 0px 0px !important;
color: black;
letter-spacing: normal !important;
text-align: left !important;
text-indent: 0 !important;
text-transform: none !important;
white-space: normal !important;
word-spacing: normal !important;
padding: 0px !important;
margin: 0px !important;
}
table.bwchess td, table.chess td {
border: none !important;
padding: 0px !important;
margin: 0px !important;
}
/* ----- BASE Styles for B&W mode ------------------------------------------- */
table.bwchess div.nowrap {
/* 1px height div to prevent IE to wrap */
height:1px;
overflow:hidden;
}
/* ----- BASE Styles for COLOR mode ----------------------------------------- */
table.chess td {
width: 1em;
}
table.chess div.board {
float: left;
position: relative;
}
table.chess div.sq {
position: absolute;
left:0px;
top:0px;
z-index: 0; /* FF: Doesn't support negative z-index */
}
table.chess div.pcbg {
position: absolute;
left:0px;
top:0px;
z-index: 1;
}
table.chess div.pcfg {
position: relative; /* z-index only works on elements that have been
positioned! */
left:0px;
top:0px;
z-index: 2;
}
/* ========================================================================== */
/* */
/* */
/* CUSTOM STYLESHEET */
/* ----------------- */
/* */
/* You can edit these styles to change appearance of the chess boards */
/* */
/* */
/* ========================================================================== */
/* ----- CUSTOM Styles for B&W mode ----------------------------------------- */
table.bwchess {
/* Font size - px size works better than pt size in FF */
font-size: 1.5em;
/* Background color */
background-color: white;
/* Foreground color */
color: black;
}
table.bwchess span.bwhl {
/* highlighted square background color */
background-color: #FF0;
}
/* ----- CUSTOM Styles for COLOR mode --------------------------------------- */
table.chess {
/* Font size - px size works better than pt size in FF */
font-size:1.5em;
/* Columns / Rows coordinates background color */
background-color: white;
/* Columns / Rows coordinates foreground color */
color: black;
}
table.chess td.board {
/* Border style in color output (eg. "double 3px black !important;") */
/* !!! !important mandatory to override any settings from parent table */
/* !!! DON'T FORGET TO ALSO change padding-left in td.cols */
border: double 3px black !important;
}
table.chess td.cols {
/* text-align: center !important; doesn't work in IE - use padding-left */
/* Set padding-left to 1/2 border width in td.board*/
padding-left: 1px;
}
table.chess div.sq {
/* Light square color (eg. #FFCE9E) */
background-color: #FFCE9E;
/* Dark square color (eg. #D18B47) */
color: #D18B47;
}
table.chess span.hl {
/* highlighted light square (eg. 60% green highlighting = #99E15E) */
background-color: #99E15E;
/* highlighted dark square (eg. 60% green highlighting = #7DB92A) */
color: #7DB92A;
}
table.chess div.pcbg {
/* Pieces background color (eg. "white") */
color: white;
}
table.chess div.pcfg {
/* Pieces foreground color (eg. "black") */
color: black;
}
/*
</nowiki></pre>
*/