comparison MoinMoin/themes/basic/static/custom-less/theme.less @ 2681:4918721350e1

Solves issue #425 Renamed basic.less and main.styl files to a common name theme.less/theme.styl to get a uniformly named theme.css across all themes and made changes to use new names accordingly. Also merged custom.less in basic theme into theme.less as there was no reason to keep an extra less file.
author Ajitesh Gupta <ajgupta93@gmail.com>
date Fri, 25 Jul 2014 19:53:07 +0530
parents
children d1872000dcdc
comparison
equal deleted inserted replaced
2680:d324ef0ab68e 2681:4918721350e1
1 @import "notice.less";
2 @import "bootstrap.less";
3 @import "moin-variables.less";
4 @import (less) "colorful.css";
5
6 // ---- Customising the top navbar breakpoint
7 @grid-float-breakpoint: @screen-md;
8
9 @media screen and (min-width: @grid-float-breakpoint) {
10 .moin-pull-right {
11 .pull-right;
12 }
13 }
14
15 h1, h2, h3, h4, h5, h6 {
16 &:hover, &:focus {
17 .moin-permalink {
18 display: inline;
19 text-decoration: none;
20 }
21 }
22 }
23
24 .moin-permalink {
25 display: none;
26 }
27
28 .moin-logo {
29 .text-center;
30 position: relative;
31 padding-top: 23px;
32 padding-bottom: 23px;
33 }
34
35 .moin-list-heading {
36 background-color: @navbar-bg;
37 font-variant: small-caps;
38 }
39
40 .moin-flash {
41 .alert;
42 &>a {
43 .alert .alert-link;
44 }
45 }
46
47 .moin-flash-hint {
48 &>a {
49 .alert-success .alert-link;
50 }
51 .alert-success;
52 }
53
54 .moin-flash-info {
55 &>a {
56 .alert-info .alert-link;
57 }
58 .alert-info;
59 }
60
61 .moin-flash-warning, .moin-flash-error, .moin-error {
62 &>a {
63 .alert-danger .alert-link;
64 }
65 &>li {
66 list-style-type: none;
67 }
68 .alert-danger;
69 padding-left: 0px;
70 }
71
72 .moin-user-action-special {
73 .list-group-item;
74 width: 100%;
75 color: @link-color;
76 &:hover,
77 &:focus,
78 &:active,
79 &.active {
80 color: @link-hover-color;
81 background-color: @list-group-hover-bg;
82 border: 1px solid @list-group-border;
83 }
84 border: 1px solid @list-group-border;
85 border-radius: 0;
86 padding: 5px 15px;
87 }
88
89 .moin-viewoptions, .moin-itemactions, .moin-useractions {
90 float: right;
91 }
92
93 .list-group-item {
94 padding: 5px 15px;
95 }
96
97 .moin-diff-added {
98 background-color: @moin-diff-added;
99 }
100
101 .moin-diff-removed {
102 background-color: @moin-diff-removed;
103 }
104
105 .moin-breadcrumb {
106 .breadcrumb;
107 > li {
108 &+li:before {
109 content: "\0020"; // Unicode space which is non-collapsing
110 padding: 0px;
111 }
112 }
113 }
114
115 .moin-nav {
116 .nav;
117 margin-bottom: 20px; // override bottom-margin nav-tabs
118 }
119
120 .moin-shadow {
121 > li {
122 > a {
123 .form-control-focus(); // adds shadow onfocus
124 }
125 }
126 }
127
128 .moin-location-breadcrumb {
129 display: inline;
130 }
131
132 .moin-nonexistent {
133 color: @link-nonexistent-color !important;
134 &:hover {
135 color: @link-nonexistent-hover-color;
136 }
137 }
138
139 .moin-sidebar {
140 .list-group;
141 overflow: hidden;
142 }
143
144 .moin-navbar-inverse {
145 .navbar-inverse;
146 background-color: @moin-navbar-inverse-bgcolor;
147 padding-left: 0px;
148 padding-right: 0px;
149 .navbar-nav {
150 > li > a {
151 color: @moin-navbar-inverse-textcolor;
152 }
153 > li > a.active {
154 color: @navbar-inverse-link-hover-color;
155 }
156 }
157 .navbar-text {
158 color: @moin-navbar-inverse-textcolor;
159 > a {
160 color: @moin-navbar-inverse-textcolor;
161 }
162 }
163 .navbar-brand {
164 color: @moin-navbar-inverse-textcolor;
165 }
166 }
167
168 .moin-quicklink {
169 position: relative;
170 padding: 5px 15px 5px 15px;
171 border: 1px solid @list-group-border;
172 margin-bottom: -1px;
173
174 &:last-child {
175 margin-bottom: 0;
176 .border-bottom-radius(@border-radius-base);
177 }
178
179 // Hover state
180 &:hover,
181 &:focus {
182 background-color: @list-group-hover-bg;
183 }
184 }
185
186 .moin-quicklink-label {
187 display: block;
188 &:hover,
189 &:focus {
190 text-decoration: none;
191 }
192 }
193
194 .moin-quicklink-delete {
195 position: absolute;
196 left: 80%;
197 top: 25%;
198 &:hover,
199 &:focus {
200 text-decoration: none;
201 }
202 }
203
204 // transclusion
205 .moin-transclusion {
206 max-width: 100%;
207 }
208
209 .moin-item-wrapper {
210 position: relative;
211 display: inline-block;
212 }
213
214 div.moin-item-wrapper {
215 width: 100%; // force bottom border of transcluded headings to extend across entire page
216 }
217
218 .moin-item-overlay-ul,
219 .moin-item-overlay-lr {
220 display: none;
221 position: absolute;
222 font-size: 1.2em;
223 font-weight: bold;
224 margin: 0;
225 opacity: .5;
226 padding: 1px;
227 border-color: @link-color;
228 border-style: double;
229 }
230
231 .moin-item-overlay-ul {
232 top: -4px;
233 left: -4px;
234 border-width: 3px 0 0 3px;
235 }
236
237 .moin-item-overlay-lr {
238 bottom: -4px;
239 right: -4px;
240 border-width: 0 3px 3px 0;
241 }
242
243 .moin-item-overlay-ul:hover,
244 .moin-item-overlay-lr:hover {
245 opacity: .8;
246 background-color: lighten(@link-color, 40%);
247 color: @link-color;
248 text-decoration: none;
249 }
250
251 .comment {
252 color: @text-color;
253 background-color: lighten(@link-color, 40%);
254 }
255
256 // added to stretch across the whole width, which is reduced by navbar.less's navbar-form
257 .moin-navbar-form{
258 .navbar-form;
259 padding-left: 0px;
260 padding-right: 0px;
261 }
262
263 .moin-navbar-header{
264 .navbar-header;
265 padding-left: 0px;
266 padding-right: 0px;
267 }
268
269 .moin-toggle-comments-button, .moin-transclusions-button{
270 font-weight: normal;
271 }
272
273 a.wikilink{
274 color: @brand-primary;
275 }
276 .moin-bcs-subitems{
277 z-index: 500;
278 }
279 ul.moin-breadcrumb ul.moin-bcs-subitems{
280 background-color: #1b436d;
281 }
282 ul.moin-breadcrumb,ul.moin-breadcrumb ul.moin-bcs-subitems{
283 padding: 0;
284 margin: 0;
285 display: inline-block;
286 }
287 ul.moin-breadcrumb li ul.moin-bcs-subitems li{
288 list-style-type: none;
289 display: block;
290 }
291 ul.moin-breadcrumb li ul.moin-bcs-subitems li a{
292 padding: 10px;
293 display: inline-block;
294 color: #ffffff;
295 }
296 ul.moin-breadcrumb li {
297 position: relative;
298 }
299 ul.moin-breadcrumb li ul.moin-bcs-subitems{
300 display: none;
301 position: absolute;
302 }
303 ul.moin-breadcrumb li:hover ul.moin-bcs-subitems{
304 display: block;
305 }
306 .moin-thead{
307 background-color: silver;
308 }
309 html, body {
310 height: 100%;
311 }
312 // CSS definitions for Index UI borrowed from foobar and modernized theme
313 #filter-btn {
314 background-color: #428bca;
315 border-radius: 3px;
316 display: inline;
317 padding: 10px;
318 color: #ffffff;
319 margin-bottom: 10px;
320 }
321 .moin-contenttypes-wrapper {
322
323 div {
324 cursor: pointer;
325 display: block;
326 }
327
328 form {
329 display: none;
330
331 ul {
332 -webkit-padding-start: 0px;
333 -moz-padding-start: 0px;
334 overflow: hidden;
335 }
336
337 li {
338
339 list-style-type: none;
340 float: left;
341 width: 50%;
342 border-radius: 5px;
343 display: inline;
344 padding: 5px;
345 margin-top: 5px;
346
347 label {
348 cursor: pointer;
349 display: inline;
350 line-height: 1.5em;
351 vertical-align: middle;
352 color: #1e90ff;
353 }
354
355 span {
356 font-size: .8em;
357 display: block;
358 }
359
360 }
361
362 .filters {
363 background-color: white;
364 border: none;
365 margin-top: 1em;
366 float: none;
367 display: block;
368
369 .filter-toggle, .filter-more {
370 font-size: 1em;
371 background-color: #eeeeee;
372 border: 1px solid #dddddd;
373 padding: 0.5em;
374 border-radius: 0.5em;
375 margin: 0.2em;
376 text-decoration: none;
377 }
378 }
379 }
380 }
381 .moin-item-index div {
382
383 .moin-select-item {
384 display: inline-block;
385 width: 17px;
386 cursor: default;
387 margin-top: 1em;
388 }
389 }
390 .moin-download-link {
391 display: none;
392 }
393 .moin-index-message {
394 width: 50%;
395 margin: 1em auto;
396 text-align: center;
397 display: none;
398
399 span {
400 padding: 4px;
401 background-color: #007cef;
402 color: #ffffff;
403 border: 1px solid #ccc;
404 border-radius: 5px;
405 }
406 }
407 .moin-index-path {
408 margin-left: .5em;
409
410 &:before {
411 content: icon-folder-close;
412 margin: 0.3em
413 }
414 }
415 .moin-clr {
416 clear: both;
417 }
418 .moin-item-index {
419 width: 100%;
420 margin-left: 0.5em;
421
422 div {
423 float: left;
424 width: 16.5em;
425
426 .moin-select-item {
427 display: inline-block;
428 width: 17px;
429 cursor: default;
430 margin-top: 1em;
431 }
432 }
433 }
434 .moin-index-separator {
435 clear: both;
436 border-top: 1px dashed #ccc;
437 display: none;
438 }
439 .popup-container {
440 margin: 0;
441 border: 5px solid #428bca;
442 border-radius: 6px 6px 0 0;
443 }
444 .popup-header {
445 background-color: #428bca;
446 color: #ffffff;
447 padding: 10px;
448 margin: 0;
449 }
450 input {
451
452 &[value="X"] {
453 padding: 0.1px;
454 margin: -.2em;
455 width: 19px;
456 border-radius: 2em;
457 float: right;
458
459 &:hover {
460 background: #f4f4f4;
461 }
462 }
463
464 &[type="text"] {
465 width: 96%;
466 }
467
468 &[type="submit"],&[type="button"],button {
469 font-weight: bold;
470 font-size: .75em;
471 background: #d6d5d0;
472 padding: 4px 15px;
473 border: 1px solid #ccc;
474 border-radius: 6px;
475 box-shadow: 1px 1px 2px #9d9d9b;
476 cursor: pointer;
477 }
478
479 &:hover {
480 box-shadow: 1px 1px 2px #000;
481 }
482
483 &:active {
484 position: relative;
485 top: 1px;
486 }
487 }
488 input,select {
489 padding: 3px;
490 background: #f4f4f4;
491 border: 1px solid #ccc;
492 border-radius: 2px;
493 }
494 .popup-body {
495 clear: both;
496 background-color: #f4f4f4;
497 color: #000000;
498 padding: 10px;
499 margin: 0;
500
501 label {
502 margin: 5px;
503 }
504
505 input {
506 margin: 8px 5px;
507 }
508 }
509 #moin-initials {
510 width: 90%;
511 margin: 5px auto;
512 text-align: center;
513
514 a {
515 display: inline-block;
516 margin: 0;
517 padding: 4px 5px;
518
519 &:hover,&.selected {
520 background: #428bca;
521 border-radius: 5px;
522 color: #ffffff;
523 text-decoration: none
524 }
525 }
526 }
527 #popup {
528 background: transparent;
529 padding: 5px;
530 width: 40%;
531 position: absolute;
532 top: 10%;
533 left: 30%;
534 display: none;
535 z-index: 10;
536 }
537 .moin-error {
538 color: #ff2727;
539 background: #d6d5d0;
540 padding: 4px;
541 margin: 1em;
542 text-align: center;
543 list-style-type: none;
544 border-radius: 5px;
545 }
546 .moin-textcha {
547 padding-top: .2em;
548 }
549 #moin-upload-cont {
550 min-height: 10px;
551 }
552 #file_upload {
553 margin-top: 2em;
554 }
555 form.upload_file {
556 background-color: #d6d5d0;
557 border: 1px solid #ccc;
558 cursor: pointer;
559 direction: ltr;
560 font-weight: bold;
561 height: 2.5em;
562 line-height: 2.5em;
563 overflow: hidden;
564 position: relative;
565 text-align: center;
566 width: 15em;
567 display: block;
568 box-shadow: 0 0 5px #9d9d9b;
569
570 &:hover {
571 box-shadow: 0 0 5px #000;
572 }
573
574 input {
575 cursor: pointer;
576 height: 100%;
577 margin: 0;
578 opacity: 0;
579 position: absolute;
580 }
581
582 button {
583 display: none
584 }
585 }
586 .file_upload_template .file_upload_start {
587 visibility: hidden;
588 border-width: 0;
589 padding: 0;
590
591 button {
592 width: 0;
593 }
594 }
595 .file_name {
596 word-break: break-all;
597 word-wrap: break-word;
598 max-width: 10em;
599 }
600 .upload-form {
601 display: none;
602 }
603 .moin-drag {
604 font-size: .7em;
605 color: #9d9d9b;
606 }
607 #lightbox {
608 background: #f4f4f4;
609 opacity: .7;
610 position: absolute;
611 left: 0;
612 top: 0;
613 width: 100%;
614 height: 100%;
615 z-index: 9;
616 margin: 0;
617 display: none
618 }
619 .moin-content {
620 padding-bottom: 100px;
621 }
622 .moin-footer {
623 bottom: 0;
624 position: absolute;
625 width: 100%;
626 }
627 .moin-search-option-bar {
628 padding-left: 10px;
629 border: 1px solid @gray;
630 background-color: @search_option_bar_color;
631 color: @search_option_bar_text_color;
632 border-radius: 5px;
633 > span {
634 float: right;
635 padding: 10px;
636 }
637 }
638 // set min-width to prevent search box from floating off window to right
639 @media (min-width: 768px) {
640 .container {
641 min-height: 100%;
642 position: relative;
643 width: auto;
644 }
645 }
646 @media (min-width: 992px) {
647 .container {
648 min-height: 100%;
649 position: relative;
650 width: auto;
651 }
652 }
653 @media (min-width: 1200px) {
654 .container {
655 min-height: 100%;
656 position: relative;
657 width: auto;
658 }
659 }
660 #moin-ticketsearch-query {
661 background-image: url('../../../../static/img/search.png');
662 background-repeat: no-repeat;
663 background-position: 5px;
664 padding-left: 24px;
665 width: 200px;
666 right: 40px;
667 position: absolute;
668 }
669 #ticket-list thead th:hover {
670 background-color: #e8e8e8;
671 }
672 #ticket-list tr td, #ticket-list thead th {
673 cursor: pointer;
674 padding-left: 20px;
675 }
676 #ticket-list tr td:first-child a {
677 font-family: monospace;
678 }
679 .ticket-query-button {
680 background: #ffffff;
681 padding: 1px 7px;
682 text-shadow: 0 1px 0 #fff;
683 border: 1px solid transparent;
684 }
685 .ticket-query-button.active, .ticket-query-button:hover {
686 background: -webkit-linear-gradient(top, #cccccc 0, #dddddd 13%);
687 color: #333;
688 box-sizing: border-box;
689 border: 1px solid transparent;
690 border-radius: 3px;
691 }
692 .moin-ticketsearch-form {
693 display: inline;
694 }
695 .tablesorter-header {
696 background-image: url('../../../../static/img/bg.png');
697 background-repeat: no-repeat;
698 background-position: left center;
699 }
700 .tablesorter-headerAsc {
701 background-image: url('../../../../static/img/asc.png');
702 }
703 .tablesorter-headerDesc {
704 background-image: url('../../../../static/img/desc.png');
705 }
706 .tablesorter-header.sorter-false {
707 background-image: None;
708 }
709 .tablesorter-header-inner {
710 padding-left: 20px;
711 cursor: pointer;
712 }
713 #ticket-summary {
714 width: 50%;
715 }
716 #ticket-list {
717 float: right;
718 width: 90%;
719 }
720 .ticket-tags-button {
721 padding: 4px;
722 width: 100px;
723 }
724 #ticket-table-tip {
725 float: right;
726 color: #999999;
727 }
728 .tickets-sort-button.dropdown {
729 display: inline;
730 }
731 html{
732 overflow-y: scroll;
733 }
734 .moin-hist-rev {
735 text-align: center;
736 }
737 #moin-button-diff {
738 text-align: center;
739 }
740 .menu .submenu {
741 display: none;
742 margin-bottom: 0px;
743 }
744 .menu:hover .submenu {
745 display: block;
746 }
747