Dropdown style

main
Bob Mottram 2020-11-04 12:43:07 +00:00
parent 0b766fdbe5
commit 010a8484b8
1 changed files with 8 additions and 7 deletions

View File

@ -727,10 +727,11 @@ input[type=submit]:hover {
.newPostDropdown > a[role="button"] { .newPostDropdown > a[role="button"] {
display: inline-block; display: inline-block;
padding: 6px 15px; padding: 6px 15px;
color: #333; color: var(--dropdown-fg-color);
font-size: var(--font-size)
line-height: 1.5em; line-height: 1.5em;
text-decoration: none; text-decoration: none;
border: 1px solid #8c8c8c; border: 0;
cursor: pointer; cursor: pointer;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -740,7 +741,7 @@ input[type=submit]:hover {
.newPostDropdown > label:hover, .newPostDropdown > label:hover,
.newPostDropdown > a[role="button"]:hover, .newPostDropdown > a[role="button"]:hover,
.newPostDropdown > a[role="button"]:focus { .newPostDropdown > a[role="button"]:focus {
border-color: #333; border-color: var(--dropdown-fg-color);
} }
.newPostDropdown > label:after, .newPostDropdown > label:after,
@ -757,8 +758,8 @@ input[type=submit]:hover {
display: block; display: block;
left: -100vw; left: -100vw;
top: calc(1.5em + 14px); top: calc(1.5em + 14px);
border: 1px solid #8c8c8c; border: 0;
background: #fff; background: var(--dropdown-bg-color);
padding: 6px 0; padding: 6px 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
@ -775,12 +776,12 @@ input[type=submit]:hover {
display: block; display: block;
padding: 6px 15px; padding: 6px 15px;
text-decoration: none; text-decoration: none;
color: #333; color: var(--main-fg-color);
} }
.newPostDropdown > ul a:hover, .newPostDropdown > ul a:hover,
.newPostDropdown > ul a:focus { .newPostDropdown > ul a:focus {
background: #ececec; background: var(--dropdown-bg-color-hover);
} }
.newPostDropdown > input[type="checkbox"]:checked ~ ul, .newPostDropdown > input[type="checkbox"]:checked ~ ul,