Template:Tracked/styles.css: Difference between revisions
Template page
More actions
somehow a <p> appears within the box, at least get rid of its visual effect |
use codex color for border |
||
| (3 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
/** | |||
* Styles for [[Template:Tracked]]. | |||
*/ | |||
.tracked { | .tracked { | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
border: 1px solid #999; | border: 1px solid var(--border-color-base, #999); | ||
border-radius: | border-radius: 2px; | ||
background-color: | background-color: var(--background-color-interactive, #eee); | ||
font-size: 85%; | font-size: 85%; | ||
text-align: center; | text-align: center; | ||
| Line 12: | Line 14: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
width: 12em; | width: 12em; | ||
color: black; | color: var(--color-emphasized, black); | ||
} | } | ||
.tracked p { | .tracked p { | ||
margin: 0; | margin: 0; | ||
| Line 22: | Line 25: | ||
} | } | ||
/* status line */ | |||
.tracked .status, | |||
.tracked-status { | .tracked-status { | ||
font-weight: bold; | font-weight: bold; | ||
| Line 27: | Line 32: | ||
} | } | ||
.tracked .status.resolved, | |||
.tracked-resolved { | .tracked-resolved { | ||
color: green; | color: green; | ||
} | } | ||
.tracked .status.critical, | |||
.tracked-critical { | .tracked-critical { | ||
color: red; | color: red; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
} | } | ||
Latest revision as of 02:40, 22 August 2024
/**
* Styles for [[Template:Tracked]].
*/
.tracked {
float: right;
clear: right;
border: 1px solid var(--border-color-base, #999);
border-radius: 2px;
background-color: var(--background-color-interactive, #eee);
font-size: 85%;
text-align: center;
padding: 0.5em;
margin-left: 1em;
margin-bottom: 1em;
width: 12em;
color: var(--color-emphasized, black);
}
.tracked p {
margin: 0;
}
.tracked-url {
font-weight: bold;
}
/* status line */
.tracked .status,
.tracked-status {
font-weight: bold;
text-transform: uppercase;
}
.tracked .status.resolved,
.tracked-resolved {
color: green;
}
.tracked .status.critical,
.tracked-critical {
color: red;
font-size: 1.5em;
}