Difference between revisions of "MediaWiki:Common.css"

From Industrial-Craft-Wiki
Jump to navigation Jump to search
m
m (Added default NavBox styles.)
Line 43: Line 43:
}
}


/** Collapsible tables *********************************************************
 
*
/* Default skin for navigation boxes */
  * Description: Allows tables to be collapsed, showing only the header. See
table.navbox {            /* Navbox container style */
*                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
    border: 1px solid #aaa;
* Maintainers: [[en:User:R. Koot]]
    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;
    /* @noflip */text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;    /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;  /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;    /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;    /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;    /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;    /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    /* @noflip */float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;  /* [[MediaWiki:Common.js]] are styled here  */
    /* @noflip */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:Navbar]],    */
}                          /* so they need to be the same width.        */
   
   
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;      /* Font-size when nested within navbox */
}
table.collapsed tr.collapsible {
table.collapsed tr.collapsible {
         display: none;
         display: none;
}
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the              */
        float: right;              /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.              */
        text-align: right;
        width: auto;
}
}

Revision as of 23:59, 24 October 2011

/* CSS placed here will be applied to all skins */
.pops a {
  background-color: #ffc !important;
}
.grid-input {
    left: 2px;
    position: absolute;
    top: 2px;
    z-index: 1;
}
.grid-output {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 1;
}
.grid-input-number {
    left: 22px;
    position: absolute;
    top: 17px;
    z-index: 2;
}
.grid-input-number2 {
    left: 10px;
    position: absolute;
    top: 17px;
    z-index: 2;
}
.grid-output-number {
    left: 30px;
    position: absolute;
    top: 25px;
    z-index: 2;
}
.grid-output-number2 {
    left: 18px;
    position: absolute;
    top: 25px;
    z-index: 2;
}
div.grid-input-slide > span.grid-input, div.grid-input-slide > span.grid-input-numbers, div.grid-output-slide > span.grid-output, div.grid-output-slide > span.grid-output-numbers {
    display: none;
}


/* Default skin for navigation boxes */
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;
    /* @noflip */text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    /* @noflip */float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
    /* @noflip */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:Navbar]],    */
}                          /* so they need to be the same width.         */
 
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}

table.collapsed tr.collapsible {
        display: none;
}