diff --git a/css/dashboard.css b/css/dashboard.css new file mode 100644 index 0000000..eb11875 --- /dev/null +++ b/css/dashboard.css @@ -0,0 +1,129 @@ +/* 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(--quote-bg); + border: var(--quote-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 b46da06..75aa577 100644 --- a/style.css +++ b/style.css @@ -396,6 +396,7 @@ nav .logo { align-items: center; height: 100% !important; width: 100% !important; + margin: 0px; } .longbutton.txt a { @@ -2025,135 +2026,6 @@ body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);} border: var(--disabled-button-border); } -/* 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(--quote-bg); - border: var(--quote-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; } - /* USER PROFILE PAGE */ body.user-profile .user-infobox { width: 180px;