Difference between revisions of "MediaWiki:Common.css"
From HappyWiki, at www.Kennel17.co.uk
(Updating to apply headings - might need further tweaks.) |
(+ styling for new poem tag) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 40: | Line 40: | ||
background-color: #E0E0FF; | background-color: #E0E0FF; | ||
text-align: center; | text-align: center; | ||
| + | } | ||
| + | |||
| + | /** Poems **/ | ||
| + | |||
| + | .poem { | ||
| + | border: 2px solid #D6D2C5; | ||
| + | background-color: #F9F4E6; | ||
| + | padding: 1em; | ||
} | } | ||
| Line 55: | Line 63: | ||
.BoxPanel li a, | .BoxPanel li a, | ||
.BoxPanel h2 { | .BoxPanel h2 { | ||
| + | background-color: #EBEBEB; | ||
| + | |||
border: 1px solid #CCCCCC; | border: 1px solid #CCCCCC; | ||
| Line 68: | Line 78: | ||
.BoxPanel, | .BoxPanel, | ||
.BoxPanel li a { | .BoxPanel li a { | ||
| − | |||
| − | |||
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | ||
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | ||
| Line 77: | Line 85: | ||
.BoxPanel { | .BoxPanel { | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
| − | margin: | + | margin: 2em 0; |
} | } | ||
Latest revision as of 02:25, 7 February 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; } /** Poems **/ .poem { border: 2px solid #D6D2C5; background-color: #F9F4E6; padding: 1em; } /** Main Page **/ .BoxPanel { text-align: center; } .BoxPanel li { display: inline-block; } .BoxPanel, .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; color: #666666; } .BoxPanel, .BoxPanel li a { -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); } .BoxPanel { background-color: #F9F9F9; margin: 2em 0; } .BoxPanel h2 { padding: 0.5em; border-width: 0; border-bottom-width: 1px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .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; }