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;
}
/* Add a color to the active/current link */
.topnav a.active {
- background-color: #4e50c2;
+ background-color: #4B86EE;
color: white;
}
.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
--- /dev/null
+<?php
+
+// Silence is golden or something idk I'm not a goldsmith
\ No newline at end of file
+<link href="/css/unrealircd-admin.css" rel="stylesheet">
+<body>
+<div id="headerContainer">
+<h2>UnrealIRCd <small>Administration Panel</small></h2><br>
+</div>
<script src="js/unrealircd-admin.js" defer></script>
<div class="topnav">
<a data-tab-target="#overview" class="active" href="#overview">Overview</a>
include "Classes/class-rpc.php";
rpc_pop_lists();
-echo "
-<link href=\"/css/unrealircd-admin.css\" rel=\"stylesheet\">
-<h1>UnrealIRCd</h1>
-<div class=\"tab-content\">
-<div id=\"overview\" data-tab-content class=\"active\">
- <h2>IRC Overview Panel</h2>
- <table class='unrealircd_overview'>
- <tr><td>Users</td><td>".count(RPC_List::$user)."</td></tr>
- <tr><td>Opers</td><td>".RPC_List::$opercount."</td></tr>
- <tr><td>Services</td><td>".RPC_List::$services_count."</td></tr>
- <tr><td>Most popular channel</td><td>".RPC_List::$most_populated_channel." (".RPC_List::$channel_pop_count." users)</td></tr>
- <tr><td>Channels</td><td>".count(RPC_List::$channel)."</td></tr>
- <tr><td>Server bans</td><td>".count(RPC_List::$tkl)."</td></tr>
- <tr><td>Spamfilter entries</td><td>".count(RPC_List::$spamfilter)."</td></tr>
- </table></div></div>";
?>
+
+<div class="tab-content\">
+<div id="overview" data-tab-content class="active">
+ <table class='unrealircd_overview'>
+ <th>Chat Overview</th><th></th>
+ <tr><td><b>Users</b></td><td><?php echo count(RPC_List::$user); ?></td></tr>
+ <tr><td><b>Opers</b></td><td><?php echo RPC_List::$opercount; ?></td></tr>
+ <tr><td><b>Services</b></td><td><?php echo RPC_List::$services_count; ?></td></tr>
+ <tr><td><b>Most popular channel</b></td><td><?php echo RPC_List::$most_populated_channel; ?> (<?php echo RPC_List::$channel_pop_count; ?> users)</td></tr>
+ <tr><td><b>Channels</b></td><td><?php echo count(RPC_List::$channel); ?></td></tr>
+ <tr><td><b>Server bans</b></td><td><?php echo count(RPC_List::$tkl); ?></td></tr>
+ <tr><td><b>Spamfilter entries</b></td><td><?php echo count(RPC_List::$spamfilter); ?></td></tr></th>
+ </table></div></div>
+
+<div class="tab-content\">
+<div id="users" data-tab-content>
+ <h2>Users Overview Panel</h2>
+ <table class='unrealircd_overview'>
+ <th>
+ <tr>
+ <td>
+ </td>
+ </tr>
+</th>
+ <tbody>
+
+ </tbody>
+ </table></div></div>
+
+</body>
\ No newline at end of file