forked from indymedia/epicyon
Dropdown style
parent
0b766fdbe5
commit
010a8484b8
|
@ -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,
|
||||||
|
|
Loading…
Reference in New Issue