Template:Overlay nav
{{#css:
/** NAV BARS **/
div.nav {
position:relative;
}
div.nav .box {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image:linear-gradient(top, #fff 0%, #eee 100%); background-image:-o-linear-gradient(top, #fff 0%, #eee 100%); background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%); background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); border:1px solid #AAA; border-spacing:0; font-size:.9230769231em; min-height:60px; position:relative; margin:auto;
}
div.nav .box { width:42em; } div.nav.thin .box { width:34em; } div.nav.wide .box { width:50em; } div.nav.full .box { width:unset; }
div.nav .heading {
background-color:#888;
background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
border:1px solid rgba(0,0,0,0.25);
border-bottom-width:0;
font-family:Arial, sans-serif!important;
font-size:1.083em;
font-size-adjust:.52;
font-weight:700;
line-height:100%;
text-align:center;
margin:-1px -1px 0px;
padding:.769em 0;
position:relative;
z-index:1;
}
div.nav .clear {
height:0.667em;
}
div.nav .box::after, div.nav .heading::after {
content:"";
position:absolute;
width:100%;
left:0;
height:3px;
background-image:url("/images/4/45/Shadow_after.png");
background-size:100% 3px;
}
div.nav .box::after, div.nav .heading::after {
bottom:-3px;
}
div.nav .wrapper {
padding: 0px 8px;
}
div.nav dl, div.nav .wrapper.hlist > ul {
margin:0.667em 0em;
}
div.nav dt {
float:left; text-align:right; clear:left; border-right:2px solid #999; margin:0 -2px 0 0; padding:2px 8px 2px 0px; width:25%;
}
div.nav dd {
float:left; text-align:left; border-left:2px solid #888; margin:0; padding:2px 0px 2px 8px; width:67%;
}
div.nav dt, div.nav dd {
line-height:1.667em;
}
div.nav table {
line-height:1.667em; background-color:transparent; border-collapse:collapse; width:100%; margin:0.667em 0;
}
div.nav table th {
text-align:right; border-right:2px solid #888; vertical-align:top; padding:2px 8px;
}
div.nav table td {
padding:2px 8px;
}
.nav .wrapper p {
margin-top:0.667em; margin-bottom:0.667em;
}
div.nav .selflink {
font-weight:bold;
}
div.nav.items .heading { background-color:#96C; }
div.nav.items dd,
div.nav.items dt,
div.nav.items table th { border-color:#96C; }
.table.items > :first-child > tr:first-child, .table.items > :first-child > tr:first-child > *, .table.items > tbody > tr.heading, .table.items > tbody > tr.heading > * {
background-color:#96C !important; border-color:#7A52A3 !important;
} .table.items > tbody > tr > th, .table.items > tfoot > tr > th, .table.items > thead > tr > th, table.table > tbody > tr.items > th {
background-color:#CCB3E6; border-color:#A38FB8;
} .table.items > tbody > tr:nth-child(odd), .table > tbody > tr.items:nth-child(odd) {
background-color:#F0E8F8;
} }}