MediaWiki:Common.css

/*
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 STYLESHEET                                                            */
/* ---------------                                                            */
/*                                                                            */
/* You should not edit these styles                                           */
/*                                                                            */
/* ========================================================================== */

/* ---------------------------------------------------------------------------*/
/*  Inherited properties that we explicitly cancel:                           */
/*      border-collapse             font-weight         text-indent           */
/*      border-spacing              font-size           text-transform        */
/*      color                       line-height         white-space           */
/*      font                        font-family         word-spacing          */
/*          font-style          letter-spacing                                */
/*          font-variant        text-align                                    */
/*                                                                            */
/*  Inherited properties that we ignore:                                      */
/*      azimuth                 list-style              page-break-inside     */
/*      caption-side            list-style-image        quotes                */
/*      cursor                  list-style-position     speak                 */
/*      direction               list-style-type         speak-header          */
/*      empty-cells             orphans                 volume                */
/*      font-size-adjust        page                    widows                */
/* ---------------------------------------------------------------------------*/

/* ----- 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>
*/