Difference between revisions of "MediaWiki:Common.css"

From HappyWiki, at www.Kennel17.co.uk
Jump to: navigation, search
m (Stop edit link being styled incorrectly.)
(Updating to apply headings - might need further tweaks.)
Line 52: Line 52:
 
}
 
}
  
 +
.BoxPanel,
 
.BoxPanel li a,
 
.BoxPanel li a,
 
.BoxPanel h2 {
 
.BoxPanel h2 {
background-color: #EBEBEB;
 
 
border: 1px solid #CCCCCC;
 
border: 1px solid #CCCCCC;
  
Line 62: Line 62:
 
-o-border-radius: 8px;
 
-o-border-radius: 8px;
 
border-radius: 8px;
 
border-radius: 8px;
 +
 +
color: #666666;
 +
}
 +
 +
.BoxPanel,
 +
.BoxPanel li a {
 +
background-color: #EBEBEB;
  
 
-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);
 
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 {
 +
background-color: #F9F9F9;
 +
margin: 1em 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;
 
}
 
}
  

Revision as of 00:04, 30 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,
.BoxPanel li a,
.BoxPanel h2 {
	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 {
	background-color: #EBEBEB;
 
	-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: 1em 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;
}