summaryrefslogtreecommitdiff
path: root/django
diff options
context:
space:
mode:
authorTom Carrick <tom@carrick.eu>2026-04-18 14:13:27 +0300
committerJacob Walls <jacobtylerwalls@gmail.com>2026-04-18 15:46:37 +0300
commit241b8e1aab7fc71018a059467b2ba17bce6556cc (patch)
tree7517e7644662cc0291d12a6a3c551ec736f1cc2f /django
parent4a6f797e480ff918cad7a93a331e48b45df091dc (diff)
Formatted CSS files.
Diffstat (limited to 'django')
-rw-r--r--django/contrib/admin/static/admin/css/autocomplete.css192
-rw-r--r--django/contrib/admin/static/admin/css/base.css277
-rw-r--r--django/contrib/admin/static/admin/css/changelists.css23
-rw-r--r--django/contrib/admin/static/admin/css/dark_mode.css79
-rw-r--r--django/contrib/admin/static/admin/css/dashboard.css5
-rw-r--r--django/contrib/admin/static/admin/css/forms.css36
-rw-r--r--django/contrib/admin/static/admin/css/login.css3
-rw-r--r--django/contrib/admin/static/admin/css/nav_sidebar.css7
-rw-r--r--django/contrib/admin/static/admin/css/responsive.css118
-rw-r--r--django/contrib/admin/static/admin/css/responsive_rtl.css8
-rw-r--r--django/contrib/admin/static/admin/css/rtl.css40
-rw-r--r--django/contrib/admin/static/admin/css/unusable_password_field.css6
-rw-r--r--django/contrib/admin/static/admin/css/widgets.css105
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);
}