From 3692a9d4f7165ed951a1bfbb6bd96d4dd601a46b Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Tue, 30 Oct 2012 03:31:27 +0100 Subject: [PATCH] Moved label colors into WCF Fixes #823 --- wcfsetup/install/files/style/global.less | 90 ++++++++++++++++++++++++ 1 file changed, 90 insertions(+) diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less index 5ffac60bf5..70dc411801 100644 --- 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 */ -- 2.20.1