diff options
| author | stonedDiscord <Tukz@gmx.de> | 2022-08-17 22:54:47 +0200 |
|---|---|---|
| committer | stonedDiscord <Tukz@gmx.de> | 2022-08-17 22:54:47 +0200 |
| commit | 9fcf758d8c125a24f279efc59614325405f85298 (patch) | |
| tree | cd3a696e2a91c6c987cdf76b2f1ca4d676a19b2f | |
| parent | d28a5646454b7dbc6793382c1e30642b1595bc7c (diff) | |
add ACWW clock
| -rw-r--r-- | public/client.html | 9 | ||||
| -rw-r--r-- | webAO/styles/chatbox/acww.css | 69 |
2 files changed, 72 insertions, 6 deletions
diff --git a/public/client.html b/public/client.html index 150561d..ec0fbec 100644 --- a/public/client.html +++ b/public/client.html @@ -132,13 +132,10 @@ </div> <div id="client_trackstatus"><marquee id="client_trackstatustext">None</marquee></div> <div id="client_clock"> - <p id="client_clock_hour"></p> - <p id="client_clock_colon"></p> - <p id="client_clock_minute"></p> + <p id="client_clock_date">00/00</p> + <p id="client_clock_time">00:00</p> - <p id="client_clock_month"></p> - <p id="client_clock_day"></p> - <p id="client_clock_weekday"></p> + <p id="client_clock_weekday">Su</p> </div> </div> </div> diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css index ffda68b..00b2b7f 100644 --- a/webAO/styles/chatbox/acww.css +++ b/webAO/styles/chatbox/acww.css @@ -146,4 +146,73 @@ #client_trackstatus { display: none; +} + +#client_clock_date { + position: absolute; + width: 13%; + height: 4%; + right: 0; + top: 1%; + text-align: left; + color: #7d5500; + background: linear-gradient( + to bottom, + #ffef55, + #ffef55 20%, + #ffcf3c 20%, + #ffcf3c 40%, + #ffef55 40%, + #ffef55 60%, + #ffcf3c 60%, + #ffcf3c 80%, + #ffef55 80%, + #ffef55 100% + ); + border: 0.1em solid #ae4500; + border-radius: 50%; + border-bottom: none; + font-weight: bold; + padding-left: 1.5em; + padding-top: 0.5em; +} + +#client_clock_weekday { + position: absolute; + width: 2.5%; + height: 3%; + right: 1%; + top: 2%; + color: white; + background: green; + background-size: 100% 40%; + border: 0.1em solid green; + border-radius: 100%; +} + +#client_clock_time { + position: absolute; + width: 16%; + height: 4%; + right: 2%; + top: 4%; + text-align: center; + color: #5d5500; + background: linear-gradient( + to bottom, + rgba(255,255,0,0), + rgba(255,255,0,0) 20%, + #ffcf3c 20%, + #ffcf3c 40%, + #ffef55 40%, + #ffef55 60%, + #ffcf3c 60%, + #ffcf3c 80%, + #ffef55 80%, + #ffef55 100% + ); + border: 0.1em solid #ae4500; + border-radius: 50%; + border-top: none; + padding-top: 0.5em; }
\ No newline at end of file |