mj-saunders
/
epicyon
forked from indymedia/epicyon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Dropdown properties on new post screen

master
Bob Mottram 2019-08-25 12:58:28 +01:00
parent d516312036
commit b4b5da07b9
1 changed files with 5 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
epicyon-profile.css
View File

@ -2,6 +2,8 @@
:root { :root {
--main-bg-color: #282c37; --main-bg-color: #282c37;
--dropdown-bg-color: #111;
--dropdown-bg-color-hover: #333;
--main-bg-color-reply: #212c37; --main-bg-color-reply: #212c37;
--main-bg-color-report: #221c27; --main-bg-color-report: #221c27;
--main-header-color-roles: #282237; --main-header-color-roles: #282237;
@ -603,8 +605,8 @@ input[type=submit]:hover {
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: var(--main-bg-color); background-color: var(--dropdown-bg-color);
min-width: 300px; min-width: 400px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
} }
@ -623,23 +625,6 @@ input[type=submit]:hover {
padding: 0px 0px; padding: 0px 0px;
} }
.dropdown-timeline-content {
display: none;
position: absolute;
background-color: var(--main-bg-color);
min-width: 100px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-timeline-content a {
color: var(--main-bg-color);
padding: 25px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */ /* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #111;} .dropdown-content a:hover {background-color: #111;}
@ -647,12 +632,7 @@ input[type=submit]:hover {
.show {display: block;} .show {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */ /* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: var(--main-fg-color);} .dropdown:hover .dropbtn {background-color: var(--dropdown-bg-color-hover);}
.dropdown-timeline-content a:hover {color: white;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-timeline:hover .dropbtn {background-color: var(--main-fg-color);}
input[type=checkbox] input[type=checkbox]
{ {