Moved label-styles

Moved label-styles here for now to make them usable in the ACP as long
as the style-system is not yet ready

diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index 73c83a23f1d92abd20433e948bb43a433b9fd925..e1e8ea769b446928c5c54bc04111fbd8290a295a 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -1293,6 +1293,126 @@ li > .badgeButton {
 
 
 
+/* ############## Labels ############## */
+
+/* -- -- -- Label List -- -- -- */
+
+.labelList {
+       margin: 0;
+       padding: 5px 0;
+       display: inline-block;
+}
+
+/* -- -- -- Label -- -- -- */
+
+/* Globals */
+
+.label {
+       font-size: 85%;
+       font-weight: bold;
+       color: #eee;
+       text-shadow: none;
+       text-decoration: none;
+       border-radius: 13px;
+       background-color: rgba(102, 102, 102, 1);
+       margin-right: -3px;
+       margin-left: 3px;
+       padding: 1px 7px 2px;
+       display: inline-block;
+       position: relative;
+       top: -1px;
+}
+
+.label:hover {
+       color: #fff;
+       background-color: rgba(51, 51, 51, 1);
+}
+
+.label a {
+       color: #eee;
+       text-decoration: none;
+}
+
+.label a:hover {
+       color: #fff;
+}
+
+/* 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 {
@@ -3115,7 +3235,7 @@ tr .columnURL {
 
 
 
-/* ############## ToDo: Overlay ############## */
+/* ############## ToDo: WCF Dialog ############## */
 
 .wcfDialogContainer {
        border: 23px solid transparent;