Module:Navbox/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.navbox { | |||
border: 1px solid #aaa; | |||
box-sizing: border-box; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
} | |||
.navbox-inner, | |||
.navbox-subgroup { | |||
width: 100%; | |||
} | |||
.navbox + .navbox-styles + .navbox { | |||
margin-top: -1px; | |||
} | |||
.navbox th, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
text-align: center; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
th.navbox-group { | |||
white-space: nowrap; | |||
text-align: right; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background: #fdfdfd; | |||
} | |||
.navbox-list { | |||
border-color: #fdfdfd; | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background: #eaeeff; | |||
} | |||
.navbox-abovebelow, | |||
.navbox . | th.navbox-group, | ||
.navbox . | .navbox-subgroup .navbox-title { | ||
.navbox . | background: #ddddff; | ||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background: #e6e6ff; | |||
} | |||
.navbox-even { | |||
background: #f7f7f7; | |||
} | |||
.navbox-odd { | |||
background: transparent; | |||
} | |||
th.navbox-title1 { | |||
border-left: 2px solid #fdfdfd; | |||
width: 100%; | |||
} | } | ||
td.navbox-list1 { | td.navbox-list1 { | ||
text-align: left; | text-align: left; | ||
border-left-width: 2px; | border-left-width: 2px; | ||
border-left-style: solid; | border-left-style: solid; | ||
} | } | ||
/* | /* Modified list styles to allow wrapping while preserving other properties */ | ||
.navbox .hlist | .navbox .hlist td dl, | ||
.navbox .hlist ol, | .navbox .hlist td ol, | ||
.navbox .hlist dl | .navbox .hlist td ul, | ||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; | padding: 0.125em 0; | ||
} | } | ||
/* | .navbox .hlist dd, | ||
.navbox .hlist dt, | |||
.navbox .hlist li { | |||
white-space: normal; /* Only change: allow wrapping */ | |||
display: inline; /* Keep original inline display */ | |||
} | |||
.navbox .hlist dd dl, | .navbox .hlist dd dl, | ||
.navbox .hlist dt dl, | .navbox .hlist dt dl, | ||
Line 35: | Line 98: | ||
.navbox .hlist li ul { | .navbox .hlist li ul { | ||
white-space: normal; | white-space: normal; | ||
} | } | ||
ol + .navbox-styles + .navbox, | |||
ul + .navbox-styles + .navbox { | |||
margin-top: 0.5em; | |||
} | } |
Latest revision as of 07:24, 8 February 2025
.navbox {
border: 1px solid #aaa;
box-sizing: border-box;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox + .navbox-styles + .navbox {
margin-top: -1px;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
text-align: center;
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group {
white-space: nowrap;
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd;
}
.navbox-list {
border-color: #fdfdfd;
}
.navbox th,
.navbox-title {
background: #eaeeff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #e6e6ff;
}
.navbox-even {
background: #f7f7f7;
}
.navbox-odd {
background: transparent;
}
th.navbox-title1 {
border-left: 2px solid #fdfdfd;
width: 100%;
}
td.navbox-list1 {
text-align: left;
border-left-width: 2px;
border-left-style: solid;
}
/* Modified list styles to allow wrapping while preserving other properties */
.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 .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
white-space: normal; /* Only change: allow wrapping */
display: inline; /* Keep original inline display */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
white-space: normal;
}
ol + .navbox-styles + .navbox,
ul + .navbox-styles + .navbox {
margin-top: 0.5em;
}