Kara is a digital assistent aimed to help in any daily situation. => Moved to /LunaDev/luna-development
https://luna-development.net/kara/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
797 B
65 lines
797 B
body { |
|
margin: 15px; |
|
padding: 0; |
|
} |
|
|
|
#kara { |
|
margin: 0; |
|
padding: 0; |
|
width: auto; |
|
} |
|
|
|
.message { |
|
color: black; |
|
padding: 10px; |
|
margin-bottom: 5px; |
|
min-width: 55%; |
|
max-width: 80%; |
|
} |
|
|
|
.bot-message { |
|
border-radius: 0 15px 15px 15px; |
|
background-color: lightgreen; |
|
} |
|
|
|
.user-message { |
|
border-radius: 15px 0 15px 15px; |
|
background-color: lightblue; |
|
} |
|
|
|
#chat-box { |
|
margin-top: 4em; |
|
overflow-y: scroll; |
|
height: 65vh; |
|
padding-bottom: 2em; |
|
} |
|
|
|
#chatbox-wrapper { |
|
position: fixed; |
|
padding: 1em; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
} |
|
|
|
#kara-banner { |
|
position: fixed; |
|
height: 3.2em; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
text-align: center; |
|
padding: 0.7em; |
|
} |
|
|
|
#kara-banner .btn, .add-response-input-button { |
|
margin-top: -0.3em; |
|
} |
|
|
|
.response-input { |
|
margin-bottom: 3px; |
|
} |
|
|
|
.form-button { |
|
width: 100%; |
|
} |