From 72cb0effcaf9e6caaaa09627a0741fa3b6c05212 Mon Sep 17 00:00:00 2001 From: Bobby Date: Fri, 12 May 2023 19:48:14 -0400 Subject: Welcome section update. Chat box added. Screenshot reflects chatting as well --- static/css/home.css | 31 +++++++++++++++++++++++++++++-- 1 file changed, 29 insertions(+), 2 deletions(-) (limited to 'static/css') diff --git a/static/css/home.css b/static/css/home.css index cbce7204..82cad039 100644 --- a/static/css/home.css +++ b/static/css/home.css @@ -1,7 +1,7 @@ #welcome { width: 730px; height: 262px; - background: url('../images/backgrounds/welcome-banner.gif') no-repeat; + background: url('../images/backgrounds/welcome-banner.png') no-repeat; background-size: 730px 262px; margin: 0px auto 20px auto; border: 0px; @@ -12,13 +12,40 @@ } #welcome > p { - width: 400px; + width: 375px; margin: 12px 0px 12px 50px; position: relative; top: 30px; text-align: justify; } +#chatbox { + position: absolute; + right: 110px; + width: 160px; + top: 25px; +} + +#messages { + height: 175px; + overflow-y: scroll; + position: relative; +} + +.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; -- cgit v1.2.3