A lot of things

- Added Database page.
- Added Xenforo API compatibility
- Added Hovercard
- Added Notifications

resources/css/components/common.css

@@ -87,17 +87,49 @@
     color: var(--text3);
     border-color: var(--rhpz-orange);
 }
-.badge.blue {
+.badge.blue, .badge.translations {
     background-color: var(--info);
     color: var(--text);
     border-color: var(--info);
 }
-.badge.green {
+.badge.green, .badge.romhacks {
     background-color: var(--success2);
     color: var(--text);
     border-color: var(--success2);
 }
 
+.topbar-badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 18px;
+    height: 18px;
+    padding: 0 4px;
+    border-radius: 9px;
+    background-color: var(--rhpz-orange);
+    color: #111;
+    font-size: 0.65rem;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 1;
+    border: 2px solid var(--bg);
+    animation: badge-pop 0.2s ease;
+}
+
+.topbar-badge--overflow {
+    border-radius: 9px;
+    padding: 0 5px;
+    font-size: 0.6rem;
+}
+
+@keyframes badge-pop {
+    0%   { transform: scale(0.5); opacity: 0; }
+    70%  { transform: scale(1.2); }
+    100% { transform: scale(1);   opacity: 1; }
+}
+
 /* BREADCRUMB */
 
 .breadcrumb {