diff options
| author | Tom Carrick <tom@carrick.eu> | 2026-04-18 14:13:27 +0300 |
|---|---|---|
| committer | Jacob Walls <jacobtylerwalls@gmail.com> | 2026-04-18 15:46:37 +0300 |
| commit | 241b8e1aab7fc71018a059467b2ba17bce6556cc (patch) | |
| tree | 7517e7644662cc0291d12a6a3c551ec736f1cc2f /django | |
| parent | 4a6f797e480ff918cad7a93a331e48b45df091dc (diff) | |
Formatted CSS files.
Diffstat (limited to 'django')
13 files changed, 600 insertions, 299 deletions
diff --git a/django/contrib/admin/static/admin/css/autocomplete.css b/django/contrib/admin/static/admin/css/autocomplete.css index 7478c2c4e6..8325f9a35e 100644 --- a/django/contrib/admin/static/admin/css/autocomplete.css +++ b/django/contrib/admin/static/admin/css/autocomplete.css @@ -12,19 +12,25 @@ select.admin-autocomplete { padding: 0; } -.select2-container--admin-autocomplete.select2-container--focus .select2-selection, -.select2-container--admin-autocomplete.select2-container--open .select2-selection { +.select2-container--admin-autocomplete.select2-container--focus + .select2-selection, +.select2-container--admin-autocomplete.select2-container--open + .select2-selection { border-color: var(--body-quiet-color); min-height: 30px; } -.select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--single, -.select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--single { +.select2-container--admin-autocomplete.select2-container--focus + .select2-selection.select2-selection--single, +.select2-container--admin-autocomplete.select2-container--open + .select2-selection.select2-selection--single { padding: 0; } -.select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--multiple, -.select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--multiple { +.select2-container--admin-autocomplete.select2-container--focus + .select2-selection.select2-selection--multiple, +.select2-container--admin-autocomplete.select2-container--open + .select2-selection.select2-selection--multiple { padding: 0; } @@ -34,22 +40,30 @@ select.admin-autocomplete { border-radius: 4px; } -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered { +.select2-container--admin-autocomplete + .select2-selection--single + .select2-selection__rendered { color: var(--body-fg); line-height: 30px; } -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear { +.select2-container--admin-autocomplete + .select2-selection--single + .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__placeholder { +.select2-container--admin-autocomplete + .select2-selection--single + .select2-selection__placeholder { color: var(--body-quiet-color); } -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow { +.select2-container--admin-autocomplete + .select2-selection--single + .select2-selection__arrow { height: 26px; position: absolute; top: 1px; @@ -57,7 +71,10 @@ select.admin-autocomplete { width: 20px; } -.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow b { +.select2-container--admin-autocomplete + .select2-selection--single + .select2-selection__arrow + b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; @@ -70,25 +87,35 @@ select.admin-autocomplete { width: 0; } -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__clear { +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--single + .select2-selection__clear { float: left; } -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__arrow { +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--single + .select2-selection__arrow { left: 1px; right: auto; } -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single { +.select2-container--admin-autocomplete.select2-container--disabled + .select2-selection--single { background-color: var(--darkened-bg); cursor: default; } -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single .select2-selection__clear { +.select2-container--admin-autocomplete.select2-container--disabled + .select2-selection--single + .select2-selection__clear { display: none; } -.select2-container--admin-autocomplete.select2-container--open .select2-selection--single .select2-selection__arrow b { +.select2-container--admin-autocomplete.select2-container--open + .select2-selection--single + .select2-selection__arrow + b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } @@ -100,7 +127,9 @@ select.admin-autocomplete { cursor: text; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; @@ -110,17 +139,24 @@ select.admin-autocomplete { flex-wrap: wrap; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered li { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__rendered + li { list-style: none; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__placeholder { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__placeholder { color: var(--body-quiet-color); margin-top: 5px; float: left; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; @@ -129,7 +165,9 @@ select.admin-autocomplete { right: 0; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__choice { background-color: var(--darkened-bg); border: 1px solid var(--border-color); border-radius: 4px; @@ -140,7 +178,9 @@ select.admin-autocomplete { padding: 0 5px; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__choice__remove { color: var(--body-quiet-color); cursor: pointer; display: inline-block; @@ -148,44 +188,67 @@ select.admin-autocomplete { margin-right: 2px; } -.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove:hover { +.select2-container--admin-autocomplete + .select2-selection--multiple + .select2-selection__choice__remove:hover { color: var(--body-fg); } -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-search--inline { +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--multiple + .select2-selection__choice, +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--multiple + .select2-selection__placeholder, +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--multiple + .select2-search--inline { float: right; } -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice { +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--multiple + .select2-selection__choice { margin-left: 5px; margin-right: auto; } -.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { +.select2-container--admin-autocomplete[dir="rtl"] + .select2-selection--multiple + .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } -.select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple { +.select2-container--admin-autocomplete.select2-container--focus + .select2-selection--multiple { border: solid var(--body-quiet-color) 1px; outline: 0; } -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--multiple { +.select2-container--admin-autocomplete.select2-container--disabled + .select2-selection--multiple { background-color: var(--darkened-bg); cursor: default; } -.select2-container--admin-autocomplete.select2-container--disabled .select2-selection__choice__remove { +.select2-container--admin-autocomplete.select2-container--disabled + .select2-selection__choice__remove { display: none; } -.select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--multiple { +.select2-container--admin-autocomplete.select2-container--open.select2-container--above + .select2-selection--single, +.select2-container--admin-autocomplete.select2-container--open.select2-container--above + .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } -.select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--multiple { +.select2-container--admin-autocomplete.select2-container--open.select2-container--below + .select2-selection--single, +.select2-container--admin-autocomplete.select2-container--open.select2-container--below + .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @@ -194,14 +257,18 @@ select.admin-autocomplete { background: var(--darkened-bg); } -.select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field { +.select2-container--admin-autocomplete + .select2-search--dropdown + .select2-search__field { background: var(--body-bg); color: var(--body-fg); border: 1px solid var(--border-color); border-radius: 4px; } -.select2-container--admin-autocomplete .select2-search--inline .select2-search__field { +.select2-container--admin-autocomplete + .select2-search--inline + .select2-search__field { background: transparent; color: var(--body-fg); border: none; @@ -210,60 +277,95 @@ select.admin-autocomplete { -webkit-appearance: textfield; } -.select2-container--admin-autocomplete .select2-results > .select2-results__options { +.select2-container--admin-autocomplete + .select2-results + > .select2-results__options { max-height: 200px; overflow-y: auto; color: var(--body-fg); background: var(--body-bg); } -.select2-container--admin-autocomplete .select2-results__option[role=group] { +.select2-container--admin-autocomplete .select2-results__option[role="group"] { padding: 0; } -.select2-container--admin-autocomplete .select2-results__option[aria-disabled=true] { +.select2-container--admin-autocomplete + .select2-results__option[aria-disabled="true"] { color: var(--body-quiet-color); } -.select2-container--admin-autocomplete .select2-results__option[aria-selected=true] { +.select2-container--admin-autocomplete + .select2-results__option[aria-selected="true"] { background-color: var(--selected-bg); color: var(--body-fg); } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option { padding-left: 1em; } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__group { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option + .select2-results__group { padding-left: 0; } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option + .select2-results__option { margin-left: -1em; padding-left: 2em; } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option { margin-left: -2em; padding-left: 3em; } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option { margin-left: -3em; padding-left: 4em; } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option { margin-left: -4em; padding-left: 5em; } -.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { +.select2-container--admin-autocomplete + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option + .select2-results__option { margin-left: -5em; padding-left: 6em; } -.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] { +.select2-container--admin-autocomplete + .select2-results__option--highlighted[aria-selected] { background-color: var(--primary); color: var(--primary-fg); } diff --git a/django/contrib/admin/static/admin/css/base.css b/django/contrib/admin/static/admin/css/base.css index 963adafaa0..a89055c19e 100644 --- a/django/contrib/admin/static/admin/css/base.css +++ b/django/contrib/admin/static/admin/css/base.css @@ -64,15 +64,8 @@ html[data-theme="light"], --object-tools-hover-bg: var(--close-button-hover-bg); --font-family-primary: - "Segoe UI", - system-ui, - Roboto, - "Helvetica Neue", - Arial, - sans-serif, - "Apple Color Emoji", - "Segoe UI Emoji", - "Segoe UI Symbol", + "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: ui-monospace, @@ -96,7 +89,8 @@ html[data-theme="light"], color-scheme: light; } -html, body { +html, +body { height: 100%; } @@ -111,13 +105,17 @@ body { /* LINKS */ -a:link, a:visited { +a:link, +a:visited { color: var(--link-fg); text-decoration: none; - transition: color 0.15s, background 0.15s; + transition: + color 0.15s, + background 0.15s; } -a:focus, a:hover { +a:focus, +a:hover { color: var(--link-hover-color); } @@ -126,12 +124,12 @@ a:focus { } a:not( - [role="button"], - #header a, - #nav-sidebar a, - #content-main.app-list a, - .object-tools a -) { + [role="button"], + #header a, + #nav-sidebar a, + #content-main.app-list a, + .object-tools a + ) { text-decoration: underline; } @@ -139,19 +137,24 @@ a img { border: none; } -a.section:link, a.section:visited { +a.section:link, +a.section:visited { color: var(--header-link-color); text-decoration: none; } -a.section:focus, a.section:hover { +a.section:focus, +a.section:hover { text-decoration: underline; } /* GLOBAL DEFAULTS */ -p, ol, ul, dl { - margin: .2em 0 .8em 0; +p, +ol, +ul, +dl { + margin: 0.2em 0 0.8em 0; } p { @@ -159,7 +162,11 @@ p { line-height: 140%; } -h1,h2,h3,h4,h5 { +h1, +h2, +h3, +h4, +h5 { font-weight: bold; } @@ -171,7 +178,7 @@ h1 { h2 { font-size: 1rem; - margin: 1em 0 .5em 0; + margin: 1em 0 0.5em 0; } h2.subhead { @@ -181,21 +188,21 @@ h2.subhead { h3 { font-size: 0.875rem; - margin: .8em 0 .3em 0; + margin: 0.8em 0 0.3em 0; color: var(--body-medium-color); font-weight: bold; } h4 { font-size: 0.75rem; - margin: 1em 0 .8em 0; + margin: 1em 0 0.8em 0; padding-bottom: 3px; color: var(--body-medium-color); } h5 { font-size: 0.625rem; - margin: 1.5em 0 .5em 0; + margin: 1.5em 0 0.5em 0; color: var(--body-quiet-color); text-transform: uppercase; letter-spacing: 1px; @@ -210,7 +217,9 @@ li ul { margin-bottom: 0; } -li, dt, dd { +li, +dt, +dd { font-size: 0.8125rem; line-height: 1.25rem; } @@ -249,7 +258,8 @@ blockquote { border-left: 5px solid currentColor; } -code, pre { +code, +pre { font-family: var(--font-family-monospace); color: var(--body-quiet-color); font-size: 0.75rem; @@ -287,24 +297,36 @@ hr { font-size: 0.625rem; } -.help, p.help, form p.help, div.help, form div.help, div.help li { +.help, +p.help, +form p.help, +div.help, +form div.help, +div.help li { font-size: 0.6875rem; color: var(--body-quiet-color); } div.help ul { - margin-bottom: 0; + margin-bottom: 0; } .help-tooltip { cursor: help; } -p img, h1 img, h2 img, h3 img, h4 img, td img { +p img, +h1 img, +h2 img, +h3 img, +h4 img, +td img { vertical-align: middle; } -.quiet, a.quiet:link, a.quiet:visited { +.quiet, +a.quiet:link, +a.quiet:visited { color: var(--body-quiet-color); font-weight: normal; } @@ -328,7 +350,8 @@ table { border-color: var(--border-color); } -td, th { +td, +th { font-size: 0.8125rem; line-height: 1rem; border-bottom: 1px solid var(--hairline-color); @@ -365,7 +388,8 @@ tr.alt { background: var(--darkened-bg); } -tr:nth-child(odd), .row-form-errors { +tr:nth-child(odd), +.row-form-errors { background: var(--body-bg); } @@ -385,7 +409,8 @@ thead th { background: var(--darkened-bg); } -thead th a:link, thead th a:visited { +thead th a:link, +thead th a:visited { color: var(--body-quiet-color); } @@ -408,7 +433,8 @@ table thead th .text a { padding: 8px 10px; } -table thead th .text a:focus, table thead th .text a:hover { +table thead th .text a:focus, +table thead th .text a:hover { background: var(--selected-bg); } @@ -428,7 +454,7 @@ table thead th.sorted .sortoptions { } table thead th.sorted .sortpriority { - font-size: .8em; + font-size: 0.8em; min-width: 12px; text-align: center; vertical-align: 3px; @@ -450,7 +476,7 @@ table thead th.sorted .sortoptions a.sortremove { } table thead th.sorted .sortoptions a.sortremove:after { - content: '\\'; + content: "\\"; position: absolute; top: -6px; left: 3px; @@ -490,7 +516,11 @@ table thead th.sorted .sortoptions a.descending:hover { /* FORM DEFAULTS */ -input, textarea, select, .form-row p, form .button { +input, +textarea, +select, +.form-row p, +form .button { margin: 2px 0; padding: 2px 3px; vertical-align: middle; @@ -507,8 +537,15 @@ textarea { Minifiers remove the default (text) "type" attribute from "input" HTML tags. Add input:not([type]) to make the CSS stylesheet work the same. */ -input:not([type]), input[type=text], input[type=password], input[type=email], -input[type=url], input[type=number], input[type=tel], textarea, select, +input:not([type]), +input[type="text"], +input[type="password"], +input[type="email"], +input[type="url"], +input[type="number"], +input[type="tel"], +textarea, +select, .vTextField { border: 1px solid var(--border-color); border-radius: 4px; @@ -522,9 +559,16 @@ input[type=url], input[type=number], input[type=tel], textarea, select, Minifiers remove the default (text) "type" attribute from "input" HTML tags. Add input:not([type]) to make the CSS stylesheet work the same. */ -input:not([type]):focus, input[type=text]:focus, input[type=password]:focus, -input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, -input[type=tel]:focus, textarea:focus, select:focus, .vTextField:focus { +input:not([type]):focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="number"]:focus, +input[type="tel"]:focus, +textarea:focus, +select:focus, +.vTextField:focus { border-color: var(--body-quiet-color); } @@ -540,7 +584,11 @@ select[multiple] { /* FORM BUTTONS */ -.button, input[type=submit], input[type=button], .submit-row input, a.button { +.button, +input[type="submit"], +input[type="button"], +.submit-row input, +a.button { background: var(--button-bg); padding: 10px 15px; border: none; @@ -554,35 +602,47 @@ a.button { padding: 4px 5px; } -.button:active, input[type=submit]:active, input[type=button]:active, -.button:focus, input[type=submit]:focus, input[type=button]:focus, -.button:hover, input[type=submit]:hover, input[type=button]:hover { +.button:active, +input[type="submit"]:active, +input[type="button"]:active, +.button:focus, +input[type="submit"]:focus, +input[type="button"]:focus, +.button:hover, +input[type="submit"]:hover, +input[type="button"]:hover { background: var(--button-hover-bg); } -.button[disabled], input[type=submit][disabled], input[type=button][disabled] { +.button[disabled], +input[type="submit"][disabled], +input[type="button"][disabled] { opacity: 0.4; } -.button.default, input[type=submit].default, .submit-row input.default { +.button.default, +input[type="submit"].default, +.submit-row input.default { border: none; font-weight: 400; background: var(--default-button-bg); } -.button.default:active, input[type=submit].default:active, -.button.default:focus, input[type=submit].default:focus, -.button.default:hover, input[type=submit].default:hover { +.button.default:active, +input[type="submit"].default:active, +.button.default:focus, +input[type="submit"].default:focus, +.button.default:hover, +input[type="submit"].default:hover { background: var(--default-button-hover-bg); } .button[disabled].default, -input[type=submit][disabled].default, -input[type=button][disabled].default { +input[type="submit"][disabled].default, +input[type="button"][disabled].default { opacity: 0.4; } - /* MODULES */ .module { @@ -591,7 +651,12 @@ input[type=button][disabled].default { background: var(--body-bg); } -.module p, .module ul, .module h3, .module h4, .module dl, .module pre { +.module p, +.module ul, +.module h3, +.module h4, +.module dl, +.module pre { padding-left: 10px; padding-right: 10px; } @@ -600,15 +665,18 @@ input[type=button][disabled].default { margin-left: 12px; } -.module ul, .module ol { +.module ul, +.module ol { margin-left: 1.5em; } .module h3 { - margin-top: .6em; + margin-top: 0.6em; } -.module h2, .module caption, .inline-group h2 { +.module h2, +.module caption, +.inline-group h2 { margin: 0; padding: 8px; font-weight: 400; @@ -677,9 +745,9 @@ ul.messagelist li.error { } @media (forced-colors: active) { - ul.messagelist li { - border: 1px solid; - } + ul.messagelist li { + border: 1px solid; + } } .errornote { @@ -727,8 +795,12 @@ td ul.errorlist li { margin: 0; } -.errors input, .errors select, .errors textarea, -td ul.errorlist + input, td ul.errorlist + select, td ul.errorlist + textarea { +.errors input, +.errors select, +.errors textarea, +td ul.errorlist + input, +td ul.errorlist + select, +td ul.errorlist + textarea { border: 1px solid var(--error-fg); } @@ -755,7 +827,7 @@ ol.breadcrumbs li { } ol.breadcrumbs li:not([aria-current="page"])::after { - content: ' \203A ' / ''; + content: " \203A " / ""; } ol.breadcrumbs li a[aria-current="page"] { @@ -768,13 +840,15 @@ ol.breadcrumbs a { color: var(--breadcrumbs-link-fg); } -ol.breadcrumbs a:focus, ol.breadcrumbs a:hover { +ol.breadcrumbs a:focus, +ol.breadcrumbs a:hover { color: var(--breadcrumbs-fg); } /* ACTION ICONS */ -.viewlink, .inlineviewlink { +.viewlink, +.inlineviewlink { padding-left: 16px; background: url(../img/icon-viewlink.svg) 0 center no-repeat; } @@ -789,7 +863,8 @@ ol.breadcrumbs a:focus, ol.breadcrumbs a:hover { background: url(../img/icon-addlink.svg) 0 1px no-repeat; } -.changelink, .inlinechangelink { +.changelink, +.inlinechangelink { padding-left: 16px; background: url(../img/icon-changelink.svg) 0 2px no-repeat; } @@ -799,11 +874,13 @@ ol.breadcrumbs a:focus, ol.breadcrumbs a:hover { background: url(../img/icon-deletelink.svg) 0 1px no-repeat; } -a.deletelink:link, a.deletelink:visited { - color: #CC3434; /* XXX Probably unused? */ +a.deletelink:link, +a.deletelink:visited { + color: #cc3434; /* XXX Probably unused? */ } -a.deletelink:focus, a.deletelink:hover { +a.deletelink:focus, +a.deletelink:hover { color: #993333; /* XXX Probably unused? */ text-decoration: none; } @@ -837,7 +914,8 @@ a.deletelink:focus, a.deletelink:hover { border-radius: 15px; } -.object-tools a:link, .object-tools a:visited { +.object-tools a:link, +.object-tools a:visited { display: block; float: left; padding: 3px 12px; @@ -849,15 +927,17 @@ a.deletelink:focus, a.deletelink:hover { letter-spacing: 0.5px; } -.object-tools a:focus, .object-tools a:hover { +.object-tools a:focus, +.object-tools a:hover { background-color: var(--object-tools-hover-bg); } -.object-tools a:focus{ +.object-tools a:focus { text-decoration: none; } -.object-tools a.viewsitelink, .object-tools a.addlink { +.object-tools a.viewsitelink, +.object-tools a.addlink { background-repeat: no-repeat; background-position: right 7px center; padding-right: 26px; @@ -906,7 +986,7 @@ a.deletelink:focus, a.deletelink:hover { } .main > .content { - flex: 1 0; + flex: 1 0; max-width: 100%; } @@ -945,9 +1025,9 @@ a.deletelink:focus, a.deletelink:hover { } @media (forced-colors: active) { - #content-related { - border: 1px solid; - } + #content-related { + border: 1px solid; + } } /* COLUMN TYPES */ @@ -987,18 +1067,21 @@ a.deletelink:focus, a.deletelink:hover { color: var(--header-color); } -#header a:link, #header a:visited, #logout-form button { +#header a:link, +#header a:visited, +#logout-form button { color: var(--header-link-color); } -#header a:focus , #header a:hover { +#header a:focus, +#header a:hover { text-decoration: underline; } @media (forced-colors: active) { - #header { - border-bottom: 1px solid; - } + #header { + border-bottom: 1px solid; + } } #branding { @@ -1014,7 +1097,8 @@ a.deletelink:focus, a.deletelink:hover { color: var(--header-branding-color); } -#site-name a:link, #site-name a:visited { +#site-name a:link, +#site-name a:visited { color: var(--accent); } @@ -1047,7 +1131,8 @@ a.deletelink:focus, a.deletelink:hover { text-align: right; } -#user-tools, #logout-form button{ +#user-tools, +#logout-form button { padding: 0; font-weight: 300; font-size: 0.6875rem; @@ -1055,17 +1140,21 @@ a.deletelink:focus, a.deletelink:hover { text-transform: uppercase; } -#user-tools a, #logout-form button { +#user-tools a, +#logout-form button { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } -#user-tools a:focus, #user-tools a:hover, -#logout-form button:active, #logout-form button:hover { +#user-tools a:focus, +#user-tools a:hover, +#logout-form button:active, +#logout-form button:hover { text-decoration: none; border-bottom: 0; } -#logout-form button:active, #logout-form button:hover { +#logout-form button:active, +#logout-form button:hover { margin-bottom: 1px; } @@ -1222,7 +1311,7 @@ a.deletelink:focus, a.deletelink:hover { height: 1px; padding: 0; overflow: hidden; - clip: rect(0,0,0,0); + clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; color: var(--body-fg); diff --git a/django/contrib/admin/static/admin/css/changelists.css b/django/contrib/admin/static/admin/css/changelists.css index fc319822c6..38cf7334a5 100644 --- a/django/contrib/admin/static/admin/css/changelists.css +++ b/django/contrib/admin/static/admin/css/changelists.css @@ -23,7 +23,9 @@ width: 100%; } -.change-list .hiddenfields { display:none; } +.change-list .hiddenfields { + display: none; +} .change-list .filtered table { border-right: none; @@ -33,7 +35,8 @@ min-height: 400px; } -.change-list .filtered .results, .filtered #toolbar, +.change-list .filtered .results, +.filtered #toolbar, .filtered div.xfull { width: auto; } @@ -168,9 +171,9 @@ } @media (forced-colors: active) { - #changelist-filter { - border: 1px solid; - } + #changelist-filter { + border: 1px solid; + } } #changelist-filter h2 { @@ -202,13 +205,13 @@ } #changelist-filter details > summary::before { - content: '→'; + content: "→"; font-weight: bold; color: var(--link-hover-color); } #changelist-filter details[open] > summary::before { - content: '↓'; + content: "↓"; } #changelist-filter ul { @@ -247,7 +250,8 @@ color: var(--link-selected-fg); } -#changelist-filter a:focus, #changelist-filter a:hover, +#changelist-filter a:focus, +#changelist-filter a:hover, #changelist-filter li.selected a:focus, #changelist-filter li.selected a:hover { color: var(--link-hover-color); @@ -371,6 +375,7 @@ color: var(--body-fg); } -#changelist .actions .button:focus, #changelist .actions .button:hover { +#changelist .actions .button:focus, +#changelist .actions .button:hover { border-color: var(--body-quiet-color); } diff --git a/django/contrib/admin/static/admin/css/dark_mode.css b/django/contrib/admin/static/admin/css/dark_mode.css index 76cbf170a7..e197628460 100644 --- a/django/contrib/admin/static/admin/css/dark_mode.css +++ b/django/contrib/admin/static/admin/css/dark_mode.css @@ -1,48 +1,47 @@ @media (prefers-color-scheme: dark) { :root { - --primary: #264b5d; - --primary-fg: #f7f7f7; - - --body-fg: #eeeeee; - --body-bg: #121212; - --body-quiet-color: #d0d0d0; - --body-medium-color: #e0e0e0; - --body-loud-color: #ffffff; - - --breadcrumbs-link-fg: #e0e0e0; - --breadcrumbs-bg: var(--primary); - - --link-fg: #81d4fa; - --link-hover-color: #4ac1f7; - --link-selected-fg: #6f94c6; - - --hairline-color: #272727; - --border-color: #353535; - - --error-fg: #e35f5f; + --primary: #264b5d; + --primary-fg: #f7f7f7; - --message-debug-bg: #4e4e4e; - --message-debug-icon: url(../img/icon-debug-dark.svg); - --message-info-bg: #265895; - --message-info-icon: url(../img/icon-info-dark.svg); - --message-success-bg: #006b1b; - --message-success-icon: url(../img/icon-yes-dark.svg); - --message-warning-bg: #583305; - --message-warning-icon: url(../img/icon-alert-dark.svg); - --message-error-bg: #570808; - --message-error-icon: url(../img/icon-no-dark.svg); - - --darkened-bg: #212121; - --selected-bg: #1b1b1b; - --selected-row: #00363a; - - --close-button-bg: #333333; - --close-button-hover-bg: #666666; + --body-fg: #eeeeee; + --body-bg: #121212; + --body-quiet-color: #d0d0d0; + --body-medium-color: #e0e0e0; + --body-loud-color: #ffffff; - color-scheme: dark; - } - } + --breadcrumbs-link-fg: #e0e0e0; + --breadcrumbs-bg: var(--primary); + + --link-fg: #81d4fa; + --link-hover-color: #4ac1f7; + --link-selected-fg: #6f94c6; + + --hairline-color: #272727; + --border-color: #353535; + + --error-fg: #e35f5f; + + --message-debug-bg: #4e4e4e; + --message-debug-icon: url(../img/icon-debug-dark.svg); + --message-info-bg: #265895; + --message-info-icon: url(../img/icon-info-dark.svg); + --message-success-bg: #006b1b; + --message-success-icon: url(../img/icon-yes-dark.svg); + --message-warning-bg: #583305; + --message-warning-icon: url(../img/icon-alert-dark.svg); + --message-error-bg: #570808; + --message-error-icon: url(../img/icon-no-dark.svg); + --darkened-bg: #212121; + --selected-bg: #1b1b1b; + --selected-row: #00363a; + + --close-button-bg: #333333; + --close-button-hover-bg: #666666; + + color-scheme: dark; + } +} html[data-theme="dark"] { --primary: #264b5d; diff --git a/django/contrib/admin/static/admin/css/dashboard.css b/django/contrib/admin/static/admin/css/dashboard.css index 242b81a45f..d303876c79 100644 --- a/django/contrib/admin/static/admin/css/dashboard.css +++ b/django/contrib/admin/static/admin/css/dashboard.css @@ -1,5 +1,6 @@ /* DASHBOARD */ -.dashboard td, .dashboard th { +.dashboard td, +.dashboard th { word-break: break-word; } @@ -13,7 +14,7 @@ .dashboard .module table td a { display: block; - padding-right: .6em; + padding-right: 0.6em; } /* RECENT ACTIONS MODULE */ diff --git a/django/contrib/admin/static/admin/css/forms.css b/django/contrib/admin/static/admin/css/forms.css index aa2c983be4..e28006cfa4 100644 --- a/django/contrib/admin/static/admin/css/forms.css +++ b/django/contrib/admin/static/admin/css/forms.css @@ -1,4 +1,4 @@ -@import url('widgets.css'); +@import url("widgets.css"); /* FORM ROWS */ @@ -9,7 +9,8 @@ border-bottom: 1px solid var(--hairline-color); } -.form-row img, .form-row input { +.form-row img, +.form-row input { vertical-align: middle; } @@ -45,15 +46,18 @@ form .form-row p { /* FORM LABELS */ -legend, label { +legend, +label { font-weight: normal; color: var(--body-quiet-color); font-size: 0.8125rem; padding: 0; } -.required legend, legend.required, -.required label, label.required { +.required legend, +legend.required, +.required label, +label.required { font-weight: bold; } @@ -116,7 +120,9 @@ fieldset .inline-heading, padding: 0.5rem 0; } -.aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly { +.aligned label + p, +.aligned .checkbox-row + div.help, +.aligned label + div.readonly { padding: 6px 0; margin-top: 0; margin-bottom: 0; @@ -134,7 +140,8 @@ fieldset .inline-heading, margin-bottom: 0; } -.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { +.colMS .aligned .vLargeTextField, +.colMS .aligned .vXMLLargeTextField { width: 350px; } @@ -177,7 +184,8 @@ form .aligned table p { margin-top: -4px; } -.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { +.colM .aligned .vLargeTextField, +.colM .aligned .vXMLLargeTextField { width: 610px; } @@ -222,7 +230,8 @@ body.popup .submit-row { line-height: 0.9375rem; } -.submit-row input, .submit-row a { +.submit-row input, +.submit-row a { margin: 0; } @@ -278,7 +287,8 @@ body.popup .submit-row { border: none; } -.vDateField, .vTimeField { +.vDateField, +.vTimeField { margin-right: 2px; margin-bottom: 4px; } @@ -295,7 +305,8 @@ body.popup .submit-row { width: 30em; } -.vLargeTextField, .vXMLLargeTextField { +.vLargeTextField, +.vXMLLargeTextField { width: 48em; } @@ -319,7 +330,8 @@ body.popup .submit-row { width: 5em; } -.vTextField, .vUUIDField { +.vTextField, +.vUUIDField { width: 20em; } diff --git a/django/contrib/admin/static/admin/css/login.css b/django/contrib/admin/static/admin/css/login.css index 805a34b5bd..31122f9a34 100644 --- a/django/contrib/admin/static/admin/css/login.css +++ b/django/contrib/admin/static/admin/css/login.css @@ -44,7 +44,8 @@ line-height: 2em; } -.login .form-row #id_username, .login .form-row #id_password { +.login .form-row #id_username, +.login .form-row #id_password { padding: 8px; width: 100%; box-sizing: border-box; diff --git a/django/contrib/admin/static/admin/css/nav_sidebar.css b/django/contrib/admin/static/admin/css/nav_sidebar.css index 7eb0de97ab..c83a306727 100644 --- a/django/contrib/admin/static/admin/css/nav_sidebar.css +++ b/django/contrib/admin/static/admin/css/nav_sidebar.css @@ -52,11 +52,11 @@ } .toggle-nav-sidebar::before { - content: '\00BB'; + content: "\00BB"; } .main.shifted .toggle-nav-sidebar::before { - content: '\00AB'; + content: "\00AB"; } .main > #nav-sidebar { @@ -117,7 +117,8 @@ } @media (max-width: 767px) { - #nav-sidebar, #toggle-nav-sidebar { + #nav-sidebar, + #toggle-nav-sidebar { display: none; } diff --git a/django/contrib/admin/static/admin/css/responsive.css b/django/contrib/admin/static/admin/css/responsive.css index 9524cc5263..4962e22947 100644 --- a/django/contrib/admin/static/admin/css/responsive.css +++ b/django/contrib/admin/static/admin/css/responsive.css @@ -1,6 +1,7 @@ /* Tablets */ -input[type="submit"], button { +input[type="submit"], +button { -webkit-appearance: none; appearance: none; } @@ -12,7 +13,8 @@ input[type="submit"], button { -webkit-text-size-adjust: 100%; } - td, th { + td, + th { padding: 10px; font-size: 0.875rem; } @@ -86,7 +88,8 @@ input[type="submit"], button { padding-right: 0; } - td .changelink, td .addlink { + td .changelink, + td .addlink { font-size: 0.8125rem; } @@ -114,7 +117,7 @@ input[type="submit"], button { margin: 0 10px 0 6px; } - #toolbar form input[type=submit] { + #toolbar form input[type="submit"] { flex: 0 1 auto; } @@ -159,7 +162,6 @@ input[type="submit"], button { .change-list .filtered .paginator, .filtered #toolbar, .filtered .actions, - #changelist .paginator { border-top-color: var(--hairline-color); /* XXX Is this used at all? */ } @@ -180,12 +182,12 @@ input[type="submit"], button { tags. Add input:not([type]) to make the CSS stylesheet work the same. */ .form-row input:not([type]), - .form-row input[type=text], - .form-row input[type=password], - .form-row input[type=email], - .form-row input[type=url], - .form-row input[type=tel], - .form-row input[type=number], + .form-row input[type="text"], + .form-row input[type="password"], + .form-row input[type="email"], + .form-row input[type="url"], + .form-row input[type="tel"], + .form-row input[type="number"], .form-row textarea, .form-row select, .form-row .vTextField { @@ -233,7 +235,11 @@ input[type="submit"], button { padding: 10px 7px; } - .button, input[type=submit], input[type=button], .submit-row input, a.button { + .button, + input[type="submit"], + input[type="button"], + .submit-row input, + a.button { padding: 7px; } @@ -255,7 +261,8 @@ input[type="submit"], button { flex: 1 1; } - .selector-available, .selector-chosen { + .selector-available, + .selector-chosen { width: auto; flex: 1 1; display: flex; @@ -268,7 +275,8 @@ input[type="submit"], button { margin-bottom: 5px; } - .selector-chooseall, .selector-clearall { + .selector-chooseall, + .selector-clearall { align-self: center; } @@ -285,7 +293,8 @@ input[type="submit"], button { margin-bottom: 0; } - .stacked .selector-available, .stacked .selector-chosen { + .stacked .selector-available, + .stacked .selector-chosen { width: auto; } @@ -298,7 +307,8 @@ input[type="submit"], button { padding: 3px; } - .help-tooltip, .selector .help-icon { + .help-tooltip, + .selector .help-icon { display: none; } @@ -318,10 +328,13 @@ input[type="submit"], button { } .datetimeshortcuts { - color: var(--border-color); /* XXX Redundant, .datetime span also sets #ccc */ + color: var( + --border-color + ); /* XXX Redundant, .datetime span also sets #ccc */ } - .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField { + .form-row .datetime input.vDateField, + .form-row .datetime input.vTimeField { width: 75%; } @@ -374,7 +387,8 @@ input[type="submit"], button { @media (max-width: 767px) { /* Layout */ - #header, #content { + #header, + #content { padding: 15px; } @@ -384,11 +398,13 @@ input[type="submit"], button { /* Dashboard */ - .colMS, .colSM { + .colMS, + .colSM { margin: 0; } - #content-related, .colSM #content-related { + #content-related, + .colSM #content-related { width: 100%; margin: 0; } @@ -540,7 +556,8 @@ input[type="submit"], button { gap: 10px 0; } - .selector-available, .selector-chosen { + .selector-available, + .selector-chosen { flex: 1 1 auto; } @@ -564,15 +581,17 @@ input[type="submit"], button { background-position: 0 0; } - :enabled.selector-remove:focus, :enabled.selector-remove:hover { + :enabled.selector-remove:focus, + :enabled.selector-remove:hover { background-position: 0 -24px; } - .selector-add { + .selector-add { background-position: 0 -48px; } - :enabled.selector-add:focus, :enabled.selector-add:hover { + :enabled.selector-add:focus, + :enabled.selector-add:hover { background-position: 0 -72px; } @@ -593,12 +612,18 @@ input[type="submit"], button { padding: 0 10px; } - .inline-group[data-inline-type="stacked"] .inline-related .module .form-row { + .inline-group[data-inline-type="stacked"] + .inline-related + .module + .form-row { border-top: 1px solid var(--hairline-color); border-bottom: none; } - .inline-group[data-inline-type="stacked"] .inline-related .module .form-row:first-child { + .inline-group[data-inline-type="stacked"] + .inline-related + .module + .form-row:first-child { border-top: none; } @@ -621,7 +646,10 @@ input[type="submit"], button { margin-top: 5px; } - .inline-group[data-inline-type="stacked"] .aligned .form-row > div:not([class]) { + .inline-group[data-inline-type="stacked"] + .aligned + .form-row + > div:not([class]) { width: 100%; } @@ -656,7 +684,9 @@ input[type="submit"], button { gap: 8px; } - .submit-row input, .submit-row input.default, .submit-row a { + .submit-row input, + .submit-row input.default, + .submit-row a { text-align: center; } @@ -678,7 +708,9 @@ input[type="submit"], button { /* Paginator */ - .paginator .this-page, .paginator a:link, .paginator a:visited { + .paginator .this-page, + .paginator a:link, + .paginator a:visited { padding: 4px 10px; } @@ -737,7 +769,8 @@ input[type="submit"], button { /* Calendar and clock */ - .calendarbox, .clockbox { + .calendarbox, + .clockbox { position: fixed !important; top: 50% !important; left: 50% !important; @@ -747,8 +780,9 @@ input[type="submit"], button { overflow: visible; } - .calendarbox:before, .clockbox:before { - content: ''; + .calendarbox:before, + .clockbox:before { + content: ""; position: fixed; top: 50%; left: 50%; @@ -758,7 +792,8 @@ input[type="submit"], button { transform: translate(-50%, -50%); } - .calendarbox > *, .clockbox > * { + .calendarbox > *, + .clockbox > * { position: relative; z-index: 1; } @@ -767,12 +802,14 @@ input[type="submit"], button { z-index: 2; } - .calendarbox .calendar, .clockbox h2 { + .calendarbox .calendar, + .clockbox h2 { border-radius: 4px 4px 0 0; overflow: hidden; } - .calendarbox .calendar-cancel, .clockbox .calendar-cancel { + .calendarbox .calendar-cancel, + .clockbox .calendar-cancel { border-radius: 0 0 4px 4px; overflow: hidden; } @@ -804,14 +841,16 @@ input[type="submit"], button { padding: 10px; } - .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { + .calendarbox .calendarnav-previous, + .calendarbox .calendarnav-next { z-index: 1; top: 10px; } /* History */ - table#change-history tbody th, table#change-history tbody td { + table#change-history tbody th, + table#change-history tbody td { font-size: 0.8125rem; word-break: break-word; } @@ -822,7 +861,8 @@ input[type="submit"], button { /* Docs */ - table.model tbody th, table.model tbody td { + table.model tbody th, + table.model tbody td { font-size: 0.8125rem; word-break: break-word; } diff --git a/django/contrib/admin/static/admin/css/responsive_rtl.css b/django/contrib/admin/static/admin/css/responsive_rtl.css index 34a3462b6c..5f6c6305a6 100644 --- a/django/contrib/admin/static/admin/css/responsive_rtl.css +++ b/django/contrib/admin/static/admin/css/responsive_rtl.css @@ -61,15 +61,17 @@ background-position: 0 0; } - [dir="rtl"] :enabled.selector-remove:focus, :enabled.selector-remove:hover { + [dir="rtl"] :enabled.selector-remove:focus, + :enabled.selector-remove:hover { background-position: 0 -24px; } - [dir="rtl"] .selector-add { + [dir="rtl"] .selector-add { background-position: 0 -48px; } - [dir="rtl"] :enabled.selector-add:focus, :enabled.selector-add:hover { + [dir="rtl"] :enabled.selector-add:focus, + :enabled.selector-add:hover { background-position: 0 -72px; } diff --git a/django/contrib/admin/static/admin/css/rtl.css b/django/contrib/admin/static/admin/css/rtl.css index 9164aa0f4b..0a4d882a57 100644 --- a/django/contrib/admin/static/admin/css/rtl.css +++ b/django/contrib/admin/static/admin/css/rtl.css @@ -4,16 +4,21 @@ th { text-align: right; } -.module h2, .module caption { +.module h2, +.module caption { text-align: right; } -.module ul, .module ol { +.module ul, +.module ol { margin-left: 0; margin-right: 1.5em; } -.viewlink, .addlink, .changelink, .hidelink { +.viewlink, +.addlink, +.changelink, +.hidelink { padding-left: 0; padding-right: 16px; background-position-x: 100%; @@ -65,7 +70,7 @@ div.breadcrumbs { /* SORTABLE TABLES */ table thead th.sorted .sortoptions { - float: left; + float: left; } thead th.sorted .text { @@ -76,7 +81,7 @@ thead th.sorted .text { /* dashboard styles */ .dashboard .module table td a { - padding-left: .6em; + padding-left: 0.6em; padding-right: 16px; } @@ -103,7 +108,8 @@ thead th.sorted .text { margin-right: -15px; } -#changelist table tbody td:first-child, #changelist table tbody th:first-child { +#changelist table tbody td:first-child, +#changelist table tbody th:first-child { border-right: none; border-left: none; } @@ -150,7 +156,8 @@ form ul.inline li { background: url(../img/calendar-icons.svg) 0 0 no-repeat; } -.calendar caption, .calendarbox h2 { +.calendar caption, +.calendarbox h2 { text-align: center; } @@ -167,7 +174,8 @@ form ul.inline li { background-size: 24px auto; } -:enabled.selector-add:focus, :enabled.selector-add:hover { +:enabled.selector-add:focus, +:enabled.selector-add:hover { background-position: 0 -120px; } @@ -176,15 +184,18 @@ form ul.inline li { background-size: 24px auto; } -:enabled.selector-remove:focus, :enabled.selector-remove:hover { +:enabled.selector-remove:focus, +:enabled.selector-remove:hover { background-position: 0 -168px; } -:enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover { +:enabled.selector-chooseall:focus, +:enabled.selector-chooseall:hover { background-position: 100% -144px; } -:enabled.selector-clearall:focus, :enabled.selector-clearall:hover { +:enabled.selector-clearall:focus, +:enabled.selector-clearall:hover { background-position: 0 -176px; } @@ -202,8 +213,9 @@ form .form-row p.datetime { /* MISC */ -.inline-related h2, .inline-group h2 { - text-align: right +.inline-related h2, +.inline-group h2 { + text-align: right; } .inline-related h3 span.delete { @@ -211,7 +223,7 @@ form .form-row p.datetime { padding-left: inherit; left: 10px; right: inherit; - float:left; + float: left; } .inline-related h3 span.delete label { diff --git a/django/contrib/admin/static/admin/css/unusable_password_field.css b/django/contrib/admin/static/admin/css/unusable_password_field.css index d46eb0384c..d63be331f6 100644 --- a/django/contrib/admin/static/admin/css/unusable_password_field.css +++ b/django/contrib/admin/static/admin/css/unusable_password_field.css @@ -10,10 +10,12 @@ form:has(#id_usable_password input[value="false"]:checked) .field-password2 { } /* Select appropriate submit button */ -form:has(#id_usable_password input[value="true"]:checked) input[type="submit"].unset-password { +form:has(#id_usable_password input[value="true"]:checked) +input[type="submit"].unset-password { display: none; } -form:has(#id_usable_password input[value="false"]:checked) input[type="submit"].set-password { +form:has(#id_usable_password input[value="false"]:checked) + input[type="submit"].set-password { display: none; } diff --git a/django/contrib/admin/static/admin/css/widgets.css b/django/contrib/admin/static/admin/css/widgets.css index c2a3836b90..928c81f376 100644 --- a/django/contrib/admin/static/admin/css/widgets.css +++ b/django/contrib/admin/static/admin/css/widgets.css @@ -13,13 +13,15 @@ width: 100%; } -.selector-available, .selector-chosen { +.selector-available, +.selector-chosen { display: flex; flex-direction: column; flex: 1 1; } -.selector-available-title, .selector-chosen-title { +.selector-available-title, +.selector-chosen-title { border: 1px solid var(--border-color); border-radius: 4px 4px 0 0; } @@ -119,11 +121,14 @@ height: 14em; } -.selector .selector-chosen:not(.selector-chosen--with-filtered) .list-footer-display { +.selector + .selector-chosen:not(.selector-chosen--with-filtered) + .list-footer-display { display: none; } -.selector-add, .selector-remove { +.selector-add, +.selector-remove { width: 24px; height: 24px; display: block; @@ -134,11 +139,13 @@ border: none; } -:enabled.selector-add, :enabled.selector-remove { +:enabled.selector-add, +:enabled.selector-remove { opacity: 1; } -:enabled.selector-add:hover, :enabled.selector-remove:hover { +:enabled.selector-add:hover, +:enabled.selector-remove:hover { cursor: pointer; } @@ -147,7 +154,8 @@ background-size: 24px auto; } -:enabled.selector-add:focus, :enabled.selector-add:hover { +:enabled.selector-add:focus, +:enabled.selector-add:hover { background-position: 0 -168px; } @@ -156,11 +164,13 @@ background-size: 24px auto; } -:enabled.selector-remove:focus, :enabled.selector-remove:hover { +:enabled.selector-remove:focus, +:enabled.selector-remove:hover { background-position: 0 -120px; } -.selector-chooseall, .selector-clearall { +.selector-chooseall, +.selector-clearall { display: inline-block; text-align: left; padding: 4px 5px; @@ -174,24 +184,30 @@ border-radius: 4px; } -:enabled.selector-chooseall:focus, :enabled.selector-clearall:focus, -:enabled.selector-chooseall:hover, :enabled.selector-clearall:hover { +:enabled.selector-chooseall:focus, +:enabled.selector-clearall:focus, +:enabled.selector-chooseall:hover, +:enabled.selector-clearall:hover { background-color: var(--button-hover-bg); } -:enabled.selector-chooseall, :enabled.selector-clearall { +:enabled.selector-chooseall, +:enabled.selector-clearall { opacity: 1; } -:enabled.selector-chooseall:hover, :enabled.selector-clearall:hover { +:enabled.selector-chooseall:hover, +:enabled.selector-clearall:hover { cursor: pointer; } -:enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover { +:enabled.selector-chooseall:focus, +:enabled.selector-chooseall:hover { background-position: 100% -176px; } -:enabled.selector-clearall:focus, :enabled.selector-clearall:hover { +:enabled.selector-clearall:focus, +:enabled.selector-clearall:hover { background-position: 0 -144px; } @@ -208,7 +224,8 @@ height: 10.1em; } -.stacked .selector-available, .stacked .selector-chosen { +.stacked .selector-available, +.stacked .selector-chosen { width: 480px; } @@ -235,7 +252,8 @@ padding: 3px 3px 3px 5px; } -.stacked .selector-chooseall, .stacked .selector-clearall { +.stacked .selector-chooseall, +.stacked .selector-clearall { display: none; } @@ -250,7 +268,8 @@ cursor: pointer; } -.stacked :enabled.selector-add:focus, .stacked :enabled.selector-add:hover { +.stacked :enabled.selector-add:focus, +.stacked :enabled.selector-add:hover { background-position: 0 -72px; cursor: pointer; } @@ -266,7 +285,8 @@ cursor: pointer; } -.stacked :enabled.selector-remove:focus, .stacked :enabled.selector-remove:hover { +.stacked :enabled.selector-remove:focus, +.stacked :enabled.selector-remove:hover { background-position: 0 -24px; cursor: pointer; } @@ -313,7 +333,9 @@ p.datetime label { color: var(--body-quiet-color); } -.datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField { +.datetime input, +.form-row .datetime input.vDateField, +.form-row .datetime input.vTimeField { margin-bottom: 4px; } @@ -323,7 +345,8 @@ table p.datetime { padding-left: 0; } -.datetimeshortcuts .clock-icon, .datetimeshortcuts .date-icon { +.datetimeshortcuts .clock-icon, +.datetimeshortcuts .date-icon { position: relative; display: inline-block; vertical-align: middle; @@ -401,7 +424,8 @@ span.clearable-file-input label { /* CALENDARS & CLOCKS */ -.calendarbox, .clockbox { +.calendarbox, +.clockbox { margin: 5px auto; font-size: 0.75rem; width: 19em; @@ -432,7 +456,8 @@ span.clearable-file-input label { width: 100%; } -.calendar caption, .calendarbox h2 { +.calendar caption, +.calendarbox h2 { margin: 0; text-align: center; border-top: none; @@ -474,7 +499,8 @@ span.clearable-file-input label { font-weight: 700; } -.calendar td a, .timelist a { +.calendar td a, +.timelist a { display: block; font-weight: 400; padding: 6px; @@ -482,13 +508,16 @@ span.clearable-file-input label { color: var(--body-quiet-color); } -.calendar td a:focus, .timelist a:focus, -.calendar td a:hover, .timelist a:hover { +.calendar td a:focus, +.timelist a:focus, +.calendar td a:hover, +.timelist a:hover { background: var(--primary); color: white; } -.calendar td a:active, .timelist a:active { +.calendar td a:active, +.timelist a:active { background: var(--header-bg); color: white; } @@ -501,8 +530,10 @@ span.clearable-file-input label { padding: 1px 3px; } -.calendarnav a:link, #calendarnav a:visited, -#calendarnav a:focus, #calendarnav a:hover { +.calendarnav a:link, +#calendarnav a:visited, +#calendarnav a:focus, +#calendarnav a:hover { color: var(--body-quiet-color); } @@ -515,7 +546,8 @@ span.clearable-file-input label { padding: 8px 0; } -.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { +.calendarbox .calendarnav-previous, +.calendarbox .calendarnav-next { display: block; position: absolute; top: 8px; @@ -544,7 +576,8 @@ span.clearable-file-input label { color: var(--button-fg); } -.calendar-cancel:focus, .calendar-cancel:hover { +.calendar-cancel:focus, +.calendar-cancel:hover { background: var(--close-button-hover-bg); } @@ -553,7 +586,8 @@ span.clearable-file-input label { display: block; } -ul.timelist, .timelist li { +ul.timelist, +.timelist li { list-style-type: none; margin: 0; padding: 0; @@ -573,10 +607,11 @@ ul.timelist, .timelist li { width: 1.5rem; height: 1.5rem; border: 0px none; - margin-bottom: .25rem; + margin-bottom: 0.25rem; } -.inline-deletelink:focus, .inline-deletelink:hover { +.inline-deletelink:focus, +.inline-deletelink:hover { cursor: pointer; } @@ -594,7 +629,7 @@ ul.timelist, .timelist li { } .related-widget-wrapper-link { - opacity: .6; + opacity: 0.6; filter: grayscale(1); } |
