Gah - a solution with more questions. – EntropicLqd

Difference between revisions of "MediaWiki:Common.css"

From Unreal Wiki, The Unreal Engine Documentation Site
Jump to: navigation, search
m
m (tweaked article message box styles)
Line 23: Line 23:
 
  */
 
  */
 
table.ambox {
 
table.ambox {
    margin: 0 10%;                       /* Will not overlap with other elements */
+
  margin: 0 10%;
    border-collapse: collapse;  
+
  border-collapse: collapse;  
    background: #fbfbfb;  
+
  background: white;  
    border: 1px solid #aaa;  
+
  border: 1px solid #19f;   /* default notice color */
    border-left: 10px solid #1e90ff;     /* Default "notice" blue */
+
  border-left-width: 10px;
 
}
 
}
table.ambox th.ambox-text, table.ambox td.ambox-text {     /* The message body cell(s) */
+
/* The message body cell(s) */
    padding: 0.25em 0.5em;           /* 0.5em left/right */
+
table.ambox th.ambox-text, table.ambox td.ambox-text {
    width: 100%;                     /* Make all templates the same width regardless of text size */
+
  padding: 0.25em 0.5em;
 +
  width: 100%;
 
}
 
}
table.ambox td.ambox-image {         /* The left image cell */
+
/* The left image cell */
    padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */
+
table.ambox td.ambox-image {
    text-align: center;  
+
  padding: 2px 0px 2px 0.5em;
 +
  text-align: center;  
 
}
 
}
table.ambox td.ambox-imageright {     /* The right image cell */
+
/* The right image cell */
    padding: 2px 4px 2px 0px;         /* 0px left, 4px right */
+
table.ambox td.ambox-imageright {
    text-align: center;  
+
  padding: 2px 0.5em 2px 0px;
 +
  text-align: center;  
 
}
 
}
 +
 +
/* type 'notice' */
 
table.ambox-notice {
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;     /* Blue */
+
  border-color: #19f;
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
+
 
}
 
}
table.ambox-delete,
+
/* type 'serious' */
 
table.ambox-serious {
 
table.ambox-serious {
    border-left: 10px solid #b22222;     /* Red */
+
  border-color: #b22;
}
+
  background: #fee;
table.ambox-delete {
+
    background:#FEE; font-size:95%;
+
 
}
 
}
 +
/* type 'content' */
 
table.ambox-content {
 
table.ambox-content {
    border-left: 10px solid #f28500;     /* Orange */
+
  border-color: #f80;
 
}
 
}
 +
/* type 'style' */
 
table.ambox-style {
 
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
+
  border-color: #fc0;
}
+
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%;
+
 
}
 
}
  
 
/* </source><!-- end of preview fix --> */
 
/* </source><!-- end of preview fix --> */

Revision as of 10:13, 2 March 2008

/* <!-- Fix for weird-looking preview and diff, doesn't affect CSS content --><source lang="css">
 
Styles for page content that will be applied to all skins.
*/
 
/** Infobox layout *************************************************************
 *
 * Description: General style for infobox-like content objects.
 */
table.infobox, div.infobox {
  background: #fed;
  border: 1px solid #88a;
  float: right;
  margin: 1em;
  margin-right: 0;
  padding: 1em;
}
 
 
/** Article message boxes ******************************************************
 *
 * Description: Various display styles for the ambox template.
 */
table.ambox {
  margin: 0 10%;
  border-collapse: collapse; 
  background: white; 
  border: 1px solid #19f;    /* default notice color */
  border-left-width: 10px;
}
/* The message body cell(s) */
table.ambox th.ambox-text, table.ambox td.ambox-text {
  padding: 0.25em 0.5em;
  width: 100%;
}
/* The left image cell */
table.ambox td.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center; 
}
/* The right image cell */
table.ambox td.ambox-imageright {
  padding: 2px 0.5em 2px 0px;
  text-align: center; 
}
 
/* type 'notice' */
table.ambox-notice {
  border-color: #19f;
}
/* type 'serious' */
table.ambox-serious {
  border-color: #b22;
  background: #fee;
}
/* type 'content' */
table.ambox-content {
  border-color: #f80;
}
/* type 'style' */
table.ambox-style {
  border-color: #fc0;
}
 
/* </source><!-- end of preview fix --> */