Difference between revisions of "MediaWiki:Common.css"

From InfoEx Help Information
Jump to navigation Jump to search
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
/* TABLE FOR STEP-BY-STEP DESCRIPTION ON HOW-TO PAGES */
  
 
table.TblSteps {
 
table.TblSteps {
Line 12: Line 14:
 
}
 
}
  
span.ButtonBlue {
+
/* GENERAL TABLES */
  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;
 
}
 
  
 
table.TblGeneral {
 
table.TblGeneral {
Line 39: Line 23:
 
   vertical-align: top;
 
   vertical-align: top;
 
   font-style:italic;
 
   font-style:italic;
 +
  font-weight: normal;
 
   text-align:left;
 
   text-align:left;
 
}
 
}
Line 46: Line 31:
 
}
 
}
 
   
 
   
 +
  
 
table.TblPermission {
 
table.TblPermission {
Line 87: Line 73:
 
   vertical-align: top;  
 
   vertical-align: top;  
 
}
 
}
 +
 +
/* FLOATING BOXES */
  
 
div.NoteNoImage {
 
div.NoteNoImage {
Line 118: Line 106:
 
   margin: 10px 350px 10px 10px;  
 
   margin: 10px 350px 10px 10px;  
 
   box-shadow: 2px 2px 2px grey;
 
   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;
 
}
 
}

Revision as of 13:57, 20 October 2013

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

/* 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 */

table.TblGeneral {

}

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

.TblGeneral td {
  vertical-align: top;
}
 


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