MediaWiki:Common.css

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

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

/* The backgrounds for galleries. */   background-color: #000;   /* White padding */ }
 * 1) content .gallerybox div.thumb {

.summary { width: 300px; border-width: 1px; border-spacing: ; border-style: ridge; border-color: gray; border-collapse: collapse; background-color: #F0F0F0; }

.summary th { border-width: 2px; padding: 3px; border-style: ridge; border-color: gray; background-color: #F0F0F0; -moz-border-radius: ; }

.summary td { border-width: 2px; padding: 3px; border-style: ridge; border-color: gray; background-color: #F0F0F0; -moz-border-radius: ; }

th.summary-header { background-color: #D0D0D0; }

.quest-summary { width: 300px; border-width: 1px; border-spacing: ; border-style: ridge; border-color: gray; border-collapse: collapse; background-color: #F0F0F0; }

.quest-summary th { border-width: 2px; padding: 3px; border-style: ridge; border-color: gray; background-color: #F0F0F0; -moz-border-radius: ; }

.quest-summary td { border-width: 2px; padding: 3px; border-style: ridge; border-color: gray; background-color: #F0F0F0; -moz-border-radius: ; }

th.quest-summary-header { background-color: #D0D0D0; }

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

/* START OF DROP DOWN MENUS */ div#siteNotice { width:100%; 	/* makes the div full width */ float:left; /*makes the div enclose the list */ font-size:.8em;	/* SET FONT-SIZE HERE */ margin:1px 0 1em 0; padding:0; }

div#siteNotice ul { margin-left:0px; /* reset */ }

div#siteNotice li { float:left;	/* causes the list to align horizontally instead of stack */ position:relative; /* positioning context for the absolutely positioned drop-down */ list-style-type:none;	/* removes the bullet off each list item */ list-style-image: none; background-color:#f0f0f0; /*sets the background of the menu items */ border-right:1px solid #aaaaaa; /* creates dividing lines between the li elements */ border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; margin: -4px 0 -5px 0; /*Brings the menu items up */ padding:0 6px; /*creates space each side of menu item's text */ } div#siteNotice li:first-child { -moz-border-radius-topleft: .5em; padding-bottom:0px; /*to fix from rounded edge */ border-left:1px solid #aaaaaa; /*the first vertical line on the menu */ } div#siteNotice li:last-child { -moz-border-radius-topright: .5em; padding-bottom:0px; /*to fix from rounded edge */ } div#siteNotice li:hover { background-color:#FFF; /*sets the background of the menu items */ } div#siteNotice a { display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */ color:#0000ff;	/* sets the font color */ } /* the horizontal menu ends here */

/* the drop-down starts here */ div#siteNotice ul li ul { margin:0; /* prevents the TEMP value inheriting from the horiz menu */ position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */ width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/ left:-1px; /*aligns the drop exactly under the menu */ } div#siteNotice ul li ul li { margin: -1px 0 0 0; /* prevents the margin value inheriting from the horiz menu + bring menu items up */ width:100%; /* makes the list items fill the list container (ul) */ border-left:1px solid #069; /* three sides of each drop-down item */ list-style-type:none;	/* removes the bullet off each list item */ list-style-image:none;	/* removes the bullet off each list item */ padding:0 0 1px; } div#siteNotice ul li ul li:first-child { -moz-border-radius-topleft: 0;	/* needed to hide curve */ } div#siteNotice ul li ul li:last-child { -moz-border-radius-bottomright: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-topright: 0; padding-right:1px; /*to move over right side rounded edge */ }

/* make the drop-down display as the menu is rolled over */ div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */ div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */ body div#siteNotice ul li ul li ul { visibility:hidden; /* same effect as display:none in this situation */ top:-1px; left:10em; } div#siteNotice ul li ul li:hover ul {visibility:visible; } /* same effect as display:block in this situation */ div#siteNotice ul li ul li:hover ul li {padding-right:1px; -moz-border-radius-topright: 0;} div#siteNotice ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}

/* second level popouts */ div#siteNotice ul li ul li:hover ul li ul {visibility:hidden;} div#siteNotice ul li ul li ul li:hover ul {visibility:visible; margin-top:1px} /* same effect as display:block in this situation */ div#siteNotice ul li ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}

/* third level popouts */ div#siteNotice ul li ul li ul li:hover ul li ul {visibility:hidden;} div#siteNotice ul li ul li ul li ul li:hover ul {visibility:visible; margin-top:1px} /* same effect as display:block in this situation */ div#siteNotice ul li ul li ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}

/* fix for IE (all flavors) so the menu has a vertical line on the left */ float:left; /* makes the ul wrap the li's */ border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */ } /* Opera fix */ html>body div#siteNotice ul li ul li ul { left:10em; }
 * html div#siteNotice ul {

/* an Opera-only to fix a redraw problem by invisibly extending the ul */ /* the first-level drop stays open for 100px below the bottom but at least it works */ /* this can be reduced to as little as 22px if you don't have pop-outs */ /* the pop-out menu stays open for 22px below the bottom but at least it works */ @media all and (min-width: 0px){ body div#siteNotice ul li ul {padding-bottom:200px;} body div#siteNotice ul li ul li ul {padding-bottom:22px;} body div#siteNotice ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */ }

@import("/wiki/skins/common/dropdown/ie51_menu_hack.css"); /* END OF DROP DOWN MENUS */

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

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

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