Module:Navbox/styles.css: Difference between revisions
(styles.css for the navboxes? maybe? i don't know how to frontend sorry) |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
.navbox { | .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-inner, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
width: 100%; | |||
} | } | ||
.navbox + .navbox-styles + .navbox { | .navbox + .navbox-styles + .navbox { | ||
margin-top: -1px; | |||
} | } | ||
Line 23: | Line 22: | ||
.navbox-title, | .navbox-title, | ||
.navbox-abovebelow { | .navbox-abovebelow { | ||
text-align: center; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
th.navbox-group { | th.navbox-group { | ||
white-space: nowrap; | |||
text-align: right; | |||
} | } | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background: #fdfdfd; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
border-color: #fdfdfd; | |||
} | } | ||
.navbox th, | .navbox th, | ||
.navbox-title { | .navbox-title { | ||
background: #eaeeff; | |||
} | } | ||
Line 54: | Line 49: | ||
th.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background: #ddddff; | |||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background: #e6e6ff; | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background: #f7f7f7; | |||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background: transparent; | |||
} | } | ||
th.navbox-title1 { | th.navbox-title1 { | ||
border-left: 2px solid #fdfdfd; | |||
width: 100%; | |||
} | } | ||
td.navbox-list1 { | 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 dl, | ||
.navbox .hlist td ol, | .navbox .hlist td ol, | ||
Line 91: | Line 83: | ||
.navbox td.hlist ol, | .navbox td.hlist ol, | ||
.navbox td.hlist ul { | .navbox td.hlist ul { | ||
padding: 0.125em 0; | |||
} | } | ||
Line 98: | Line 89: | ||
.navbox .hlist dt, | .navbox .hlist dt, | ||
.navbox .hlist li { | .navbox .hlist li { | ||
white-space: normal; /* Only change: allow wrapping */ | |||
display: inline; /* Keep original inline display */ | |||
} | } | ||
Line 106: | Line 97: | ||
.navbox .hlist li ol, | .navbox .hlist li ol, | ||
.navbox .hlist li ul { | .navbox .hlist li ul { | ||
white-space: normal; | |||
} | } | ||
ol + .navbox-styles + .navbox, | ol + .navbox-styles + .navbox, | ||
ul + .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;
}