From 8bb529d5eefec11360e7aacb287120d6427793bd Mon Sep 17 00:00:00 2001 From: Bobby Date: Sun, 15 Dec 2024 19:11:48 -0500 Subject: user stats --- static/css/shared/core.css | 65 +++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 62 insertions(+), 3 deletions(-) (limited to 'static/css/shared/core.css') diff --git a/static/css/shared/core.css b/static/css/shared/core.css index 02d41657..094f9555 100644 --- a/static/css/shared/core.css +++ b/static/css/shared/core.css @@ -1,11 +1,13 @@ /* Reset and Base Styles */ -@font-face { +@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap'); + +/* @font-face { font-family: 'Klee'; src: url('../../fonts/KleeOne-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap -} +} */ @font-face { font-family: 'SweetFairy'; @@ -39,7 +41,7 @@ body { body, textarea, input { - font-family: 'Klee'; + font-family: 'M PLUS Rounded 1c'; font-size: 12px; font-weight: 400; } @@ -259,6 +261,63 @@ html[lang='ja'] .navigation-title { margin-right: 8px; } +.user-stats-area { + margin: 12px 0px 0px 0px; + background-color: #f4f1e90f; + padding: 8px 0px; + border-radius: 8px; +} + +.stats-profile-image { + width: 120px; + height: 120px; + margin: 4px auto; + display: block; +} + +.stats-username, +.stats-bio { + margin: 4px 0px; +} + +.stats-bio { + padding: 4px 0px; + border-top: 1px solid #fff; + border-bottom: 1px solid #fff; +} + +.user-stats { + display: flex; + justify-content: space-between; + padding: 4px; + background-color: #6446858a; +} + +.user-stats:nth-child(odd) { + background-color: #54266a85; +} + +.stat-links a { + display: block; + padding: 4px; +} + +.stat-links a::before { + content: '>'; + margin-right: 4px; +} + +.stat-value { + display: flex; + align-items: center; + gap: 2px; +} + +.stat-value img { + width: 12px; + height: 12px; +} + /* Sidebar Search Bar */ #search-area { -- cgit v1.2.3