From 14d230bb9e86d867d0da0e755d4791550d9868f5 Mon Sep 17 00:00:00 2001 From: Wirlaburla Date: Sun, 11 Jun 2023 20:27:16 -0500 Subject: [PATCH] Merge dashboard.css into main stylesheet --- css/dashboard.css | 129 --------------------------------------------- style.css | 131 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 131 insertions(+), 129 deletions(-) delete mode 100644 css/dashboard.css diff --git a/css/dashboard.css b/css/dashboard.css deleted file mode 100644 index 0224b9f..0000000 --- a/css/dashboard.css +++ /dev/null @@ -1,129 +0,0 @@ -/* DASHBOARD / HOME */ -@media (orientation: portrait) { - body.dashboard .dash-container { - display: flex; - flex-direction: column-reverse; - } - - body.dashboard .section { - width: 100%; - margin: 0px 4px; - } -} - -@media (orientation: landscape) { - body.dashboard .dash-container { - max-width: 1000px; - margin: auto; - } - - body.dashboard .section { margin: 0px -2px; } - body.dashboard .section .container { padding: 4px; } - body.dashboard .primary { width: 60%; } - body.dashboard .sidebar { width: 40%; } -} - -body.dashboard .dash-container .mainbox { - background: var(--primary-container-background); - border: var(--primary-container-border); - padding: 2px; -} - -body.dashboard .profile-tag { - font-family: var(--primary-font); - display: flex; -} - -body.dashboard .profile-tag img { - padding: 4px; -} - -body.dashboard .section { - display: inline-block; - vertical-align: top; -} - -body.dashboard .section .container { - margin: 8px 0px; -} - -body.dashboard .dash-title { - border: var(--primary-container-border); - border-bottom: none; - background: var(--primary-container-background); - display: inline-block; - padding: 8px; - font-weight: bold; - font-family: var(--primary-font); - margin-bottom: -2px; -} - -body.dashboard .dash-title.ulink { padding: 3px 3px 4px 3px; } - -body.dashboard .dash-title.currency-mark { position: relative; float: right; top: 24px; } - -body.dashboard .dash-title.rlink { float: right; } - -body.dashboard .profile-text { - display: flex; - flex-direction: column; - gap: 2px; -} - -body.dashboard .profile-role { - font-size: 0.8em; -} - -body.dashboard .dash-container .sidebar .userlink.online a { - color: green; -} - -body.dashboard .dash-container .sidebar .userlink.invisible { - opacity: 0.3; -} - -body.dashboard .stats { - font-family: var(--primary-font); - font-size: 20px; -} - -body.dashboard .stats .currency { color: var(--currency); } -body.dashboard .stats .unread { color: var(--alert); } - -.userlink img.plan-icon { - position: relative; - margin: 0px 0px 0px -4px; - top: -2px; -} - -.dash-container .primary .mainbox .alert { - padding: 4px; - margin: 4px; - background: var(--secondary-container-background); - border: var(--secondary-container-border); -} - -.dash-container .primary .mainbox .alert.unread .content { - font-weight: bold; -} - -.dash-container .primary .mainbox .alert .info { - text-align: right; - color: var(--subtitle); - font-family: var(--primary-font); -} - -.dash-container .blogpost { - padding: 4px; -} - -.dash-container .blogpost .info { - color: var(--subtitle); - font-family: var(--primary-font); -} - -.dash-container .sidebar .container div.filespace meter { flex-grow: 1; margin: 0px 4px;} -.dash-container .sidebar .container div.filespace b { margin-right: 4px;} -.dash-container .sidebar .container div.filespace { display: flex; } -.dash-container .sidebar .container div.filespace a { font-family: var(--primary-font); margin: 0px 2px; } -.dash-container .container.lstann { font-family: var(--primary-font); } \ No newline at end of file diff --git a/style.css b/style.css index 2f16970..dc99164 100644 --- a/style.css +++ b/style.css @@ -973,6 +973,137 @@ body.library .lib.tiny > a { min-width: 64px; } +/* == DASHBOARD */ +@media (orientation: portrait) { + body.dashboard .dash-container { + display: flex; + flex-direction: column-reverse; + } + + body.dashboard .section { + width: 100%; + margin: 0px 4px; + } +} + +@media (orientation: landscape) { + body.dashboard .dash-container { + max-width: 1000px; + margin: auto; + } + + body.dashboard .section { margin: 0px -2px; } + body.dashboard .section .container { padding: 4px; } + body.dashboard .primary { width: 60%; } + body.dashboard .sidebar { width: 40%; } +} + +body.dashboard .dash-container .mainbox { + background: var(--primary-container-background); + border: var(--primary-container-border); + padding: 2px; +} + +body.dashboard .profile-tag { + font-family: var(--primary-font); + display: flex; +} + +body.dashboard .profile-tag img { + padding: 4px; +} + +body.dashboard .section { + display: inline-block; + vertical-align: top; +} + +body.dashboard .section .container { + margin: 8px 0px; +} + +body.dashboard .dash-title { + border: var(--primary-container-border); + border-bottom: none; + background: var(--primary-container-background); + display: inline-block; + padding: 8px; + font-weight: bold; + font-family: var(--primary-font); + margin-bottom: -2px; +} + +body.dashboard .dash-title.ulink { padding: 3px 3px 4px 3px; } + +body.dashboard .dash-title.currency-mark { position: relative; float: right; top: 24px; } + +body.dashboard .dash-title.rlink { float: right; } + +body.dashboard .profile-text { + display: flex; + flex-direction: column; + gap: 2px; +} + +body.dashboard .profile-role { + font-size: 0.8em; +} + +body.dashboard .dash-container .sidebar .userlink.online a { + color: green; +} + +body.dashboard .dash-container .sidebar .userlink.invisible { + opacity: 0.3; +} + +body.dashboard .stats { + font-family: var(--primary-font); + font-size: 20px; +} + +body.dashboard .stats .currency { color: var(--currency); } +body.dashboard .stats .unread { color: var(--alert); } + +body.dashboard .userlink img.plan-icon { + position: relative; + margin: 0px 0px 0px -4px; + top: -2px; +} + +body.dashboard .dash-container .primary .mainbox .alert { + padding: 4px; + margin: 4px; + background: var(--secondary-container-background); + border: var(--secondary-container-border); + border-style: inset; +} + +body.dashboard .dash-container .primary .mainbox .alert.unread .content { + font-weight: bold; +} + +body.dashboard .dash-container .primary .mainbox .alert .info { + text-align: right; + color: var(--subtitle); + font-family: var(--primary-font); +} + +body.dashboard .dash-container .blogpost { + padding: 4px; +} + +body.dashboard .dash-container .blogpost .info { + color: var(--subtitle); + font-family: var(--primary-font); +} + +body.dashboard .dash-container .sidebar .container div.filespace meter { flex-grow: 1; margin: 0px 4px;} +body.dashboard .dash-container .sidebar .container div.filespace b { margin-right: 4px;} +body.dashboard .dash-container .sidebar .container div.filespace { display: flex; } +body.dashboard .dash-container .sidebar .container div.filespace a { font-family: var(--primary-font); margin: 0px 2px; } +body.dashboard .dash-container .container.lstann { font-family: var(--primary-font); } + /* == FORUM */ body.forum table.board-display { background: var(--forum-header);