Revision 863bbef2
Added by Andreas Kohlbecker about 3 years ago
| themes/zen_dataportal/sass/cdm.scss | ||
|---|---|---|
| 264 | 264 |
.unit-content {
|
| 265 | 265 |
padding: $derived-unit-details-table-gutter; |
| 266 | 266 |
background-color: lighten($menu-bar-background-color, 5%); |
| 267 |
|
|
| 268 |
display: grid; |
|
| 269 |
grid-column-gap: $derived-unit-details-table-gutter; |
|
| 270 |
grid-row-gap: $derived-unit-details-table-gutter; |
|
| 271 |
@media all and (max-width: 659px) {
|
|
| 272 |
grid-template-columns : repeat(1, 1fr); |
|
| 273 |
} |
|
| 274 |
@media all and (min-width: 660px) {
|
|
| 275 |
grid-template-columns: repeat(2, 1fr); |
|
| 276 |
} |
|
| 277 |
dl {
|
|
| 278 |
margin: 0; |
|
| 279 |
} |
|
| 280 | 267 |
} |
| 281 | 268 |
.derivation-event {
|
| 282 | 269 |
font-size: smaller; |
| ... | ... | |
| 284 | 271 |
color: $link-color-synonym; |
| 285 | 272 |
} |
| 286 | 273 |
} |
| 287 |
div.derived-unit-tree {
|
|
| 288 |
table.details-table {
|
|
| 289 |
margin: 0; |
|
| 290 |
width: 100%; |
|
| 291 |
vertical-align: top; |
|
| 292 |
font-size: smaller; |
|
| 293 |
background-color: $page-background-color; |
|
| 294 |
thead {
|
|
| 295 |
border-bottom: thin solid $menu-bar-background-color; |
|
| 296 |
} |
|
| 297 |
tbody {
|
|
| 298 |
background-color: $page-background-color; |
|
| 299 |
.label {
|
|
| 300 |
text-align: right; |
|
| 301 |
white-space: nowrap; |
|
| 302 |
border-right: thin solid $menu-bar-background-color; |
|
| 303 |
width: 50%; |
|
| 304 |
} |
|
| 305 |
} |
|
| 306 |
td, th {
|
|
| 307 |
padding-right: $derived-unit-details-table-gutter; |
|
| 308 |
padding-left: $derived-unit-details-table-gutter; |
|
| 309 |
} |
|
| 310 |
} |
|
| 311 |
} |
|
| 312 | 274 |
div.derived-unit-tree-root {
|
| 313 | 275 |
.unit-content-wrapper {
|
| 314 | 276 |
border-left: $tree-line-style; |
| 315 | 277 |
margin-left: $tree-lines-left-offset; |
| 316 | 278 |
} |
| 317 | 279 |
} |
| 318 |
|
|
| 319 | 280 |
ul.derived-unit-sub-tree{
|
| 320 | 281 |
ul {
|
| 321 | 282 |
margin-left: 1.0em; |
| ... | ... | |
| 353 | 314 |
} |
| 354 | 315 |
} |
| 355 | 316 |
|
| 317 |
.derived-unit-details-grid {
|
|
| 318 |
table.details-table {
|
|
| 319 |
margin: 0; |
|
| 320 |
width: 100%; |
|
| 321 |
vertical-align: top; |
|
| 322 |
font-size: smaller; |
|
| 323 |
background-color: $page-background-color; |
|
| 324 |
thead {
|
|
| 325 |
border-bottom: thin solid $menu-bar-background-color; |
|
| 326 |
} |
|
| 327 |
tbody {
|
|
| 328 |
background-color: $page-background-color; |
|
| 329 |
.label {
|
|
| 330 |
text-align: right; |
|
| 331 |
white-space: nowrap; |
|
| 332 |
border-right: thin solid $menu-bar-background-color; |
|
| 333 |
width: 50%; |
|
| 334 |
} |
|
| 335 |
} |
|
| 336 |
td, th {
|
|
| 337 |
padding-right: $derived-unit-details-table-gutter; |
|
| 338 |
padding-left: $derived-unit-details-table-gutter; |
|
| 339 |
} |
|
| 340 |
} |
|
| 341 |
} |
|
| 342 |
.derived-unit-details-grid {
|
|
| 343 |
display: grid; |
|
| 344 |
grid-column-gap: $derived-unit-details-table-gutter; |
|
| 345 |
grid-row-gap: $derived-unit-details-table-gutter; |
|
| 346 |
@media all and (max-width: 659px) {
|
|
| 347 |
grid-template-columns : repeat(1, 1fr); |
|
| 348 |
} |
|
| 349 |
@media all and (min-width: 660px) {
|
|
| 350 |
grid-template-columns: repeat(2, 1fr); |
|
| 351 |
} |
|
| 352 |
dl {
|
|
| 353 |
margin: 0; |
|
| 354 |
} |
|
| 355 |
} |
|
| 356 |
|
|
| 357 |
|
|
| 356 | 358 |
/* |
| 357 | 359 |
* Map |
| 358 | 360 |
*/ |
Also available in: Unified diff
ref #7599 ref #6866 specimen details tables - generalizing details grid styling