2 border: 1px solid $wcfContentBorder;
4 line-height: $wcfBaseLineHeight;
23 > .redactorAutosaveNotice {
24 background-color: $wcfContentBackground;
25 border: 1px solid $wcfContentBorderInner;
26 border-width: 1px 0 0 1px;
30 padding: $wcfGapSmall;
33 transition: visibility 0s linear .3s, opacity .3s linear;
42 &.redactorAutosaveNoticeIcons > span.fa-check {
43 margin-right: $wcfGapSmall;
46 > span.redactorAutosaveMessage {
47 padding: 0 $wcfGapSmall;
64 line-height: $wcfBaseLineHeight;
80 list-style-type: disc;
84 list-style-type: decimal;
88 border: 1px solid transparent;
93 border-collapse: collapse;
98 border: 1px solid #ddd;
108 content: attr(data-quote-header);
114 @extend .wcfFontHeadline;
118 content: $fa-var-pencil;
119 font-family: FontAwesome;
120 font-size: $wcfFontSizeHeadline;
131 .redactorEditCodeBox {
132 background-color: rgba(255, 255, 255, .8);
140 transition: opacity .2s linear;
150 transform: translate(-50%, -50%);
154 &:hover .redactorEditCodeBox {
164 &.TODO_msie .quoteBox {
165 /* resets 'hasLayout' causing IE to display resize handle and wonky editing behavior */
175 background-color: transparent !important;
179 background-color: $wcfDropdownBackgroundActive;
183 .redactor-dropdown-link-inactive {
188 background-color: transparent !important;
189 color: $wcfDropdownText !important;
194 @media all and (min-width: 801px) {
200 /* disable auto zoom in mobile safari */
201 @media only screen and (max-width: 800px) {
202 .redactor-editor + textarea {
209 background: repeating-linear-gradient(0deg, $wcfContentBorderInner 0px, $wcfContentBorderInner 3%, $wcfContentBackground 3%, $wcfContentBackground 100%);
210 background-size: 100% 31px;
220 border-right: 1px solid $wcfContentBorderInner;
224 color: $wcfButtonText;
231 text-decoration: none;
233 &.redactor-button-disabled,
234 &.redactor-button-disabled:before,
235 &.redactor-button-disabled > i:before {
236 color: $wcfButtonDisabledText;
242 background-color: $wcfButtonBackgroundActive;
243 color: $wcfButtonTextActive;
249 .redactor-toolbar-tooltip {
250 @extend .balloonTooltip;
256 // TODO: border-color: $wcfTooltipBackgroundColor transparent;
258 border-width: 0 5px 5px;
264 transform: translateX(-50%);
277 text-decoration: underline !important;
281 text-decoration: line-through !important;
284 #redactor-image-box {
285 border: 1px dashed rgba(0, 0, 0, .5);
286 display: inline-block;
297 #redactor-image-editter {
298 @extend .balloonTooltip;
302 // TODO: line-height: $wcfSmallFontSize;
310 #redactor-image-resizer {
311 background-color: rgba(0, 0, 0, 1);
312 border: 1px solid rgba(255, 255, 255, 1);
323 .redactorAttachmentContainer {
324 background-color: rgba(255, 255, 255, 1);
325 border: 1px solid rgba(238, 238, 238, 1);
327 padding: 7px 14px 7px;
330 .redactor-dropdown-box-fontcolor {
333 > li.redactorColorPallet {
337 background-color: $wcfDropdownBackground !important;
341 border: 2px solid rgba(255, 255, 255, 1);
342 border-bottom-width: 0;
343 display: inline-block;
354 background-color: rgba(255, 255, 204, 1);
355 border: 5px dashed rgba(255, 204, 0);
356 box-sizing: border-box;
360 vertical-align: middle;
364 background-color: #CEF6CE;
365 border-color: #04B404;
369 .redactor-link-tooltip {
370 // TODO: background-color: $wcfTooltipBackgroundColor;
372 // TODO: color: $wcfTooltipColor;
373 // TODO: font-size: $wcfSmallFontSize;
374 padding: 5px 10px 7px;
378 @include boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
381 // TODO: color: $wcfTooltipColor;