2 border-bottom: 1px solid $wcfContentBorder;
4 flex-direction: column;
10 transition: background-color .12s;
12 &.divider + li:not(.divider) {
13 border-top-color: $wcfContentBorder;
16 &:not(.tabularListRowHead):hover {
17 background-color: $wcfTabularBoxBackgroundActive;
22 border-bottom: 2px solid currentColor;
23 color: $wcfTabularBoxHeadline;
26 border-top-width: 0 !important;
30 .tabularListRow:not(.tabularListRowHead) {
31 border-top: 1px solid $wcfContentBorderInner;
44 .tabularListRowHead > .tabularListColumns > li {
45 color: $wcfTabularBoxHeadline;
47 @include wcfFontHeadline;
50 color: $wcfTabularBoxHeadline;
60 display: inline-block;
61 font-family: FontAwesome;
68 content: $fa-var-caret-up;
73 content: $fa-var-caret-down;
79 color: $wcfTabularBoxHeadlineActive;
89 border-bottom: 1px solid currentColor;
90 color: $wcfTabularBoxHeadline;
96 @include wcfFontHeadline;
109 color: $wcfTabularBoxHeadline;
112 color: $wcfTabularBoxHeadlineActive;
118 transition: transform .12s linear;
126 border-bottom: 1px solid $wcfContentBorder;
134 vertical-align: middle;
143 border-bottom: 2px solid currentColor;
144 color: $wcfTabularBoxHeadline;
148 @include wcfFontHeadline;
151 color: $wcfTabularBoxHeadline;
157 color: $wcfTabularBoxHeadlineActive;
163 display: inline-block;
164 font-family: FontAwesome;
170 content: $fa-var-caret-up;
174 content: $fa-var-caret-down;
231 @include wcfFontSmall;
234 &.columnURL, &.columnSmallText {
237 @include wcfFontSmall;
244 @include screen-sm-down {
250 @include screen-md-down {
251 :not(.button) > .icon16,
264 background-color: rgb(242, 242, 242);
267 &:not(:last-child) > td {
268 border-bottom: 1px solid $wcfContentBorderInner;
280 display: inline-block;
285 // table without header
286 tbody:first-child > tr:first-child > td {
287 border-top: 1px solid $wcfContentBorder;