From 2efc3e9fbb38e447c5e336dfea679644ea16af12 Mon Sep 17 00:00:00 2001 From: Bobby Date: Sun, 15 Dec 2024 01:32:50 -0500 Subject: more items. homepage stuff --- static/css/core/home.css | 108 +++++++++++++++++++++++++++++++++++++++++++ static/css/home.css | 112 --------------------------------------------- static/css/shared/core.css | 39 ++++++---------- 3 files changed, 123 insertions(+), 136 deletions(-) create mode 100644 static/css/core/home.css delete mode 100644 static/css/home.css (limited to 'static/css') diff --git a/static/css/core/home.css b/static/css/core/home.css new file mode 100644 index 00000000..79df5690 --- /dev/null +++ b/static/css/core/home.css @@ -0,0 +1,108 @@ +#welcome { + width: 780px; + min-height: 280px; + background: url('../../images/core/backgrounds/welcome-banner.png') no-repeat; + background-size: 780px 280px; + margin: 15px auto; + border: 0px; + position: relative; + text-align: justify; + border-radius: 8px; +} + +#welcome>p { + width: 410px; + margin: 12px 0px 12px 48px; + position: relative; + top: 20px; + text-align: justify; +} + +#chatbox { + position: absolute; + right: 116px; + width: 172px; + top: 24px; +} + +#messages { + height: 176px; + overflow-y: scroll; + position: relative; + -ms-overflow-style: none; + scrollbar-width: none; +} + +#messages::-webkit-scrollbar { + display: none; +} + +.message { + text-align: left; +} + +#chatbox-input { + width: 168px; + border: none; + margin-top: 4px; + padding: 4px 2px 2px 2px; + resize: none; + border-top: solid 1px rgba(222, 222, 222, 0.7); + border-radius: 0; + height: 64px; +} + +#uc { + width: 780px; +} + +/* +#announcements { + background: url('../images/backgrounds/announcements.png') no-repeat; + background-size: 730px 300px; + position: relative; + margin-top: 15px; + width: 730px; + height: 300px; +} + +#update-gif { + height: 14px; + display: block; + position: relative; + left: 118px; + top: 11px; +} + +marquee { + border: 15px solid transparent; + padding: 15px; + border-image: url('../images/backgrounds/announcements_border.png') 45 round; + width: 480px; + height: 180px; + position: relative; + left: 120px; + top: 23px; + background-color: rgba(0, 0, 0, 0.2); +} + +marquee::after { + position: absolute; + top: -4px; + bottom: -4px; + left: -4px; + right: -4px; + content: ''; + z-index: -1; + border-radius: 16px; +} + +marquee>ul { + text-align: justify; +} + + + +#adfs { + width: 720px; +} */ \ No newline at end of file diff --git a/static/css/home.css b/static/css/home.css deleted file mode 100644 index 8405b6e7..00000000 --- a/static/css/home.css +++ /dev/null @@ -1,112 +0,0 @@ -#welcome { - width: 730px; - min-height: 262px; - background: url('../images/backgrounds/welcome-banner.png') no-repeat; - background-size: 730px 262px; - margin: 0px auto 20px auto; - border: 0px; - position: relative; - margin-top: 15px; - text-align: justify; - border-radius: 8px; -} - -#welcome>p { - width: 375px; - margin: 12px 0px 12px 50px; - position: relative; - top: 20px; - text-align: justify; -} - -#chatbox { - position: absolute; - right: 110px; - width: 160px; - top: 25px; -} - -#messages { - height: 175px; - overflow-y: scroll; - position: relative; -} - -/* Hide scrollbar for Chrome, Safari and Opera */ -#messages::-webkit-scrollbar { - display: none; -} - -/* Hide scrollbar for IE, Edge and Firefox */ -#messages { - -ms-overflow-style: none; - /* IE and Edge */ - scrollbar-width: none; - /* Firefox */ -} - -.message { - text-align: left; -} - -#chatbox-input { - width: 156px; - border: none; - padding: 10px 2px 2px 2px; - resize: none; - border-top: solid 1px rgba(222, 222, 222, 0.7); - border-radius: 0; - height: 35px; -} - -#announcements { - background: url('../images/backgrounds/announcements.png') no-repeat; - background-size: 730px 300px; - position: relative; - margin-top: 15px; - width: 730px; - height: 300px; -} - -#update-gif { - height: 14px; - display: block; - position: relative; - left: 118px; - top: 11px; -} - -marquee { - border: 15px solid transparent; - padding: 15px; - border-image: url('../images/backgrounds/announcements_border.png') 45 round; - width: 480px; - height: 180px; - position: relative; - left: 120px; - top: 23px; - background-color: rgba(0, 0, 0, 0.2); -} - -marquee::after { - position: absolute; - top: -4px; - bottom: -4px; - left: -4px; - right: -4px; - content: ''; - z-index: -1; - border-radius: 16px; -} - -marquee>ul { - text-align: justify; -} - -#uc { - width: 730px; -} - -#adfs { - width: 720px; -} diff --git a/static/css/shared/core.css b/static/css/shared/core.css index 30675fbd..fc369c39 100644 --- a/static/css/shared/core.css +++ b/static/css/shared/core.css @@ -2,15 +2,9 @@ @font-face { font-family: 'Klee'; src: url('../../fonts/KleeOne-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Klee'; - src: url('../../fonts/KleeOne-SemiBold.ttf') format('truetype'); - font-weight: bold; + font-weight: 400; font-style: normal; + font-display: swap } @font-face { @@ -27,8 +21,6 @@ outline: none; border: none; color: #fff; - font-family: 'Klee', sans-serif; - font-size: 12px; } /* HTML and Body Base */ @@ -38,26 +30,20 @@ html { min-width: 1200px; } -/* html[lang='en'], -html[lang='en'] input, -.en { - font-family: 'AP'; - font-size: 12px; -} - -html[lang='ja'], -html[lang='ja'] input, -.ja { - font-family: 'AP'; - font-size: 12px; -} */ - body { min-height: 100vh; overflow-x: hidden; position: relative; } +body, +textarea, +input { + font-family: 'Klee'; + font-size: 12px; + font-weight: 400; +} + /* Element Styles */ hr { height: 1px; @@ -81,6 +67,11 @@ a:hover { text-decoration: underline; } +textarea { + resize: none; + background: transparent; +} + /* Image Styles */ img { -webkit-backface-visibility: hidden; -- cgit v1.2.3