Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 10:47, 6 November 2014

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

/* LIMITS MAXIMUM WIDTH OF WIKI PAGES */

body { 
  max-width: 1280px; 
  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 {
  vertical-align: top; 
}

.TblSteps td.StepNum {
  width: 30px; 
  text-align: right;
  font-weight: bold;
  color: #585858; 
}

/* TABLE FOR TRAININGS */

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

.TblTraining td.Time {
  width: 100px; 
  vertical-align: top; 
  text-align: right;
  font-weight: normal; 
}

/* TABLE FOR CONCEPTUAL MODEL OF AV HZD */

table.TblConceptualModel {
  border: 1px solid #000000;
  border-collapse: collapse;
  vertical-align: top; 
  text-align: center; 
}

.TblConceptualModel td {
  border: 1px solid #837E7C;
  padding: 5px;
}

.TblConceptualModel td.Header {
  background-color: #FFF8C6;
  width: 100px; 
  font-weight: bold;   
}

.TblConceptualModel td.Class {
  font-weight: bold;
  text-align: left;
  font-size: larger;   
}

.TblConceptualModel td.Comment {
  background-color: #FFF8C6;
  font-size: smaller;
  font-style: italic;
}

/* TABLES FOR OBSERVATION FIELDS */

table.TblObsFields {
  border-spacing: 5px;
  vertical-align: top; 
  text-align: left; 
}

.TblObsFields td {
  vertical-align: top;
}

.TblObsFields td.Header {
  font-style:italic;
  font-size: smaller; 
}

.TblObsFields td.Name {
  font-weight: bold; 
  width: 200px;
}

.TblObsFields td.Mandatory {
  width: 100px;
}

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

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

div.NewNoImage {
  border:3px solid #FF8000; 
  background-color:#F5D0A9; 
  padding:5px; 
  margin: 10px 10px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}

div.NewWithImage {
  border:3px solid #FF8000; 
  background-color:#F5D0A9; 
  padding:5px; 
  margin: 10px 350px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}

div.ExerciseNoImage {
  border:3px solid #585858; 
  background-color: #B8B8B8; 
  padding:5px; 
  margin: 10px 10px 10px 10px; 
  box-shadow: 2px 2px 2px grey;
}
/* BUTTONS */

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

span.ButtonDarkBlue {
  background-color: #3333FF;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px;
  margin: 0px 2px, 0px, 2px;
  border: 0px solid #3300FF;
  border-radius: 3px;
}

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

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

/* TEXT */

span.TextBlue {
  color: #1E90FF;
}

span.TextRed {
  color: #CC0000;
}

span.TextNew {
  color: #FF8000;
  font-weight: bold;
}


/* LABELS */

span.LabelReport {
  font-weight: bold;
  color: #1E90FF;
}