260
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
No edit summary Tag: Undo |
No edit summary |
||
| Line 198: | Line 198: | ||
display: none; | display: none; | ||
} | } | ||
/* === Tree-chart overrides (scoped, safe) === | |||
Fixes large font / justification / padding inherited from the site-wide rules. | |||
*/ | |||
.tree-chart-table { | |||
border-collapse: collapse !important; | |||
border-spacing: 0 !important; | |||
vertical-align: top !important; | |||
/* prevent the large site font from inflating connector cells */ | |||
font-size: 14px !important; /* tune this if you want bigger/smaller boxes */ | |||
line-height: 1 !important; | |||
text-align: center !important; /* center boxed labels; connectors use borders */ | |||
font-family: inherit !important; /* use same family but scaled down */ | |||
} | |||
/* Make connector cells truly tiny and not affected by global padding/justify */ | |||
.tree-chart-table td { | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
vertical-align: top !important; | |||
box-sizing: border-box !important; | |||
white-space: nowrap !important; | |||
line-height: 1 !important; | |||
} | |||
/* Boxed content cells (the visible labeled boxes) — provide readable padding */ | |||
.tree-chart-table td[style*="border: 2px solid"], | |||
.tree-chart-table td[style*="border:2px solid"] { | |||
padding: 0.35em 0.9em !important; /* tweak if you want larger/smaller boxes */ | |||
white-space: normal !important; | |||
font-size: 1em !important; /* relative to the .tree-chart-table font-size above */ | |||
text-align: center !important; | |||
} | |||
/* Ensure very small connector cells keep fixed dimensions */ | |||
.tree-chart-table td[style*="height:1em"], | |||
.tree-chart-table td[style*="height: 1em"] { | |||
height: 1em !important; | |||
min-height: 1em !important; | |||
max-height: 1em !important; | |||
} | |||
/* Keep border styles visible on tiny cells */ | |||
.tree-chart-table td { border-collapse: collapse !important; } | |||
/* Optional debug aid (uncomment while adjusting) */ | |||
/* .tree-chart-table td { outline: 1px solid rgba(0,0,0,0.05) !important; } */ | |||