Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 06:18, 26 March 2014

/* <source lang="css"> */

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

/* FOCW header style */

    #g_title p, #g_footer p, #g_description p {
        margin: 0;
    }

    #g_footer {
        font-size:0.85em;
        font-family:Georgia, "Times New Roman", Times, serif;
        color:#697335;
        text-align:center;
        margin:0px;
    }

    #page-title { font-family:Georgia, "Times New Roman", Times, serif;
        text-align:left;
        font-style:italic;
        font-size:2.25em;color:#697335;margin:0;border-bottom:3px solid #A0AA6D;  
        padding-top:75px;
        border:none;
    }

    #container {
        width: 718px;
        text-align: left;
        padding: 0px;
        background-color:#E9ECCF;
        margin:0px auto;
    }

    #page-title { font-family:Georgia, "Times New Roman", Times, serif;
        text-align:left;
        font-style:italic;
        padding-top:75px;
        border:none;
    }

    #g_description { font-family:Georgia, "Times New Roman", Times, serif;
        text-align:right;
        padding-left:25px;
        padding-right:25px;
        font-style:italic;
        color:#A0AA6D;
        line-height:4.75em;
    }

    #header {
        background: URL("./skins/common/images/skin_branch_repeat.jpg") repeat-x top left;
        position: relative;
        background-color: #D2D6B1;
    }

    /* Old #header2
    #header2 {
        background: URL("./skins/common/images/skin_branch_right.jpg") no-repeat top right;
        position: relative;
    } */

    /* New #header2 */
    #header2 {
        margin-top: -30px;
        z-index: 30;
    }
    /* .previewnote and #contentSub adjust the spacing caused by the new header2 on certain pages */
    .previewnote {
        margin-bottom: 40px;
    }

    #contentSub {
        position: absolute;
        top: 150px;
        z-index: 100;
        margin-top: -20px;
    }

    #header .wrapper {
        background: URL("./skins/common/images/skin_branch_top.jpg") no-repeat top left;
        padding-left: 260px;
    }

    #onecolumn #main-content .wrapper {}

    body {background:#E9ECCF; text-align:left; }

    #bodyContent {
       width: 100%;
       min-width: 540px;
       background-color:#E9ECCF;
       position: relative;
    }

    /* Gets rid of whitespace around thumbnails  */
    div.thumb {
        border-color: #E9ECCF;
    }


/* Table specific styles, e.g. used in Weapons and Armour */
    table.rightbordergrey * td, table.rightbordergrey * th {
       border-right:1px solid grey;
    }

/* wikitable class for skinning normal tables
  See: http://forum.el-wiki.net/viewtopic.php?t=703
  Styles were copied and modified from:
    http://el-wiki.net/skins/common/shared.css

  Notes on el-wiki colors (from dark to light):
  current nav menu: #d1d7b1  (good for table heading)
  approx (bg+nav)/2: #dde1bf  (too dark for table content; too light for table heading)
  approx (bg+nav)/3: #e0e4c5  (good for table content)
  approx (bg+nav)/4: #e3e7c7  (too similar to background)
  current background: #e9eccf
*/
table.wikitable {
  margin: 1em 1em 1em 0;
  background: #e0e4c5;       /* wikitable content background */
  border: 1px solid gray;
  border-collapse: collapse;
}
table.wikitable th,
table.wikitable td {
  border: 1px solid gray;
  padding: 0.2em;
}
table.wikitable th {
  background: #d1d7b1;       /*  wikitable header background */
  text-align: center;
}
table.wikitable caption {
  font-weight: bold;
}

/* Default skin for navigation boxes
  See: http://forum.el-wiki.net/viewtopic.php?t=716
  Styles were copied and modified from:
    http://en.wikipedia.org/wiki/MediaWiki:Common.css
*/
table.navbox {             /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #e5e8ca;     /* Background color */
}
.navbox-list {
  border-color: #e5e8ca;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #d7ffb0;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #e3facd;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #eaf7dc;     /* Level 3 color */
}
.navbox-even {
  background: #dfe3c3;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

/* Prevent line breaks in silly places: 
   1) Links when we don't want them to
   2) Bold "links" to the page itself
   2) HTML formulae
   3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a { 
    white-space: nowrap;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #dee3c2;        /* Default "system" gray #f9f9f9 */
}
table.fmbox-system {
    background: #dee3c2;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}

/* </source> */