Added label styles

diff --git a/wcfsetup/install/files/style/bootstrap.less b/wcfsetup/install/files/style/bootstrap.less
index d8b49944f2284cbb14e840e1b70aa5400347fc6f..df49405d55ce1734718cad6db6f18c9cb5c5b9d6 100644 (file)
--- 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 (file)
index 0000000..3599958
--- /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