summaryrefslogtreecommitdiff
path: root/css/desktop
diff options
context:
space:
mode:
Diffstat (limited to 'css/desktop')
-rwxr-xr-xcss/desktop/dropdown.css52
-rwxr-xr-xcss/desktop/navbar.css5
2 files changed, 53 insertions, 4 deletions
diff --git a/css/desktop/dropdown.css b/css/desktop/dropdown.css
new file mode 100755
index 0000000..4691602
--- /dev/null
+++ b/css/desktop/dropdown.css
@@ -0,0 +1,52 @@
+/*
+ * GNUfault.org - GNUfault's website
+ * Copyright (C) 2026 Connor Thomson
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.account .toggle {
+ display: none;
+}
+
+.account .username {
+ margin: 3px;
+ cursor: pointer;
+}
+
+.account .username:hover {
+ text-decoration: underline;
+}
+
+.account .menu {
+ display: none;
+ position: absolute;
+ top: 100%;
+ right: 5px;
+ padding: 3px;
+ background-color: white;
+ border: 1px solid #12A3EB;
+ border-radius: 3px;
+}
+
+.account .toggle:checked ~ .menu {
+ display: block;
+}
+
+.account .menu a {
+ display: block;
+ margin: 0;
+ padding: 1px 3px 1px 3px;
+ white-space: nowrap;
+}
diff --git a/css/desktop/navbar.css b/css/desktop/navbar.css
index c013565..c1e8ee2 100755
--- a/css/desktop/navbar.css
+++ b/css/desktop/navbar.css
@@ -17,6 +17,7 @@
*/
.header .navbar {
+ position: relative;
height: 35px;
padding: 5px;
background-color: #CADCEB;
@@ -35,7 +36,3 @@
.header .navbar a:hover {
text-decoration: underline;
}
-
-.header .navbar .username {
- margin: 3px;
-}