Label styling

diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index bc3c1013b566f1ed6633bb61787906dc697534f9..89dc5ef27036e867109ca3556ef50fb55f3a4a39 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -1205,6 +1205,7 @@ section.content .content {
        font-size: 85%;
        font-weight: bold;
        text-shadow: none;
+       text-decoration: none;
        border-radius: 13px;
        background-color: #fff;
        margin-right: -3px;
@@ -1215,7 +1216,7 @@ section.content .content {
        top: -1px;
 }
 
-/* Types */
+/* Badge Types */
 
 .badgeNote {
        border: 1px solid #ccc;
@@ -1273,6 +1274,111 @@ li > .badgeButton {
 
 
 
+/* ############## ToDo: Labels ############## */
+
+/* Globals */
+
+.label {
+       font-size: 85%;
+       font-weight: bold;
+       color: #eee;
+       text-shadow: none;
+       text-decoration: none;
+       border-radius: 13px;
+       background-color: #666;
+       margin-right: -3px;
+       margin-left: 3px;
+       padding: 1px 5px 2px;
+       display: inline-block;
+       position: relative;
+       top: -1px;
+}
+
+.label a {
+       color: #eee;
+       text-decoration: none;
+}
+
+.label a:hover {
+       color: #fff;
+}
+
+/* Label Default Colors */
+
+.label.black {
+       background-color: #333;
+}
+
+.label.black:hover {
+       background-color: #000;
+}
+
+.label.brown {
+       background-color: #c63;
+}
+
+.label.brown:hover {
+       background-color: #930;
+}
+
+.label.red {
+       background-color: #c00;
+}
+
+.label.red:hover {
+       background-color: #900;
+}
+
+.label.orange {
+       background-color: #f90;
+}
+
+.label.orange:hover {
+       background-color: #f60;
+}
+
+.label.yellow {
+       background-color: #ff0;
+}
+
+.label.yellow:hover {
+       background-color: #cc0;
+}
+
+.label.green {
+       background-color: #0c0;
+}
+
+.label.green:hover {
+       background-color: #090;
+}
+
+.label.blue {
+       background-color: #09f;
+}
+
+.label.blue:hover {
+       background-color: #06c;
+}
+
+.label.lilac {
+       background-color: #c0f;
+}
+
+.label.lilac:hover {
+       background-color: #90c;---
+}
+
+.label.pink {
+       background-color: #f0c;
+}
+
+.label.pink:hover {
+       background-color: #c09;---
+}
+
+
+
 /* ############## ToDo: Dropdown Global ############## */
 
 .dropdown {