diff options
| author | stonedDiscord <Tukz@gmx.de> | 2022-08-27 18:48:06 +0200 |
|---|---|---|
| committer | stonedDiscord <Tukz@gmx.de> | 2022-08-27 18:48:06 +0200 |
| commit | 20cdeeda24c9ab9d216f2556c3658b118fe43c4b (patch) | |
| tree | d0c53f0cd55f0abc81ed282120440ab60126c046 | |
| parent | 158008e16594e2c074c907a2656466baa9d6d9cf (diff) | |
add key calendar
| -rw-r--r-- | public/client.html | 5 | ||||
| -rw-r--r-- | webAO/styles/chatbox/key.css | 52 |
2 files changed, 55 insertions, 2 deletions
diff --git a/public/client.html b/public/client.html index ec0fbec..731c063 100644 --- a/public/client.html +++ b/public/client.html @@ -132,10 +132,11 @@ </div> <div id="client_trackstatus"><marquee id="client_trackstatustext">None</marquee></div> <div id="client_clock"> - <p id="client_clock_date">00/00</p> + <p id="client_clock_month">April</p> + <p id="client_clock_date">14</p> <p id="client_clock_time">00:00</p> - <p id="client_clock_weekday">Su</p> + <p id="client_clock_weekday">Mon.</p> </div> </div> </div> diff --git a/webAO/styles/chatbox/key.css b/webAO/styles/chatbox/key.css index 74dc95a..cf979e7 100644 --- a/webAO/styles/chatbox/key.css +++ b/webAO/styles/chatbox/key.css @@ -47,6 +47,7 @@ width: 100%; filter: none; font-family: "Verdana"; + transition: height 1s linear; } #client_chatdecoration { @@ -143,4 +144,55 @@ position: absolute; top: 1%; left: 1%; + width: 12%; + height: 15%; + background-color: #d59a9a; + border: #ffbe9f 3px ridge; + border-radius: 100%; +} + +#client_clock_month { + position: absolute; + width: 90%; + height: 15%; + left: 5%; + top: 8%; + margin: 0; + color: #52443c; + background: #ffb183; + border: 2px white outset; + border-radius: 100%; + text-shadow: -1px -1px 0 #d7e5d9, 1px -1px 0 #d7e5d9, -1px 1px 0 #d7e5d9, 1px 1px 0 #d7e5d9; +} + +#client_clock_date { + position: absolute; + width: 50%; + height: 50%; + left: 25%; + top: 25%; + margin: 0; + color: #fdf5e4; + text-shadow: -1px -1px 0 #78320b, 1px -1px 0 #78320b, -1px 1px 0 #78320b, 1px 1px 0 #78320b; + font-size: 3em; +} + +#client_clock_weekday { + position: absolute; + width: 25%; + height: 25%; + right: 0; + bottom: 0; + margin: 0; + color: gray; + text-shadow: -1px -1px 0 darkgray, 1px -1px 0 darkgray, -1px 1px 0 darkgray, 1px 1px 0 darkgray; + text-decoration: underline; + font-size: smaller; + background-color: #c7856f; + border: #ffc89f 3px ridge; + border-radius: 100%; +} + +#client_clock_time { + display: none; }
\ No newline at end of file |