Moved label colors into WCF

Fixes #823

diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less
index 5ffac60bf5818f503b650ef10dff50495381ac88..70dc411801419ff36d6fc4b22a524daa78da27a3 100644 (file)
--- a/wcfsetup/install/files/style/global.less
+++ b/wcfsetup/install/files/style/global.less
@@ -197,11 +197,101 @@ a {
                background-color: @wcfTabularBoxColor;
                color: @wcfTabularBoxBackgroundColor;
        }
+       
+       &.label {
+               font-size: 90%;
+               color: #fff;
+               /* TODO: use textShadow() */
+               text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+               
+               /* default label colors */
+               &.black {
+                       background-color: #333;
+               }
+               
+               &.brown {
+                       background-color: #c63;
+               }
+               
+               &.red {
+                       background-color: #c00;
+               }
+               
+               &.orange {
+                       background-color: #f90;
+               }
+               
+               &.yellow {
+                       background-color: #ff0;
+                       color: #333;
+                       /* TODO: use textShadow() */
+                       text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
+               }
+               
+               &.green {
+                       background-color: #0c0;
+               }
+               
+               &.blue {
+                       background-color: #09f;
+               }
+               
+               &.purple {
+                       background-color: #c0f;
+               }
+               
+               &.pink {
+                       background-color: #f0c;
+               }
+       }
+       
+       /* hover */
+       
 }
 
 a.badge:hover {
        color: @wcfContentBackgroundColor;
        text-decoration: none;
+       
+       &.label {
+               text-decoration: none;
+               
+               &.black {
+                       background-color: #000;
+               }
+               
+               &.brown {
+                       background-color: #930;
+               }
+               
+               &.red {
+                       background-color: #900;
+               }
+               
+               &.orange {
+                       background-color: #f60;
+               }
+               
+               &.yellow {
+                       background-color: #cc0;
+               }
+               
+               &.green {
+                       background-color: #090;
+               }
+               
+               &.blue {
+                       background-color: #06c;
+               }
+               
+               &.purple {
+                       background-color: #90c;
+               }
+               
+               &.pink {
+                       background-color: #c09;
+               }
+       }
 }
 
 /* special */