Difference between revisions of "MediaWiki:Common.css"

From MormonWiki
Jump to: navigation, search
(New page: * CSS placed here will be applied to all skins: Article message box template styles: table.ambox { width: 80%; margin: 0 auto; border-collapse: collapse; background: #f...)
 
(Undo revision 14322 by Heather (Talk))
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/** CSS placed here will be applied to all skins */
 
/** CSS placed here will be applied to all skins */
  
/* Article message box template styles */
+
/* --- {{t|Ambox}} TEMPLATE DESIGNS --- */
table.ambox {
+
 +
/* {{t|Ambox}} design */
 +
.ambox {
 +
  font-size: 95%;
 
   width: 80%;  
 
   width: 80%;  
 
   margin: 0 auto;
 
   margin: 0 auto;
   border-collapse: collapse;  
+
  border: 1px #AAA solid;
   background: #fbfbfb;  
+
  border-left: 10px solid #228b22;
   border: 1px solid #aaa;  
+
   border-collapse: collapse;
   border-left: 10px solid #1e90ff;      /* Default "notice" blue */
+
   background-color: #EEE;
}
+
}
table.ambox th, table.ambox td {     /* The message body cell(s) */
+
   padding: 0.25em 0.5em;             /* 0.5em left/right */
+
/* {{t|Ambox}} colours */
}
+
.ambox-blue {
table.ambox td.ambox-image {         /* The left image cell */
+
   border-left: 10px solid #1e90ff;       /* Blue (notice) */
   width: 52px;  
+
}
   padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
+
.ambox-red {
 +
   border-left: 10px solid #b22222;      /* Red (delete/serious) */
 +
}
 +
.ambox-orange {
 +
  border-left: 10px solid #f28500;      /* Orange (content) */
 +
}
 +
.ambox-yellow {
 +
  border-left: 10px solid #f4c430;      /* Yellow (style) */
 +
}
 +
.ambox-purple {
 +
   border-left: 10px solid #9932cc;      /* Purple (merge) */
 +
}
 +
.ambox-gray {
 +
  border-left: 10px solid #bba;          /* Gray (protection) */
 +
}
 +
.ambox-green {
 +
  border-left: 10px solid #228b22;       /* Green */
 +
}
 +
 +
/* {{t|Ambox}} small text */
 +
.amsmalltext {
 +
  font-size: smaller;
 +
  margin-top:0.5em;
 +
  margin-left:0.8em;
 +
}
 +
 +
/* {{t|Ambox}} image */
 +
.ambox-image {                         /* The left image cell */
 +
   width: 60px;  
 +
   padding: 2px 0px 2px 0.5em;           /* 0.5em left, 0px right */
 
   text-align: center;  
 
   text-align: center;  
}
+
  }
table.ambox td.ambox-imageright {    /* The right image cell */
 
  width: 52px;
 
  padding: 2px 4px 2px 0px;          /* 0px left, 4px right */
 
  text-align: center;
 
}
 
table.ambox-notice {
 
  border-left: 10px solid #1e90ff;      /* Blue */
 
/* border-right: 10px solid #1e90ff; */ /* If you want two blue bars */
 
}
 
table.ambox-delete,
 
table.ambox-serious {
 
  border-left: 10px solid #b22222;      /* Red */
 
}
 
table.ambox-content {
 
  border-left: 10px solid #f28500;      /* Orange */
 
}
 
table.ambox-style {
 
  border-left: 10px solid #f4c430;      /* Yellow */
 
}
 
table.ambox-merge {
 
  border-left: 10px solid #9932cc;      /* Purple */
 
}
 
table.ambox-protection {
 
  border-left: 10px solid #bba;          /* Gray */
 
}
 
table.ambox.ambox-mini {                /* small floating box variant */
 
    float: right;
 
    clear: right;
 
    margin: 0 0 0 1em;
 
    width: 25%;
 
}
 

Latest revision as of 09:55, 10 December 2007

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

 /* --- {{t|Ambox}} TEMPLATE DESIGNS --- */
 
 /* {{t|Ambox}} design */
 .ambox {
  font-size: 95%;
  width: 80%; 
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
 }
 
 /* {{t|Ambox}} colours */
 .ambox-blue {
  border-left: 10px solid #1e90ff;       /* Blue (notice) */
 }
 .ambox-red {
  border-left: 10px solid #b22222;       /* Red (delete/serious) */
 }
 .ambox-orange {
  border-left: 10px solid #f28500;       /* Orange (content) */
 }
 .ambox-yellow {
  border-left: 10px solid #f4c430;       /* Yellow (style) */
 }
 .ambox-purple {
  border-left: 10px solid #9932cc;       /* Purple (merge) */
 }
 .ambox-gray {
  border-left: 10px solid #bba;          /* Gray (protection) */
 }
 .ambox-green {
  border-left: 10px solid #228b22;       /* Green */
 }
 
 /* {{t|Ambox}} small text */
 .amsmalltext {
  font-size: smaller;
  margin-top:0.5em;
  margin-left:0.8em;
 }
 
 /* {{t|Ambox}} image */
 .ambox-image {                          /* The left image cell */
  width: 60px; 
  padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
  text-align: center; 
 }