Difference between revisions of "MediaWiki:Common.css"
From PinataIsland.info, the Viva Piñata wiki
FeralKitty (talk | contribs) (Auto-centering breaks caption centering on Firefox.) |
FeralKitty (talk | contribs) (Added Gameplay Tip message box) |
||
Line 39: | Line 39: | ||
width: 366px; | width: 366px; | ||
padding: 90px; | padding: 90px; | ||
+ | } | ||
+ | |||
+ | /* Gameplay Tip message box */ | ||
+ | |||
+ | div.pii_gameplay_tip { | ||
+ | width: 80%; | ||
+ | border: 4px solid #cedff2; | ||
+ | background: #f5faff; | ||
+ | padding: 0.8em; | ||
+ | margin: 1em auto 1em auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | div.pii_gameplay_tip b { | ||
+ | color: #8e9fb2; | ||
+ | font-weight: bold; | ||
} | } | ||
Revision as of 09:10, 8 November 2006
/** CSS placed here will be applied to all skins */ /* Species page content background */ /* * Can't set width to 100% and also specify padding in same div, due to browser bugs. (Renders wider than it should, leading to horizontal scrollbars.) * * Bug/workaround documented at http://www.webreference.com/authoring/style/sheets/layout/advanced/ */ div.pii_species_content_container { width: 100%; } div.pii_species_content { margin: 0; padding: 1em; background-color:#D1F3FF; } div.pii_species_sour_content { margin: 0; padding: 1em; background-color:#f0e1ff; } /* Indent for Species page Requirements section data */ div.pii_species_requirements { margin: 1em 1em 1em 2em; } /* Speechbox */ div.pii_speechbox { background-image: url(/skins/common/images/Speech_Box.jpg); height: 190px; width: 366px; padding: 90px; } /* Gameplay Tip message box */ div.pii_gameplay_tip { width: 80%; border: 4px solid #cedff2; background: #f5faff; padding: 0.8em; margin: 1em auto 1em auto; text-align: center; } div.pii_gameplay_tip b { color: #8e9fb2; font-weight: bold; } /* Species page Variants table */ table.pii_species_variants { padding: 5px; border-spacing: 0px; margin: 1em 1em 1em 1em; border: 1px #aaaaaa solid; border-collapse: collapse; vertical-align: top; text-align: center; } table.pii_species_variants td { background: #fdffeb; padding: 5px; } table.pii_species_variants th { background: #fdf2ce; padding: 5px; } /* General table, auto-width */ table.pii_wikitable { padding: 5px; border-spacing: 5px; margin: 1em; border: 1px #aaaaaa solid; border-collapse: collapse; vertical-align: top; } table.pii_wikitable th { padding: 5px; } table.pii_wikitable td { padding: 5px; } /* * Color variations for table headings and rows * * Attract: Yellow (E.g. Attracting new species) * Tame: Red (E.g. Taming sour pinatas) * Game: Green (E.g. Site Map Game) * Merchandise: Blue (E.g. Site Map General info) * TV: Purple (E.g. Site Map TV show) * */ /* Yellow */ #pii_attract th { background: #fdf2ce; padding: 5px; } #pii_attract td { background: #fdffeb; padding: 5px; } /* Red */ #pii_tame th { background: #f29494; padding: 5px; } #pii_tame td { background: #ffb1b1; padding: 5px; } /* Green */ #pii_site_game th { background: #cef2e0; padding: 5px; } #pii_site_game td { background: #f5fffa; padding: 5px; } /* Blue */ #pii_site_merchandise th { background: #cedff2; padding: 5px; } #pii_site_merchandise td { background: #f5faff; padding: 5px; } /* Purple */ #pii_site_tv th { background: #ddcef2; padding: 5px; } #pii_site_tv td { background: #faf5ff; padding: 5px; } /* Fake (monobook) H2 to keep FAQ's TOC in order */ #pii_faq_h2 { font-size: 150%; color: black; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; }