|
29 | 29 | vertical-align: middle; |
30 | 30 | } |
31 | 31 |
|
| 32 | +.compact-overview-table { |
| 33 | + width: 100%; |
| 34 | + table-layout: fixed; |
| 35 | + max-width: 100%; |
| 36 | +} |
| 37 | + |
| 38 | +.compact-overview-table td { |
| 39 | + width: 33%; |
| 40 | + overflow: hidden; |
| 41 | +} |
| 42 | + |
32 | 43 | .compact-overview-table td:has(img[id^="needpie-"]) { |
33 | | - min-width: 420px; |
34 | 44 | vertical-align: middle; |
35 | 45 | text-align: center; |
36 | 46 | } |
37 | 47 |
|
38 | | -.compact-overview-table td:has(img[id^="needpie-"]) img { |
39 | | - width: 420px; |
40 | | - max-width: none; |
41 | | - height: auto; |
| 48 | +/* Override the fixed pixel size sphinx-needs writes into the img attributes */ |
| 49 | +.small-pie-cell img, |
| 50 | +.compact-overview-table td img, |
| 51 | +img[id^="needpie-"] { |
| 52 | + width: 100% !important; |
| 53 | + max-width: 100% !important; |
| 54 | + height: auto !important; |
42 | 55 | display: block; |
43 | 56 | margin: 0 auto; |
44 | 57 | } |
|
65 | 78 | body.wide-content-page .bd-content .bd-article-container { |
66 | 79 | max-width: 100%; |
67 | 80 | } |
| 81 | + |
| 82 | +/* --------------------------------------------------------------------------- |
| 83 | + * Process-area cards (used in roadmap.rst — Qualifiable State section) |
| 84 | + * ---------------------------------------------------------------------------*/ |
| 85 | + |
| 86 | +.card-pa-grey { |
| 87 | + background-color: #e8e8e8 !important; |
| 88 | + border-color: #c8c8c8 !important; |
| 89 | + font-size: 0.82rem; |
| 90 | +} |
| 91 | + |
| 92 | +.card-pa-grey .sd-card-header { |
| 93 | + background-color: #e8e8e8 !important; |
| 94 | + border-color: #c8c8c8 !important; |
| 95 | + font-size: 0.82rem; |
| 96 | + font-weight: 600; |
| 97 | + padding: 0.4rem 0.6rem; |
| 98 | +} |
| 99 | + |
| 100 | +.card-pa-grey .sd-card-body { |
| 101 | + background-color: #e8e8e8 !important; |
| 102 | + color: #444; |
| 103 | + padding: 0.4rem 0.6rem; |
| 104 | + font-size: 0.78rem; |
| 105 | +} |
| 106 | + |
| 107 | +/* Thin border around each process-area grid group (Management / Development / Support) */ |
| 108 | +.score-grid { |
| 109 | + border: 1px solid #c0c8d4; |
| 110 | + border-radius: 6px; |
| 111 | + padding: 0.6rem 0.6rem 0.2rem 0.6rem; |
| 112 | + margin-bottom: 1.2rem; |
| 113 | +} |
| 114 | + |
| 115 | +/* Compact card grid (Management section) — approximately half the visual size */ |
| 116 | +.score-grid-compact .sd-card { |
| 117 | + min-height: unset; |
| 118 | +} |
| 119 | + |
| 120 | +.score-grid-compact .sd-card-header { |
| 121 | + padding: 0.2rem 0.35rem !important; |
| 122 | + font-size: 0.68rem !important; |
| 123 | +} |
| 124 | + |
| 125 | +.score-grid-compact .sd-card-body { |
| 126 | + padding: 0.2rem 0.35rem !important; |
| 127 | + font-size: 0.62rem !important; |
| 128 | +} |
| 129 | + |
| 130 | +/* Highlighted process-area cards (Requirements Engineering, Architecture Design, |
| 131 | + Implementation, Verification) */ |
| 132 | +.card-pa-highlight { |
| 133 | + background-color: #1a5fa8 !important; |
| 134 | + border-color: #134a87 !important; |
| 135 | + font-size: 0.82rem; |
| 136 | +} |
| 137 | + |
| 138 | +.card-pa-highlight .sd-card-header { |
| 139 | + background-color: #1a5fa8 !important; |
| 140 | + border-color: #134a87 !important; |
| 141 | + font-size: 0.82rem; |
| 142 | + font-weight: 600; |
| 143 | + padding: 0.4rem 0.6rem; |
| 144 | + color: #ffffff !important; |
| 145 | +} |
| 146 | + |
| 147 | +.card-pa-highlight .sd-card-header a, |
| 148 | +.card-pa-highlight .sd-card-header a:visited { |
| 149 | + color: #ffffff !important; |
| 150 | +} |
| 151 | + |
| 152 | +.card-pa-highlight .sd-card-body { |
| 153 | + background-color: #1a5fa8 !important; |
| 154 | + color: #e8f0fc !important; |
| 155 | + padding: 0.4rem 0.6rem; |
| 156 | + font-size: 0.78rem; |
| 157 | +} |
0 commit comments