Difference between revisions of "MediaWiki:Common.css"

Revision as of 14:45, 22 October 2013

/* CSS placed here will be applied to all skins */

/* LIMITS MAXIMUM WIDTH OF WIKI PAGES */

body { 
  max-width: 1200px; 
  margin-left: auto; 
  margin-right: auto; 
  position: relative; 
  float: none; 
}

/* TABLE FOR STEP-BY-STEP DESCRIPTION ON HOW-TO PAGES */

table.TblSteps {
  border-spacing: 10px;
}

.TblSteps td.StepNum {
  width: 30px; 
  vertical-align: top; 
  text-align: right;
  font-weight: bold; 
}

/* GENERAL TABLES */

.TblGeneral th {
  vertical-align: top;
  font-style:italic;
  font-weight: normal; 
  text-align:left;
}

.TblGeneral td {
  vertical-align: top;
}

.TblGeneral td.Yes {
  background-color: #99C299; 
  color: #006600;
  font-weight: bold;
  text-align: center;
}

.TblGeneral td.No {
  background-color: #F0B2B2; 
  color: #CC0000;
  font-weight: bold;
  text-align: center;
}
 


table.TblPermission {
  background-color: #FFFFFF;
  border: 1px solid #999999;
}

.TblPermission th, td {
  padding: 5px;
}

.TblPermission th {
  background-color: #E6E6E6;
  font-weight: bold;
}

.TblPermission td.OK {
  width: 100px;
  background-color: #99C299; 
  color: #006600;
  font-weight: bold;
  text-align: center;
  vertical-align: top; 
}

.TblPermission td.NA {
  width: 100px;
  background-color: #F0B2B2; 
  color: #CC0000;
  font-weight: bold;
  text-align: center;
  vertical-align: top; 
}

.TblPermission td.Partial {
  width: 100px;
  background-color: #FFFFAD; 
  color: #FF6600;
  font-weight: bold;
  text-align: center;
  vertical-align: top; 
}

/* FLOATING BOXES */

div.NoteNoImage {
  border:3px solid #006400; 
  background-color:#CCE0CC; 
  padding:5px; 
  margin: 10px 10px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}

div.NoteWithImage {
  border:3px solid #006400; 
  background-color:#CCE0CC; 
  padding:5px; 
  margin: 10px 350px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}

div.IssueNoImage {
  border:3px solid #CC0000; 
  background-color:#FFFF99; 
  padding:5px; 
  margin: 10px 10px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}

div.IssueWithImage {
  border:3px solid #CC0000; 
  background-color:#FFFF99; 
  padding:5px; 
  margin: 10px 350px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}

/* BUTTONS */

span.ButtonBlue {
  background-color: #1E90FF;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px;
  margin: 0px 2px, 0px, 2px;
  border: 1px solid #1873CC;
  border-radius: 3px;
}

span.ButtonGrey {
  background-color: #E6E6E6;
  font-weight: bold;
  color: #000000;
  padding: 2px;
  margin: 0px 2px, 0px, 2px;
  border: 1px solid #999999;
  border-radius: 3px;
}