text-chat/static/styles.css

62 lines
1.0 KiB
CSS

body {
display: flex;
flex-direction: column;
align-items: center;
/* justify-content: center; */
height: 100vh;
width: 100vw;
background-color: #252525;
margin: 0;
}
chatinput {
display: flex;
flex-direction: row;
bottom: 0;
position: absolute;
margin-bottom: 10px;
}
#send {
margin-left: 10px;
background-color: #247ba0;
color: white;
border: 0px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#send:hover {
cursor: pointer;
box-shadow: rgba(240, 46, 170, 0.4) -5px 5px,
rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px,
rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;
transition: 0.3s;
}
#input {
background-color: transparent;
color: white;
border: 1px solid white;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
.message-bubble {
background-color: #984edf;
padding-left: 10px;
padding-right: 10px;
color: white;
border-radius: 5px;
}
.my-message {
background-color: #247ba0;
}