2 background-color: rgb(255, 255, 255) !important;
3 box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
5 color: rgb(68, 68, 68) !important;
6 font-family: Consolas, 'Courier New', monospace;
10 white-space: pre-wrap;
11 word-break: break-all;
12 word-wrap: break-word;
14 &:not(.redactorCalcHeight)::before,
15 &.woltlabHtml::before {
16 color: $wcfContentLink;
17 content: attr(data-title);
20 font-family: $wcfFontFamily;
23 @include wcfFontHeadline;
32 color: $wcfContentDimmedText;
33 content: attr(data-description);
36 font-family: $wcfFontFamily;
40 @include wcfFontSmall;
46 background-color: $wcfContentBackground;
47 box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
69 background-image: linear-gradient(to top, opacify($wcfContentBackground, .9), transparentize($wcfContentBackground, 1));
85 padding: 10px 10px 10px;
86 margin: -10px -10px 0;
87 background-color: $wcfContentBackground;
92 /* required to avoid layout jumping caused by the dynamically added 24px button */
99 @include wcfFontHeadline;
110 font-family: Consolas, 'Courier New', monospace;
120 text-overflow: ellipsis;
122 /* No one has line numbers greater than 999999 */
126 content: attr(title);
131 white-space: pre-wrap;
132 word-break: break-all;
136 background-color: rgba(255, 255, 102, 1);
143 background-color: opacify($wcfContentBackground, .9);
146 padding: 10px 20px 0 10px;
149 @include wcfFontSmall;
153 .anchorFixedHeader:not(.disableAnchorFixedHeader):target .codeBoxHeader {
154 top: -30px; /* see wsc31.scss */
157 .dialogContent .codeBox .codeBoxHeader {
158 /* Prevent the header being sticky inside dialogs, which doesn't really work. */
164 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript&plugins=autoloader */
166 * prism.js default theme for JavaScript, CSS and HTML
167 * Based on dabblet (http://dabblet.com)
208 .language-css .token.string,
209 .style .token.string {
211 background: hsla(0, 0%, 100%, .5);