}
&.badgeGreen {
- background-color: @wcfSuccessColor;
- color: @wcfSuccessBackgroundColor;
+ background-color: rgba(0, 153, 0, 1);
+ color: rgba(238, 255, 238, 1);
}
&.badgeRed {
- background-color: @wcfErrorColor;
- color: @wcfErrorBackgroundColor;
+ background-color: rgba(204, 0, 0, 1);
+ color: rgba(255, 238, 238, 1);
}
&.badgeInverse {
z-index: 20; /* Prevents border overlay during transition */
}
-/* todo */
+/* sub tabs */
.tabMenuContainer > .menu {
border-bottom: 1px solid @wcfContainerBorderColor;
margin: -@wcfGapMedium -@wcfGapLarge @wcfGapSmall -@wcfGapLarge; /* reverse paddings from .containerPadding */
- padding: @wcfGapSmall 0;
- text-align: center;
+ padding: @wcfGapTiny @wcfGapSmall;
- .linearGradient(rgba(0, 0, 0, 0), @wcfContainerBackgroundColor, @wcfContainerAccentBackgroundColor);
+ .linearGradient(@wcfContainerBackgroundColor, @wcfContainerBackgroundColor, @wcfContainerAccentBackgroundColor);
ul{
display: inline-block;
border: 1px solid @wcfContainerBorderColor;
color: @wcfButtonColor;
display: block;
- font-size: 85%;
-
+ font-size: @wcfSmallFontSize;
+ margin: @wcfGapTiny 0;
padding: @wcfGapTiny @wcfGapSmall;
- .borderRadius(30px);
+ .borderRadius(15px);
&:hover {
background-color: @wcfButtonHoverBackgroundColor;