From 1f2a64e9e4e24a78fe4d48ab21d7f7d5b6f81fc3 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Thu, 5 Apr 2012 02:54:50 +0200 Subject: [PATCH] Added label styles --- wcfsetup/install/files/style/bootstrap.less | 1 + wcfsetup/install/files/style/label.less | 91 +++++++++++++++++++++ 2 files changed, 92 insertions(+) create mode 100644 wcfsetup/install/files/style/label.less diff --git a/wcfsetup/install/files/style/bootstrap.less b/wcfsetup/install/files/style/bootstrap.less index d8b49944f2..df49405d55 100644 --- a/wcfsetup/install/files/style/bootstrap.less +++ b/wcfsetup/install/files/style/bootstrap.less @@ -29,6 +29,7 @@ @import "like.less"; @import "sidebar.less"; @import "attachment.less"; +@import "label.less"; @import "message.less"; @import "dialog.less"; diff --git a/wcfsetup/install/files/style/label.less b/wcfsetup/install/files/style/label.less new file mode 100644 index 0000000000..35999582ad --- /dev/null +++ b/wcfsetup/install/files/style/label.less @@ -0,0 +1,91 @@ +/* #### Labels #### */ +.badge.label { + font-size: 90%; + color: #fff; + 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; + 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.label:hover { + 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; + } +} + +/* label list */ +.labelList, .labelList > li { + display: inline-block; +} \ No newline at end of file -- 2.20.1