Difference between revisions of "MediaWiki:Common.css"

From KolibriOS wiki
Jump to navigation Jump to search
(Created page with '→‎Wikitable class for skinning normal tables: table.wikitable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; empty-ce...')
 
m
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Wikitable class for skinning normal tables */
+
/* wikitable/prettytable class for skinning normal tables */
table.wikitable {
+
table.wikitable,
margin: 1em 1em 1em 0;
+
table.prettytable {
background: #f9f9f9;
+
    margin: 1em 1em 1em 0;
border: 1px #aaaaaa solid;
+
    background: #f9f9f9;
border-collapse: collapse;
+
    border: 1px #aaa solid;
empty-cells: show;
+
    border-collapse: collapse;
 
}
 
}
table.wikitable th, table.wikitable td {
+
.wikitable th, .wikitable td,
border: 1px #aaaaaa solid;
+
.prettytable th, .prettytable td {
padding: 0.2em 0.4em;
+
    border: 1px #aaa solid;
 +
    padding: 0.2em;
 
}
 
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3 {
+
.wikitable th,
background: #8da7d6;
+
.prettytable th {
text-align: center;
+
    background: #f2f2f2;
 +
    text-align: center;
 
}
 
}
table.wikitable td.hl1, table.wikitable th.hl1 {
+
.wikitable caption,
background: #c5d8fc;
+
.prettytable caption {
text-align: center;
+
    font-weight: bold;
 
}
 
}
table.wikitable td.hl2, table.wikitable th.hl2 {
+
 
background: #a7c1f2;
+
/* Default skin for navigation boxes */
text-align: center;
+
table.navbox {           /* Navbox container style */
 +
  border: 1px solid #aaa;
 +
  width: 100%;  
 +
  margin: auto;
 +
  clear: both;
 +
  text-align: center;
 +
  padding: 1px;
 
}
 
}
table.wikitable caption {
+
table.navbox td,
margin-left: inherit;
+
table.navbox th {
margin-right: inherit;
+
  font-size: 88%;
font-weight: bold;
 
 
}
 
}
 +
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 +
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)      */
 +
}
 +
.navbox-title,
 +
.navbox-abovebelow,
 +
table.navbox th {
 +
  text-align: center;      /* Title and above/below styles */
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 +
}
 +
.navbox-group {            /* Group style */
 +
  white-space: nowrap;
 +
  text-align: right;
 +
  font-weight: bold;
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 +
}
 +
.navbox, .navbox-subgroup {
 +
  background: #fdfdfd;    /* Background color */
 +
}
 +
.navbox-list {
 +
  border-color: #fdfdfd;  /* Must match background color */
 +
}
 +
.navbox-title,
 +
table.navbox th {
 +
  background: #ccccff;    /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
  background: #ddddff;    /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 +
  background: #e6e6ff;    /* Level 3 color */
 +
}
 +
.navbox-even {
 +
  background: #f7f7f7;    /* Even row striping */
 +
}
 +
.navbox-odd {
 +
  background: transparent; /* Odd row striping */
 +
}
 +
 +
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
 +
    float: right;          /* by the CollapsibleTables javascript in    */
 +
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
 +
    text-align: right;    /* so they can be customised.                */
 +
    width: auto;
 +
}
 +
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
 +
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
 +
}                          /* so they need to be the same width.        */
 +
 +
/* 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%;
 +
}
 +
 +
/* Used in Template:Note */
 +
.block-note {
 +
background-image: url(/images/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
 +
background-position: top left;
 +
background-repeat: no-repeat;
 +
}
 +
/*
 +
  Using block-contents in the hope that it can apply to all block-level warning templates,
 +
  with different images applied as backgrounds to the wrapping DIV.
 +
*/
 +
.block-contents {
 +
display: block;
 +
padding-left: 20px;
 +
}
 +
 +
/* mike.dld's additions */
 +
table.user_info { background-color: #CCCCCC; }
 +
table.user_info td { background-color: #FFFFFF; padding: 0 4px; }
 +
table.user_info th { background-color: #EEEEEE; padding: 0 4px; text-align: right; font-weight: bold; }
 +
 +
code, pre, tt { font-family: "Consolas", "Courier New", Monospace !important; }
 +
 +
/* syntax highlighling colors */
 +
.hl1 { color: #7F7F7F; }
 +
.hl2 { color: #CC3333; }
 +
.hl3 { color: #000000; }
 +
.hl4 { color: #0000FF; }
 +
.hl5 { color: #33CC33; }
 +
.hl6 { color: #FF0000; }
 +
 +
/* geshi highlighter setup */
 +
.mw-geshi { padding: 1em; border: 1px dashed #2f6fab; background-color: #f9f9f9; line-height: 1.1em; }
 +
 +
/* system function description tables */
 +
.sysfunc { width: 100%; font-size: 88%; line-height: 1.1em; }
 +
.sysfunc .header { background: #ccccff; font-size: 88%; padding: 0; }
 +
.sysfunc .register { background: #e4e4ff; }
 +
.sysfunc .bits { text-align: right; font-family: "Consolas", "Courier New", Monospace !important; }
 +
.sysfunc .type { text-align: center; }

Latest revision as of 20:31, 1 January 2011

/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  text-align: center;
  padding: 1px;
}
table.navbox td,
table.navbox th {
  font-size: 88%;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

/* 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%;
}

/* Used in Template:Note */
.block-note {
	background-image: url(/images/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/*
   Using block-contents in the hope that it can apply to all block-level warning templates, 
   with different images applied as backgrounds to the wrapping DIV.
*/
.block-contents {
	display: block;
	padding-left: 20px;
}

/* mike.dld's additions */
table.user_info { background-color: #CCCCCC; }
table.user_info td { background-color: #FFFFFF; padding: 0 4px; }
table.user_info th { background-color: #EEEEEE; padding: 0 4px; text-align: right; font-weight: bold; }
 
code, pre, tt { font-family: "Consolas", "Courier New", Monospace !important; }

/* syntax highlighling colors */
.hl1 { color: #7F7F7F; }
.hl2 { color: #CC3333; }
.hl3 { color: #000000; }
.hl4 { color: #0000FF; }
.hl5 { color: #33CC33; }
.hl6 { color: #FF0000; }

/* geshi highlighter setup */
.mw-geshi { padding: 1em; border: 1px dashed #2f6fab; background-color: #f9f9f9; line-height: 1.1em; }

/* system function description tables */
.sysfunc { width: 100%; font-size: 88%; line-height: 1.1em; }
.sysfunc .header { background: #ccccff; font-size: 88%; padding: 0; }
.sysfunc .register { background: #e4e4ff; }
.sysfunc .bits { text-align: right; font-family: "Consolas", "Courier New", Monospace !important; }
.sysfunc .type { text-align: center; }