aboutsummaryrefslogtreecommitdiffstats
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css32
1 files changed, 16 insertions, 16 deletions
diff --git a/style.css b/style.css
index f979bd0..21ebfdd 100644
--- a/style.css
+++ b/style.css
@@ -288,7 +288,7 @@ body.inprogress {
--bs-btn-padding-y: 0.4rem;
}
}
-#modal-info {
+#info-modal {
/* close the modal when clicking the backdrop */
pointer-events: none;
-webkit-user-select: text;
@@ -299,11 +299,11 @@ body.inprogress {
--modal-info-padding-y: .5rem;
--modal-info-bg-light: rgba(0, 0, 0, .08);
}
-#modal-info .modal-header {
+#info-modal .modal-header {
padding: var(--modal-info-padding-y) var(--modal-info-padding-x);
}
-#modal-info .list-group-item,
-#modal-info {
+#info-modal .list-group-item,
+#info-modal {
--bs-list-group-border-width: 1px;
}
#info-accordion {
@@ -317,20 +317,20 @@ body.inprogress {
--bs-accordion-btn-active-bg: var(--modal-info-bg-light);
padding: 0 var(--modal-info-padding-x);
}
-#modal-info .accordion-item {
+#info-modal .accordion-item {
border: none;
}
-#modal-info .accordion-header > .accordion-button[aria-expanded="false"]:hover {
+#info-modal .accordion-header > .accordion-button[aria-expanded="false"]:hover {
background-color: rgb(from var(--modal-info-bg-light) r g b / calc(alpha*.4));
}
-#modal-info .accordion-header > .accordion-button[aria-expanded="true"] {
+#info-modal .accordion-header > .accordion-button[aria-expanded="true"] {
background-color: var(--bs-accordion-btn-active-bg);
}
-#modal-info ul.list-group > li.list-group-item {
+#info-modal ul.list-group > li.list-group-item {
padding: .3rem 0;
border: none;
}
-#modal-info ul.list-group > li.list-group-item:last-child {
+#info-modal ul.list-group > li.list-group-item:last-child {
padding-bottom: var(--modal-info-padding-y);
}
#info-body > ul.list-group {
@@ -338,36 +338,36 @@ body.inprogress {
border-top: var(--bs-list-group-border-width) solid var(--modal-info-bg-light);
padding: 0 var(--modal-info-padding-x);
}
-#modal-info ul.list-group > li.list-group-item:not(:first-child) {
+#info-modal ul.list-group > li.list-group-item:not(:first-child) {
border-top: var(--bs-list-group-border-width) solid var(--modal-info-bg-light);
}
#info-accordion > .accordion-item:not(:last-child) ul.list-group > li.list-group-item:last-child {
border-bottom: var(--bs-list-group-border-width) solid var(--modal-info-bg-light);
}
-#modal-info .modal-body ul.list-group > li.list-group-item:not(.text-muted):hover {
+#info-modal .modal-body ul.list-group > li.list-group-item:not(.text-muted):hover {
background-color: rgb(from var(--modal-info-bg-light) r g b / calc(alpha*.4));
}
#info-body {
padding: var(--modal-info-padding-y) 0;
}
#info-body > ul.list-group > li.list-group-item p,
-#modal-info .accordion-body ul.list-group > li.list-group-item p {
+#info-modal .accordion-body ul.list-group > li.list-group-item p {
margin: 0;
}
#info-body > ul.list-group > li.list-group-item h6,
-#modal-info .accordion-body ul.list-group > li.list-group-item h6 {
+#info-modal .accordion-body ul.list-group > li.list-group-item h6 {
margin: .05rem 0 .15rem 0;
font-size: 1.15rem;
}
-#modal-info .modal-body a {
+#info-modal .modal-body a {
color: inherit;
text-decoration: none;
}
-#modal-info .modal-body a:hover {
+#info-modal .modal-body a:hover {
opacity: .8;
text-decoration: underline;
}
-#modal-info .modal-body .info-credits {
+#info-modal .modal-body .info-credits {
border-top: var(--bs-list-group-border-width) solid var(--modal-info-bg-light);
padding: var(--modal-info-padding-y) var(--modal-info-padding-x) 0 var(--modal-info-padding-x);
margin: 0;