Commit | Line | Data |
---|---|---|
b8eab696 | 1 | .messageTabMenu { |
299eb8b4 | 2 | > .messageTabMenuContent { |
b8eab696 | 3 | display: none; |
b8eab696 | 4 | |
71212588 MS |
5 | &:not(.messageTabMenu) { |
6 | > nav.menu { | |
7 | display: none; | |
8 | } | |
9 | } | |
10 | ||
b8eab696 | 11 | &.active { |
299eb8b4 | 12 | background-color: $wcfContentBackground; |
b8eab696 | 13 | display: block; |
299eb8b4 | 14 | margin-top: 0; |
b8eab696 | 15 | } |
71212588 MS |
16 | |
17 | > .section:first-child { | |
18 | margin-top: 0; | |
19 | } | |
b8eab696 AE |
20 | } |
21 | ||
299eb8b4 AE |
22 | // prevent double formatting with nested tab menus |
23 | &:not(.messageTabMenuContent) > .messageTabMenuContent.active { | |
24 | border: 1px solid $wcfContentBorderInner; | |
25 | border-top-width: 0; | |
26 | padding: 20px; | |
27 | } | |
28 | ||
29 | // sub tab menu | |
30 | &.messageTabMenuContent > nav { | |
31 | border-bottom: 1px solid $wcfContentBorderInner; | |
32 | margin: -20px -20px 20px -20px; | |
33 | padding: 5px 20px; | |
34 | ||
35 | > ul { | |
5908f54f | 36 | @include inlineList; |
299eb8b4 | 37 | |
71212588 MS |
38 | border: 0; |
39 | ||
299eb8b4 AE |
40 | > li { |
41 | outline: 0; | |
b8eab696 | 42 | |
299eb8b4 AE |
43 | &:not(:last-child) { |
44 | margin-right: 20px; | |
45 | } | |
46 | ||
47 | &.active > a { | |
48 | color: $wcfContentLinkActive; | |
49 | } | |
50 | ||
51 | > a { | |
52 | display: block; | |
b8eab696 | 53 | outline: 0; |
b8eab696 | 54 | |
5908f54f AE |
55 | @include userSelectNone; |
56 | @include wcfFontSmall; | |
b8eab696 AE |
57 | } |
58 | } | |
59 | } | |
b8eab696 AE |
60 | } |
61 | } | |
62 | ||
95fc303c AE |
63 | .messageTabMenu + .innerError, |
64 | .messageTabMenu + .innerSuccess, | |
65 | .messageTabMenu + .innerWarning { | |
87dba389 | 66 | margin-top: -1px; |
45433290 AE |
67 | width: 100%; |
68 | } | |
69 | ||
71212588 | 70 | .messageTabMenu > nav.tabMenu, |
bf5372fc | 71 | .messageTabMenuNavigation { |
bf5372fc | 72 | > ul { |
299eb8b4 AE |
73 | background-color: $wcfContentBackground; |
74 | border: 1px solid $wcfContentBorderInner; | |
75 | border-top-width: 0; | |
b8eab696 | 76 | |
5908f54f | 77 | @include inlineList; |
bf5372fc AE |
78 | |
79 | > li { | |
299eb8b4 AE |
80 | border-right: 1px solid $wcfContentBorderInner; |
81 | ||
bf5372fc | 82 | &:not(:last-child) { |
299eb8b4 AE |
83 | margin-right: 0; |
84 | } | |
85 | ||
86 | &.active > a { | |
87 | color: $wcfContentLinkActive; | |
88 | position: relative; | |
89 | ||
90 | &::after { | |
91 | border-bottom: 1px solid $wcfContentBackground; | |
92 | bottom: -1px; | |
93 | content: ""; | |
94 | display: block; | |
95 | left: 0; | |
96 | position: absolute; | |
97 | right: 0; | |
98 | } | |
b8eab696 AE |
99 | } |
100 | ||
b8eab696 | 101 | > a { |
bf5372fc | 102 | display: block; |
299eb8b4 | 103 | padding: 10px 20px; |
bf5372fc | 104 | |
5908f54f | 105 | @include userSelectNone; |
71212588 | 106 | @include wcfFontDefault; |
bf5372fc | 107 | |
f216765b | 108 | @include screen-md-up { |
c3d0938e AE |
109 | > .icon { |
110 | display: none; | |
111 | } | |
112 | } | |
113 | ||
f216765b | 114 | @include screen-sm-down { |
c3d0938e AE |
115 | > .icon { |
116 | display: block; | |
117 | } | |
118 | ||
119 | > span:not(.icon) { | |
120 | display: none; | |
121 | } | |
bf5372fc | 122 | } |
b8eab696 AE |
123 | } |
124 | } | |
125 | } | |
bf5372fc AE |
126 | |
127 | > span { | |
299eb8b4 | 128 | display: none; |
bf5372fc | 129 | } |
b8eab696 AE |
130 | } |
131 | ||
b8eab696 AE |
132 | /* fix for Firefox - fieldsets are set to display: table-column which cause an odd gap between the fieldset |
133 | and the next element, similar to gaps with display: inline-block and font-size > 0 */ | |
134 | @-moz-document url-prefix() { | |
135 | fieldset + .messageTabMenu { | |
136 | margin-top: -3px; | |
137 | } | |
138 | } | |
139 | ||
140 | .uploadButton { | |
141 | overflow: hidden; | |
142 | position: relative; | |
143 | ||
144 | > input { | |
efe397bc MW |
145 | bottom: 0; |
146 | left: 0; | |
b8eab696 | 147 | opacity: 0; |
b8eab696 | 148 | position: absolute; |
efe397bc | 149 | top: 0; |
b8eab696 AE |
150 | } |
151 | } |