MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(FenTT extension stylesheet) |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 26: | Line 26: | ||
empty-cells:show; |
empty-cells:show; |
||
} |
} |
||
table.wikitable th, table.wikitable td, |
table.wikitable > th, table.wikitable > td, |
||
table.prettytable th, table.prettytable td { |
table.prettytable > th, table.prettytable > td { |
||
border: 1px #aaaaaa solid; |
border: 1px #aaaaaa solid; |
||
padding: 0.2em 0.4em; |
padding: 0.2em 0.4em; |
||
} |
} |
||
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, |
table.wikitable > th, table.wikitable > td.hl3, table.wikitable > th.hl3, |
||
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { |
table.prettytable > th, table.prettytable > td.hl3, table.wikitable > th.hl3 { |
||
background: #8da7d6; |
background: #8da7d6; |
||
text-align: center; |
text-align: center; |
||
} |
} |
||
table.wikitable td.hl1, table.wikitable th.hl1, |
table.wikitable > td.hl1, table.wikitable > th.hl1, |
||
table.prettytable td.hl1, table.wikitable th.hl1 { |
table.prettytable > td.hl1, table.wikitable > th.hl1 { |
||
background: #c5d8fc; |
background: #c5d8fc; |
||
text-align: center; |
text-align: center; |
||
} |
} |
||
table.wikitable td.hl2, table.wikitable th.hl2, |
table.wikitable > td.hl2, table.wikitable > th.hl2, |
||
table.prettytable td.hl2, table.wikitable th.hl2 { |
table.prettytable > td.hl2, table.wikitable > th.hl2 { |
||
background: #a7c1f2; |
background: #a7c1f2; |
||
text-align: center; |
text-align: center; |
||
Line 55: | Line 55: | ||
/* General purpose "pretty (data) tables" */ |
/* General purpose "pretty (data) tables" */ |
||
table.datatable { background-color: transparent; } |
table.datatable { background-color: transparent; } |
||
table.datatable th, table.datatable td { padding: 4px; } |
table.datatable > th, table.datatable > td { padding: 4px; } |
||
table.datatable th { text-align: left; background-color: #999999; } |
table.datatable > th { text-align: left; background-color: #999999; } |
||
table.datatable tr { background-color: #cccccc; } |
table.datatable > tr { background-color: #cccccc; } |
||
table.datatable tr:hover { background-color: #ffffcc; } |
table.datatable > tr:hover { background-color: #ffffcc; } |
||
/* Standard Navigationsleisten, aka box hiding thingy |
/* Standard Navigationsleisten, aka box hiding thingy |
||
Line 146: | Line 146: | ||
/** GeSHi Syntax Highlight - custom styles */ |
/** GeSHi Syntax Highlight - custom styles */ |
||
/** ... by default, we add a left border + left padding + left margin + lightgray background (for clarity) */ |
/** ... by default, we add a left border + left padding + left margin + lightgray background (for clarity) */ |
||
/** No need for background-color: #f9f9f9; -- already in <pre> tag */ |
|||
pre |
pre |
||
{ |
{ |
||
Line 152: | Line 153: | ||
border: none; |
border: none; |
||
border-left: 1px dashed #2f6fab; |
border-left: 1px dashed #2f6fab; |
||
background-color: #f9f9f9; |
|||
} |
} |
||
.mw-highlight { |
|||
/** GeSHi Syntax Highlight - custom styles */ |
|||
background: none; |
|||
/** ... 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; |
|||
} |
} |
||
Line 173: | Line 168: | ||
background-color: inherit; |
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; |
|||
} |
|||
/* |
/* |
Latest revision as of 20:38, 1 December 2016
/*
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) */
/** No need for background-color: #f9f9f9; -- already in <pre> tag */
pre
{
margin: 0.5em 0em 0.5em 2em;
padding: 0em 0em 0em 1em;
border: none;
border-left: 1px dashed #2f6fab;
}
.mw-highlight {
background: none;
}
/** ... 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;
}
/*
</nowiki></pre>
*/