From fbd3c303709bc9f7631e2ac62e6b5f5d316c9103 Mon Sep 17 00:00:00 2001 From: SuramyaRanjan <154046510+SuramyaRanjan@users.noreply.github.com> Date: Sat, 13 Apr 2024 22:43:19 +0530 Subject: [PATCH] Delete stylee.css Signed-off-by: SuramyaRanjan <154046510+SuramyaRanjan@users.noreply.github.com> --- stylee.css | 129 ----------------------------------------------------- 1 file changed, 129 deletions(-) delete mode 100644 stylee.css diff --git a/stylee.css b/stylee.css deleted file mode 100644 index 0112d9e..0000000 --- a/stylee.css +++ /dev/null @@ -1,129 +0,0 @@ -* { - padding: 0; - margin: 0; - box-sizing: border-box; -} - -body { - display: flex; - align-items: center; - justify-content: center; - min-height: 100vh; - background-image: linear-gradient(red, yellow); - font-family: Arial, sans-serif; -} - -.chat_section { - width: 90%; - max-width: 800px; - background: #f0f2f5; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); - border-radius: 20px; -} - -.brand { - padding: 20px; - background: #ffffff; - display: flex; - align-items: center; - flex-wrap: wrap; /* Allow elements to wrap to new line if needed */ -} - -.tools { - display: flex; - align-items: center; - margin-right: auto; /* Push tools to left, adjust as needed */ -} -.tools img { - margin-right: 10px; /* Adjust the spacing between images */ - height: 30px; /* Adjust the height of the images */ - border-radius: 50%; /* Apply border-radius to make the images circular */ - border: 2px solid transparent; /* Add a border for better visibility */ - transition: border-color 0.3s ease; /* Add transition effect on hover */ -} - -.tools img:hover { - border-color: #ccc; /* Change border color on hover */ -} - -.brand h1 { - font-size: 20px; - color: #444; - margin-left: 10px; -} - -.message_box { - height: 60vh; - padding: 16px; - display: flex; - flex-direction: column; - overflow-y: auto; - border: 3px solid black; - margin: 10px; - border-radius: 10px; - position: relative; - background-image: linear-gradient(45deg, #161bdf, transparent); -} - -.watermark { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - color: #ccc; /* Placeholder color */ -} - -textarea { - width: calc(100% - 55px); - height: 50px; - border: 3px solid rgb(45, 43, 43); - padding: 10px; - font-size: 16px; - outline: none; - background: #ededed; - border-radius: 10px; - margin: 10px; -} - -.message { - padding: 10px; - border-radius: 10px; - margin-bottom: 10px; - max-width: 80%; - word-wrap: break-word; -} - -.in { - background: #dcf8c6; - color: #000; - align-self: flex-start; -} - -.out { - background: #e2e2e2; - color: #000; - align-self: flex-end; -} - -.message h4 { - margin: 0; - font-size: 14px; - font-weight: bold; - color: #777; - margin-bottom: 5px; -} - -/* Media queries for responsiveness */ -@media only screen and (max-width: 600px) { - .brand { - justify-content: center; /* Center align elements on small screens */ - } - - .tools { - margin-right: 0; /* Remove margin to center tools */ - } - - textarea { - width: calc(100% - 20px); /* Adjust textarea width for smaller screens */ - } -}