Template:ArbComOpenTasks/styles.css

/* */ .arbcomopentasks { border: 1px solid #a2a9b1; background-color: #f8f9fa; /* backup for old browsers without var */ background-color: var(--background-color-interactive-subtle, #f8f9fa); padding: 5px; font-size: 95%; box-sizing: border-box; }

.arbcomopentasks-title { font-size: 120%; text-align: center; font-weight: bold }

.arbcomopentasks-template { text-align: center; padding-bottom: 0.5em; font-size: 90%; }

.arbcomopentasks .mw-collapsible:not(:last-child) { margin-bottom: 0.2em }

.arbcomopentasks .mw-collapsible-toggle { padding-top: 0.4em; }

.arbcomopentasks-task-title { padding: 3px; background: #E0E0E0; color: #202122; font-size: 120%; font-weight: bold; }

.arbcomopentasks-edit { float: left; padding: 0.4em 0.1em 0; }

.arbcomopentasks-task-title span { font-size: 85%; }

.arbcomopentasks table { width: 100%; padding: 1px; border-spacing: 0 }

.arbcomopentasks th[scope="col"] { text-align: left; border-bottom: 1px solid #555; }

.arbcomopentasks td { border-top: 1px solid grey; }

.arbcomopentasks-headers + tr td { border: none; }

.arbcomopentasks p { text-align:center; color:#737373; font-style: italic }

@media (min-width: 720px) { .arbcomopentasks { float: right; margin: 0 0 0 0.5em; width: 50%; }	.arbcomopentasks-task-title { text-align: center }

.arbcomopentasks-task-title div { margin: 0 4em; }	.arbcomopentasks .width10 { width: 10%; }	.arbcomopentasks .width15 { width: 15%; }	.arbcomopentasks .width20 { width: 20%; }	.arbcomopentasks .width25 { width: 25%; }	.arbcomopentasks .width30 { width: 30%; }	.arbcomopentasks .width35 { width: 35%; }	.arbcomopentasks .width40 { width: 40%; }	.arbcomopentasks .width55 { width: 55%; }	.arbcomopentasks .width60 { width: 60%; }	.arbcomopentasks .width70 { width: 70%; } }