From: Valerie Pond Date: Sat, 31 Dec 2022 02:32:12 +0000 (+0000) Subject: Add some styling, convert PHP'd HTML to HTML'd PHP X-Git-Tag: 0.9~611 X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/commitdiff_plain/82f5bcbfce51d9732758f6b8c666ea3af9440bb2?hp=709b97f3b90d912cb85f532180d6715f93b2ffae Add some styling, convert PHP'd HTML to HTML'd PHP --- diff --git a/css/unrealircd-admin.css b/css/unrealircd-admin.css index 5aa44b6..a8e1985 100644 --- a/css/unrealircd-admin.css +++ b/css/unrealircd-admin.css @@ -3,23 +3,60 @@ border-collapse: collapse; border-radius: 15px; width: 25%; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); +} + +.unrealircd_overview thead { + background-color: #4e50c2; + color: #ffffff; + text-align: left; +} + +table { + border-collapse: collapse; + margin: 25px 0; + font-size: 0.9em; + font-family: sans-serif; + min-width: 400px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } td, th { - border: 1px solid #000; text-align: left; padding: 8px; } +th:first-of-type { + border-top-left-radius: 10px; + color: white; + background-color: #4B86EE +} + +th:last-of-type { + border-top-right-radius: 10px; + color: white; + background-color: #4B86EE +} + +tr:last-of-type td:first-of-type { + border-bottom-left-radius: 10px; + +} + +tr:last-of-type td:last-of-type { + border-bottom-right-radius: 10px; +} + tr:nth-child(even) { background-color: #bec8d3; } -* { - box-sizing: border-box; +tr:nth-child(odd) { + background-color: whitesmoke; } + .row { display: flex; } @@ -52,7 +89,7 @@ tr:nth-child(even) { /* Add a color to the active/current link */ .topnav a.active { - background-color: #4e50c2; + background-color: #4B86EE; color: white; } @@ -71,4 +108,70 @@ tr:nth-child(even) { .tab:hover { background-color: #AAA; +} + +#headerContainer, +#headerTitle { + background-color: #4B86EE; + height: 62px; + margin-top: -10px; + padding: 10px 25px; + position: relative; +} + +#headerContainer { + margin-left: -15px; + z-index: 10; + + -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); + box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2); +} + +#headerContainer:before { + border-color: #034FD5 transparent; + border-style: solid; + border-width: 1em 0 0 1em; + bottom: -1em; + content: ''; + display: block; + left: 0; + position: absolute; +} + +#headerContainer h2, +#headerContainer h2 small { + color: white !important; + margin-bottom: 0px; +} + +#headerContainer h2 small { + font-weight: lighter; +} + +#headerTitle { + background-color: white; + margin-right: 15px; + z-index: 9; +} + +#headerTitle h2 { + line-height: 1.5; + margin-bottom: 0px; +} + +#headerTitle h2 i { + color: #f2f2f2; + font-size: 80px; + position: absolute; + right: 0; + top: -30px; + z-index: -1; +} + +#headerTitle h2 small { + color: #bbb; +} + +body { + background-image: url("/img/linen.png"); } \ No newline at end of file diff --git a/img/index.php b/img/index.php new file mode 100644 index 0000000..5d01148 --- /dev/null +++ b/img/index.php @@ -0,0 +1,3 @@ + + +
+

UnrealIRCd Administration Panel


+
Overview @@ -23,19 +28,34 @@ define('UPATH', true); include "Classes/class-rpc.php"; rpc_pop_lists(); -echo " - -

UnrealIRCd

-
-
-

IRC Overview Panel

- - - - - - - - -
Users".count(RPC_List::$user)."
Opers".RPC_List::$opercount."
Services".RPC_List::$services_count."
Most popular channel".RPC_List::$most_populated_channel." (".RPC_List::$channel_pop_count." users)
Channels".count(RPC_List::$channel)."
Server bans".count(RPC_List::$tkl)."
Spamfilter entries".count(RPC_List::$spamfilter)."
"; ?> + +
+
+ + + + + + + + + +
Chat Overview
Users
Opers
Services
Most popular channel ( users)
Channels
Server bans
Spamfilter entries
+ +
+
+

Users Overview Panel

+ + + + + + + + +
+
+
+ + \ No newline at end of file