Difference between revisions of "MediaWiki:Common.css"

From HappyWiki, at www.Kennel17.co.uk
Jump to: navigation, search
m (Fix colouring of box contents.)
(+ styling for new poem tag)
 
(5 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 52: Line 60:
 
}
 
}
  
.BoxPanel a {
+
.BoxPanel,
display: -moz-inline-box;
+
.BoxPanel li a,
-moz-box-orient: vertical;
+
.BoxPanel h2 {
display: inline-block;
+
 
+
 
background-color: #EBEBEB;
 
background-color: #EBEBEB;
 +
 
border: 1px solid #CCCCCC;
 
border: 1px solid #CCCCCC;
  
Line 66: Line 73:
 
border-radius: 8px;
 
border-radius: 8px;
  
 +
color: #666666;
 +
}
 +
 +
.BoxPanel,
 +
.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);
 
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;
 
font-size: 2em;
Line 76: Line 112:
 
text-align: center;
 
text-align: center;
 
font-weight: bold;
 
font-weight: bold;
color: #666666;
 
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
  
.BoxPanel a:hover {
+
.BoxPanel li a:hover {
 
background-color: #EBEBDB;
 
background-color: #EBEBDB;
 
}
 
}

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;
}