/* ### globals ### */
body {
background-color: @wcfPageBackgroundColor;
- color: @wcfPageColor;
+ color: @wcfColor;
font-family: @wcfBaseFontFamily;
font-size: @wcfBaseFontSize;
line-height: @wcfBaseLineHeight;
}
a {
- color: @wcfPageLinkColor;
+ color: @wcfLinkColor;
cursor: pointer;
text-decoration: none;
&:hover {
- color: @wcfPageLinkHoverColor;
+ color: @wcfLinkHoverColor;
text-decoration: underline;
}
}
-.content, .sidebar {
- color: @wcfColor;
+.footer, .logo {
+ color: @wcfPageColor;
a {
- color: @wcfLinkColor;
+ color: @wcfPageLinkColor;
&:hover {
- color: @wcfLinkHoverColor;
+ color: @wcfPageLinkHoverColor;
}
}
}
}
}
+ &:not(.active) {
+ padding-top: 5px;
+ }
+
&:not(:last-child) {
border-right: 1px solid @wcfContainerBorderColor;
}
> .collapsibleButton {
background-color: @wcfSidebarBackgroundColor;
- background-image: url('../icon/arrowRight.svg');
+ background-image: url('../icon/arrowRightColored.svg');
background-position: 4px 4px;
background-repeat: no-repeat;
background-size: 16px;
}
> .collapsibleButton {
- background-image: url('../icon/arrowLeft.svg');
+ background-image: url('../icon/arrowLeftColored.svg');
}
}
}