diff options
Diffstat (limited to 'webAO/styles/chatbox/dr1.css')
| -rw-r--r-- | webAO/styles/chatbox/dr1.css | 210 |
1 files changed, 109 insertions, 101 deletions
diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ced1932..19ef5fc 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -1,162 +1,170 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - width: 100%; - height: 30%; - bottom: 0; - left: 0; - font-family: sans-serif; + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; } #client_name { - display: block; - padding: 0 0.45em; - height: 20%; - width: 87%; - text-align: left; - color: #3d3c3f; - font-weight: bold; - border-radius: 0 2em 0 0; - background: #fb9800; - background: linear-gradient(25deg, - #f7ffdb, #f7ffdb 60%, - #febf01 60% 63%, #fdffd7 63% 65%, - #fd9900 65%); - left: 0; - top: 0; - position: absolute; - z-index: 1; + display: block; + padding: 0 0.45em; + height: 20%; + width: 87%; + text-align: left; + color: #3d3c3f; + font-weight: bold; + border-radius: 0 2em 0 0; + background: #fb9800; + background: linear-gradient( + 25deg, + #f7ffdb, + #f7ffdb 60%, + #febf01 60% 63%, + #fdffd7 63% 65%, + #fd9900 65% + ); + left: 0; + top: 0; + position: absolute; + z-index: 1; } #client_inner_name { - padding: 0 2%; - margin: 1px; + padding: 0 2%; + margin: 1px; } #client_name::after { - content: "SPEAKING"; - position: absolute; - letter-spacing: 0.075em; - right: 0; - top: 0; - z-index: 2; - margin: 0; - color: #ffd786; - transform: scale(50%, 100%) + content: "SPEAKING"; + position: absolute; + letter-spacing: 0.075em; + right: 0; + top: 0; + z-index: 2; + margin: 0; + color: #ffd786; + transform: scale(50%, 100%); } #client_chat { - font-size: 1em; - display: block; - width: 97%; - margin: auto; - height: 80%; - border-radius: 0 3em 3em 0; - background: rgba(48,48,48,0.8); - bottom: 0; - left: 0; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - - border-top-width: 1.2em; - border-top-style: solid; - border-color: #fd9900; + font-size: 1em; + display: block; + width: 97%; + margin: auto; + height: 80%; + border-radius: 0 3em 3em 0; + background: rgba(48, 48, 48, 0.8); + bottom: 0; + left: 0; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + + border-top-width: 1.2em; + border-top-style: solid; + border-color: #fd9900; } #client_inner_chat { - padding: 2% 4%; - padding-right: 15%; - margin: 0; + padding: 2% 4%; + padding-right: 15%; + margin: 0; } #client_chatwaiting { - display: block; - position: absolute; - color: transparent; - right: 3%; - bottom: 30%; - width: 2em; - height: 2em; - background-image: url("chatwaiting_dr1.svg"); - background-size: contain; + display: block; + position: absolute; + color: transparent; + right: 3%; + bottom: 30%; + width: 2em; + height: 2em; + background-image: url("chatwaiting_dr1.svg"); + background-size: contain; } #client_trackstatus { - position: absolute; - right: 4%; - top: 4%; - width: 4em; - height: 1.2em; - font-family: sans-serif; - font-weight: bold; - overflow: hidden; + position: absolute; + right: 4%; + top: 4%; + width: 4em; + height: 1.2em; + font-family: sans-serif; + font-weight: bold; + overflow: hidden; } #client_trackstatus::before { - content: "𝅘𝅥𝅮"; - position: absolute; - left: 0; - top: 0; - margin: 0; + content: "𝅘𝅥𝅮"; + position: absolute; + left: 0; + top: 0; + margin: 0; } #client_trackstatustext { - display: inline-block; - position: absolute; - left: 20%; - width: 80%; - margin: 0; - overflow: hidden; - padding-left: 1em; - letter-spacing: 0.4em; - white-space: nowrap; - animation: marquee 10s linear infinite; + display: inline-block; + position: absolute; + left: 20%; + width: 80%; + margin: 0; + overflow: hidden; + padding-left: 1em; + letter-spacing: 0.4em; + white-space: nowrap; + animation: marquee 10s linear infinite; } @keyframes marquee { - from { text-indent: 0% } - to { text-indent: -125% } + from { + text-indent: 0%; + } + to { + text-indent: -125%; + } } #client_clock { - display: none; -}
\ No newline at end of file + display: none; +} |