Skip to Content

Changes for page NerdMatters

Last modified by XWikiGuest on 2026/03/10 19:21
From version 2.1
edited by XWikiGuest
on 2026/03/10 18:55
Change comment: There is no comment for this version
To version 3.1
edited by XWikiGuest
on 2026/03/10 18:55
Change comment: There is no comment for this version

Summary

Details

FlamingoThemesCode.ThemeClass[0]
lessCode
... ... @@ -1,0 +1,1228 @@
1 +// Superhero 3.3.5
2 +// Variables
3 +// --------------------------------------------------
4 +
5 +
6 +//== Colors
7 +//
8 +//## Gray and brand colors for use across Bootstrap.
9 +
10 +@gray-base: #000;
11 +@gray-darker: lighten(@gray-base, 13.5%); // #222
12 +@gray-dark: lighten(@gray-base, 20%); // #333
13 +@gray: lighten(@gray-base, 33.5%); // #555
14 +@gray-light: #4E5D6C; // #999
15 +@gray-lighter: #EBEBEB; // #eee
16 +
17 +@brand-primary: #DF691A;
18 +@brand-success: #5cb85c;
19 +@brand-info: #5bc0de;
20 +@brand-warning: #f0ad4e;
21 +@brand-danger: #d9534f;
22 +
23 +
24 +//== Scaffolding
25 +//
26 +//## Settings for some of the most global styles.
27 +
28 +//** Background color for `<body>`.
29 +@body-bg: #2B3E50;
30 +//** Global text color on `<body>`.
31 +@text-color: @gray-lighter;
32 +
33 +//** Global textual link color.
34 +@link-color: @brand-primary;
35 +//** Link hover color set via `darken()` function.
36 +@link-hover-color: @link-color;
37 +//** Link hover decoration.
38 +@link-hover-decoration: underline;
39 +
40 +
41 +//== Typography
42 +//
43 +//## Font, line-height, and color for body text, headings, and more.
44 +
45 +@font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
46 +@font-family-serif: Georgia, "Times New Roman", Times, serif;
47 +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
48 +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
49 +@font-family-base: @font-family-sans-serif;
50 +
51 +/* XWiki already overrides these variables
52 +@font-size-base: 15px;
53 +@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
54 +@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
55 +
56 +@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
57 +@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
58 +@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
59 +@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
60 +@font-size-h5: @font-size-base;
61 +@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
62 +*/
63 +
64 +//** Unit-less `line-height` for use in components like buttons.
65 +@line-height-base: 1.428571429; // 20/14
66 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
67 +@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
68 +
69 +//** By default, this inherits from the `<body>`.
70 +@headings-font-family: inherit;
71 +@headings-font-weight: 400;
72 +@headings-line-height: 1.1;
73 +@headings-color: inherit;
74 +
75 +
76 +//== Iconography
77 +//
78 +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
79 +
80 +//** Load fonts from this directory.
81 +// @icon-font-path: "../fonts/"; // XWiki already overrides this variable
82 +//** File name for all font files.
83 +@icon-font-name: "glyphicons-halflings-regular";
84 +//** Element ID within SVG icon file.
85 +@icon-font-svg-id: "glyphicons_halflingsregular";
86 +
87 +
88 +//== Components
89 +//
90 +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
91 +
92 +@padding-base-vertical: 8px;
93 +@padding-base-horizontal: 16px;
94 +
95 +@padding-large-vertical: 12px;
96 +@padding-large-horizontal: 24px;
97 +
98 +@padding-small-vertical: 5px;
99 +@padding-small-horizontal: 10px;
100 +
101 +@padding-xs-vertical: 1px;
102 +@padding-xs-horizontal: 5px;
103 +
104 +@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
105 +@line-height-small: 1.5;
106 +
107 +@border-radius-base: 0;
108 +@border-radius-large: 0;
109 +@border-radius-small: 0;
110 +
111 +//** Global color for active items (e.g., navs or dropdowns).
112 +@component-active-color: #fff;
113 +//** Global background color for active items (e.g., navs or dropdowns).
114 +@component-active-bg: @brand-primary;
115 +
116 +//** Width of the `border` for generating carets that indicator dropdowns.
117 +@caret-width-base: 4px;
118 +//** Carets increase slightly in size for larger components.
119 +@caret-width-large: 5px;
120 +
121 +
122 +//== Tables
123 +//
124 +//## Customizes the `.table` component with basic values, each used across all table variations.
125 +
126 +//** Padding for `<th>`s and `<td>`s.
127 +@table-cell-padding: 6px;
128 +//** Padding for cells in `.table-condensed`.
129 +@table-condensed-cell-padding: 3px;
130 +
131 +//** Default background color used for all tables.
132 +@table-bg: transparent;
133 +//** Background color used for `.table-striped`.
134 +@table-bg-accent: @gray-light;
135 +//** Background color used for `.table-hover`.
136 +@table-bg-hover: darken(@gray-light, 3%);
137 +@table-bg-active: @table-bg-hover;
138 +
139 +//** Border color for table and cell borders.
140 +@table-border-color: @gray-light;
141 +
142 +
143 +//== Buttons
144 +//
145 +//## For each of Bootstrap's buttons, define text, background and border color.
146 +
147 +@btn-font-weight: normal;
148 +
149 +@btn-default-color: #fff;
150 +@btn-default-bg: @gray-light;
151 +@btn-default-border: transparent;
152 +
153 +@btn-primary-color: #fff;
154 +@btn-primary-bg: @brand-primary;
155 +@btn-primary-border: transparent;
156 +
157 +@btn-success-color: #fff;
158 +@btn-success-bg: @brand-success;
159 +@btn-success-border: transparent;
160 +
161 +@btn-info-color: #fff;
162 +@btn-info-bg: @brand-info;
163 +@btn-info-border: transparent;
164 +
165 +@btn-warning-color: #fff;
166 +@btn-warning-bg: @brand-warning;
167 +@btn-warning-border: transparent;
168 +
169 +@btn-danger-color: #fff;
170 +@btn-danger-bg: @brand-danger;
171 +@btn-danger-border: transparent;
172 +
173 +@btn-link-disabled-color: @gray-light;
174 +
175 +// Allows for customizing button radius independently from global border radius
176 +@btn-border-radius-base: @border-radius-base;
177 +@btn-border-radius-large: @border-radius-large;
178 +@btn-border-radius-small: @border-radius-small;
179 +
180 +
181 +//== Forms
182 +//
183 +//##
184 +
185 +//** `<input>` background color
186 +@input-bg: #fff;
187 +//** `<input disabled>` background color
188 +@input-bg-disabled: @gray-lighter;
189 +
190 +//** Text color for `<input>`s
191 +@input-color: @body-bg;
192 +//** `<input>` border color
193 +@input-border: transparent;
194 +
195 +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
196 +//** Default `.form-control` border radius
197 +// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
198 +@input-border-radius: @border-radius-base;
199 +//** Large `.form-control` border radius
200 +@input-border-radius-large: @border-radius-large;
201 +//** Small `.form-control` border radius
202 +@input-border-radius-small: @border-radius-small;
203 +
204 +//** Border color for inputs on focus
205 +@input-border-focus: transparent;
206 +
207 +//** Placeholder text color
208 +@input-color-placeholder: #ccc;
209 +
210 +//** Default `.form-control` height
211 +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
212 +//** Large `.form-control` height
213 +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
214 +//** Small `.form-control` height
215 +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
216 +
217 +//** `.form-group` margin
218 +@form-group-margin-bottom: 15px;
219 +
220 +@legend-color: @text-color;
221 +@legend-border-color: @gray-light;
222 +
223 +//** Background color for textual input addons
224 +@input-group-addon-bg: @btn-default-bg;
225 +//** Border color for textual input addons
226 +@input-group-addon-border-color: transparent;
227 +
228 +//** Disabled cursor for form controls and buttons.
229 +@cursor-disabled: not-allowed;
230 +
231 +
232 +//== Dropdowns
233 +//
234 +//## Dropdown menu container and contents.
235 +
236 +//** Background for the dropdown menu.
237 +@dropdown-bg: @gray-light;
238 +//** Dropdown menu `border-color`.
239 +@dropdown-border: transparent;
240 +//** Dropdown menu `border-color` **for IE8**.
241 +@dropdown-fallback-border: transparent;
242 +//** Divider color for between dropdown items.
243 +@dropdown-divider-bg: @body-bg;
244 +
245 +//** Dropdown link text color.
246 +@dropdown-link-color: @text-color;
247 +//** Hover color for dropdown links.
248 +@dropdown-link-hover-color: @text-color;
249 +//** Hover background for dropdown links.
250 +@dropdown-link-hover-bg: darken(@gray-light, 3%);
251 +
252 +//** Active dropdown menu item text color.
253 +@dropdown-link-active-color: @component-active-color;
254 +//** Active dropdown menu item background color.
255 +@dropdown-link-active-bg: @component-active-bg;
256 +
257 +//** Disabled dropdown menu item background color.
258 +@dropdown-link-disabled-color: @body-bg;
259 +
260 +//** Text color for headers within dropdown menus.
261 +@dropdown-header-color: @body-bg;
262 +
263 +//** Deprecated `@dropdown-caret-color` as of v3.1.0
264 +@dropdown-caret-color: #000;
265 +
266 +
267 +//-- Z-index master list
268 +//
269 +// Warning: Avoid customizing these values. They're used for a bird's eye view
270 +// of components dependent on the z-axis and are designed to all work together.
271 +//
272 +// Note: These variables are not generated into the Customizer.
273 +
274 +@zindex-navbar: 1000;
275 +@zindex-dropdown: 1000;
276 +@zindex-popover: 1060;
277 +@zindex-tooltip: 1070;
278 +@zindex-navbar-fixed: 1030;
279 +@zindex-modal-background: 1040;
280 +@zindex-modal: 1050;
281 +
282 +
283 +//== Media queries breakpoints
284 +//
285 +//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
286 +
287 +// Extra small screen / phone
288 +//** Deprecated `@screen-xs` as of v3.0.1
289 +@screen-xs: 480px;
290 +//** Deprecated `@screen-xs-min` as of v3.2.0
291 +@screen-xs-min: @screen-xs;
292 +//** Deprecated `@screen-phone` as of v3.0.1
293 +@screen-phone: @screen-xs-min;
294 +
295 +// Small screen / tablet
296 +//** Deprecated `@screen-sm` as of v3.0.1
297 +@screen-sm: 768px;
298 +@screen-sm-min: @screen-sm;
299 +//** Deprecated `@screen-tablet` as of v3.0.1
300 +@screen-tablet: @screen-sm-min;
301 +
302 +// Medium screen / desktop
303 +//** Deprecated `@screen-md` as of v3.0.1
304 +@screen-md: 992px;
305 +@screen-md-min: @screen-md;
306 +//** Deprecated `@screen-desktop` as of v3.0.1
307 +@screen-desktop: @screen-md-min;
308 +
309 +// Large screen / wide desktop
310 +//** Deprecated `@screen-lg` as of v3.0.1
311 +@screen-lg: 1200px;
312 +@screen-lg-min: @screen-lg;
313 +//** Deprecated `@screen-lg-desktop` as of v3.0.1
314 +@screen-lg-desktop: @screen-lg-min;
315 +
316 +// So media queries don't overlap when required, provide a maximum
317 +@screen-xs-max: (@screen-sm-min - 1);
318 +@screen-sm-max: (@screen-md-min - 1);
319 +@screen-md-max: (@screen-lg-min - 1);
320 +
321 +
322 +//== Grid system
323 +//
324 +//## Define your custom responsive grid.
325 +
326 +//** Number of columns in the grid.
327 +@grid-columns: 12;
328 +//** Padding between columns. Gets divided in half for the left and right.
329 +@grid-gutter-width: 30px;
330 +// Navbar collapse
331 +//** Point at which the navbar becomes uncollapsed.
332 +@grid-float-breakpoint: @screen-sm-min;
333 +//** Point at which the navbar begins collapsing.
334 +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
335 +
336 +
337 +//== Container sizes
338 +//
339 +//## Define the maximum width of `.container` for different screen sizes.
340 +
341 +// Small screen / tablet
342 +@container-tablet: (720px + @grid-gutter-width);
343 +//** For `@screen-sm-min` and up.
344 +@container-sm: @container-tablet;
345 +
346 +// Medium screen / desktop
347 +@container-desktop: (940px + @grid-gutter-width);
348 +//** For `@screen-md-min` and up.
349 +@container-md: @container-desktop;
350 +
351 +// Large screen / wide desktop
352 +@container-large-desktop: (1140px + @grid-gutter-width);
353 +//** For `@screen-lg-min` and up.
354 +@container-lg: @container-large-desktop;
355 +
356 +
357 +//== Navbar
358 +//
359 +//##
360 +
361 +// Basics of a navbar
362 +@navbar-height: 40px;
363 +@navbar-margin-bottom: @line-height-computed;
364 +@navbar-border-radius: @border-radius-base;
365 +@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
366 +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
367 +@navbar-collapse-max-height: 340px;
368 +
369 +@navbar-default-color: @text-color;
370 +@navbar-default-bg: @gray-light;
371 +@navbar-default-border: transparent;
372 +
373 +// Navbar links
374 +@navbar-default-link-color: @text-color;
375 +@navbar-default-link-hover-color: @navbar-default-link-color;
376 +@navbar-default-link-hover-bg: @dropdown-link-hover-bg;
377 +@navbar-default-link-active-color: @navbar-default-link-color;
378 +@navbar-default-link-active-bg: @dropdown-link-hover-bg;
379 +@navbar-default-link-disabled-color: #ccc;
380 +@navbar-default-link-disabled-bg: transparent;
381 +
382 +// Navbar brand label
383 +@navbar-default-brand-color: @navbar-default-link-color;
384 +@navbar-default-brand-hover-color: @navbar-default-link-color;
385 +@navbar-default-brand-hover-bg: transparent;
386 +
387 +// Navbar toggle
388 +@navbar-default-toggle-hover-bg: @navbar-default-link-hover-bg;
389 +@navbar-default-toggle-icon-bar-bg: @text-color;
390 +@navbar-default-toggle-border-color: transparent;
391 +
392 +
393 +//=== Inverted navbar
394 +// Reset inverted navbar basics
395 +@navbar-inverse-color: @text-color;
396 +@navbar-inverse-bg: @brand-primary;
397 +@navbar-inverse-border: transparent;
398 +
399 +// Inverted navbar links
400 +@navbar-inverse-link-color: @text-color;
401 +@navbar-inverse-link-hover-color: @navbar-inverse-link-color;
402 +@navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 5%);
403 +@navbar-inverse-link-active-color: @navbar-inverse-link-color;
404 +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 5%);
405 +@navbar-inverse-link-disabled-color: #444;
406 +@navbar-inverse-link-disabled-bg: transparent;
407 +
408 +// Inverted navbar brand label
409 +@navbar-inverse-brand-color: @navbar-inverse-link-color;
410 +@navbar-inverse-brand-hover-color: @navbar-inverse-link-color;
411 +@navbar-inverse-brand-hover-bg: transparent;
412 +
413 +// Inverted navbar toggle
414 +@navbar-inverse-toggle-hover-bg: @navbar-inverse-link-hover-bg;
415 +@navbar-inverse-toggle-icon-bar-bg: @text-color;
416 +@navbar-inverse-toggle-border-color: transparent;
417 +
418 +
419 +//== Navs
420 +//
421 +//##
422 +
423 +//=== Shared nav styles
424 +@nav-link-padding: 10px 15px;
425 +@nav-link-hover-bg: @gray-light;
426 +
427 +@nav-disabled-link-color: @gray-light;
428 +@nav-disabled-link-hover-color: @gray-light;
429 +
430 +//== Tabs
431 +@nav-tabs-border-color: transparent;
432 +
433 +@nav-tabs-link-hover-border-color: @gray-light;
434 +
435 +@nav-tabs-active-link-hover-bg: @body-bg;
436 +@nav-tabs-active-link-hover-color: @text-color;
437 +@nav-tabs-active-link-hover-border-color: @gray-light;
438 +
439 +@nav-tabs-justified-link-border-color: @gray-light;
440 +@nav-tabs-justified-active-link-border-color: @gray-light;
441 +
442 +//== Pills
443 +@nav-pills-border-radius: @border-radius-base;
444 +@nav-pills-active-link-hover-bg: @component-active-bg;
445 +@nav-pills-active-link-hover-color: @component-active-color;
446 +
447 +
448 +//== Pagination
449 +//
450 +//##
451 +
452 +@pagination-color: @text-color;
453 +@pagination-bg: @gray-light;
454 +@pagination-border: transparent;
455 +
456 +@pagination-hover-color: @text-color;
457 +@pagination-hover-bg: @table-bg-hover;
458 +@pagination-hover-border: transparent;
459 +
460 +@pagination-active-color: @text-color;
461 +@pagination-active-bg: @brand-primary;
462 +@pagination-active-border: transparent;
463 +
464 +@pagination-disabled-color: darken(@table-bg-hover, 10%);
465 +@pagination-disabled-bg: @gray-light;
466 +@pagination-disabled-border: transparent;
467 +
468 +
469 +//== Pager
470 +//
471 +//##
472 +
473 +@pager-bg: @pagination-bg;
474 +@pager-border: @pagination-border;
475 +@pager-border-radius: 15px;
476 +
477 +@pager-hover-bg: @pagination-hover-bg;
478 +
479 +@pager-active-bg: @pagination-active-bg;
480 +@pager-active-color: @pagination-active-color;
481 +
482 +@pager-disabled-color: @pagination-disabled-color;
483 +
484 +
485 +//== Jumbotron
486 +//
487 +//##
488 +
489 +@jumbotron-padding: 30px;
490 +@jumbotron-color: inherit;
491 +@jumbotron-bg: @gray-light;
492 +@jumbotron-heading-color: inherit;
493 +@jumbotron-font-size: ceil((@font-size-base * 1.5));
494 +@jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
495 +
496 +
497 +//== Form states and alerts
498 +//
499 +//## Define colors for form feedback states and, by default, alerts.
500 +
501 +@state-success-text: @text-color;
502 +@state-success-bg: @brand-success;
503 +@state-success-border: transparent;
504 +
505 +@state-info-text: @text-color;
506 +@state-info-bg: @brand-info;
507 +@state-info-border: transparent;
508 +
509 +@state-warning-text: @text-color;
510 +@state-warning-bg: @brand-warning;
511 +@state-warning-border: transparent;
512 +
513 +@state-danger-text: @text-color;
514 +@state-danger-bg: @brand-danger;
515 +@state-danger-border: transparent;
516 +
517 +
518 +//== Tooltips
519 +//
520 +//##
521 +
522 +//** Tooltip max width
523 +@tooltip-max-width: 200px;
524 +//** Tooltip text color
525 +@tooltip-color: #fff;
526 +//** Tooltip background color
527 +@tooltip-bg: #000;
528 +@tooltip-opacity: .9;
529 +
530 +//** Tooltip arrow width
531 +@tooltip-arrow-width: 5px;
532 +//** Tooltip arrow color
533 +@tooltip-arrow-color: @tooltip-bg;
534 +
535 +
536 +//== Popovers
537 +//
538 +//##
539 +
540 +//** Popover body background color
541 +@popover-bg: @gray-light;
542 +//** Popover maximum width
543 +@popover-max-width: 276px;
544 +//** Popover border color
545 +@popover-border-color: transparent;
546 +//** Popover fallback border color
547 +@popover-fallback-border-color: transparent;
548 +
549 +//** Popover title background color
550 +@popover-title-bg: @table-bg-hover;
551 +
552 +//** Popover arrow width
553 +@popover-arrow-width: 10px;
554 +//** Popover arrow color
555 +@popover-arrow-color: @popover-bg;
556 +
557 +//** Popover outer arrow width
558 +@popover-arrow-outer-width: (@popover-arrow-width + 1);
559 +//** Popover outer arrow color
560 +@popover-arrow-outer-color: transparent;
561 +//** Popover outer arrow fallback color
562 +@popover-arrow-outer-fallback-color: transparent;
563 +
564 +
565 +//== Labels
566 +//
567 +//##
568 +
569 +//** Default label background color
570 +@label-default-bg: @gray-light;
571 +//** Primary label background color
572 +@label-primary-bg: @brand-primary;
573 +//** Success label background color
574 +@label-success-bg: @brand-success;
575 +//** Info label background color
576 +@label-info-bg: @brand-info;
577 +//** Warning label background color
578 +@label-warning-bg: @brand-warning;
579 +//** Danger label background color
580 +@label-danger-bg: @brand-danger;
581 +
582 +//** Default label text color
583 +@label-color: #fff;
584 +//** Default text color of a linked label
585 +@label-link-hover-color: #fff;
586 +
587 +
588 +//== Modals
589 +//
590 +//##
591 +
592 +//** Padding applied to the modal body
593 +@modal-inner-padding: 20px;
594 +
595 +//** Padding applied to the modal title
596 +@modal-title-padding: 15px;
597 +//** Modal title line-height
598 +@modal-title-line-height: @line-height-base;
599 +
600 +//** Background color of modal content area
601 +@modal-content-bg: @gray-light;
602 +//** Modal content border color
603 +@modal-content-border-color: transparent;
604 +//** Modal content border color **for IE8**
605 +@modal-content-fallback-border-color: transparent;
606 +
607 +//** Modal backdrop background color
608 +@modal-backdrop-bg: #000;
609 +//** Modal backdrop opacity
610 +@modal-backdrop-opacity: .5;
611 +//** Modal header border color
612 +@modal-header-border-color: @body-bg;
613 +//** Modal footer border color
614 +@modal-footer-border-color: @modal-header-border-color;
615 +
616 +@modal-lg: 900px;
617 +@modal-md: 600px;
618 +@modal-sm: 300px;
619 +
620 +
621 +//== Alerts
622 +//
623 +//## Define alert colors, border radius, and padding.
624 +
625 +@alert-padding: 15px;
626 +@alert-border-radius: @border-radius-base;
627 +@alert-link-font-weight: bold;
628 +
629 +@alert-success-bg: @state-success-bg;
630 +@alert-success-text: @state-success-text;
631 +@alert-success-border: @state-success-border;
632 +
633 +@alert-info-bg: @state-info-bg;
634 +@alert-info-text: @state-info-text;
635 +@alert-info-border: @state-info-border;
636 +
637 +@alert-warning-bg: @state-warning-bg;
638 +@alert-warning-text: @state-warning-text;
639 +@alert-warning-border: @state-warning-border;
640 +
641 +@alert-danger-bg: @state-danger-bg;
642 +@alert-danger-text: @state-danger-text;
643 +@alert-danger-border: @state-danger-border;
644 +
645 +
646 +//== Progress bars
647 +//
648 +//##
649 +
650 +//** Background color of the whole progress component
651 +@progress-bg: @gray-light;
652 +//** Progress bar text color
653 +@progress-bar-color: #fff;
654 +//** Variable for setting rounded corners on progress bar.
655 +@progress-border-radius: @border-radius-base;
656 +
657 +//** Default progress bar color
658 +@progress-bar-bg: @brand-primary;
659 +//** Success progress bar color
660 +@progress-bar-success-bg: @brand-success;
661 +//** Warning progress bar color
662 +@progress-bar-warning-bg: @brand-warning;
663 +//** Danger progress bar color
664 +@progress-bar-danger-bg: @brand-danger;
665 +//** Info progress bar color
666 +@progress-bar-info-bg: @brand-info;
667 +
668 +
669 +//== List group
670 +//
671 +//##
672 +
673 +//** Background color on `.list-group-item`
674 +@list-group-bg: @gray-light;
675 +//** `.list-group-item` border color
676 +@list-group-border: transparent;
677 +//** List group border radius
678 +@list-group-border-radius: @border-radius-base;
679 +
680 +//** Background color of single list items on hover
681 +@list-group-hover-bg: @table-bg-hover;
682 +//** Text color of active list items
683 +@list-group-active-color: @component-active-color;
684 +//** Background color of active list items
685 +@list-group-active-bg: @component-active-bg;
686 +//** Border color of active list elements
687 +@list-group-active-border: @list-group-active-bg;
688 +//** Text color for content within active list items
689 +@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
690 +
691 +//** Text color of disabled list items
692 +@list-group-disabled-color: @gray-light;
693 +//** Background color of disabled list items
694 +@list-group-disabled-bg: @gray-lighter;
695 +//** Text color for content within disabled list items
696 +@list-group-disabled-text-color: @list-group-disabled-color;
697 +
698 +@list-group-link-color: @text-color;
699 +@list-group-link-hover-color: @list-group-link-color;
700 +@list-group-link-heading-color: @text-color;
701 +
702 +
703 +//== Panels
704 +//
705 +//##
706 +
707 +@panel-bg: @gray-light;
708 +@panel-body-padding: 15px;
709 +@panel-heading-padding: 10px 15px;
710 +@panel-footer-padding: @panel-heading-padding;
711 +@panel-border-radius: @border-radius-base;
712 +
713 +//** Border color for elements within panels
714 +@panel-inner-border: transparent;
715 +@panel-footer-bg: @table-bg-hover;
716 +
717 +@panel-default-text: @gray-dark;
718 +@panel-default-border: transparent;
719 +@panel-default-heading-bg: #f5f5f5;
720 +
721 +@panel-primary-text: #fff;
722 +@panel-primary-border: transparent;
723 +@panel-primary-heading-bg: @brand-primary;
724 +
725 +@panel-success-text: @state-success-text;
726 +@panel-success-border: transparent;
727 +@panel-success-heading-bg: @state-success-bg;
728 +
729 +@panel-info-text: @state-info-text;
730 +@panel-info-border: transparent;
731 +@panel-info-heading-bg: @state-info-bg;
732 +
733 +@panel-warning-text: @state-warning-text;
734 +@panel-warning-border: transparent;
735 +@panel-warning-heading-bg: @state-warning-bg;
736 +
737 +@panel-danger-text: @state-danger-text;
738 +@panel-danger-border: transparent;
739 +@panel-danger-heading-bg: @state-danger-bg;
740 +
741 +
742 +//== Thumbnails
743 +//
744 +//##
745 +
746 +//** Padding around the thumbnail image
747 +@thumbnail-padding: 4px;
748 +//** Thumbnail background color
749 +@thumbnail-bg: @body-bg;
750 +//** Thumbnail border color
751 +@thumbnail-border: #ddd;
752 +//** Thumbnail border radius
753 +@thumbnail-border-radius: @border-radius-base;
754 +
755 +//** Custom text color for thumbnail captions
756 +@thumbnail-caption-color: @text-color;
757 +//** Padding around the thumbnail caption
758 +@thumbnail-caption-padding: 9px;
759 +
760 +
761 +//== Wells
762 +//
763 +//##
764 +
765 +@well-bg: @gray-light;
766 +@well-border: transparent;
767 +
768 +
769 +//== Badges
770 +//
771 +//##
772 +
773 +@badge-color: @text-color;
774 +//** Linked badge text color on hover
775 +@badge-link-hover-color: #fff;
776 +@badge-bg: @gray-light;
777 +
778 +//** Badge text color in active nav link
779 +@badge-active-color: @link-color;
780 +//** Badge background color in active nav link
781 +@badge-active-bg: #fff;
782 +
783 +@badge-font-weight: 300;
784 +@badge-line-height: 1;
785 +@badge-border-radius: 10px;
786 +
787 +
788 +//== Breadcrumbs
789 +//
790 +//##
791 +
792 +@breadcrumb-padding-vertical: 8px;
793 +@breadcrumb-padding-horizontal: 15px;
794 +//** Breadcrumb background color
795 +@breadcrumb-bg: @gray-light;
796 +//** Breadcrumb text color
797 +@breadcrumb-color: @text-color;
798 +//** Text color of current page in the breadcrumb
799 +@breadcrumb-active-color: @text-color;
800 +//** Textual separator for between breadcrumb elements
801 +@breadcrumb-separator: "/";
802 +
803 +
804 +//== Carousel
805 +//
806 +//##
807 +
808 +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
809 +
810 +@carousel-control-color: #fff;
811 +@carousel-control-width: 15%;
812 +@carousel-control-opacity: .5;
813 +@carousel-control-font-size: 20px;
814 +
815 +@carousel-indicator-active-bg: #fff;
816 +@carousel-indicator-border-color: #fff;
817 +
818 +@carousel-caption-color: #fff;
819 +
820 +
821 +//== Close
822 +//
823 +//##
824 +
825 +@close-font-weight: bold;
826 +@close-color: @text-color;
827 +@close-text-shadow: none;
828 +
829 +
830 +//== Code
831 +//
832 +//##
833 +
834 +@code-color: #c7254e;
835 +@code-bg: #f9f2f4;
836 +
837 +@kbd-color: #fff;
838 +@kbd-bg: #333;
839 +
840 +@pre-bg: #f5f5f5;
841 +@pre-color: @gray-dark;
842 +@pre-border-color: #ccc;
843 +@pre-scrollable-max-height: 340px;
844 +
845 +
846 +//== Type
847 +//
848 +//##
849 +
850 +//** Horizontal offset for forms and lists.
851 +@component-offset-horizontal: 180px;
852 +//** Text muted color
853 +@text-muted: @gray-light;
854 +//** Abbreviations and acronyms border color
855 +@abbr-border-color: @gray-light;
856 +//** Headings small color
857 +@headings-small-color: @text-color;
858 +//** Blockquote small color
859 +@blockquote-small-color: @text-color;
860 +//** Blockquote font size
861 +@blockquote-font-size: (@font-size-base * 1.25);
862 +//** Blockquote border color
863 +@blockquote-border-color: @gray-light;
864 +//** Page header border color
865 +@page-header-border-color: @gray-lighter;
866 +//** Width of horizontal description list titles
867 +@dl-horizontal-offset: @component-offset-horizontal;
868 +//** Horizontal line color.
869 +@hr-border: lighten(@gray-light, 5%);
870 +
871 +// Superhero 3.3.5
872 +// Bootswatch
873 +// -----------------------------------------------------
874 +
875 +@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
876 +
877 +// Navbar =====================================================================
878 +
879 +.navbar {
880 + .box-shadow(none);
881 + border: none;
882 + font-size: 12px;
883 +
884 + &-default {
885 +
886 + .badge {
887 + background-color: #fff;
888 + color: @navbar-default-bg;
889 + }
890 + }
891 +
892 + &-inverse {
893 +
894 + .badge {
895 + background-color: #fff;
896 + color: @navbar-inverse-bg;
897 + }
898 + }
899 +}
900 +
901 +// Buttons ====================================================================
902 +
903 +.btn {
904 +
905 + &-default {
906 + &:hover {
907 + background-color: darken(@btn-default-bg, 3%);
908 + }
909 + }
910 +
911 + &-sm,
912 + &-xs {
913 + font-size: 12px;
914 + }
915 +}
916 +
917 +// Typography =================================================================
918 +
919 +.text-primary,
920 +.text-primary:hover {
921 + color: @brand-primary;
922 +}
923 +
924 +.text-success,
925 +.text-success:hover {
926 + color: @brand-success;
927 +}
928 +
929 +.text-danger,
930 +.text-danger:hover {
931 + color: @brand-danger;
932 +}
933 +
934 +.text-warning,
935 +.text-warning:hover {
936 + color: @brand-warning;
937 +}
938 +
939 +.text-info,
940 +.text-info:hover {
941 + color: @brand-info;
942 +}
943 +
944 +.page-header {
945 + border-bottom-color: @table-border-color;
946 +}
947 +
948 +.dropdown-menu {
949 +
950 + border: none;
951 + margin: 0;
952 + .box-shadow(none);
953 +
954 + > li > a {
955 + font-size: 12px;
956 + }
957 +}
958 +
959 +.btn-group.open .dropdown-toggle {
960 + .box-shadow(none);
961 +}
962 +
963 +.dropdown-header {
964 + font-size: 12px;
965 +}
966 +
967 +// Tables =====================================================================
968 +
969 +table,
970 +.table {
971 + font-size: 12px;
972 +
973 + a:not(.btn) {
974 + color: #fff;
975 + text-decoration: underline;
976 + }
977 +
978 + .dropdown-menu a {
979 + text-decoration: none;
980 + }
981 +
982 + .text-muted {
983 + color: @text-muted;
984 + }
985 +
986 + > thead > tr > th,
987 + > tbody > tr > th,
988 + > tfoot > tr > th,
989 + > thead > tr > td,
990 + > tbody > tr > td,
991 + > tfoot > tr > td {
992 + border-color: transparent;
993 + }
994 + }
995 +
996 +// Forms ======================================================================
997 +
998 +input,
999 +textarea {
1000 + color: @input-color;
1001 +}
1002 +
1003 +label,
1004 +.radio label,
1005 +.checkbox label,
1006 +.help-block {
1007 + font-size: 12px;
1008 +}
1009 +
1010 +.input-addon,
1011 +.input-group-addon {
1012 + color: @text-color;
1013 +}
1014 +
1015 +.has-warning {
1016 + .help-block,
1017 + .control-label,
1018 + .radio,
1019 + .checkbox,
1020 + .radio-inline,
1021 + .checkbox-inline,
1022 + &.radio label,
1023 + &.checkbox label,
1024 + &.radio-inline label,
1025 + &.checkbox-inline label,
1026 + .form-control-feedback {
1027 + color: @brand-warning;
1028 + }
1029 +
1030 + .input-group-addon {
1031 + border: none;
1032 + }
1033 +}
1034 +
1035 +.has-error {
1036 + .help-block,
1037 + .control-label,
1038 + .radio,
1039 + .checkbox,
1040 + .radio-inline,
1041 + .checkbox-inline,
1042 + &.radio label,
1043 + &.checkbox label,
1044 + &.radio-inline label,
1045 + &.checkbox-inline label,
1046 + .form-control-feedback {
1047 + color: @brand-danger;
1048 + }
1049 +
1050 + .input-group-addon {
1051 + border: none;
1052 + }
1053 +}
1054 +
1055 +.has-success {
1056 + .help-block,
1057 + .control-label,
1058 + .radio,
1059 + .checkbox,
1060 + .radio-inline,
1061 + .checkbox-inline,
1062 + &.radio label,
1063 + &.checkbox label,
1064 + &.radio-inline label,
1065 + &.checkbox-inline label,
1066 + .form-control-feedback {
1067 + color: @brand-success;
1068 + }
1069 +
1070 + .input-group-addon {
1071 + border: none;
1072 + }
1073 +}
1074 +
1075 +.form-control:focus {
1076 + .box-shadow(none);
1077 +}
1078 +
1079 +.has-warning,
1080 +.has-error,
1081 +.has-success {
1082 + .form-control:focus {
1083 + .box-shadow(none);
1084 + }
1085 +}
1086 +
1087 +// Navs =======================================================================
1088 +
1089 +.nav {
1090 + .open > a,
1091 + .open > a:hover,
1092 + .open > a:focus {
1093 + border-color: transparent;
1094 + }
1095 +}
1096 +
1097 +.nav-tabs {
1098 + > li > a {
1099 + color: @text-color;
1100 + }
1101 +}
1102 +
1103 +.nav-pills {
1104 + > li > a {
1105 + color: @text-color;
1106 + }
1107 +}
1108 +
1109 +.pager {
1110 + a {
1111 + color: @text-color;
1112 + }
1113 +}
1114 +
1115 +// Indicators =================================================================
1116 +
1117 +.alert {
1118 + color: #fff;
1119 +
1120 + a,
1121 + .alert-link {
1122 + color: #fff;
1123 + }
1124 +}
1125 +
1126 +.close {
1127 + opacity: 0.4;
1128 +
1129 + &:hover,
1130 + &:focus {
1131 + opacity: 1;
1132 + }
1133 +}
1134 +
1135 +// Progress bars ==============================================================
1136 +
1137 +// Containers =================================================================
1138 +
1139 +.well {
1140 + .box-shadow(none);
1141 +}
1142 +
1143 +a.list-group-item {
1144 +
1145 + &.active,
1146 + &.active:hover,
1147 + &.active:focus {
1148 + border: none;
1149 + }
1150 +
1151 + &-success {
1152 + &.active {
1153 + background-color: @state-success-bg;
1154 + }
1155 +
1156 + &.active:hover,
1157 + &.active:focus {
1158 + background-color: darken(@state-success-bg, 5%);
1159 + }
1160 + }
1161 +
1162 + &-warning {
1163 + &.active {
1164 + background-color: @state-warning-bg;
1165 + }
1166 +
1167 + &.active:hover,
1168 + &.active:focus {
1169 + background-color: darken(@state-warning-bg, 5%);
1170 + }
1171 + }
1172 +
1173 + &-danger {
1174 + &.active {
1175 + background-color: @state-danger-bg;
1176 + }
1177 +
1178 + &.active:hover,
1179 + &.active:focus {
1180 + background-color: darken(@state-danger-bg, 5%);
1181 + }
1182 + }
1183 +}
1184 +
1185 +.panel {
1186 + border: none;
1187 +
1188 + &-default > .panel-heading {
1189 + background-color: @table-bg-hover;
1190 + color: @text-color;
1191 + }
1192 +}
1193 +
1194 +.thumbnail {
1195 + background-color: @well-bg;
1196 + border: none;
1197 +}
1198 +
1199 +.modal {
1200 + padding: 0;
1201 +
1202 + &-header,
1203 + &-footer {
1204 + background-color: @table-bg-hover;
1205 + border: none;
1206 + border-radius: 0;
1207 + }
1208 +}
1209 +
1210 +.popover {
1211 + &-title {
1212 + border: none;
1213 + }
1214 +}
1215 +
1216 +// XWiki Customization
1217 +div.main {
1218 + box-shadow: none;
1219 +}
1220 +
1221 +@xwiki-panel-header-text: @navbar-default-color;
1222 +@xwiki-page-content-bg: @body-bg;
1223 +@text-muted: @navbar-default-color;
1224 +
1225 +
1226 +
1227 +
1228 +