Changes for page NerdMatters

Last modified by XWikiGuest on 2026/03/10 19:21

From version 3.1
edited by XWikiGuest
on 2026/03/10 18:55
Change comment: There is no comment for this version
To version 1.1
edited by XWikiGuest
on 2026/03/10 18:55
Change comment: There is no comment for this version

Summary

Details

FlamingoThemesCode.ThemeClass[0]
body-bg
... ... @@ -1,1 +1,0 @@
1 -#2b3e50
btn-font-weight
... ... @@ -1,1 +1,0 @@
1 -normal
lessCode
... ... @@ -1,1228 +1,0 @@
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 -
link-color
... ... @@ -1,1 +1,0 @@
1 -#df691a
logo
... ... @@ -1,1 +1,0 @@
1 -nerd-glasses_MATTER_WHITE_PI.svg
navbar-default-bg
... ... @@ -1,1 +1,0 @@
1 -#4e5d6c
navbar-default-color
... ... @@ -1,1 +1,0 @@
1 -#ffffff
navbar-default-link-color
... ... @@ -1,1 +1,0 @@
1 -#ffffff
panel-bg
... ... @@ -1,1 +1,0 @@
1 -#2b3e50
panel-default-text
... ... @@ -1,1 +1,0 @@
1 -#ffffff
text-color
... ... @@ -1,1 +1,0 @@
1 -#ffffff
xwiki-page-content-bg
... ... @@ -1,1 +1,0 @@
1 -#2b3e50