2 border-bottom: 1px solid $wcfContentBorder;
4 flex-direction: column;
10 transition: background-color 0.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 0.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;
238 @include wcfFontSmall;
245 @include screen-sm-down {
251 @include screen-md-down {
252 :not(.button) > .icon16,
265 background-color: rgb(242, 242, 242);
268 &:not(:last-child) > td {
269 border-bottom: 1px solid $wcfContentBorderInner;
281 display: inline-block;
286 // table without header
287 tbody:first-child > tr:first-child > td {
288 border-top: 1px solid $wcfContentBorder;