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...)
 
Line 3: Line 3:
 
/* Article message box template styles */
 
/* Article message box template styles */
 
table.ambox {
 
table.ambox {
  width: 80%;
+
    margin: 0 10%;                       /* Will not overlap with other elements */
  margin: 0 auto;
+
    border-collapse: collapse;  
  border-collapse: collapse;  
+
    background: #fbfbfb;  
  background: #fbfbfb;  
+
    border: 1px solid #aaa;  
  border: 1px solid #aaa;  
+
    border-left: 10px solid #1e90ff;     /* Default "notice" blue */
  border-left: 10px solid #1e90ff;       /* Default "notice" blue */
 
 
}
 
}
table.ambox th, table.ambox td {      /* The message body cell(s) */
+
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
  padding: 0.25em 0.5em;             /* 0.5em left/right */
+
    padding: 0.25em 0.5em;           /* 0.5em left/right */
 +
    width: 100%;                      /* Make all templates the same width regardless of text size */
 
}
 
}
 
table.ambox td.ambox-image {          /* The left image cell */
 
table.ambox td.ambox-image {          /* The left image cell */
  width: 52px;
+
    padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */
  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 */
 
table.ambox td.ambox-imageright {    /* The right image cell */
  width: 52px;
+
    padding: 2px 4px 2px 0px;         /* 0px left, 4px right */
  padding: 2px 4px 2px 0px;           /* 0px left, 4px right */
+
    text-align: center;  
  text-align: center;  
 
 
}
 
}
 
table.ambox-notice {
 
table.ambox-notice {
  border-left: 10px solid #1e90ff;       /* Blue */
+
    border-left: 10px solid #1e90ff;     /* Blue */
 
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
 
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
 
}
 
}
 
table.ambox-delete,
 
table.ambox-delete,
 
table.ambox-serious {
 
table.ambox-serious {
  border-left: 10px solid #b22222;       /* Red */
+
    border-left: 10px solid #b22222;     /* Red */
 
}
 
}
 
table.ambox-content {
 
table.ambox-content {
  border-left: 10px solid #f28500;       /* Orange */
+
    border-left: 10px solid #f28500;     /* Orange */
 
}
 
}
 
table.ambox-style {
 
table.ambox-style {
  border-left: 10px solid #f4c430;       /* Yellow */
+
    border-left: 10px solid #f4c430;     /* Yellow */
 
}
 
}
 
table.ambox-merge {
 
table.ambox-merge {
  border-left: 10px solid #9932cc;       /* Purple */
+
    border-left: 10px solid #9932cc;     /* Purple */
 
}
 
}
 
table.ambox-protection {
 
table.ambox-protection {
  border-left: 10px solid #bba;         /* Gray */
+
    border-left: 10px solid #bba;       /* Gray */
 
}
 
}
 
table.ambox.ambox-mini {                /* small floating box variant */
 
table.ambox.ambox-mini {                /* small floating box variant */

Revision as of 08:45, 7 December 2007

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

/* Article message box template styles */
table.ambox {
    margin: 0 10%;                       /* Will not overlap with other elements */
    border-collapse: collapse; 
    background: #fbfbfb; 
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;     /* Default "notice" blue */
}
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
    padding: 0.25em 0.5em;            /* 0.5em left/right */
    width: 100%;                      /* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image {          /* The left image cell */
    padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */
    text-align: center; 
}
table.ambox td.ambox-imageright {     /* The right image cell */
    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%;
}