##// END OF EJS Templates
ux: remove position relative on diff td as it causes very slow...
dan -
r788:5bb62bb1 default
parent child Browse files
Show More
@@ -1,100 +1,100 b''
1 1 div.diffblock .code-header .changeset_header > div {
2 2 margin: 0 @padding;
3 3 }
4 4
5 5
6 6 // Line select and comment
7 7 div.diffblock.margined.comm tr {
8 8 td {
9 position: relative;
9 // IMPORTANT - never position:relative this as it causes insanely
10 // slow rendering
10 11 }
11 12
12 13 .add-comment-line {
13 14 // Force td width for Firefox
14 15 width: 20px;
15 16
16 17 // TODO: anderson: fixing mouse-over bug.
17 18 // why was it vertical-align baseline in first place??
18 19 vertical-align: top !important;
19 20 // Force width and display for IE 9
20 21 .add-comment-content {
21 22 display: inline-block;
22 23 width: 20px;
23 24
24 25 a {
25 26 display: none;
26 position: absolute;
27 top: 2px;
28 left: 2px;
27 margin-top: 2px;
28 margin-left: 2px;
29 29 color: @grey3;
30 30 }
31 31 }
32 32 }
33 33
34 34 .comment-toggle {
35 35 position: relative;
36 36 min-width: 20px;
37 37 width: 20px;
38 38 color: @rcblue;
39 39
40 40 .icon-comment {
41 41 position: absolute;
42 42 top: 2px;
43 43 left: 0;
44 44 z-index: 100;
45 45 visibility: hidden;
46 46 }
47 47
48 48 &.active {
49 49 .icon-comment{
50 50 visibility: visible;
51 51 }
52 52 cursor: pointer;
53 53 }
54 54 }
55 55
56 56 &.line {
57 57 &:hover, &.hover{
58 58 .add-comment-line a{
59 59 display: inline;
60 60 }
61 61 }
62 62
63 63 &.hover, &.selected {
64 64 &, del, ins {
65 65 background-color: lighten(@alert3, 10%) !important;
66 66 }
67 67 }
68 68
69 69 &.commenting {
70 70 &, del, ins {
71 71 background-image: none !important;
72 72 background-color: lighten(@alert4, 10%) !important;
73 73 }
74 74 }
75 75 }
76 76 }
77 77
78 78 .compare-header {
79 79 overflow-x: auto;
80 80 overflow-y: hidden;
81 81 clear: both;
82 82 padding: @padding;
83 83 background: @grey6;
84 84 border: @border-thickness solid @border-default-color;
85 85 .border-radius(@border-radius);
86 86
87 87 .compare-value,
88 88 .compare-label {
89 89 float: left;
90 90 display: inline-block;
91 91 min-width: 5em;
92 92 margin: 0;
93 93 padding: 0.9em 0.9em 0.9em 0;
94 94 }
95 95
96 96 .compare-label {
97 97 clear: both;
98 98 font-family: @text-semibold;
99 99 }
100 100 }
@@ -1,2147 +1,2146 b''
1 1 //Primary CSS
2 2
3 3 //--- IMPORTS ------------------//
4 4
5 5 @import 'helpers';
6 6 @import 'mixins';
7 7 @import 'rcicons';
8 8 @import 'fonts';
9 9 @import 'variables';
10 10 @import 'bootstrap-variables';
11 11 @import 'form-bootstrap';
12 12 @import 'codemirror';
13 13 @import 'legacy_code_styles';
14 14 @import 'progress-bar';
15 15
16 16 @import 'type';
17 17 @import 'alerts';
18 18 @import 'buttons';
19 19 @import 'tags';
20 20 @import 'code-block';
21 21 @import 'examples';
22 22 @import 'login';
23 23 @import 'main-content';
24 24 @import 'select2';
25 25 @import 'comments';
26 26 @import 'panels-bootstrap';
27 27 @import 'panels';
28 28 @import 'deform';
29 29
30
31 30 //--- BASE ------------------//
32 31 .noscript-error {
33 32 top: 0;
34 33 left: 0;
35 34 width: 100%;
36 35 z-index: 101;
37 36 text-align: center;
38 37 font-family: @text-semibold;
39 38 font-size: 120%;
40 39 color: white;
41 40 background-color: @alert2;
42 41 padding: 5px 0 5px 0;
43 42 }
44 43
45 44 html {
46 45 display: table;
47 46 height: 100%;
48 47 width: 100%;
49 48 }
50 49
51 50 body {
52 51 display: table-cell;
53 52 width: 100%;
54 53 }
55 54
56 55 //--- LAYOUT ------------------//
57 56
58 57 .hidden{
59 58 display: none !important;
60 59 }
61 60
62 61 .box{
63 62 float: left;
64 63 width: 100%;
65 64 }
66 65
67 66 .browser-header {
68 67 clear: both;
69 68 }
70 69 .main {
71 70 clear: both;
72 71 padding:0 0 @pagepadding;
73 72 height: auto;
74 73
75 74 &:after { //clearfix
76 75 content:"";
77 76 clear:both;
78 77 width:100%;
79 78 display:block;
80 79 }
81 80 }
82 81
83 82 .action-link{
84 83 margin-left: @padding;
85 84 padding-left: @padding;
86 85 border-left: @border-thickness solid @border-default-color;
87 86 }
88 87
89 88 input + .action-link, .action-link.first{
90 89 border-left: none;
91 90 }
92 91
93 92 .action-link.last{
94 93 margin-right: @padding;
95 94 padding-right: @padding;
96 95 }
97 96
98 97 .action-link.active,
99 98 .action-link.active a{
100 99 color: @grey4;
101 100 }
102 101
103 102 ul.simple-list{
104 103 list-style: none;
105 104 margin: 0;
106 105 padding: 0;
107 106 }
108 107
109 108 .main-content {
110 109 padding-bottom: @pagepadding;
111 110 }
112 111
113 112 .wrapper {
114 113 position: relative;
115 114 max-width: @wrapper-maxwidth;
116 115 margin: 0 auto;
117 116 }
118 117
119 118 #content {
120 119 clear: both;
121 120 padding: 0 @contentpadding;
122 121 }
123 122
124 123 .advanced-settings-fields{
125 124 input{
126 125 margin-left: @textmargin;
127 126 margin-right: @padding/2;
128 127 }
129 128 }
130 129
131 130 .cs_files_title {
132 131 margin: @pagepadding 0 0;
133 132 }
134 133
135 134 input.inline[type="file"] {
136 135 display: inline;
137 136 }
138 137
139 138 .error_page {
140 139 margin: 10% auto;
141 140
142 141 h1 {
143 142 color: @grey2;
144 143 }
145 144
146 145 .error-branding {
147 146 font-family: @text-semibold;
148 147 color: @grey4;
149 148 }
150 149
151 150 .error_message {
152 151 font-family: @text-regular;
153 152 }
154 153
155 154 .sidebar {
156 155 min-height: 275px;
157 156 margin: 0;
158 157 padding: 0 0 @sidebarpadding @sidebarpadding;
159 158 border: none;
160 159 }
161 160
162 161 .main-content {
163 162 position: relative;
164 163 margin: 0 @sidebarpadding @sidebarpadding;
165 164 padding: 0 0 0 @sidebarpadding;
166 165 border-left: @border-thickness solid @grey5;
167 166
168 167 @media (max-width:767px) {
169 168 clear: both;
170 169 width: 100%;
171 170 margin: 0;
172 171 border: none;
173 172 }
174 173 }
175 174
176 175 .inner-column {
177 176 float: left;
178 177 width: 29.75%;
179 178 min-height: 150px;
180 179 margin: @sidebarpadding 2% 0 0;
181 180 padding: 0 2% 0 0;
182 181 border-right: @border-thickness solid @grey5;
183 182
184 183 @media (max-width:767px) {
185 184 clear: both;
186 185 width: 100%;
187 186 border: none;
188 187 }
189 188
190 189 ul {
191 190 padding-left: 1.25em;
192 191 }
193 192
194 193 &:last-child {
195 194 margin: @sidebarpadding 0 0;
196 195 border: none;
197 196 }
198 197
199 198 h4 {
200 199 margin: 0 0 @padding;
201 200 font-family: @text-semibold;
202 201 }
203 202 }
204 203 }
205 204 .error-page-logo {
206 205 width: 130px;
207 206 height: 160px;
208 207 }
209 208
210 209 // HEADER
211 210 .header {
212 211
213 212 // TODO: johbo: Fix login pages, so that they work without a min-height
214 213 // for the header and then remove the min-height. I chose a smaller value
215 214 // intentionally here to avoid rendering issues in the main navigation.
216 215 min-height: 49px;
217 216
218 217 position: relative;
219 218 vertical-align: bottom;
220 219 padding: 0 @header-padding;
221 220 background-color: @grey2;
222 221 color: @grey5;
223 222
224 223 .title {
225 224 overflow: visible;
226 225 }
227 226
228 227 &:before,
229 228 &:after {
230 229 content: "";
231 230 clear: both;
232 231 width: 100%;
233 232 }
234 233
235 234 // TODO: johbo: Avoids breaking "Repositories" chooser
236 235 .select2-container .select2-choice .select2-arrow {
237 236 display: none;
238 237 }
239 238 }
240 239
241 240 #header-inner {
242 241 &.title {
243 242 margin: 0;
244 243 }
245 244 &:before,
246 245 &:after {
247 246 content: "";
248 247 clear: both;
249 248 }
250 249 }
251 250
252 251 // Gists
253 252 #files_data {
254 253 clear: both; //for firefox
255 254 }
256 255 #gistid {
257 256 margin-right: @padding;
258 257 }
259 258
260 259 // Global Settings Editor
261 260 .textarea.editor {
262 261 float: left;
263 262 position: relative;
264 263 max-width: @texteditor-width;
265 264
266 265 select {
267 266 position: absolute;
268 267 top:10px;
269 268 right:0;
270 269 }
271 270
272 271 .CodeMirror {
273 272 margin: 0;
274 273 }
275 274
276 275 .help-block {
277 276 margin: 0 0 @padding;
278 277 padding:.5em;
279 278 background-color: @grey6;
280 279 }
281 280 }
282 281
283 282 ul.auth_plugins {
284 283 margin: @padding 0 @padding @legend-width;
285 284 padding: 0;
286 285
287 286 li {
288 287 margin-bottom: @padding;
289 288 line-height: 1em;
290 289 list-style-type: none;
291 290
292 291 .auth_buttons .btn {
293 292 margin-right: @padding;
294 293 }
295 294
296 295 &:before { content: none; }
297 296 }
298 297 }
299 298
300 299
301 300 // My Account PR list
302 301
303 302 #show_closed {
304 303 margin: 0 1em 0 0;
305 304 }
306 305
307 306 .pullrequestlist {
308 307 .closed {
309 308 background-color: @grey6;
310 309 }
311 310 .td-status {
312 311 padding-left: .5em;
313 312 }
314 313 .log-container .truncate {
315 314 height: 2.75em;
316 315 white-space: pre-line;
317 316 }
318 317 table.rctable .user {
319 318 padding-left: 0;
320 319 }
321 320 table.rctable {
322 321 td.td-description,
323 322 .rc-user {
324 323 min-width: auto;
325 324 }
326 325 }
327 326 }
328 327
329 328 // Pull Requests
330 329
331 330 .pullrequests_section_head {
332 331 display: block;
333 332 clear: both;
334 333 margin: @padding 0;
335 334 font-family: @text-bold;
336 335 }
337 336
338 337 .pr-origininfo, .pr-targetinfo {
339 338 position: relative;
340 339
341 340 .tag {
342 341 display: inline-block;
343 342 margin: 0 1em .5em 0;
344 343 }
345 344
346 345 .clone-url {
347 346 display: inline-block;
348 347 margin: 0 0 .5em 0;
349 348 padding: 0;
350 349 line-height: 1.2em;
351 350 }
352 351 }
353 352
354 353 .pr-pullinfo {
355 354 clear: both;
356 355 margin: .5em 0;
357 356 }
358 357
359 358 #pr-title-input {
360 359 width: 72%;
361 360 font-size: 1em;
362 361 font-family: @text-bold;
363 362 margin: 0;
364 363 padding: 0 0 0 @padding/4;
365 364 line-height: 1.7em;
366 365 color: @text-color;
367 366 letter-spacing: .02em;
368 367 }
369 368
370 369 #pullrequest_title {
371 370 width: 100%;
372 371 box-sizing: border-box;
373 372 }
374 373
375 374 #pr_open_message {
376 375 border: @border-thickness solid #fff;
377 376 border-radius: @border-radius;
378 377 padding: @padding-large-vertical @padding-large-vertical @padding-large-vertical 0;
379 378 text-align: right;
380 379 overflow: hidden;
381 380 }
382 381
383 382 .pr-submit-button {
384 383 float: right;
385 384 margin: 0 0 0 5px;
386 385 }
387 386
388 387 .pr-spacing-container {
389 388 padding: 20px;
390 389 clear: both
391 390 }
392 391
393 392 #pr-description-input {
394 393 margin-bottom: 0;
395 394 }
396 395
397 396 .pr-description-label {
398 397 vertical-align: top;
399 398 }
400 399
401 400 .perms_section_head {
402 401 min-width: 625px;
403 402
404 403 h2 {
405 404 margin-bottom: 0;
406 405 }
407 406
408 407 .label-checkbox {
409 408 float: left;
410 409 }
411 410
412 411 &.field {
413 412 margin: @space 0 @padding;
414 413 }
415 414
416 415 &:first-child.field {
417 416 margin-top: 0;
418 417
419 418 .label {
420 419 margin-top: 0;
421 420 padding-top: 0;
422 421 }
423 422
424 423 .radios {
425 424 padding-top: 0;
426 425 }
427 426 }
428 427
429 428 .radios {
430 429 float: right;
431 430 position: relative;
432 431 width: 405px;
433 432 }
434 433 }
435 434
436 435 //--- MODULES ------------------//
437 436
438 437
439 438 // Fixed Sidebar Column
440 439 .sidebar-col-wrapper {
441 440 padding-left: @sidebar-all-width;
442 441
443 442 .sidebar {
444 443 width: @sidebar-width;
445 444 margin-left: -@sidebar-all-width;
446 445 }
447 446 }
448 447
449 448 .sidebar-col-wrapper.scw-small {
450 449 padding-left: @sidebar-small-all-width;
451 450
452 451 .sidebar {
453 452 width: @sidebar-small-width;
454 453 margin-left: -@sidebar-small-all-width;
455 454 }
456 455 }
457 456
458 457
459 458 // FOOTER
460 459 #footer {
461 460 padding: 0;
462 461 text-align: center;
463 462 vertical-align: middle;
464 463 color: @grey2;
465 464 background-color: @grey6;
466 465
467 466 p {
468 467 margin: 0;
469 468 padding: 1em;
470 469 line-height: 1em;
471 470 }
472 471
473 472 .server-instance { //server instance
474 473 display: none;
475 474 }
476 475
477 476 .title {
478 477 float: none;
479 478 margin: 0 auto;
480 479 }
481 480 }
482 481
483 482 button.close {
484 483 padding: 0;
485 484 cursor: pointer;
486 485 background: transparent;
487 486 border: 0;
488 487 .box-shadow(none);
489 488 -webkit-appearance: none;
490 489 }
491 490
492 491 .close {
493 492 float: right;
494 493 font-size: 21px;
495 494 font-family: @text-bootstrap;
496 495 line-height: 1em;
497 496 font-weight: bold;
498 497 color: @grey2;
499 498
500 499 &:hover,
501 500 &:focus {
502 501 color: @grey1;
503 502 text-decoration: none;
504 503 cursor: pointer;
505 504 }
506 505 }
507 506
508 507 // GRID
509 508 .sorting,
510 509 .sorting_desc,
511 510 .sorting_asc {
512 511 cursor: pointer;
513 512 }
514 513 .sorting_desc:after {
515 514 content: "\00A0\25B2";
516 515 font-size: .75em;
517 516 }
518 517 .sorting_asc:after {
519 518 content: "\00A0\25BC";
520 519 font-size: .68em;
521 520 }
522 521
523 522
524 523 .user_auth_tokens {
525 524
526 525 &.truncate {
527 526 white-space: nowrap;
528 527 overflow: hidden;
529 528 text-overflow: ellipsis;
530 529 }
531 530
532 531 .fields .field .input {
533 532 margin: 0;
534 533 }
535 534
536 535 input#description {
537 536 width: 100px;
538 537 margin: 0;
539 538 }
540 539
541 540 .drop-menu {
542 541 // TODO: johbo: Remove this, should work out of the box when
543 542 // having multiple inputs inline
544 543 margin: 0 0 0 5px;
545 544 }
546 545 }
547 546 #user_list_table {
548 547 .closed {
549 548 background-color: @grey6;
550 549 }
551 550 }
552 551
553 552
554 553 input {
555 554 &.disabled {
556 555 opacity: .5;
557 556 }
558 557 }
559 558
560 559 // remove extra padding in firefox
561 560 input::-moz-focus-inner { border:0; padding:0 }
562 561
563 562 .adjacent input {
564 563 margin-bottom: @padding;
565 564 }
566 565
567 566 .permissions_boxes {
568 567 display: block;
569 568 }
570 569
571 570 //TODO: lisa: this should be in tables
572 571 .show_more_col {
573 572 width: 20px;
574 573 }
575 574
576 575 //FORMS
577 576
578 577 .medium-inline,
579 578 input#description.medium-inline {
580 579 display: inline;
581 580 width: @medium-inline-input-width;
582 581 min-width: 100px;
583 582 }
584 583
585 584 select {
586 585 //reset
587 586 -webkit-appearance: none;
588 587 -moz-appearance: none;
589 588
590 589 display: inline-block;
591 590 height: 28px;
592 591 width: auto;
593 592 margin: 0 @padding @padding 0;
594 593 padding: 0 18px 0 8px;
595 594 line-height:1em;
596 595 font-size: @basefontsize;
597 596 border: @border-thickness solid @rcblue;
598 597 background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
599 598 color: @rcblue;
600 599
601 600 &:after {
602 601 content: "\00A0\25BE";
603 602 }
604 603
605 604 &:focus {
606 605 outline: none;
607 606 }
608 607 }
609 608
610 609 option {
611 610 &:focus {
612 611 outline: none;
613 612 }
614 613 }
615 614
616 615 input,
617 616 textarea {
618 617 padding: @input-padding;
619 618 border: @input-border-thickness solid @border-highlight-color;
620 619 .border-radius (@border-radius);
621 620 font-family: @text-light;
622 621 font-size: @basefontsize;
623 622
624 623 &.input-sm {
625 624 padding: 5px;
626 625 }
627 626
628 627 &#description {
629 628 min-width: @input-description-minwidth;
630 629 min-height: 1em;
631 630 padding: 10px;
632 631 }
633 632 }
634 633
635 634 .field-sm {
636 635 input,
637 636 textarea {
638 637 padding: 5px;
639 638 }
640 639 }
641 640
642 641 textarea {
643 642 display: block;
644 643 clear: both;
645 644 width: 100%;
646 645 min-height: 100px;
647 646 margin-bottom: @padding;
648 647 .box-sizing(border-box);
649 648 overflow: auto;
650 649 }
651 650
652 651 label {
653 652 font-family: @text-light;
654 653 }
655 654
656 655 // GRAVATARS
657 656 // centers gravatar on username to the right
658 657
659 658 .gravatar {
660 659 display: inline;
661 660 min-width: 16px;
662 661 min-height: 16px;
663 662 margin: -5px 0;
664 663 padding: 0;
665 664 line-height: 1em;
666 665 border: 1px solid @grey4;
667 666
668 667 &.gravatar-large {
669 668 margin: -0.5em .25em -0.5em 0;
670 669 }
671 670
672 671 & + .user {
673 672 display: inline;
674 673 margin: 0;
675 674 padding: 0 0 0 .17em;
676 675 line-height: 1em;
677 676 }
678 677 }
679 678
680 679 .user-inline-data {
681 680 display: inline-block;
682 681 float: left;
683 682 padding-left: .5em;
684 683 line-height: 1.3em;
685 684 }
686 685
687 686 .rc-user { // gravatar + user wrapper
688 687 float: left;
689 688 position: relative;
690 689 min-width: 100px;
691 690 max-width: 200px;
692 691 min-height: (@gravatar-size + @border-thickness * 2); // account for border
693 692 display: block;
694 693 padding: 0 0 0 (@gravatar-size + @basefontsize/2 + @border-thickness * 2);
695 694
696 695
697 696 .gravatar {
698 697 display: block;
699 698 position: absolute;
700 699 top: 0;
701 700 left: 0;
702 701 min-width: @gravatar-size;
703 702 min-height: @gravatar-size;
704 703 margin: 0;
705 704 }
706 705
707 706 .user {
708 707 display: block;
709 708 max-width: 175px;
710 709 padding-top: 2px;
711 710 overflow: hidden;
712 711 text-overflow: ellipsis;
713 712 }
714 713 }
715 714
716 715 .gist-gravatar,
717 716 .journal_container {
718 717 .gravatar-large {
719 718 margin: 0 .5em -10px 0;
720 719 }
721 720 }
722 721
723 722
724 723 // ADMIN SETTINGS
725 724
726 725 // Tag Patterns
727 726 .tag_patterns {
728 727 .tag_input {
729 728 margin-bottom: @padding;
730 729 }
731 730 }
732 731
733 732 .locked_input {
734 733 position: relative;
735 734
736 735 input {
737 736 display: inline;
738 737 margin-top: 3px;
739 738 }
740 739
741 740 br {
742 741 display: none;
743 742 }
744 743
745 744 .error-message {
746 745 float: left;
747 746 width: 100%;
748 747 }
749 748
750 749 .lock_input_button {
751 750 display: inline;
752 751 }
753 752
754 753 .help-block {
755 754 clear: both;
756 755 }
757 756 }
758 757
759 758 // Notifications
760 759
761 760 .notifications_buttons {
762 761 margin: 0 0 @space 0;
763 762 padding: 0;
764 763
765 764 .btn {
766 765 display: inline-block;
767 766 }
768 767 }
769 768
770 769 .notification-list {
771 770
772 771 div {
773 772 display: inline-block;
774 773 vertical-align: middle;
775 774 }
776 775
777 776 .container {
778 777 display: block;
779 778 margin: 0 0 @padding 0;
780 779 }
781 780
782 781 .delete-notifications {
783 782 margin-left: @padding;
784 783 text-align: right;
785 784 cursor: pointer;
786 785 }
787 786
788 787 .read-notifications {
789 788 margin-left: @padding/2;
790 789 text-align: right;
791 790 width: 35px;
792 791 cursor: pointer;
793 792 }
794 793
795 794 .icon-minus-sign {
796 795 color: @alert2;
797 796 }
798 797
799 798 .icon-ok-sign {
800 799 color: @alert1;
801 800 }
802 801 }
803 802
804 803 .user_settings {
805 804 float: left;
806 805 clear: both;
807 806 display: block;
808 807 width: 100%;
809 808
810 809 .gravatar_box {
811 810 margin-bottom: @padding;
812 811
813 812 &:after {
814 813 content: " ";
815 814 clear: both;
816 815 width: 100%;
817 816 }
818 817 }
819 818
820 819 .fields .field {
821 820 clear: both;
822 821 }
823 822 }
824 823
825 824 .advanced_settings {
826 825 margin-bottom: @space;
827 826
828 827 .help-block {
829 828 margin-left: 0;
830 829 }
831 830
832 831 button + .help-block {
833 832 margin-top: @padding;
834 833 }
835 834 }
836 835
837 836 // admin settings radio buttons and labels
838 837 .label-2 {
839 838 float: left;
840 839 width: @label2-width;
841 840
842 841 label {
843 842 color: @grey1;
844 843 }
845 844 }
846 845 .checkboxes {
847 846 float: left;
848 847 width: @checkboxes-width;
849 848 margin-bottom: @padding;
850 849
851 850 .checkbox {
852 851 width: 100%;
853 852
854 853 label {
855 854 margin: 0;
856 855 padding: 0;
857 856 }
858 857 }
859 858
860 859 .checkbox + .checkbox {
861 860 display: inline-block;
862 861 }
863 862
864 863 label {
865 864 margin-right: 1em;
866 865 }
867 866 }
868 867
869 868 // CHANGELOG
870 869 .container_header {
871 870 float: left;
872 871 display: block;
873 872 width: 100%;
874 873 margin: @padding 0 @padding;
875 874
876 875 #filter_changelog {
877 876 float: left;
878 877 margin-right: @padding;
879 878 }
880 879
881 880 .breadcrumbs_light {
882 881 display: inline-block;
883 882 }
884 883 }
885 884
886 885 .info_box {
887 886 float: right;
888 887 }
889 888
890 889
891 890 #graph_nodes {
892 891 padding-top: 43px;
893 892 }
894 893
895 894 #graph_content{
896 895
897 896 // adjust for table headers so that graph renders properly
898 897 // #graph_nodes padding - table cell padding
899 898 padding-top: (@space - (@basefontsize * 2.4));
900 899
901 900 &.graph_full_width {
902 901 width: 100%;
903 902 max-width: 100%;
904 903 }
905 904 }
906 905
907 906 #graph {
908 907 .flag_status {
909 908 margin: 0;
910 909 }
911 910
912 911 .pagination-left {
913 912 float: left;
914 913 clear: both;
915 914 }
916 915
917 916 .log-container {
918 917 max-width: 345px;
919 918
920 919 .message{
921 920 max-width: 340px;
922 921 }
923 922 }
924 923
925 924 .graph-col-wrapper {
926 925 padding-left: 110px;
927 926
928 927 #graph_nodes {
929 928 width: 100px;
930 929 margin-left: -110px;
931 930 float: left;
932 931 clear: left;
933 932 }
934 933 }
935 934 }
936 935
937 936 #filter_changelog {
938 937 float: left;
939 938 }
940 939
941 940
942 941 //--- THEME ------------------//
943 942
944 943 #logo {
945 944 float: left;
946 945 margin: 9px 0 0 0;
947 946
948 947 .header {
949 948 background-color: transparent;
950 949 }
951 950
952 951 a {
953 952 display: inline-block;
954 953 }
955 954
956 955 img {
957 956 height:30px;
958 957 }
959 958 }
960 959
961 960 .logo-wrapper {
962 961 float:left;
963 962 }
964 963
965 964 .branding{
966 965 float: left;
967 966 padding: 9px 2px;
968 967 line-height: 1em;
969 968 font-size: @navigation-fontsize;
970 969 }
971 970
972 971 img {
973 972 border: none;
974 973 outline: none;
975 974 }
976 975 user-profile-header
977 976 label {
978 977
979 978 input[type="checkbox"] {
980 979 margin-right: 1em;
981 980 }
982 981 input[type="radio"] {
983 982 margin-right: 1em;
984 983 }
985 984 }
986 985
987 986 .flag_status {
988 987 margin: 2px 8px 6px 2px;
989 988 &.under_review {
990 989 .circle(5px, @alert3);
991 990 }
992 991 &.approved {
993 992 .circle(5px, @alert1);
994 993 }
995 994 &.rejected,
996 995 &.forced_closed{
997 996 .circle(5px, @alert2);
998 997 }
999 998 &.not_reviewed {
1000 999 .circle(5px, @grey5);
1001 1000 }
1002 1001 }
1003 1002
1004 1003 .flag_status_comment_box {
1005 1004 margin: 5px 6px 0px 2px;
1006 1005 }
1007 1006 .test_pattern_preview {
1008 1007 margin: @space 0;
1009 1008
1010 1009 p {
1011 1010 margin-bottom: 0;
1012 1011 border-bottom: @border-thickness solid @border-default-color;
1013 1012 color: @grey3;
1014 1013 }
1015 1014
1016 1015 .btn {
1017 1016 margin-bottom: @padding;
1018 1017 }
1019 1018 }
1020 1019 #test_pattern_result {
1021 1020 display: none;
1022 1021 &:extend(pre);
1023 1022 padding: .9em;
1024 1023 color: @grey3;
1025 1024 background-color: @grey7;
1026 1025 border-right: @border-thickness solid @border-default-color;
1027 1026 border-bottom: @border-thickness solid @border-default-color;
1028 1027 border-left: @border-thickness solid @border-default-color;
1029 1028 }
1030 1029
1031 1030 #repo_vcs_settings {
1032 1031 #inherit_overlay_vcs_default {
1033 1032 display: none;
1034 1033 }
1035 1034 #inherit_overlay_vcs_custom {
1036 1035 display: custom;
1037 1036 }
1038 1037 &.inherited {
1039 1038 #inherit_overlay_vcs_default {
1040 1039 display: block;
1041 1040 }
1042 1041 #inherit_overlay_vcs_custom {
1043 1042 display: none;
1044 1043 }
1045 1044 }
1046 1045 }
1047 1046
1048 1047 .issue-tracker-link {
1049 1048 color: @rcblue;
1050 1049 }
1051 1050
1052 1051 // Issue Tracker Table Show/Hide
1053 1052 #repo_issue_tracker {
1054 1053 #inherit_overlay {
1055 1054 display: none;
1056 1055 }
1057 1056 #custom_overlay {
1058 1057 display: custom;
1059 1058 }
1060 1059 &.inherited {
1061 1060 #inherit_overlay {
1062 1061 display: block;
1063 1062 }
1064 1063 #custom_overlay {
1065 1064 display: none;
1066 1065 }
1067 1066 }
1068 1067 }
1069 1068 table.issuetracker {
1070 1069 &.readonly {
1071 1070 tr, td {
1072 1071 color: @grey3;
1073 1072 }
1074 1073 }
1075 1074 .edit {
1076 1075 display: none;
1077 1076 }
1078 1077 .editopen {
1079 1078 .edit {
1080 1079 display: inline;
1081 1080 }
1082 1081 .entry {
1083 1082 display: none;
1084 1083 }
1085 1084 }
1086 1085 tr td.td-action {
1087 1086 min-width: 117px;
1088 1087 }
1089 1088 td input {
1090 1089 max-width: none;
1091 1090 min-width: 30px;
1092 1091 width: 80%;
1093 1092 }
1094 1093 .issuetracker_pref input {
1095 1094 width: 40%;
1096 1095 }
1097 1096 input.edit_issuetracker_update {
1098 1097 margin-right: 0;
1099 1098 width: auto;
1100 1099 }
1101 1100 }
1102 1101
1103 1102 table.integrations {
1104 1103 .td-icon {
1105 1104 width: 20px;
1106 1105 .integration-icon {
1107 1106 height: 20px;
1108 1107 width: 20px;
1109 1108 }
1110 1109 }
1111 1110 }
1112 1111
1113 1112 .integrations {
1114 1113 a.integration-box {
1115 1114 color: @text-color;
1116 1115 &:hover {
1117 1116 .panel {
1118 1117 background: #fbfbfb;
1119 1118 }
1120 1119 }
1121 1120 .integration-icon {
1122 1121 width: 30px;
1123 1122 height: 30px;
1124 1123 margin-right: 20px;
1125 1124 float: left;
1126 1125 }
1127 1126
1128 1127 .panel-body {
1129 1128 padding: 10px;
1130 1129 }
1131 1130 .panel {
1132 1131 margin-bottom: 10px;
1133 1132 }
1134 1133 h2 {
1135 1134 display: inline-block;
1136 1135 margin: 0;
1137 1136 min-width: 140px;
1138 1137 }
1139 1138 }
1140 1139 }
1141 1140
1142 1141 //Permissions Settings
1143 1142 #add_perm {
1144 1143 margin: 0 0 @padding;
1145 1144 cursor: pointer;
1146 1145 }
1147 1146
1148 1147 .perm_ac {
1149 1148 input {
1150 1149 width: 95%;
1151 1150 }
1152 1151 }
1153 1152
1154 1153 .autocomplete-suggestions {
1155 1154 width: auto !important; // overrides autocomplete.js
1156 1155 margin: 0;
1157 1156 border: @border-thickness solid @rcblue;
1158 1157 border-radius: @border-radius;
1159 1158 color: @rcblue;
1160 1159 background-color: white;
1161 1160 }
1162 1161 .autocomplete-selected {
1163 1162 background: #F0F0F0;
1164 1163 }
1165 1164 .ac-container-wrap {
1166 1165 margin: 0;
1167 1166 padding: 8px;
1168 1167 border-bottom: @border-thickness solid @rclightblue;
1169 1168 list-style-type: none;
1170 1169 cursor: pointer;
1171 1170
1172 1171 &:hover {
1173 1172 background-color: @rclightblue;
1174 1173 }
1175 1174
1176 1175 img {
1177 1176 margin-right: 1em;
1178 1177 }
1179 1178
1180 1179 strong {
1181 1180 font-weight: normal;
1182 1181 }
1183 1182 }
1184 1183
1185 1184 // Settings Dropdown
1186 1185 .user-menu .container {
1187 1186 padding: 0 4px;
1188 1187 margin: 0;
1189 1188 }
1190 1189
1191 1190 .user-menu .gravatar {
1192 1191 cursor: pointer;
1193 1192 }
1194 1193
1195 1194 .codeblock {
1196 1195 margin-bottom: @padding;
1197 1196 clear: both;
1198 1197
1199 1198 .stats{
1200 1199 overflow: hidden;
1201 1200 }
1202 1201
1203 1202 .message{
1204 1203 textarea{
1205 1204 margin: 0;
1206 1205 }
1207 1206 }
1208 1207
1209 1208 .code-header {
1210 1209 .stats {
1211 1210 line-height: 2em;
1212 1211
1213 1212 .revision_id {
1214 1213 margin-left: 0;
1215 1214 }
1216 1215 .buttons {
1217 1216 padding-right: 0;
1218 1217 }
1219 1218 }
1220 1219
1221 1220 .item{
1222 1221 margin-right: 0.5em;
1223 1222 }
1224 1223 }
1225 1224
1226 1225 #editor_container{
1227 1226 position: relative;
1228 1227 margin: @padding;
1229 1228 }
1230 1229 }
1231 1230
1232 1231 #file_history_container {
1233 1232 display: none;
1234 1233 }
1235 1234
1236 1235 .file-history-inner {
1237 1236 margin-bottom: 10px;
1238 1237 }
1239 1238
1240 1239 // Pull Requests
1241 1240 .summary-details {
1242 1241 width: 72%;
1243 1242 }
1244 1243 .pr-summary {
1245 1244 border-bottom: @border-thickness solid @grey5;
1246 1245 margin-bottom: @space;
1247 1246 }
1248 1247 .reviewers-title {
1249 1248 width: 25%;
1250 1249 min-width: 200px;
1251 1250 }
1252 1251 .reviewers {
1253 1252 width: 25%;
1254 1253 min-width: 200px;
1255 1254 }
1256 1255 .reviewers ul li {
1257 1256 position: relative;
1258 1257 width: 100%;
1259 1258 margin-bottom: 8px;
1260 1259 }
1261 1260 .reviewers_member {
1262 1261 width: 100%;
1263 1262 overflow: auto;
1264 1263 }
1265 1264 .reviewer_status {
1266 1265 display: inline-block;
1267 1266 vertical-align: top;
1268 1267 width: 7%;
1269 1268 min-width: 20px;
1270 1269 height: 1.2em;
1271 1270 margin-top: 3px;
1272 1271 line-height: 1em;
1273 1272 }
1274 1273
1275 1274 .reviewer_name {
1276 1275 display: inline-block;
1277 1276 max-width: 83%;
1278 1277 padding-right: 20px;
1279 1278 vertical-align: middle;
1280 1279 line-height: 1;
1281 1280
1282 1281 .rc-user {
1283 1282 min-width: 0;
1284 1283 margin: -2px 1em 0 0;
1285 1284 }
1286 1285
1287 1286 .reviewer {
1288 1287 float: left;
1289 1288 }
1290 1289
1291 1290 &.to-delete {
1292 1291 .user,
1293 1292 .reviewer {
1294 1293 text-decoration: line-through;
1295 1294 }
1296 1295 }
1297 1296 }
1298 1297
1299 1298 .reviewer_member_remove {
1300 1299 position: absolute;
1301 1300 right: 0;
1302 1301 top: 0;
1303 1302 width: 16px;
1304 1303 margin-bottom: 10px;
1305 1304 padding: 0;
1306 1305 color: black;
1307 1306 }
1308 1307 .reviewer_member_status {
1309 1308 margin-top: 5px;
1310 1309 }
1311 1310 .pr-summary #summary{
1312 1311 width: 100%;
1313 1312 }
1314 1313 .pr-summary .action_button:hover {
1315 1314 border: 0;
1316 1315 cursor: pointer;
1317 1316 }
1318 1317 .pr-details-title {
1319 1318 padding-bottom: 8px;
1320 1319 border-bottom: @border-thickness solid @grey5;
1321 1320 .action_button {
1322 1321 color: @rcblue;
1323 1322 }
1324 1323 }
1325 1324 .pr-details-content {
1326 1325 margin-top: @textmargin;
1327 1326 margin-bottom: @textmargin;
1328 1327 }
1329 1328 .pr-description {
1330 1329 white-space:pre-wrap;
1331 1330 }
1332 1331 .group_members {
1333 1332 margin-top: 0;
1334 1333 padding: 0;
1335 1334 list-style: outside none none;
1336 1335 }
1337 1336 .reviewer_ac .ac-input {
1338 1337 width: 92%;
1339 1338 margin-bottom: 1em;
1340 1339 }
1341 1340 #update_commits {
1342 1341 float: right;
1343 1342 }
1344 1343 .compare_view_commits tr{
1345 1344 height: 20px;
1346 1345 }
1347 1346 .compare_view_commits td {
1348 1347 vertical-align: top;
1349 1348 padding-top: 10px;
1350 1349 }
1351 1350 .compare_view_commits .author {
1352 1351 margin-left: 5px;
1353 1352 }
1354 1353
1355 1354 .compare_view_files {
1356 1355 width: 100%;
1357 1356
1358 1357 td {
1359 1358 vertical-align: middle;
1360 1359 }
1361 1360 }
1362 1361
1363 1362 .compare_view_filepath {
1364 1363 color: @grey1;
1365 1364 }
1366 1365
1367 1366 .show_more {
1368 1367 display: inline-block;
1369 1368 position: relative;
1370 1369 vertical-align: middle;
1371 1370 width: 4px;
1372 1371 height: @basefontsize;
1373 1372
1374 1373 &:after {
1375 1374 content: "\00A0\25BE";
1376 1375 display: inline-block;
1377 1376 width:10px;
1378 1377 line-height: 5px;
1379 1378 font-size: 12px;
1380 1379 cursor: pointer;
1381 1380 }
1382 1381 }
1383 1382
1384 1383 .journal_more .show_more {
1385 1384 display: inline;
1386 1385
1387 1386 &:after {
1388 1387 content: none;
1389 1388 }
1390 1389 }
1391 1390
1392 1391 .open .show_more:after,
1393 1392 .select2-dropdown-open .show_more:after {
1394 1393 .rotate(180deg);
1395 1394 margin-left: 4px;
1396 1395 }
1397 1396
1398 1397
1399 1398 .compare_view_commits .collapse_commit:after {
1400 1399 cursor: pointer;
1401 1400 content: "\00A0\25B4";
1402 1401 margin-left: -3px;
1403 1402 font-size: 17px;
1404 1403 color: @grey4;
1405 1404 }
1406 1405
1407 1406 .diff_links {
1408 1407 margin-left: 8px;
1409 1408 }
1410 1409
1411 1410 p.ancestor {
1412 1411 margin: @padding 0;
1413 1412 }
1414 1413
1415 1414 .cs_icon_td input[type="checkbox"] {
1416 1415 display: none;
1417 1416 }
1418 1417
1419 1418 .cs_icon_td .expand_file_icon:after {
1420 1419 cursor: pointer;
1421 1420 content: "\00A0\25B6";
1422 1421 font-size: 12px;
1423 1422 color: @grey4;
1424 1423 }
1425 1424
1426 1425 .cs_icon_td .collapse_file_icon:after {
1427 1426 cursor: pointer;
1428 1427 content: "\00A0\25BC";
1429 1428 font-size: 12px;
1430 1429 color: @grey4;
1431 1430 }
1432 1431
1433 1432 /*new binary
1434 1433 NEW_FILENODE = 1
1435 1434 DEL_FILENODE = 2
1436 1435 MOD_FILENODE = 3
1437 1436 RENAMED_FILENODE = 4
1438 1437 COPIED_FILENODE = 5
1439 1438 CHMOD_FILENODE = 6
1440 1439 BIN_FILENODE = 7
1441 1440 */
1442 1441 .cs_files_expand {
1443 1442 font-size: @basefontsize + 5px;
1444 1443 line-height: 1.8em;
1445 1444 float: right;
1446 1445 }
1447 1446
1448 1447 .cs_files_expand span{
1449 1448 color: @rcblue;
1450 1449 cursor: pointer;
1451 1450 }
1452 1451 .cs_files {
1453 1452 clear: both;
1454 1453 padding-bottom: @padding;
1455 1454
1456 1455 .cur_cs {
1457 1456 margin: 10px 2px;
1458 1457 font-weight: bold;
1459 1458 }
1460 1459
1461 1460 .node {
1462 1461 float: left;
1463 1462 }
1464 1463
1465 1464 .changes {
1466 1465 float: right;
1467 1466 color: white;
1468 1467 font-size: @basefontsize - 4px;
1469 1468 margin-top: 4px;
1470 1469 opacity: 0.6;
1471 1470 filter: Alpha(opacity=60); /* IE8 and earlier */
1472 1471
1473 1472 .added {
1474 1473 background-color: @alert1;
1475 1474 float: left;
1476 1475 text-align: center;
1477 1476 }
1478 1477
1479 1478 .deleted {
1480 1479 background-color: @alert2;
1481 1480 float: left;
1482 1481 text-align: center;
1483 1482 }
1484 1483
1485 1484 .bin {
1486 1485 background-color: @alert1;
1487 1486 text-align: center;
1488 1487 }
1489 1488
1490 1489 /*new binary*/
1491 1490 .bin.bin1 {
1492 1491 background-color: @alert1;
1493 1492 text-align: center;
1494 1493 }
1495 1494
1496 1495 /*deleted binary*/
1497 1496 .bin.bin2 {
1498 1497 background-color: @alert2;
1499 1498 text-align: center;
1500 1499 }
1501 1500
1502 1501 /*mod binary*/
1503 1502 .bin.bin3 {
1504 1503 background-color: @grey2;
1505 1504 text-align: center;
1506 1505 }
1507 1506
1508 1507 /*rename file*/
1509 1508 .bin.bin4 {
1510 1509 background-color: @alert4;
1511 1510 text-align: center;
1512 1511 }
1513 1512
1514 1513 /*copied file*/
1515 1514 .bin.bin5 {
1516 1515 background-color: @alert4;
1517 1516 text-align: center;
1518 1517 }
1519 1518
1520 1519 /*chmod file*/
1521 1520 .bin.bin6 {
1522 1521 background-color: @grey2;
1523 1522 text-align: center;
1524 1523 }
1525 1524 }
1526 1525 }
1527 1526
1528 1527 .cs_files .cs_added, .cs_files .cs_A,
1529 1528 .cs_files .cs_added, .cs_files .cs_M,
1530 1529 .cs_files .cs_added, .cs_files .cs_D {
1531 1530 height: 16px;
1532 1531 padding-right: 10px;
1533 1532 margin-top: 7px;
1534 1533 text-align: left;
1535 1534 }
1536 1535
1537 1536 .cs_icon_td {
1538 1537 min-width: 16px;
1539 1538 width: 16px;
1540 1539 }
1541 1540
1542 1541 .pull-request-merge {
1543 1542 padding: 10px 0;
1544 1543 margin-top: 10px;
1545 1544 margin-bottom: 20px;
1546 1545 }
1547 1546
1548 1547 .pull-request-merge .pull-request-wrap {
1549 1548 height: 25px;
1550 1549 padding: 5px 0;
1551 1550 }
1552 1551
1553 1552 .pull-request-merge span {
1554 1553 margin-right: 10px;
1555 1554 }
1556 1555 #close_pull_request {
1557 1556 margin-right: 0px;
1558 1557 }
1559 1558
1560 1559 .empty_data {
1561 1560 color: @grey4;
1562 1561 }
1563 1562
1564 1563 #changeset_compare_view_content {
1565 1564 margin-bottom: @space;
1566 1565 clear: both;
1567 1566 width: 100%;
1568 1567 box-sizing: border-box;
1569 1568 .border-radius(@border-radius);
1570 1569
1571 1570 .help-block {
1572 1571 margin: @padding 0;
1573 1572 color: @text-color;
1574 1573 }
1575 1574
1576 1575 .empty_data {
1577 1576 margin: @padding 0;
1578 1577 }
1579 1578
1580 1579 .alert {
1581 1580 margin-bottom: @space;
1582 1581 }
1583 1582 }
1584 1583
1585 1584 .table_disp {
1586 1585 .status {
1587 1586 width: auto;
1588 1587
1589 1588 .flag_status {
1590 1589 float: left;
1591 1590 }
1592 1591 }
1593 1592 }
1594 1593
1595 1594 .status_box_menu {
1596 1595 margin: 0;
1597 1596 }
1598 1597
1599 1598 .notification-table{
1600 1599 margin-bottom: @space;
1601 1600 display: table;
1602 1601 width: 100%;
1603 1602
1604 1603 .container{
1605 1604 display: table-row;
1606 1605
1607 1606 .notification-header{
1608 1607 border-bottom: @border-thickness solid @border-default-color;
1609 1608 }
1610 1609
1611 1610 .notification-subject{
1612 1611 display: table-cell;
1613 1612 }
1614 1613 }
1615 1614 }
1616 1615
1617 1616 // Notifications
1618 1617 .notification-header{
1619 1618 display: table;
1620 1619 width: 100%;
1621 1620 padding: floor(@basefontsize/2) 0;
1622 1621 line-height: 1em;
1623 1622
1624 1623 .desc, .delete-notifications, .read-notifications{
1625 1624 display: table-cell;
1626 1625 text-align: left;
1627 1626 }
1628 1627
1629 1628 .desc{
1630 1629 width: 1163px;
1631 1630 }
1632 1631
1633 1632 .delete-notifications, .read-notifications{
1634 1633 width: 35px;
1635 1634 min-width: 35px; //fixes when only one button is displayed
1636 1635 }
1637 1636 }
1638 1637
1639 1638 .notification-body {
1640 1639 .markdown-block,
1641 1640 .rst-block {
1642 1641 padding: @padding 0;
1643 1642 }
1644 1643
1645 1644 .notification-subject {
1646 1645 padding: @textmargin 0;
1647 1646 border-bottom: @border-thickness solid @border-default-color;
1648 1647 }
1649 1648 }
1650 1649
1651 1650
1652 1651 .notifications_buttons{
1653 1652 float: right;
1654 1653 }
1655 1654
1656 1655 #notification-status{
1657 1656 display: inline;
1658 1657 }
1659 1658
1660 1659 // Repositories
1661 1660
1662 1661 #summary.fields{
1663 1662 display: table;
1664 1663
1665 1664 .field{
1666 1665 display: table-row;
1667 1666
1668 1667 .label-summary{
1669 1668 display: table-cell;
1670 1669 min-width: @label-summary-minwidth;
1671 1670 padding-top: @padding/2;
1672 1671 padding-bottom: @padding/2;
1673 1672 padding-right: @padding/2;
1674 1673 }
1675 1674
1676 1675 .input{
1677 1676 display: table-cell;
1678 1677 padding: @padding/2;
1679 1678
1680 1679 input{
1681 1680 min-width: 29em;
1682 1681 padding: @padding/4;
1683 1682 }
1684 1683 }
1685 1684 .statistics, .downloads{
1686 1685 .disabled{
1687 1686 color: @grey4;
1688 1687 }
1689 1688 }
1690 1689 }
1691 1690 }
1692 1691
1693 1692 #summary{
1694 1693 width: 70%;
1695 1694 }
1696 1695
1697 1696
1698 1697 // Journal
1699 1698 .journal.title {
1700 1699 h5 {
1701 1700 float: left;
1702 1701 margin: 0;
1703 1702 width: 70%;
1704 1703 }
1705 1704
1706 1705 ul {
1707 1706 float: right;
1708 1707 display: inline-block;
1709 1708 margin: 0;
1710 1709 width: 30%;
1711 1710 text-align: right;
1712 1711
1713 1712 li {
1714 1713 display: inline;
1715 1714 font-size: @journal-fontsize;
1716 1715 line-height: 1em;
1717 1716
1718 1717 &:before { content: none; }
1719 1718 }
1720 1719 }
1721 1720 }
1722 1721
1723 1722 .filterexample {
1724 1723 position: absolute;
1725 1724 top: 95px;
1726 1725 left: @contentpadding;
1727 1726 color: @rcblue;
1728 1727 font-size: 11px;
1729 1728 font-family: @text-regular;
1730 1729 cursor: help;
1731 1730
1732 1731 &:hover {
1733 1732 color: @rcdarkblue;
1734 1733 }
1735 1734
1736 1735 @media (max-width:768px) {
1737 1736 position: relative;
1738 1737 top: auto;
1739 1738 left: auto;
1740 1739 display: block;
1741 1740 }
1742 1741 }
1743 1742
1744 1743
1745 1744 #journal{
1746 1745 margin-bottom: @space;
1747 1746
1748 1747 .journal_day{
1749 1748 margin-bottom: @textmargin/2;
1750 1749 padding-bottom: @textmargin/2;
1751 1750 font-size: @journal-fontsize;
1752 1751 border-bottom: @border-thickness solid @border-default-color;
1753 1752 }
1754 1753
1755 1754 .journal_container{
1756 1755 margin-bottom: @space;
1757 1756
1758 1757 .journal_user{
1759 1758 display: inline-block;
1760 1759 }
1761 1760 .journal_action_container{
1762 1761 display: block;
1763 1762 margin-top: @textmargin;
1764 1763
1765 1764 div{
1766 1765 display: inline;
1767 1766 }
1768 1767
1769 1768 div.journal_action_params{
1770 1769 display: block;
1771 1770 }
1772 1771
1773 1772 div.journal_repo:after{
1774 1773 content: "\A";
1775 1774 white-space: pre;
1776 1775 }
1777 1776
1778 1777 div.date{
1779 1778 display: block;
1780 1779 margin-bottom: @textmargin;
1781 1780 }
1782 1781 }
1783 1782 }
1784 1783 }
1785 1784
1786 1785 // Files
1787 1786 .edit-file-title {
1788 1787 border-bottom: @border-thickness solid @border-default-color;
1789 1788
1790 1789 .breadcrumbs {
1791 1790 margin-bottom: 0;
1792 1791 }
1793 1792 }
1794 1793
1795 1794 .edit-file-fieldset {
1796 1795 margin-top: @sidebarpadding;
1797 1796
1798 1797 .fieldset {
1799 1798 .left-label {
1800 1799 width: 13%;
1801 1800 }
1802 1801 .right-content {
1803 1802 width: 87%;
1804 1803 max-width: 100%;
1805 1804 }
1806 1805 .filename-label {
1807 1806 margin-top: 13px;
1808 1807 }
1809 1808 .commit-message-label {
1810 1809 margin-top: 4px;
1811 1810 }
1812 1811 .file-upload-input {
1813 1812 input {
1814 1813 display: none;
1815 1814 }
1816 1815 }
1817 1816 p {
1818 1817 margin-top: 5px;
1819 1818 }
1820 1819
1821 1820 }
1822 1821 .custom-path-link {
1823 1822 margin-left: 5px;
1824 1823 }
1825 1824 #commit {
1826 1825 resize: vertical;
1827 1826 }
1828 1827 }
1829 1828
1830 1829 .delete-file-preview {
1831 1830 max-height: 250px;
1832 1831 }
1833 1832
1834 1833 .new-file,
1835 1834 #filter_activate,
1836 1835 #filter_deactivate {
1837 1836 float: left;
1838 1837 margin: 0 0 0 15px;
1839 1838 }
1840 1839
1841 1840 h3.files_location{
1842 1841 line-height: 2.4em;
1843 1842 }
1844 1843
1845 1844 .browser-nav {
1846 1845 display: table;
1847 1846 margin-bottom: @space;
1848 1847
1849 1848
1850 1849 .info_box {
1851 1850 display: inline-table;
1852 1851 height: 2.5em;
1853 1852
1854 1853 .browser-cur-rev, .info_box_elem {
1855 1854 display: table-cell;
1856 1855 vertical-align: middle;
1857 1856 }
1858 1857
1859 1858 .info_box_elem {
1860 1859 border-top: @border-thickness solid @rcblue;
1861 1860 border-bottom: @border-thickness solid @rcblue;
1862 1861
1863 1862 #at_rev, a {
1864 1863 padding: 0.6em 0.9em;
1865 1864 margin: 0;
1866 1865 .box-shadow(none);
1867 1866 border: 0;
1868 1867 height: 12px;
1869 1868 }
1870 1869
1871 1870 input#at_rev {
1872 1871 max-width: 50px;
1873 1872 text-align: right;
1874 1873 }
1875 1874
1876 1875 &.previous {
1877 1876 border: @border-thickness solid @rcblue;
1878 1877 .disabled {
1879 1878 color: @grey4;
1880 1879 cursor: not-allowed;
1881 1880 }
1882 1881 }
1883 1882
1884 1883 &.next {
1885 1884 border: @border-thickness solid @rcblue;
1886 1885 .disabled {
1887 1886 color: @grey4;
1888 1887 cursor: not-allowed;
1889 1888 }
1890 1889 }
1891 1890 }
1892 1891
1893 1892 .browser-cur-rev {
1894 1893
1895 1894 span{
1896 1895 margin: 0;
1897 1896 color: @rcblue;
1898 1897 height: 12px;
1899 1898 display: inline-block;
1900 1899 padding: 0.7em 1em ;
1901 1900 border: @border-thickness solid @rcblue;
1902 1901 margin-right: @padding;
1903 1902 }
1904 1903 }
1905 1904 }
1906 1905
1907 1906 .search_activate {
1908 1907 display: table-cell;
1909 1908 vertical-align: middle;
1910 1909
1911 1910 input, label{
1912 1911 margin: 0;
1913 1912 padding: 0;
1914 1913 }
1915 1914
1916 1915 input{
1917 1916 margin-left: @textmargin;
1918 1917 }
1919 1918
1920 1919 }
1921 1920 }
1922 1921
1923 1922 .browser-cur-rev{
1924 1923 margin-bottom: @textmargin;
1925 1924 }
1926 1925
1927 1926 #node_filter_box_loading{
1928 1927 .info_text;
1929 1928 }
1930 1929
1931 1930 .browser-search {
1932 1931 margin: -25px 0px 5px 0px;
1933 1932 }
1934 1933
1935 1934 .node-filter {
1936 1935 font-size: @repo-title-fontsize;
1937 1936 padding: 4px 0px 0px 0px;
1938 1937
1939 1938 .node-filter-path {
1940 1939 float: left;
1941 1940 color: @grey4;
1942 1941 }
1943 1942 .node-filter-input {
1944 1943 float: left;
1945 1944 margin: -2px 0px 0px 2px;
1946 1945 input {
1947 1946 padding: 2px;
1948 1947 border: none;
1949 1948 font-size: @repo-title-fontsize;
1950 1949 }
1951 1950 }
1952 1951 }
1953 1952
1954 1953
1955 1954 .browser-result{
1956 1955 td a{
1957 1956 margin-left: 0.5em;
1958 1957 display: inline-block;
1959 1958
1960 1959 em{
1961 1960 font-family: @text-bold;
1962 1961 }
1963 1962 }
1964 1963 }
1965 1964
1966 1965 .browser-highlight{
1967 1966 background-color: @grey5-alpha;
1968 1967 }
1969 1968
1970 1969
1971 1970 // Search
1972 1971
1973 1972 .search-form{
1974 1973 #q {
1975 1974 width: @search-form-width;
1976 1975 }
1977 1976 .fields{
1978 1977 margin: 0 0 @space;
1979 1978 }
1980 1979
1981 1980 label{
1982 1981 display: inline-block;
1983 1982 margin-right: @textmargin;
1984 1983 padding-top: 0.25em;
1985 1984 }
1986 1985
1987 1986
1988 1987 .results{
1989 1988 clear: both;
1990 1989 margin: 0 0 @padding;
1991 1990 }
1992 1991 }
1993 1992
1994 1993 div.search-feedback-items {
1995 1994 display: inline-block;
1996 1995 padding:0px 0px 0px 96px;
1997 1996 }
1998 1997
1999 1998 div.search-code-body {
2000 1999 background-color: #ffffff; padding: 5px 0 5px 10px;
2001 2000 pre {
2002 2001 .match { background-color: #faffa6;}
2003 2002 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2004 2003 }
2005 2004 }
2006 2005
2007 2006 .expand_commit.search {
2008 2007 .show_more.open {
2009 2008 height: auto;
2010 2009 max-height: none;
2011 2010 }
2012 2011 }
2013 2012
2014 2013 .search-results {
2015 2014
2016 2015 h2 {
2017 2016 margin-bottom: 0;
2018 2017 }
2019 2018 .codeblock {
2020 2019 border: none;
2021 2020 background: transparent;
2022 2021 }
2023 2022
2024 2023 .codeblock-header {
2025 2024 border: none;
2026 2025 background: transparent;
2027 2026 }
2028 2027
2029 2028 .code-body {
2030 2029 border: @border-thickness solid @border-default-color;
2031 2030 .border-radius(@border-radius);
2032 2031 }
2033 2032
2034 2033 .td-commit {
2035 2034 &:extend(pre);
2036 2035 border-bottom: @border-thickness solid @border-default-color;
2037 2036 }
2038 2037
2039 2038 .message {
2040 2039 height: auto;
2041 2040 max-width: 350px;
2042 2041 white-space: normal;
2043 2042 text-overflow: initial;
2044 2043 overflow: visible;
2045 2044
2046 2045 .match { background-color: #faffa6;}
2047 2046 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2048 2047 }
2049 2048
2050 2049 }
2051 2050
2052 2051 table.rctable td.td-search-results div {
2053 2052 max-width: 100%;
2054 2053 }
2055 2054
2056 2055 #tip-box, .tip-box{
2057 2056 padding: @menupadding/2;
2058 2057 display: block;
2059 2058 border: @border-thickness solid @border-highlight-color;
2060 2059 .border-radius(@border-radius);
2061 2060 background-color: white;
2062 2061 z-index: 99;
2063 2062 white-space: pre-wrap;
2064 2063 }
2065 2064
2066 2065 #linktt {
2067 2066 width: 79px;
2068 2067 }
2069 2068
2070 2069 #help_kb .modal-content{
2071 2070 max-width: 750px;
2072 2071 margin: 10% auto;
2073 2072
2074 2073 table{
2075 2074 td,th{
2076 2075 border-bottom: none;
2077 2076 line-height: 2.5em;
2078 2077 }
2079 2078 th{
2080 2079 padding-bottom: @textmargin/2;
2081 2080 }
2082 2081 td.keys{
2083 2082 text-align: center;
2084 2083 }
2085 2084 }
2086 2085
2087 2086 .block-left{
2088 2087 width: 45%;
2089 2088 margin-right: 5%;
2090 2089 }
2091 2090 .modal-footer{
2092 2091 clear: both;
2093 2092 }
2094 2093 .key.tag{
2095 2094 padding: 0.5em;
2096 2095 background-color: @rcblue;
2097 2096 color: white;
2098 2097 border-color: @rcblue;
2099 2098 .box-shadow(none);
2100 2099 }
2101 2100 }
2102 2101
2103 2102
2104 2103
2105 2104 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2106 2105
2107 2106 @import 'statistics-graph';
2108 2107 @import 'tables';
2109 2108 @import 'forms';
2110 2109 @import 'diff';
2111 2110 @import 'summary';
2112 2111 @import 'navigation';
2113 2112
2114 2113 //--- SHOW/HIDE SECTIONS --//
2115 2114
2116 2115 .btn-collapse {
2117 2116 float: right;
2118 2117 text-align: right;
2119 2118 font-family: @text-light;
2120 2119 font-size: @basefontsize;
2121 2120 cursor: pointer;
2122 2121 border: none;
2123 2122 color: @rcblue;
2124 2123 }
2125 2124
2126 2125 table.rctable,
2127 2126 table.dataTable {
2128 2127 .btn-collapse {
2129 2128 float: right;
2130 2129 text-align: right;
2131 2130 }
2132 2131 }
2133 2132
2134 2133
2135 2134 // TODO: johbo: Fix for IE10, this avoids that we see a border
2136 2135 // and padding around checkboxes and radio boxes. Move to the right place,
2137 2136 // or better: Remove this once we did the form refactoring.
2138 2137 input[type=checkbox],
2139 2138 input[type=radio] {
2140 2139 padding: 0;
2141 2140 border: none;
2142 2141 }
2143 2142
2144 2143 .toggle-ajax-spinner{
2145 2144 height: 16px;
2146 2145 width: 16px;
2147 2146 }
General Comments 0
You need to be logged in to leave comments. Login now