Module:Navbox/styles.css: Difference between revisions

Created page with "{{pp|small=y}}: .navbox { box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0; Prevent preceding content from clinging to navboxes: } .navbox .navbox { margin-top: 0; No top margin for nested navboxes: } .navbox + .navbox, TODO: remove first line after transclusions have updated: .navbox + .navbox-styles + .navbox { margin-top: -1px; /* Single pix..."
 
No edit summary
Tag: Reverted
Line 1: Line 1:
/* {{pp|small=y}} */
/* 내비게이션 박스 */
.navbox {
.navbox {box-sizing:border-box;border:1px solid #a2a9b1; width:100%; clear:both; font-size:88%; text-align:center; padding:1px; margin:1em auto 0}
box-sizing: border-box;
.navbox .navbox {margin-top:0}
border: 1px solid #a2a9b1;
.navbox + .navbox {margin-top:-1px}
width: 100%;
.navbox-inner, .navbox-subgroup {width:100%}
clear: both;
.navbox-group, .navbox-title, .navbox-abovebelow {padding:0.25em 1em; line-height:1.5em; text-align:center}
font-size: 88%;
th.navbox-group {white-space:nowrap; text-align:right}
text-align: center;
.navbox, .navbox-subgroup {background-color:#fdfdfd}
padding: 1px;
.navbox-list {line-height:1.5em; border-color:#fdfdfd}
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {border-top:2px solid #fdfdfd}
}
.navbox th, .navbox-title {background-color:#ccccff}
.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {background-color:#ddddff}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {background-color:#e6e6ff}
.navbox-even {background-color:#f7f7f7}
.navbox-odd {background-color:transparent}
.navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul {padding:0.125em 0}


.navbox .navbox {
.hlist dl, .hlist ol, .hlist ul {margin:0; padding:0}
margin-top: 0; /* No top margin for nested navboxes */
.hlist dd, .hlist dt, .hlist li {margin:0; display:inline}
}
.hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul {display:inline}
.hlist .mw-empty-li {display:none}
.hlist dt:after {content:":"}
.hlist dd:after, .hlist li:after {content:" · "; font-weight:bold}
.hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after {content:none}
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {content:" ("; font-weight:normal}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {content:")"; font-weight:normal}
.hlist ol {counter-reset:listitem}
.hlist ol > li {counter-increment:listitem}
.hlist ol > li:before {content:" " counter(listitem) "\a0"}
.hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before {content:" (" counter(listitem) "\a0"}


.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
.plainlist ol, .plainlist ul {line-height:inherit; list-style:none none; margin:0}
.navbox + .navbox-styles + .navbox {
.plainlist ol li, .plainlist ul li {margin-bottom:0}
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
 
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
 
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}
 
.navbox-group {
white-space: nowrap;
/* @noflip */
text-align: right;
}
 
.navbox,
.navbox-subgroup {
background-color: #fdfdfd;
}
 
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd; /* Must match background color */
}
 
.navbox-list-with-group {
text-align: left;
border-left-width: 2px;
border-left-style: solid;
}
 
/* cell spacing for navbox cells */
/* Borders above 2nd, 3rd, etc. rows */
/* TODO: figure out how to replace tr as structure;
* with div structure it should be just a matter of first-child */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
border-top: 2px solid #fdfdfd; /* Must match background color */
}
 
.navbox-title {
background-color: #ccf; /* Level 1 color */
}
 
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #ddf; /* Level 2 color */
}
 
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff; /* Level 3 color */
}
 
.navbox-even {
background-color: #f7f7f7;
}
 
.navbox-odd {
background-color: transparent;
}
 
/* TODO: figure out how to remove reliance on td as structure */
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0;
}
 
.navbox .navbar {
display: block;
font-size: 100%;
}
 
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}