Difference between revisions of "MediaWiki:Common.css"

From InfoEx Help Information
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
table.TblSteps {
 
table.TblSteps {
 
   border-spacing: 10px;
 
   border-spacing: 10px;
 +
}
 +
 +
.TblSteps td {
 +
  vertical-align: top;
 
}
 
}
  
 
.TblSteps td.StepNum {
 
.TblSteps td.StepNum {
 
   width: 30px;  
 
   width: 30px;  
  vertical-align: top;
 
 
   text-align: right;
 
   text-align: right;
 
   font-weight: bold;
 
   font-weight: bold;
Line 41: Line 44:
  
 
table.TblConceptualModel {
 
table.TblConceptualModel {
  border-spacing: 10px;
 
 
   border: 1px solid #000000;
 
   border: 1px solid #000000;
 +
  border-collapse: collapse;
 
   vertical-align: top;  
 
   vertical-align: top;  
 
   text-align: center;  
 
   text-align: center;  
 +
}
 +
 +
.TblConceptualModel td {
 +
  border: 1px solid #837E7C;
 +
  padding: 5px;
 
}
 
}
  
Line 51: Line 59:
 
   width: 100px;  
 
   width: 100px;  
 
   font-weight: bold;   
 
   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;
 
}
 
}
  
Line 110: Line 156:
 
   border:3px solid #CC0000;  
 
   border:3px solid #CC0000;  
 
   background-color:#FFFF99;  
 
   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;  
 
   padding:5px;  
 
   margin: 10px 350px 10px 10px;  
 
   margin: 10px 350px 10px 10px;  
Line 168: Line 230:
 
span.TextBlue {
 
span.TextBlue {
 
   color: #1E90FF;
 
   color: #1E90FF;
 +
}
 +
 +
span.TextRed {
 +
  color: #CC0000;
 +
}
 +
 +
span.TextNew {
 +
  color: #FF8000;
 +
  font-weight: bold;
 
}
 
}
  

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