Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 18:05, 1 July 2014

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

/* ============================================
    BASIC OVERRIDES
   ============================================ */
code {
    background-color: transparent !important;
}

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

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

.messageBox .mboxImage {
    float: left;
}

.messageBox .mboxContent {
    margin: 3px 0 0 55px;
    min-height: 42px;
    vertical-align: middle;
}

.messageBox .mboxContent:first-line {
    font-weight: bold;
}

/* ============================================
     INFORMATION PANES
   ============================================ */
table.infoPane {
    clear: right;
    float: right;
    border: 1px solid #AAAAAA;
    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 tr.section {
    padding: 0 5px;
}

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

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: 10px auto 0px 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;
    width: 1px;
    white-space: nowrap;
}

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: " • ";
}


/* ============================================
     TABLE TEMPLATES
   ============================================ */
table.boldFirstColumn td:first-child  {
    font-weight: bold;
    text-align: center;
}

table.leftLastColumn th:last-child,
table.leftLastColumn td:last-child {
    text-align: left;
}

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


/* ============================================
     TABLE: STANDARD
   ============================================ */
table.wikitable_standard {
    border: 1px solid #BDBCAD;
    border-collapse: collapse;
    text-align: center;
}

table.wikitable_standard caption {
    text-align: center;
    font-size: 1.20em;
    font-weight: bold;
    padding: 3px;
}

table.wikitable_standard tr:first-child {
    background-color: #DDDDFF;
}

table.wikitable_standard th {
    border: 1px solid #BDBCAD;
    padding: 5px 15px;
    vertical-align: text-bottom;
}

table.wikitable_standard td {
    border: 1px solid #BDBCAD;
    padding: 5px 15px;
    vertical-align: text-top;
}

table.wikitable_standard tr:nth-child(even) {
    background-color: #F6F6F6;
}