Difference between revisions of "MediaWiki:Common.css"
From HappyWiki, at www.Kennel17.co.uk
(Tweak to allow for styling of headings in a similar fashion.) |
m (Stop edit link being styled incorrectly.) |
||
| Line 52: | Line 52: | ||
} | } | ||
| − | .BoxPanel a, | + | .BoxPanel li a, |
.BoxPanel h2 { | .BoxPanel h2 { | ||
background-color: #EBEBEB; | background-color: #EBEBEB; | ||
| Line 70: | Line 70: | ||
} | } | ||
| − | .BoxPanel a { | + | .BoxPanel li a { |
display: -moz-inline-box; | display: -moz-inline-box; | ||
-moz-box-orient: vertical; | -moz-box-orient: vertical; | ||
| Line 84: | Line 84: | ||
} | } | ||
| − | .BoxPanel a:hover { | + | .BoxPanel li a:hover { |
background-color: #EBEBDB; | background-color: #EBEBDB; | ||
} | } | ||
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 li 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 li 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 li a:hover { background-color: #EBEBDB; }