MediaWiki:Common.css

/** CSS placed here will be applied to all skins */

/* keep the side padding, but enforce no gap between content area and tabs */ .yui-content { margin-top: 0; padding-top: 0.25em; padding-left: 0.5em; padding-right: 0.5em; }

.shadow { -moz-box-shadow: 3px 3px 4px #666; -webkit-box-shadow: 3px 3px 4px #666; box-shadow: 3px 3px 4px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666'); }

/* For template documentation */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px; }

/* Auto-number rows in tables */

table.numbered { counter-reset: row; } table.numbered td:first-child:before { counter-increment: row; content: counter(row) ". "; }

/* Make the list of references smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%; }

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }

/* Highlight clicked reference in blue to help navigation */ ol.references > li:target { background-color: #DEF; }

sup.reference:target { background-color: #DEF; }

/* Styling for citations */ cite { font-style: normal; word-wrap: break-word; }

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */ cite:target { background-color: #DEF; }

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection { cite *.printonly { display: none; } }

/* 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: #d6e0f5; 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; }

/* TabView extension */

/*set the base backcolor of the 'off' tabs */ .yui-navset .yui-nav li { background-color: #D4DEE8; padding-left: 10px; padding-right: 10px; }

/*set the background color of the content and the 'on' tab the same*/ .yui-content, .yui-navset .yui-nav li.selected { background-color: #E7F2FF; }

/** style the 'on' tab **/ .yui-navset .yui-nav .selected { border-style: solid; border-width: 2px 0 0 0; border-top-color: #2F5DBA; }

/* /* this has to be overridden for every menu */ overflow: visible; } /* this has to be overridden for every menu */ margin: 0; padding: 0; } /* this is an example to make the list of the second entry bigger e.g. when there is a longer text in a list item width: 16em; } /* this an example to change the background color of every second list item li.even { background-color: #eeeeee; } .menuSidebar ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0; } /* this div is only for better handling and navigation ... could also be done in inner ul*/ .menuSidebar ul div { position: absolute; top: -6px; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */ z-index: 100; /* show ul on top */ } .menuSidebar ul ul { background-color: white; border: 1px solid #aaaaaa; margin-top: 5px; /* make navigation easier*/ margin-bottom: 5px; /* make navigation easier*/ z-index: 101; /* show on top; Needed for IE 7 */ width: 12em; /* width of inner menu, Needed for IE 7 */ } .menuSidebar li { position: relative; /* make li a container for inner elements */ margin: 1px; z-index: 102; /* show on top; Needed for IE 7 */ } /* style, color and size links and headings to suit */ .menuSidebar a { font-weight: normal; display: block; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #aaaaaa; margin: 0px; padding: 1px; padding-left: 5px; color: #0000ff; text-decoration: none; } /* move the &gt; to the right */ .menuSidebar a em { position: absolute; right: 4px; } .menuSidebar li:hover, /* Needed for IE 7 */ .menuSidebar a:hover { background: #ccccff; } .menuSidebar li.separator a:hover { background: white; } /* Needed for IE 7 */ .menuSidebar li.separator a, .menuSidebar li.separator { line-height: 0px; height: 0px; font-size: 0px; } .menuSidebar ul li:last-Child a { border-width: 0px 0px 0px 0px; // remove the last bottom line padding-bottom: 0px; } /* hides the first level */ .menuSidebar ul li div { display: none; } /* shows the first level and hide the second */ .menuSidebar ul li:hover div, .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */ /* second level*/ .menuSidebar ul li ul li:hover div, .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */ /* third level */ .menuSidebar ul li ul li ul li:hover div, .menuSidebar ul li ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */
 * MenuSidebar
 * 1) p-Menu,
 * 2) p-Menu2,
 * 3) p-Menu3 {
 * 1) p-Menu div,
 * 2) p-Menu2 div,
 * 3) p-Menu3 div {
 * 1) p-Menu ul li.item2 ul {