MediaWiki:Gadget-ms-Navbox.css

/*  =================
    NAVBOXES
    =================
    This is for simple navigation,
    as with seasonal nav boxes,
    species nav boxes, etc.
    =================
    The core of this originally
    came from wowwiki.com,
    but it seemed to be a tweak
    of code originally taken
    from the English Wikipedia.
    ================== */

/*  ++++++++++++++++
    General tweak for navboxes
    +++++++++++++++++ */

.nowraplinks a { 
    white-space: nowrap;
}

/*  ++++++++++++++++
    NAVFRAME STUFF 
    ++++++++++++++++
    Standard Navigationsleisten, 
    aka box hiding thingy from .de.wikipedia 
    Documentation at 
    [[wikipedia:Wikipedia:NavFrame]]. 
    ++++++++++++++++ */

div.Boxmerge,
div.NavFrame {
    margin: 0px;
    padding: 4px;
    /* border: 1px solid #aaa; Border unnecessary and uncurved */
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    margin: 0px;
    padding: 5px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: red;
    position:relative;
}
div.NavFrame p {
    font-size: 100%;
}

div.NavFrame div.NavContent {
    font-size: 100%;
}

div.NavFrame div.NavContent p {
    font-size: 100%;
}

div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
}

a.NavToggle {
    position:absolute;
    top:0px;
    right:10px;
    font-weight:normal;
    font-size:smaller;
    margin-left:25px;
}

.NavToggle .collapseButton,
.NavToggle collapseButton {
    right:10px;
    font-weight:normal;
    font-size:smaller;
    text-align:right;
    margin-left:25px;
}

.collapseButton {
    float: right;
    font-weight: normal;
    margin-left: 0.5em;
    text-align: right;
    width: auto;
}

.table-wide-inner {
    width: 99%;
}

/*  +++++++++++++++
    DEFAULT SKIN
    FOR NAVBOXES
    +++++++++++++++
 
    =-=-=-=-=-=-=-=
    Navbox container style
    =-=-=-=-=-=-=-= */

table.navbox {    
    border:1px solid #ddd1bb; /*#e5c076 #9ec3f7*/
       -moz-box-shadow: inset 0 0 0 5px #9ca1af ;
    -webkit-box-shadow: inset 0 0 0 5px #9ca1af;
        -ms-box-shadow: inset 0 0 0 5px #9ca1af;
         -o-box-shadow: inset 0 0 0 5px #9ca1af; 
            box-shadow: inset 0 0 0 5px #9ca1af; /*#b19565 #5579ab #8b8780 */ 
    border-radius: 15px 8px 15px 8px;
    background: #343246;
    color:#000;
    padding:5px;
    font-family: "Rubik";
    text-align:left;
    line-height:120%;
    margin-right:auto;
    margin-left:auto;
    width:97%;
    max-width: 658px;
}


table.navbox a {
    color: white;
}


/*  =-=-=-=-=-=-=-=
    Single pixel border between
    adjacent navboxes
    (doesn't work for IE6, but that's okay)
    =-=-=-=-=-=-=-= */

table.navbox + table.navbox { 
    margin-top:-1px;
}

/*  =-=-=-=-=-=-=-=-
    Title and above/below styles
    =-=-=-=-=-=-=-=- */

.navbox-title, 
.navbox-abovebelow, 
table.navbox th {
    text-align:center;
    color:#012c57;
    font-family: "Rubik";
    padding:3px;
    font-weight:normal;
    line-height:1.2;
    letter-spacing:3px;
    text-transform:uppercase;
    padding-left:1em;
    padding-right:1em;
}

.navbox-title a, table.navbox th a {
    color: #e3d8c2; /* #ebd8b2 */
    font-weight: bold;
}
.navbox-title #wn a, table.navbox th #wn a {
	font-weight: normal;
}

/*  =-=--=-=-=-=-=-
    Group style
    =-=-=-=-=-=-=-= */

.navbox-group {    
    white-space:nowrap;
    text-align:right;
    font-weight:normal;
    padding-left:1em;
    padding-right:1em;
}

.navbox, 
.navbox-subgroup { 
    background:#fdfdfd;
}


.navbox-list { 
    border-left:2px solid #fdfdfd;
}

.navbox-title, 
table.navbox th {
    color:#e7e7e7;
    padding:5px;
    font-family: "Rubik";
    text-align:left;
    line-height:120%;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}

.navbox-abovebelow, 
.navbox-group { 
    background-color:#012c57;
    color:white;
}
 
.navbox-subgroup .navbox-title {
    color:#000;
    padding:5px;
    font-family: "Rubik";
    text-align:left;
    line-height:120%;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}

.navbox-subgroup .navbox-group, 
.navbox-subgroup .navbox-abovebelow { 
    background:#e6e6ff;
}

.navbox-list .navbox {
	width: 100%;
    margin: 0;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}
.navbox-subgroup .navbox .navbox-list {
    border-left: none;
}
.navbox-subgroup > tbody > tr > .navbox-list > div {
    padding: 0!important;
}

.navbox-abovebelow, .navbox-group {
    /* background: #817ca9; */
    background: #464076;
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #8b85b9;
}


.collapsible .navbox-subgroup .navbox-group {
    background: #8b85b9 ; /* #9d97c9 #464076 */ 
}
.collapsible .navbox-subgroup .navbox-subgroup .navbox-subgroup .navbox-group {
    background: #9d97c9; /* #bdb3cf #99a6cd */
}
.collapsible .navbox-subgroup .navbox-group a {
	color: white;
}
.collapsible .navbox-subgroup .navbox-abovebelow {
	background: #827cb3;
} 

.navbox-even {
    background: #e4e3e9;
    background: #e8e7ed;
    background: #f6f4fd;
    background: #dce0ee
}
.navbox-odd {
    background: #b8b7c1;
    background: #cfcedf;
    background: #e4e3f7;
    background: #e0e0f3;
    background: #e0e8f3;
    background: #ccd3e5;
}

.navbox-list .navbox-even a:link,
.navbox-even a:visited,
.navbox-even a:link,

.navbox-odd a:visited,
.navbox-odd a:link,
.navbox-list .navbox-odd a:visited {
	color: #1d1746;
}

.navbox-abovebelow {
    background: #32588d;
    background: #5579ab;
    background: #99a6cd;
}

.table-wide .navbox > tbody > tr > td {
    box-shadow: inset 0 -13px #596a9f;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
.table-wide .navbox .navbox > tbody > tr > td {
    box-shadow: none;
    border-radius: 0;
}

.navbox-title .collapseButton, table.navbox th .plainlinks a, .navbox-title .collapseButton, table.navbox th .plainlinks a {
    color: #e7eaf3;
}
 
@media print { .navbox { display: none; } }