|
|
| Line 1: |
Line 1: |
|
| |
|
| .navboxMobile { | | .navboxMobile { |
| box-sizing: border-box;
| | box-sizing: border-box; |
| border: 1px solid #a2a9b1;
| | border: 1px solid #a2a9b1; |
| width: 100%;
| | width: 100%; |
| clear: both;
| | clear: both; |
| font-size: 88%;
| | font-size: 88%; |
| text-align: center;
| | text-align: center; |
| padding: 1px;
| | margin: 1em auto 0; |
| margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
| | background-color: #fdfdfd; |
| } | | } |
|
| |
|
| .navboxMobile .navboxMobile { | | .navboxMobile-title { |
| margin-top: 0; /* No top margin for nested navboxes */
| | background-color: #ccf; |
| }
| | padding: 0.25em 1em; |
| | | line-height: 1.5em; |
| .navboxMobile + .navboxMobile, /* TODO: remove first line after transclusions have updated */
| | text-align: center; |
| .navboxMobile + .navboxMobile-styles + .navboxMobile {
| |
| margin-top: -1px; /* Single pixel border between adjacent navboxes */
| |
| }
| |
| | |
| .navboxMobile-inner,
| |
| .navboxMobile-subgroup {
| |
| width: 100%;
| |
| }
| |
| | |
| .navboxMobile-group,
| |
| .navboxMobile-title,
| |
| .navboxMobile-abovebelow {
| |
| padding: 0.25em 1em;
| |
| line-height: 1.5em;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| .navboxMobile-group { | | .navboxMobile-group { |
| white-space: nowrap;
| | background-color: #e6e6ff; |
| /* @noflip */
| | padding: 0.25em 1em; |
| text-align: right;
| | text-align: right; |
| }
| |
| | |
| .navboxMobile,
| |
| .navboxMobile-subgroup {
| |
| background-color: #fdfdfd;
| |
| } | | } |
|
| |
|
| .navboxMobile-list { | | .navboxMobile-list { |
| line-height: 1.5em;
| | padding: 0.25em; |
| border-color: #fdfdfd; /* Must match background color */
| | text-align: left; |
| }
| |
| | |
| .navboxMobile-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 > .navboxMobile-abovebelow,
| |
| tr + tr > .navboxMobile-group,
| |
| tr + tr > .navboxMobile-image,
| |
| tr + tr > .navboxMobile-list {
| |
| border-top: 2px solid #fdfdfd; /* Must match background color */
| |
| }
| |
| | |
| .navboxMobile-title {
| |
| background-color: #ccf; /* Level 1 color */
| |
| }
| |
| | |
| .navboxMobile-abovebelow,
| |
| .navboxMobile-group,
| |
| .navboxMobile-subgroup .navboxMobile-title {
| |
| background-color: #ddf; /* Level 2 color */
| |
| }
| |
| | |
| .navboxMobile-subgroup .navboxMobile-group,
| |
| .navboxMobile-subgroup .navboxMobile-abovebelow {
| |
| background-color: #e6e6ff; /* Level 3 color */
| |
| }
| |
| | |
| .navboxMobile-even {
| |
| background-color: #f7f7f7;
| |
| }
| |
| | |
| .navboxMobile-odd {
| |
| background-color: transparent;
| |
| }
| |
| | |
| /* TODO: figure out how to remove reliance on td as structure */
| |
| .navboxMobile .hlist td dl,
| |
| .navboxMobile .hlist td ol,
| |
| .navboxMobile .hlist td ul,
| |
| .navboxMobile td.hlist dl,
| |
| .navboxMobile td.hlist ol,
| |
| .navboxMobile td.hlist ul {
| |
| padding: 0.125em 0;
| |
| }
| |
| | |
| .navboxMobile .navbar {
| |
| display: block;
| |
| font-size: 100%;
| |
| }
| |
| | |
| .navboxMobile-title .navbar {
| |
| /* @noflip */
| |
| float: left;
| |
| /* @noflip */
| |
| text-align: left;
| |
| /* @noflip */
| |
| margin-right: 0.5em;
| |
| }
| |
| | |
| /** T367463 */
| |
| body.skin--responsive .navboxMobile-image img {
| |
| max-width: none !important;
| |
| } | | } |
|
| |
|
| @media print { | | @media all and (max-width: 720px) { |
| body.ns-0 .navboxMobile {
| | .navboxMobile { |
| display: none !important;
| | font-size: 80%; |
| }
| | } |
| } | | } |
.navboxMobile {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
margin: 1em auto 0;
background-color: #fdfdfd;
}
.navboxMobile-title {
background-color: #ccf;
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}
.navboxMobile-group {
background-color: #e6e6ff;
padding: 0.25em 1em;
text-align: right;
}
.navboxMobile-list {
padding: 0.25em;
text-align: left;
}
@media all and (max-width: 720px) {
.navboxMobile {
font-size: 80%;
}
}
