Difference between revisions of "MediaWiki:Common.css"
From HappyWiki, at www.Kennel17.co.uk
m (Fix colouring of box contents.) |
(Tweak to allow for styling of headings in a similar fashion.) |
||
| Line 52: | Line 52: | ||
} | } | ||
| − | .BoxPanel a { | + | .BoxPanel a, |
| − | + | .BoxPanel h2 { | |
| − | + | ||
| − | + | ||
| − | + | ||
background-color: #EBEBEB; | background-color: #EBEBEB; | ||
border: 1px solid #CCCCCC; | border: 1px solid #CCCCCC; | ||
| Line 69: | Line 66: | ||
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | ||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | ||
| + | |||
| + | color: #666666; | ||
| + | } | ||
| + | |||
| + | .BoxPanel a { | ||
| + | display: -moz-inline-box; | ||
| + | -moz-box-orient: vertical; | ||
| + | display: inline-block; | ||
font-size: 2em; | font-size: 2em; | ||
| Line 76: | Line 81: | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
| − | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Revision as of 23:55, 29 January 2016
/* CSS placed here will be applied to all skins */ /** prettytable class **/ table.prettytable { border: 1px solid #AAAAAA; border-collapse: collapse; } table.prettytable th { text-align: center; font-weight: bold; background-color: #CCCCFF; color: #000000; } table.prettytable td, table.prettytable th { border: 1px solid #AAAAAA; padding: 0.1em 0.3em; } /** InfoBoxes **/ .infobox { float: right; margin: 0 0 1em 1em; } .infobox td, .infobox th { padding: 0.2em 0.5em; } .infobox th { background-color: #F0F0FF; text-align: left; } .infobox th.infobox_header{ font-size: 1.2em; background-color: #E0E0FF; text-align: center; } /** Main Page **/ .BoxPanel { text-align: center; } .BoxPanel li { display: inline-block; } .BoxPanel a, .BoxPanel h2 { background-color: #EBEBEB; border: 1px solid #CCCCCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); color: #666666; } .BoxPanel a { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; font-size: 2em; margin: 1em; padding: 1em; text-align: center; font-weight: bold; text-decoration: none; } .BoxPanel a:hover { background-color: #EBEBDB; }