Template:Data table/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 68: | Line 68: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
width: 40%; | |||
max-width: 26em; | |||
margin: 0.3em 0 1em 1.6em; | margin: 0.3em 0 1em 1.6em; | ||
} | } | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.lw-figure-right { | .lw-figure-right { | ||
float: none; | float: none; | ||
width: auto; | |||
max-width: none; | max-width: none; | ||
margin: 0.5em 0 1em; | margin: 0.5em 0 1em; | ||
} | } | ||
} | |||
.lw-figure-right .lw-dtable { | |||
width: 100%; | |||
} | |||
.lw-figure-right .lw-dtable-source { | |||
text-align: right; | |||
} | } | ||
Latest revision as of 14:18, 31 May 2026
.lw-dtable {
border-collapse: collapse;
margin: 0.5em 0 0.3em;
background: #ffffff;
border: 1px solid #e1e6df;
font-size: 0.95em;
line-height: 1.45;
}
.lw-dtable caption {
text-align: left;
margin-bottom: 6px;
color: #1a2612;
font-weight: bold;
}
.lw-dtable caption .lw-badge {
display: inline-block;
margin-right: 8px;
padding: 3px 10px;
background: #2d5016;
color: #ffffff;
font-size: 0.78em;
font-weight: bold;
letter-spacing: 0.06em;
border-radius: 3px;
vertical-align: middle;
}
.lw-dtable th {
background: #2d5016;
color: #ffffff;
font-weight: bold;
text-align: left;
padding: 9px 14px;
}
.lw-dtable td {
padding: 7px 14px;
color: #34402d;
border-bottom: 1px dotted #d7e0d2;
}
.lw-dtable .num {
text-align: right;
}
.lw-dtable .group {
color: #2d5016;
font-weight: bold;
vertical-align: top;
border-right: 1px solid #e1e6df;
}
.lw-dtable .subtotal td {
background: #eef3ea;
color: #2d5016;
font-weight: bold;
border-top: 1px solid #cfe0c8;
border-bottom: 1px solid #cfe0c8;
}
.lw-dtable .total td {
background: #2d5016;
color: #ffffff;
font-weight: bold;
border: 0;
}
.lw-dtable-source {
margin: 0 0 1em;
font-size: 0.82em;
color: #5a6650;
}
.lw-figure-right {
float: right;
clear: right;
width: 40%;
max-width: 26em;
margin: 0.3em 0 1em 1.6em;
}
@media (max-width: 720px) {
.lw-figure-right {
float: none;
width: auto;
max-width: none;
margin: 0.5em 0 1em;
}
}
.lw-figure-right .lw-dtable {
width: 100%;
}
.lw-figure-right .lw-dtable-source {
text-align: right;
}