Difference between revisions of "MediaWiki:Common.css"

Revision as of 03:48, 26 January 2014

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

/* ============================================
     MESSAGE BOXES
   ============================================ */
table.messageBox {
    background-color: #FAFAFA;
    border: 1px solid #3499F1;
    border-left: 10px solid #3499F1;
    padding: 5px;
    margin: 5px auto;
    width: 75%;
}

table.messageBox.typeNotice {
    border: 1px solid #72B8F4;
    border-left: 10px solid #72B8F4;
}

table.messageBox tr {
    vertical-align: text-top;
}

table.messageBox th {
    text-align: left;
}

table.messageBox td {
    padding: 0px;
    margin: 0px;
}

/* ============================================
     INFORMATION PANES
   ============================================ */
table.infoPane {
    clear: right;
    float: right;
    border: 1px solid #202020;
    margin: 0 0 0.5em 1em;
    text-align: left;
    width: 250px
}

table.infoPane tr {
    vertical-align: text-top;
}

table.infoPane th {
    color: #FFFFFF;
    background-color: #336699;
    border: 1px solid #003366;
    font-size: larger;
    padding:4px 0 4px 0;
    text-align: center;
}

table.infoPane th.section {
    color: #000000;
    background-color: #F3F3F3;
    border: 1px solid #DFDECF;
    font-size: 1.15em;
    font-weight: 450;
    padding: 3px;
}

table.infoPane td {
    text-align: right;
    padding: 2px 5px;
}

table.infoPane td:first-child {
    text-align: left;
    font-weight: bold;
}

table.infoPane td.minor {
    text-align: right;
    font-size: 0.75em;
    font-style: italic;
    font-weight: normal;
}

/* ============================================
     ALIGNMENT GRID
   ============================================ */
table.alignGrid {
    font-size: smaller;
    padding: 1px;
    border: 1px solid #999999;
    width: 99px;
}

table.alignGrid td:first-child {
    text-align: center !important;
    font-weight: normal !important;
}

table.alignGrid td.agEnabled {
    background-color: #9FC7FE;
    border:1px solid #185DBB;
    padding: 0 4px;
    text-align: center;
}

table.alignGrid td.agDisabled {
    background-color: #D9D9D9;
    border:1px solid #D9D9D9;
    padding: 0 4px;
    text-align: center;
}

/* ============================================
     NAVIGATION TABLES
   ============================================ */
table.navTable {
    border: 1px solid #BDBCAD;
    padding: 0px;
    margin: 0 auto;
    width: 75%;
    clear: both;
}

table.navTable tr {
    vertical-align: text-top;
}

table.navTable th {
    background-color: #CCCCFF;
    border: 1px solid #336699;
    text-align: center;
    font-size: 1.15em;
    padding: 3px;
}

table.navTable td {
    padding: 3px 5px;
    vertical-align: text-top;
}

table.navTable td:first-child {
    background-color: #F3F3F3;
    border: 1px solid #DFDECF;
    text-align: right;
    font-weight: bold;
}

table.navTable td ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

table.navTable td li {
    display: inline;
    padding: 0px;
    margin: 0px;
}

table.navTable td li + li:before{
    content: " • ";
}