##// END OF EJS Templates
style: bring back bold font style.
marcink -
r3186:3a350ddc default
parent child Browse files
Show More
@@ -1,1247 +1,1249 b''
1 1 // Default styles
2 2
3 3 .diff-collapse {
4 4 margin: @padding 0;
5 5 text-align: right;
6 6 }
7 7
8 8 .diff-container {
9 9 margin-bottom: @space;
10 10
11 11 .diffblock {
12 12 margin-bottom: @space;
13 13 }
14 14
15 15 &.hidden {
16 16 display: none;
17 17 overflow: hidden;
18 18 }
19 19 }
20 20
21 21
22 22 div.diffblock .sidebyside {
23 23 background: #ffffff;
24 24 }
25 25
26 26 div.diffblock {
27 27 overflow-x: auto;
28 28 overflow-y: hidden;
29 29 clear: both;
30 30 padding: 0px;
31 31 background: @grey6;
32 32 border: @border-thickness solid @grey5;
33 33 -webkit-border-radius: @border-radius @border-radius 0px 0px;
34 34 border-radius: @border-radius @border-radius 0px 0px;
35 35
36 36
37 37 .comments-number {
38 38 float: right;
39 39 }
40 40
41 41 // BEGIN CODE-HEADER STYLES
42 42
43 43 .code-header {
44 44 background: @grey6;
45 45 padding: 10px 0 10px 0;
46 46 height: auto;
47 47 width: 100%;
48 48
49 49 .hash {
50 50 float: left;
51 51 padding: 2px 0 0 2px;
52 52 }
53 53
54 54 .date {
55 55 float: left;
56 56 text-transform: uppercase;
57 57 padding: 4px 0px 0px 2px;
58 58 }
59 59
60 60 div {
61 61 margin-left: 4px;
62 62 }
63 63
64 64 div.compare_header {
65 65 min-height: 40px;
66 66 margin: 0;
67 67 padding: 0 @padding;
68 68
69 69 .drop-menu {
70 70 float:left;
71 71 display: block;
72 72 margin:0 0 @padding 0;
73 73 }
74 74
75 75 .compare-label {
76 76 float: left;
77 77 clear: both;
78 78 display: inline-block;
79 79 min-width: 5em;
80 80 margin: 0;
81 81 padding: @button-padding @button-padding @button-padding 0;
82 font-weight: @text-semibold-weight;
82 83 font-family: @text-semibold;
83 84 }
84 85
85 86 .compare-buttons {
86 87 float: left;
87 88 margin: 0;
88 89 padding: 0 0 @padding;
89 90
90 91 .btn {
91 92 margin: 0 @padding 0 0;
92 93 }
93 94 }
94 95 }
95 96
96 97 }
97 98
98 99 .parents {
99 100 float: left;
100 101 width: 100px;
101 102 font-weight: 400;
102 103 vertical-align: middle;
103 104 padding: 0px 2px 0px 2px;
104 105 background-color: @grey6;
105 106
106 107 #parent_link {
107 108 margin: 00px 2px;
108 109
109 110 &.double {
110 111 margin: 0px 2px;
111 112 }
112 113
113 114 &.disabled{
114 115 margin-right: @padding;
115 116 }
116 117 }
117 118 }
118 119
119 120 .children {
120 121 float: right;
121 122 width: 100px;
122 123 font-weight: 400;
123 124 vertical-align: middle;
124 125 text-align: right;
125 126 padding: 0px 2px 0px 2px;
126 127 background-color: @grey6;
127 128
128 129 #child_link {
129 130 margin: 0px 2px;
130 131
131 132 &.double {
132 133 margin: 0px 2px;
133 134 }
134 135
135 136 &.disabled{
136 137 margin-right: @padding;
137 138 }
138 139 }
139 140 }
140 141
141 142 .changeset_header {
142 143 height: 16px;
143 144
144 145 & > div{
145 146 margin-right: @padding;
146 147 }
147 148 }
148 149
149 150 .changeset_file {
150 151 text-align: left;
151 152 float: left;
152 153 padding: 0;
153 154
154 155 a{
155 156 display: inline-block;
156 157 margin-right: 0.5em;
157 158 }
158 159
159 160 #selected_mode{
160 161 margin-left: 0;
161 162 }
162 163 }
163 164
164 165 .diff-menu-wrapper {
165 166 float: left;
166 167 }
167 168
168 169 .diff-menu {
169 170 position: absolute;
170 171 background: none repeat scroll 0 0 #FFFFFF;
171 172 border-color: #003367 @grey3 @grey3;
172 173 border-right: 1px solid @grey3;
173 174 border-style: solid solid solid;
174 175 border-width: @border-thickness;
175 176 box-shadow: 2px 8px 4px rgba(0, 0, 0, 0.2);
176 177 margin-top: 5px;
177 178 margin-left: 1px;
178 179 }
179 180
180 181 .diff-actions, .editor-actions {
181 182 float: left;
182 183
183 184 input{
184 185 margin: 0 0.5em 0 0;
185 186 }
186 187 }
187 188
188 189 // END CODE-HEADER STYLES
189 190
190 191 // BEGIN CODE-BODY STYLES
191 192
192 193 .code-body {
193 194 padding: 0;
194 195 background-color: #ffffff;
195 196 position: relative;
196 197 max-width: none;
197 198 box-sizing: border-box;
198 199 // TODO: johbo: Parent has overflow: auto, this forces the child here
199 200 // to have the intended size and to scroll. Should be simplified.
200 201 width: 100%;
201 202 overflow-x: auto;
202 203 }
203 204
204 205 pre.raw {
205 206 background: white;
206 207 color: @grey1;
207 208 }
208 209 // END CODE-BODY STYLES
209 210
210 211 }
211 212
212 213
213 214 table.code-difftable {
214 215 border-collapse: collapse;
215 216 width: 99%;
216 217 border-radius: 0px !important;
217 218
218 219 td {
219 220 padding: 0 !important;
220 221 background: none !important;
221 222 border: 0 !important;
222 223 }
223 224
224 225 .context {
225 226 background: none repeat scroll 0 0 #DDE7EF;
226 227 }
227 228
228 229 .add {
229 230 background: none repeat scroll 0 0 #DDFFDD;
230 231
231 232 ins {
232 233 background: none repeat scroll 0 0 #AAFFAA;
233 234 text-decoration: none;
234 235 }
235 236 }
236 237
237 238 .del {
238 239 background: none repeat scroll 0 0 #FFDDDD;
239 240
240 241 del {
241 242 background: none repeat scroll 0 0 #FFAAAA;
242 243 text-decoration: none;
243 244 }
244 245 }
245 246
246 247 /** LINE NUMBERS **/
247 248 .lineno {
248 249 padding-left: 2px !important;
249 250 padding-right: 2px;
250 251 text-align: right;
251 252 width: 32px;
252 253 -moz-user-select: none;
253 254 -webkit-user-select: none;
254 255 border-right: @border-thickness solid @grey5 !important;
255 256 border-left: 0px solid #CCC !important;
256 257 border-top: 0px solid #CCC !important;
257 258 border-bottom: none !important;
258 259
259 260 a {
260 261 &:extend(pre);
261 262 text-align: right;
262 263 padding-right: 2px;
263 264 cursor: pointer;
264 265 display: block;
265 266 width: 32px;
266 267 }
267 268 }
268 269
269 270 .context {
270 271 cursor: auto;
271 272 &:extend(pre);
272 273 }
273 274
274 275 .lineno-inline {
275 276 background: none repeat scroll 0 0 #FFF !important;
276 277 padding-left: 2px;
277 278 padding-right: 2px;
278 279 text-align: right;
279 280 width: 30px;
280 281 -moz-user-select: none;
281 282 -webkit-user-select: none;
282 283 }
283 284
284 285 /** CODE **/
285 286 .code {
286 287 display: block;
287 288 width: 100%;
288 289
289 290 td {
290 291 margin: 0;
291 292 padding: 0;
292 293 }
293 294
294 295 pre {
295 296 margin: 0;
296 297 padding: 0;
297 298 margin-left: .5em;
298 299 }
299 300 }
300 301 }
301 302
302 303
303 304 // Comments
304 305
305 306 div.comment:target {
306 307 border-left: 6px solid @comment-highlight-color !important;
307 308 padding-left: 3px;
308 309 margin-left: -9px;
309 310 }
310 311
311 312 //TODO: anderson: can't get an absolute number out of anything, so had to put the
312 313 //current values that might change. But to make it clear I put as a calculation
313 314 @comment-max-width: 1065px;
314 315 @pr-extra-margin: 34px;
315 316 @pr-border-spacing: 4px;
316 317 @pr-comment-width: @comment-max-width - @pr-extra-margin - @pr-border-spacing;
317 318
318 319 // Pull Request
319 320 .cs_files .code-difftable {
320 321 border: @border-thickness solid @grey5; //borders only on PRs
321 322
322 323 .comment-inline-form,
323 324 div.comment {
324 325 width: @pr-comment-width;
325 326 }
326 327 }
327 328
328 329 // Changeset
329 330 .code-difftable {
330 331 .comment-inline-form,
331 332 div.comment {
332 333 width: @comment-max-width;
333 334 }
334 335 }
335 336
336 337 //Style page
337 338 @style-extra-margin: @sidebar-width + (@sidebarpadding * 3) + @padding;
338 339 #style-page .code-difftable{
339 340 .comment-inline-form,
340 341 div.comment {
341 342 width: @comment-max-width - @style-extra-margin;
342 343 }
343 344 }
344 345
345 346 #context-bar > h2 {
346 347 font-size: 20px;
347 348 }
348 349
349 350 #context-bar > h2> a {
350 351 font-size: 20px;
351 352 }
352 353 // end of defaults
353 354
354 355 .file_diff_buttons {
355 356 padding: 0 0 @padding;
356 357
357 358 .drop-menu {
358 359 float: left;
359 360 margin: 0 @padding 0 0;
360 361 }
361 362 .btn {
362 363 margin: 0 @padding 0 0;
363 364 }
364 365 }
365 366
366 367 .code-body.textarea.editor {
367 368 max-width: none;
368 369 padding: 15px;
369 370 }
370 371
371 372 td.injected_diff{
372 373 max-width: 1178px;
373 374 overflow-x: auto;
374 375 overflow-y: hidden;
375 376
376 377 div.diff-container,
377 378 div.diffblock{
378 379 max-width: 100%;
379 380 }
380 381
381 382 div.code-body {
382 383 max-width: 1124px;
383 384 overflow-x: auto;
384 385 overflow-y: hidden;
385 386 padding: 0;
386 387 }
387 388 div.diffblock {
388 389 border: none;
389 390 }
390 391
391 392 &.inline-form {
392 393 width: 99%
393 394 }
394 395 }
395 396
396 397
397 398 table.code-difftable {
398 399 width: 100%;
399 400 }
400 401
401 402 /** PYGMENTS COLORING **/
402 403 div.codeblock {
403 404
404 405 // TODO: johbo: Added interim to get rid of the margin around
405 406 // Select2 widgets. This needs further cleanup.
406 407 margin-top: @padding;
407 408
408 409 overflow: auto;
409 410 padding: 0px;
410 411 border: @border-thickness solid @grey5;
411 412 background: @grey6;
412 413 .border-radius(@border-radius);
413 414
414 415 #remove_gist {
415 416 float: right;
416 417 }
417 418
418 419 .gist_url {
419 420 padding: 0px 0px 10px 0px;
420 421 }
421 422
422 423 .author {
423 424 clear: both;
424 425 vertical-align: middle;
426 font-weight: @text-bold-weight;
425 427 font-family: @text-bold;
426 428 }
427 429
428 430 .btn-mini {
429 431 float: left;
430 432 margin: 0 5px 0 0;
431 433 }
432 434
433 435 .code-header {
434 436 padding: @padding;
435 437 border-bottom: @border-thickness solid @grey5;
436 438
437 439 .rc-user {
438 440 min-width: 0;
439 441 margin-right: .5em;
440 442 }
441 443
442 444 .stats {
443 445 clear: both;
444 446 margin: 0 0 @padding 0;
445 447 padding: 0;
446 448 .left {
447 449 float: left;
448 450 clear: left;
449 451 max-width: 75%;
450 452 margin: 0 0 @padding 0;
451 453
452 454 &.item {
453 455 margin-right: @padding;
454 456 &.last { border-right: none; }
455 457 }
456 458 }
457 459 .buttons { float: right; }
458 460 .author {
459 461 height: 25px; margin-left: 15px; font-weight: bold;
460 462 }
461 463 }
462 464
463 465 .commit {
464 466 margin: 5px 0 0 26px;
465 467 font-weight: normal;
466 468 white-space: pre-wrap;
467 469 }
468 470 }
469 471
470 472 .message {
471 473 position: relative;
472 474 margin: @padding;
473 475
474 476 .codeblock-label {
475 477 margin: 0 0 1em 0;
476 478 }
477 479 }
478 480
479 481 .code-body {
480 482 padding: @padding;
481 483 background-color: #ffffff;
482 484 min-width: 100%;
483 485 box-sizing: border-box;
484 486 // TODO: johbo: Parent has overflow: auto, this forces the child here
485 487 // to have the intended size and to scroll. Should be simplified.
486 488 width: 100%;
487 489 overflow-x: auto;
488 490
489 491 img.rendered-binary {
490 492 height: auto;
491 493 width: 100%;
492 494 }
493 495 }
494 496 }
495 497
496 498 .code-highlighttable,
497 499 div.codeblock {
498 500
499 501 &.readme {
500 502 background-color: white;
501 503 }
502 504
503 505 .markdown-block table {
504 506 border-collapse: collapse;
505 507
506 508 th,
507 509 td {
508 510 padding: .5em;
509 511 border: @border-thickness solid @border-default-color;
510 512 }
511 513 }
512 514
513 515 table {
514 516 border: 0px;
515 517 margin: 0;
516 518 letter-spacing: normal;
517 519
518 520
519 521 td {
520 522 border: 0px;
521 523 vertical-align: top;
522 524 }
523 525 }
524 526 }
525 527
526 528 div.codeblock .code-header .search-path { padding: 0 0 0 10px; }
527 529 div.search-code-body {
528 530 background-color: #ffffff; padding: 5px 0 5px 10px;
529 531 pre {
530 532 .match { background-color: #faffa6;}
531 533 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
532 534 }
533 535 .code-highlighttable {
534 536 border-collapse: collapse;
535 537
536 538 tr:hover {
537 539 background: #fafafa;
538 540 }
539 541 td.code {
540 542 padding-left: 10px;
541 543 }
542 544 td.line {
543 545 border-right: 1px solid #ccc !important;
544 546 padding-right: 10px;
545 547 text-align: right;
546 548 font-family: @text-monospace;
547 549 span {
548 550 white-space: pre-wrap;
549 551 color: #666666;
550 552 }
551 553 }
552 554 }
553 555 }
554 556
555 557 div.annotatediv { margin-left: 2px; margin-right: 4px; }
556 558 .code-highlight {
557 559 margin: 0; padding: 0; border-left: @border-thickness solid @grey5;
558 560 pre, .linenodiv pre { padding: 0 5px; margin: 0; }
559 561 pre div:target {background-color: @comment-highlight-color !important;}
560 562 }
561 563
562 564 .linenos a { text-decoration: none; }
563 565
564 566 .CodeMirror-selected { background: @rchighlightblue; }
565 567 .CodeMirror-focused .CodeMirror-selected { background: @rchighlightblue; }
566 568 .CodeMirror ::selection { background: @rchighlightblue; }
567 569 .CodeMirror ::-moz-selection { background: @rchighlightblue; }
568 570
569 571 .code { display: block; border:0px !important; }
570 572 .code-highlight, /* TODO: dan: merge codehilite into code-highlight */
571 573 .codehilite {
572 574 .hll { background-color: #ffffcc }
573 575 .c { color: #408080; font-style: italic } /* Comment */
574 576 .err, .codehilite .err { border: none } /* Error */
575 577 .k { color: #008000; font-weight: bold } /* Keyword */
576 578 .o { color: #666666 } /* Operator */
577 579 .cm { color: #408080; font-style: italic } /* Comment.Multiline */
578 580 .cp { color: #BC7A00 } /* Comment.Preproc */
579 581 .c1 { color: #408080; font-style: italic } /* Comment.Single */
580 582 .cs { color: #408080; font-style: italic } /* Comment.Special */
581 583 .gd { color: #A00000 } /* Generic.Deleted */
582 584 .ge { font-style: italic } /* Generic.Emph */
583 585 .gr { color: #FF0000 } /* Generic.Error */
584 586 .gh { color: #000080; font-weight: bold } /* Generic.Heading */
585 587 .gi { color: #00A000 } /* Generic.Inserted */
586 588 .go { color: #808080 } /* Generic.Output */
587 589 .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
588 590 .gs { font-weight: bold } /* Generic.Strong */
589 591 .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
590 592 .gt { color: #0040D0 } /* Generic.Traceback */
591 593 .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
592 594 .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
593 595 .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
594 596 .kp { color: #008000 } /* Keyword.Pseudo */
595 597 .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
596 598 .kt { color: #B00040 } /* Keyword.Type */
597 599 .m { color: #666666 } /* Literal.Number */
598 600 .s { color: #BA2121 } /* Literal.String */
599 601 .na { color: #7D9029 } /* Name.Attribute */
600 602 .nb { color: #008000 } /* Name.Builtin */
601 603 .nc { color: #0000FF; font-weight: bold } /* Name.Class */
602 604 .no { color: #880000 } /* Name.Constant */
603 605 .nd { color: #AA22FF } /* Name.Decorator */
604 606 .ni { color: #999999; font-weight: bold } /* Name.Entity */
605 607 .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
606 608 .nf { color: #0000FF } /* Name.Function */
607 609 .nl { color: #A0A000 } /* Name.Label */
608 610 .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
609 611 .nt { color: #008000; font-weight: bold } /* Name.Tag */
610 612 .nv { color: #19177C } /* Name.Variable */
611 613 .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
612 614 .w { color: #bbbbbb } /* Text.Whitespace */
613 615 .mf { color: #666666 } /* Literal.Number.Float */
614 616 .mh { color: #666666 } /* Literal.Number.Hex */
615 617 .mi { color: #666666 } /* Literal.Number.Integer */
616 618 .mo { color: #666666 } /* Literal.Number.Oct */
617 619 .sb { color: #BA2121 } /* Literal.String.Backtick */
618 620 .sc { color: #BA2121 } /* Literal.String.Char */
619 621 .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
620 622 .s2 { color: #BA2121 } /* Literal.String.Double */
621 623 .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
622 624 .sh { color: #BA2121 } /* Literal.String.Heredoc */
623 625 .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
624 626 .sx { color: #008000 } /* Literal.String.Other */
625 627 .sr { color: #BB6688 } /* Literal.String.Regex */
626 628 .s1 { color: #BA2121 } /* Literal.String.Single */
627 629 .ss { color: #19177C } /* Literal.String.Symbol */
628 630 .bp { color: #008000 } /* Name.Builtin.Pseudo */
629 631 .vc { color: #19177C } /* Name.Variable.Class */
630 632 .vg { color: #19177C } /* Name.Variable.Global */
631 633 .vi { color: #19177C } /* Name.Variable.Instance */
632 634 .il { color: #666666 } /* Literal.Number.Integer.Long */
633 635 }
634 636
635 637 /* customized pre blocks for markdown/rst */
636 638 pre.literal-block, .codehilite pre{
637 639 padding: @padding;
638 640 border: 1px solid @grey6;
639 641 .border-radius(@border-radius);
640 642 background-color: @grey7;
641 643 }
642 644
643 645
644 646 /* START NEW CODE BLOCK CSS */
645 647
646 648 @cb-line-height: 18px;
647 649 @cb-line-code-padding: 10px;
648 650 @cb-text-padding: 5px;
649 651
650 652 @pill-padding: 2px 7px;
651 653 @pill-padding-small: 2px 2px 1px 2px;
652 654
653 655 input.filediff-collapse-state {
654 656 display: none;
655 657
656 658 &:checked + .filediff { /* file diff is collapsed */
657 659 .cb {
658 660 display: none
659 661 }
660 662 .filediff-collapse-indicator {
661 663 width: 0;
662 664 height: 0;
663 665 border-style: solid;
664 666 border-width: 4.5px 0 4.5px 9.3px;
665 667 border-color: transparent transparent transparent #aaa;
666 668 margin: 6px 0px;
667 669 }
668 670 .filediff-menu {
669 671 display: none;
670 672 }
671 673
672 674 }
673 675
674 676 &+ .filediff { /* file diff is expanded */
675 677 .filediff-collapse-indicator {
676 678 width: 0;
677 679 height: 0;
678 680 border-style: solid;
679 681 border-width: 9.3px 4.5px 0 4.5px;
680 682 border-color: #aaa transparent transparent transparent;
681 683 margin: 6px 0px;
682 684
683 685 }
684 686 .filediff-menu {
685 687 display: block;
686 688 }
687 689 margin: 10px 0;
688 690 &:nth-child(2) {
689 691 margin: 0;
690 692 }
691 693 }
692 694 }
693 695
694 696 .filediffs .anchor {
695 697 display: block;
696 698 height: 40px;
697 699 margin-top: -40px;
698 700 visibility: hidden;
699 701 }
700 702
701 703 .filediffs .anchor:nth-of-type(1) {
702 704 display: block;
703 705 height: 80px;
704 706 margin-top: -80px;
705 707 visibility: hidden;
706 708 }
707 709
708 710 .cs_files {
709 711 clear: both;
710 712 }
711 713
712 714 #diff-file-sticky{
713 715 will-change: min-height;
714 716 }
715 717
716 718 .sidebar__inner{
717 719 transform: translate(0, 0); /* For browsers don't support translate3d. */
718 720 transform: translate3d(0, 0, 0);
719 721 will-change: position, transform;
720 722 height: 70px;
721 723 z-index: 30;
722 724 background-color: #fff;
723 725 padding: 5px 0px;
724 726 }
725 727
726 728 .sidebar__bar {
727 729 padding: 5px 0px 0px 0px
728 730 }
729 731
730 732 .fpath-placeholder {
731 733 clear: both;
732 734 visibility: hidden
733 735 }
734 736
735 737 .is-affixed {
736 738 .sidebar_inner_shadow {
737 739 position: fixed;
738 740 top: 75px;
739 741 right: -100%;
740 742 left: -100%;
741 743 z-index: 28;
742 744 display: block;
743 745 height: 5px;
744 746 content: "";
745 747 background: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.001)) repeat-x 0 0;
746 748 border-top: 1px solid rgba(0, 0, 0, 0.15);
747 749 }
748 750 .fpath-placeholder {
749 751 visibility: visible !important;
750 752 }
751 753 }
752 754
753 755 .diffset-menu {
754 756 margin-bottom: 20px;
755 757 }
756 758 .diffset {
757 759 margin: 20px auto;
758 760 .diffset-heading {
759 761 border: 1px solid @grey5;
760 762 margin-bottom: -1px;
761 763 // margin-top: 20px;
762 764 h2 {
763 765 margin: 0;
764 766 line-height: 38px;
765 767 padding-left: 10px;
766 768 }
767 769 .btn {
768 770 margin: 0;
769 771 }
770 772 background: @grey6;
771 773 display: block;
772 774 padding: 5px;
773 775 }
774 776 .diffset-heading-warning {
775 777 background: @alert3-inner;
776 778 border: 1px solid @alert3;
777 779 }
778 780 &.diffset-comments-disabled {
779 781 .cb-comment-box-opener, .comment-inline-form, .cb-comment-add-button {
780 782 display: none !important;
781 783 }
782 784 }
783 785 }
784 786
785 787 .filelist {
786 788 .pill {
787 789 display: block;
788 790 float: left;
789 791 padding: @pill-padding-small;
790 792 }
791 793 }
792 794
793 795 .pill {
794 796 display: block;
795 797 float: left;
796 798 padding: @pill-padding;
797 799 }
798 800
799 801 .pill-group {
800 802 .pill {
801 803 opacity: .8;
802 804 margin-right: 3px;
803 805 font-size: 12px;
804 806 font-weight: normal;
805 807
806 808 &:first-child {
807 809 border-radius: @border-radius 0 0 @border-radius;
808 810 }
809 811 &:last-child {
810 812 border-radius: 0 @border-radius @border-radius 0;
811 813 }
812 814 &:only-child {
813 815 border-radius: @border-radius;
814 816 margin-right: 0;
815 817 }
816 818 }
817 819 }
818 820
819 821 /* Main comments*/
820 822 #comments {
821 823 .comment-selected {
822 824 border-left: 6px solid @comment-highlight-color;
823 825 padding-left: 3px;
824 826 margin-left: -9px;
825 827 }
826 828 }
827 829
828 830 .filediff {
829 831 border: 1px solid @grey5;
830 832
831 833 /* START OVERRIDES */
832 834 .code-highlight {
833 835 border: none; // TODO: remove this border from the global
834 836 // .code-highlight, it doesn't belong there
835 837 }
836 838 label {
837 839 margin: 0; // TODO: remove this margin definition from global label
838 840 // it doesn't belong there - if margin on labels
839 841 // are needed for a form they should be defined
840 842 // in the form's class
841 843 }
842 844 /* END OVERRIDES */
843 845
844 846 * {
845 847 box-sizing: border-box;
846 848 }
847 849 .filediff-anchor {
848 850 visibility: hidden;
849 851 }
850 852 &:hover {
851 853 .filediff-anchor {
852 854 visibility: visible;
853 855 }
854 856 }
855 857
856 858 .filediff-collapse-indicator {
857 859 border-style: solid;
858 860 float: left;
859 861 margin: 4px 0px 0 0;
860 862 cursor: pointer;
861 863 }
862 864
863 865 .filediff-heading {
864 866 background: @grey7;
865 867 cursor: pointer;
866 868 display: block;
867 869 padding: 5px 10px;
868 870 }
869 871 .filediff-heading:after {
870 872 content: "";
871 873 display: table;
872 874 clear: both;
873 875 }
874 876 .filediff-heading:hover {
875 877 background: #e1e9f4 !important;
876 878 }
877 879
878 880 .filediff-menu {
879 881 float: right;
880 882 text-align: right;
881 883 padding: 5px 5px 5px 0px;
882 884
883 885 &> a,
884 886 &> span {
885 887 padding: 1px;
886 888 }
887 889 }
888 890
889 891 .filediff-collapse-button, .filediff-expand-button {
890 892 cursor: pointer;
891 893 }
892 894 .filediff-collapse-button {
893 895 display: inline;
894 896 }
895 897 .filediff-expand-button {
896 898 display: none;
897 899 }
898 900 .filediff-collapsed .filediff-collapse-button {
899 901 display: none;
900 902 }
901 903 .filediff-collapsed .filediff-expand-button {
902 904 display: inline;
903 905 }
904 906
905 907 /**** COMMENTS ****/
906 908
907 909 .filediff-menu {
908 910 .show-comment-button {
909 911 display: none;
910 912 }
911 913 }
912 914 &.hide-comments {
913 915 .inline-comments {
914 916 display: none;
915 917 }
916 918 .filediff-menu {
917 919 .show-comment-button {
918 920 display: inline;
919 921 }
920 922 .hide-comment-button {
921 923 display: none;
922 924 }
923 925 }
924 926 }
925 927
926 928 .hide-line-comments {
927 929 .inline-comments {
928 930 display: none;
929 931 }
930 932 }
931 933
932 934 /**** END COMMENTS ****/
933 935
934 936 }
935 937
936 938
937 939
938 940 .filediff, .filelist {
939 941 .pill {
940 942 &[op="name"] {
941 943 background: none;
942 944 opacity: 1;
943 945 color: white;
944 946 }
945 947 &[op="limited"] {
946 948 background: @grey2;
947 949 color: white;
948 950 }
949 951 &[op="binary"] {
950 952 background: @color7;
951 953 color: white;
952 954 }
953 955 &[op="modified"] {
954 956 background: @alert1;
955 957 color: white;
956 958 }
957 959 &[op="renamed"] {
958 960 background: @color4;
959 961 color: white;
960 962 }
961 963 &[op="copied"] {
962 964 background: @color4;
963 965 color: white;
964 966 }
965 967 &[op="mode"] {
966 968 background: @grey3;
967 969 color: white;
968 970 }
969 971 &[op="symlink"] {
970 972 background: @color8;
971 973 color: white;
972 974 }
973 975
974 976 &[op="added"] { /* added lines */
975 977 background: @alert1;
976 978 color: white;
977 979 }
978 980 &[op="deleted"] { /* deleted lines */
979 981 background: @alert2;
980 982 color: white;
981 983 }
982 984
983 985 &[op="created"] { /* created file */
984 986 background: @alert1;
985 987 color: white;
986 988 }
987 989 &[op="removed"] { /* deleted file */
988 990 background: @color5;
989 991 color: white;
990 992 }
991 993 }
992 994 }
993 995
994 996
995 997 .filediff-outdated {
996 998 padding: 8px 0;
997 999
998 1000 .filediff-heading {
999 1001 opacity: .5;
1000 1002 }
1001 1003 }
1002 1004
1003 1005 table.cb {
1004 1006 width: 100%;
1005 1007 border-collapse: collapse;
1006 1008
1007 1009 .cb-text {
1008 1010 padding: @cb-text-padding;
1009 1011 }
1010 1012 .cb-hunk {
1011 1013 padding: @cb-text-padding;
1012 1014 }
1013 1015 .cb-expand {
1014 1016 display: none;
1015 1017 }
1016 1018 .cb-collapse {
1017 1019 display: inline;
1018 1020 }
1019 1021 &.cb-collapsed {
1020 1022 .cb-line {
1021 1023 display: none;
1022 1024 }
1023 1025 .cb-expand {
1024 1026 display: inline;
1025 1027 }
1026 1028 .cb-collapse {
1027 1029 display: none;
1028 1030 }
1029 1031 .cb-hunk {
1030 1032 display: none;
1031 1033 }
1032 1034 }
1033 1035
1034 1036 /* intentionally general selector since .cb-line-selected must override it
1035 1037 and they both use !important since the td itself may have a random color
1036 1038 generated by annotation blocks. TLDR: if you change it, make sure
1037 1039 annotated block selection and line selection in file view still work */
1038 1040 .cb-line-fresh .cb-content {
1039 1041 background: white !important;
1040 1042 }
1041 1043 .cb-warning {
1042 1044 background: #fff4dd;
1043 1045 }
1044 1046
1045 1047 &.cb-diff-sideside {
1046 1048 td {
1047 1049 &.cb-content {
1048 1050 width: 50%;
1049 1051 }
1050 1052 }
1051 1053 }
1052 1054
1053 1055 tr {
1054 1056 &.cb-annotate {
1055 1057 border-top: 1px solid #eee;
1056 1058 }
1057 1059
1058 1060 &.cb-comment-info {
1059 1061 border-top: 1px solid #eee;
1060 1062 color: rgba(0, 0, 0, 0.3);
1061 1063 background: #edf2f9;
1062 1064
1063 1065 td {
1064 1066
1065 1067 }
1066 1068 }
1067 1069
1068 1070 &.cb-hunk {
1069 1071 font-family: @text-monospace;
1070 1072 color: rgba(0, 0, 0, 0.3);
1071 1073
1072 1074 td {
1073 1075 &:first-child {
1074 1076 background: #edf2f9;
1075 1077 }
1076 1078 &:last-child {
1077 1079 background: #f4f7fb;
1078 1080 }
1079 1081 }
1080 1082 }
1081 1083 }
1082 1084
1083 1085
1084 1086 td {
1085 1087 vertical-align: top;
1086 1088 padding: 0;
1087 1089
1088 1090 &.cb-content {
1089 1091 font-size: 12.35px;
1090 1092
1091 1093 &.cb-line-selected .cb-code {
1092 1094 background: @comment-highlight-color !important;
1093 1095 }
1094 1096
1095 1097 span.cb-code {
1096 1098 line-height: @cb-line-height;
1097 1099 padding-left: @cb-line-code-padding;
1098 1100 padding-right: @cb-line-code-padding;
1099 1101 display: block;
1100 1102 white-space: pre-wrap;
1101 1103 font-family: @text-monospace;
1102 1104 word-break: break-all;
1103 1105 .nonl {
1104 1106 color: @color5;
1105 1107 }
1106 1108 .cb-action {
1107 1109 &:before {
1108 1110 content: " ";
1109 1111 }
1110 1112 &.cb-deletion:before {
1111 1113 content: "- ";
1112 1114 }
1113 1115 &.cb-addition:before {
1114 1116 content: "+ ";
1115 1117 }
1116 1118 }
1117 1119 }
1118 1120
1119 1121 &> button.cb-comment-box-opener {
1120 1122
1121 1123 padding: 2px 2px 1px 3px;
1122 1124 margin-left: -6px;
1123 1125 margin-top: -1px;
1124 1126
1125 1127 border-radius: @border-radius;
1126 1128 position: absolute;
1127 1129 display: none;
1128 1130 }
1129 1131 .cb-comment {
1130 1132 margin-top: 10px;
1131 1133 white-space: normal;
1132 1134 }
1133 1135 }
1134 1136 &:hover {
1135 1137 button.cb-comment-box-opener {
1136 1138 display: block;
1137 1139 }
1138 1140 &+ td button.cb-comment-box-opener {
1139 1141 display: block
1140 1142 }
1141 1143 }
1142 1144
1143 1145 &.cb-data {
1144 1146 text-align: right;
1145 1147 width: 30px;
1146 1148 font-family: @text-monospace;
1147 1149
1148 1150 .icon-comment {
1149 1151 cursor: pointer;
1150 1152 }
1151 1153 &.cb-line-selected {
1152 1154 background: @comment-highlight-color !important;
1153 1155 }
1154 1156 &.cb-line-selected > div {
1155 1157 display: block;
1156 1158 background: @comment-highlight-color !important;
1157 1159 line-height: @cb-line-height;
1158 1160 color: rgba(0, 0, 0, 0.3);
1159 1161 }
1160 1162 }
1161 1163
1162 1164 &.cb-lineno {
1163 1165 padding: 0;
1164 1166 width: 50px;
1165 1167 color: rgba(0, 0, 0, 0.3);
1166 1168 text-align: right;
1167 1169 border-right: 1px solid #eee;
1168 1170 font-family: @text-monospace;
1169 1171 -webkit-user-select: none;
1170 1172 -moz-user-select: none;
1171 1173 user-select: none;
1172 1174
1173 1175 a::before {
1174 1176 content: attr(data-line-no);
1175 1177 }
1176 1178 &.cb-line-selected {
1177 1179 background: @comment-highlight-color !important;
1178 1180 }
1179 1181
1180 1182 a {
1181 1183 display: block;
1182 1184 padding-right: @cb-line-code-padding;
1183 1185 padding-left: @cb-line-code-padding;
1184 1186 line-height: @cb-line-height;
1185 1187 color: rgba(0, 0, 0, 0.3);
1186 1188 }
1187 1189 }
1188 1190
1189 1191 &.cb-empty {
1190 1192 background: @grey7;
1191 1193 }
1192 1194
1193 1195 ins {
1194 1196 color: black;
1195 1197 background: #a6f3a6;
1196 1198 text-decoration: none;
1197 1199 }
1198 1200 del {
1199 1201 color: black;
1200 1202 background: #f8cbcb;
1201 1203 text-decoration: none;
1202 1204 }
1203 1205 &.cb-addition {
1204 1206 background: #ecffec;
1205 1207
1206 1208 &.blob-lineno {
1207 1209 background: #ddffdd;
1208 1210 }
1209 1211 }
1210 1212 &.cb-deletion {
1211 1213 background: #ffecec;
1212 1214
1213 1215 &.blob-lineno {
1214 1216 background: #ffdddd;
1215 1217 }
1216 1218 }
1217 1219 &.cb-annotate-message-spacer {
1218 1220 width:8px;
1219 1221 padding: 1px 0px 0px 3px;
1220 1222 }
1221 1223 &.cb-annotate-info {
1222 1224 width: 320px;
1223 1225 min-width: 320px;
1224 1226 max-width: 320px;
1225 1227 padding: 5px 2px;
1226 1228 font-size: 13px;
1227 1229
1228 1230 .cb-annotate-message {
1229 1231 padding: 2px 0px 0px 0px;
1230 1232 white-space: pre-line;
1231 1233 overflow: hidden;
1232 1234 }
1233 1235 .rc-user {
1234 1236 float: none;
1235 1237 padding: 0 6px 0 17px;
1236 1238 min-width: unset;
1237 1239 min-height: unset;
1238 1240 }
1239 1241 }
1240 1242
1241 1243 &.cb-annotate-revision {
1242 1244 cursor: pointer;
1243 1245 text-align: right;
1244 1246 padding: 1px 3px 0px 3px;
1245 1247 }
1246 1248 }
1247 1249 }
@@ -1,575 +1,579 b''
1 1 // comments.less
2 2 // For use in RhodeCode applications;
3 3 // see style guide documentation for guidelines.
4 4
5 5
6 6 // Comments
7 7 @comment-outdated-opacity: 0.6;
8 8
9 9 .comments {
10 10 width: 100%;
11 11 }
12 12
13 13 tr.inline-comments div {
14 14 max-width: 100%;
15 15
16 16 p {
17 17 white-space: normal;
18 18 }
19 19
20 20 code, pre, .code, dd {
21 21 overflow-x: auto;
22 22 width: 1062px;
23 23 }
24 24
25 25 dd {
26 26 width: auto;
27 27 }
28 28 }
29 29
30 30 #injected_page_comments {
31 31 .comment-previous-link,
32 32 .comment-next-link,
33 33 .comment-links-divider {
34 34 display: none;
35 35 }
36 36 }
37 37
38 38 .add-comment {
39 39 margin-bottom: 10px;
40 40 }
41 41 .hide-comment-button .add-comment {
42 42 display: none;
43 43 }
44 44
45 45 .comment-bubble {
46 46 color: @grey4;
47 47 margin-top: 4px;
48 48 margin-right: 30px;
49 49 visibility: hidden;
50 50 }
51 51
52 52 .comment-label {
53 53 float: left;
54 54
55 55 padding: 0.4em 0.4em;
56 56 margin: 3px 5px 0px -10px;
57 57 display: inline-block;
58 58 min-height: 0;
59 59
60 60 text-align: center;
61 61 font-size: 10px;
62 62 line-height: .8em;
63 63
64 64 font-family: @text-italic;
65 font-style: italic;
65 66 background: #fff none;
66 67 color: @grey4;
67 68 border: 1px solid @grey4;
68 69 white-space: nowrap;
69 70
70 71 text-transform: uppercase;
71 72 min-width: 40px;
72 73
73 74 &.todo {
74 75 color: @color5;
76 font-style: italic;
77 font-weight: @text-bold-italic-weight;
75 78 font-family: @text-bold-italic;
76 79 }
77 80
78 81 .resolve {
79 82 cursor: pointer;
80 83 text-decoration: underline;
81 84 }
82 85
83 86 .resolved {
84 87 text-decoration: line-through;
85 88 color: @color1;
86 89 }
87 90 .resolved a {
88 91 text-decoration: line-through;
89 92 color: @color1;
90 93 }
91 94 .resolve-text {
92 95 color: @color1;
93 96 margin: 2px 8px;
94 97 font-family: @text-italic;
98 font-style: italic;
95 99 }
96 100 }
97 101
98 102 .has-spacer-after {
99 103 &:after {
100 104 content: ' | ';
101 105 color: @grey5;
102 106 }
103 107 }
104 108
105 109 .has-spacer-before {
106 110 &:before {
107 111 content: ' | ';
108 112 color: @grey5;
109 113 }
110 114 }
111 115
112 116 .comment {
113 117
114 118 &.comment-general {
115 119 border: 1px solid @grey5;
116 120 padding: 5px 5px 5px 5px;
117 121 }
118 122
119 123 margin: @padding 0;
120 124 padding: 4px 0 0 0;
121 125 line-height: 1em;
122 126
123 127 .rc-user {
124 128 min-width: 0;
125 129 margin: 0px .5em 0 0;
126 130
127 131 .user {
128 132 display: inline;
129 133 }
130 134 }
131 135
132 136 .meta {
133 137 position: relative;
134 138 width: 100%;
135 139 border-bottom: 1px solid @grey5;
136 140 margin: -5px 0px;
137 141 line-height: 24px;
138 142
139 143 &:hover .permalink {
140 144 visibility: visible;
141 145 color: @rcblue;
142 146 }
143 147 }
144 148
145 149 .author,
146 150 .date {
147 151 display: inline;
148 152
149 153 &:after {
150 154 content: ' | ';
151 155 color: @grey5;
152 156 }
153 157 }
154 158
155 159 .author-general img {
156 160 top: 3px;
157 161 }
158 162 .author-inline img {
159 163 top: 3px;
160 164 }
161 165
162 166 .status-change,
163 167 .permalink,
164 168 .changeset-status-lbl {
165 169 display: inline;
166 170 }
167 171
168 172 .permalink {
169 173 visibility: hidden;
170 174 }
171 175
172 176 .comment-links-divider {
173 177 display: inline;
174 178 }
175 179
176 180 .comment-links-block {
177 181 float:right;
178 182 text-align: right;
179 183 min-width: 85px;
180 184
181 185 [class^="icon-"]:before,
182 186 [class*=" icon-"]:before {
183 187 margin-left: 0;
184 188 margin-right: 0;
185 189 }
186 190 }
187 191
188 192 .comment-previous-link {
189 193 display: inline-block;
190 194
191 195 .arrow_comment_link{
192 196 cursor: pointer;
193 197 i {
194 198 font-size:10px;
195 199 }
196 200 }
197 201 .arrow_comment_link.disabled {
198 202 cursor: default;
199 203 color: @grey5;
200 204 }
201 205 }
202 206
203 207 .comment-next-link {
204 208 display: inline-block;
205 209
206 210 .arrow_comment_link{
207 211 cursor: pointer;
208 212 i {
209 213 font-size:10px;
210 214 }
211 215 }
212 216 .arrow_comment_link.disabled {
213 217 cursor: default;
214 218 color: @grey5;
215 219 }
216 220 }
217 221
218 222 .flag_status {
219 223 display: inline-block;
220 224 margin: -2px .5em 0 .25em
221 225 }
222 226
223 227 .delete-comment {
224 228 display: inline-block;
225 229 color: @rcblue;
226 230
227 231 &:hover {
228 232 cursor: pointer;
229 233 }
230 234 }
231 235
232 236 .text {
233 237 clear: both;
234 238 .border-radius(@border-radius);
235 239 .box-sizing(border-box);
236 240
237 241 .markdown-block p,
238 242 .rst-block p {
239 243 margin: .5em 0 !important;
240 244 // TODO: lisa: This is needed because of other rst !important rules :[
241 245 }
242 246 }
243 247
244 248 .pr-version {
245 249 float: left;
246 250 margin: 0px 4px;
247 251 }
248 252 .pr-version-inline {
249 253 float: left;
250 254 margin: 0px 4px;
251 255 }
252 256 .pr-version-num {
253 257 font-size: 10px;
254 258 }
255 259 }
256 260
257 261 @comment-padding: 5px;
258 262
259 263 .general-comments {
260 264 .comment-outdated {
261 265 opacity: @comment-outdated-opacity;
262 266 }
263 267 }
264 268
265 269 .inline-comments {
266 270 border-radius: @border-radius;
267 271 .comment {
268 272 margin: 0;
269 273 border-radius: @border-radius;
270 274 }
271 275 .comment-outdated {
272 276 opacity: @comment-outdated-opacity;
273 277 }
274 278
275 279 .comment-inline {
276 280 background: white;
277 281 padding: @comment-padding @comment-padding;
278 282 border: @comment-padding solid @grey6;
279 283
280 284 .text {
281 285 border: none;
282 286 }
283 287 .meta {
284 288 border-bottom: 1px solid @grey6;
285 289 margin: -5px 0px;
286 290 line-height: 24px;
287 291 }
288 292 }
289 293 .comment-selected {
290 294 border-left: 6px solid @comment-highlight-color;
291 295 }
292 296 .comment-inline-form {
293 297 padding: @comment-padding;
294 298 display: none;
295 299 }
296 300 .cb-comment-add-button {
297 301 margin: @comment-padding;
298 302 }
299 303 /* hide add comment button when form is open */
300 304 .comment-inline-form-open ~ .cb-comment-add-button {
301 305 display: none;
302 306 }
303 307 .comment-inline-form-open {
304 308 display: block;
305 309 }
306 310 /* hide add comment button when form but no comments */
307 311 .comment-inline-form:first-child + .cb-comment-add-button {
308 312 display: none;
309 313 }
310 314 /* hide add comment button when no comments or form */
311 315 .cb-comment-add-button:first-child {
312 316 display: none;
313 317 }
314 318 /* hide add comment button when only comment is being deleted */
315 319 .comment-deleting:first-child + .cb-comment-add-button {
316 320 display: none;
317 321 }
318 322 }
319 323
320 324
321 325 .show-outdated-comments {
322 326 display: inline;
323 327 color: @rcblue;
324 328 }
325 329
326 330 // Comment Form
327 331 div.comment-form {
328 332 margin-top: 20px;
329 333 }
330 334
331 335 .comment-form strong {
332 336 display: block;
333 337 margin-bottom: 15px;
334 338 }
335 339
336 340 .comment-form textarea {
337 341 width: 100%;
338 342 height: 100px;
339 343 font-family: @text-monospace;
340 344 }
341 345
342 346 form.comment-form {
343 347 margin-top: 10px;
344 348 margin-left: 10px;
345 349 }
346 350
347 351 .comment-inline-form .comment-block-ta,
348 352 .comment-form .comment-block-ta,
349 353 .comment-form .preview-box {
350 354 .border-radius(@border-radius);
351 355 .box-sizing(border-box);
352 356 background-color: white;
353 357 }
354 358
355 359 .comment-form-submit {
356 360 margin-top: 5px;
357 361 margin-left: 525px;
358 362 }
359 363
360 364 .file-comments {
361 365 display: none;
362 366 }
363 367
364 368 .comment-form .preview-box.unloaded,
365 369 .comment-inline-form .preview-box.unloaded {
366 370 height: 50px;
367 371 text-align: center;
368 372 padding: 20px;
369 373 background-color: white;
370 374 }
371 375
372 376 .comment-footer {
373 377 position: relative;
374 378 width: 100%;
375 379 min-height: 42px;
376 380
377 381 .status_box,
378 382 .cancel-button {
379 383 float: left;
380 384 display: inline-block;
381 385 }
382 386
383 387 .action-buttons {
384 388 float: right;
385 389 display: inline-block;
386 390 }
387 391
388 392 .action-buttons-extra {
389 393 display: inline-block;
390 394 }
391 395 }
392 396
393 397 .comment-form {
394 398
395 399 .comment {
396 400 margin-left: 10px;
397 401 }
398 402
399 403 .comment-help {
400 404 color: @grey4;
401 405 padding: 5px 0 5px 0;
402 406 }
403 407
404 408 .comment-title {
405 409 padding: 5px 0 5px 0;
406 410 }
407 411
408 412 .comment-button {
409 413 display: inline-block;
410 414 }
411 415
412 416 .comment-button-input {
413 417 margin-right: 0;
414 418 }
415 419
416 420 .comment-footer {
417 421 margin-bottom: 110px;
418 422 margin-top: 10px;
419 423 }
420 424 }
421 425
422 426
423 427 .comment-form-login {
424 428 .comment-help {
425 429 padding: 0.9em; //same as the button
426 430 }
427 431
428 432 div.clearfix {
429 433 clear: both;
430 434 width: 100%;
431 435 display: block;
432 436 }
433 437 }
434 438
435 439 .comment-type {
436 440 margin: 0px;
437 441 border-radius: inherit;
438 442 border-color: @grey6;
439 443 }
440 444
441 445 .preview-box {
442 446 min-height: 105px;
443 447 margin-bottom: 15px;
444 448 background-color: white;
445 449 .border-radius(@border-radius);
446 450 .box-sizing(border-box);
447 451 }
448 452
449 453 .add-another-button {
450 454 margin-left: 10px;
451 455 margin-top: 10px;
452 456 margin-bottom: 10px;
453 457 }
454 458
455 459 .comment .buttons {
456 460 float: right;
457 461 margin: -1px 0px 0px 0px;
458 462 }
459 463
460 464 // Inline Comment Form
461 465 .injected_diff .comment-inline-form,
462 466 .comment-inline-form {
463 467 background-color: white;
464 468 margin-top: 10px;
465 469 margin-bottom: 20px;
466 470 }
467 471
468 472 .inline-form {
469 473 padding: 10px 7px;
470 474 }
471 475
472 476 .inline-form div {
473 477 max-width: 100%;
474 478 }
475 479
476 480 .overlay {
477 481 display: none;
478 482 position: absolute;
479 483 width: 100%;
480 484 text-align: center;
481 485 vertical-align: middle;
482 486 font-size: 16px;
483 487 background: none repeat scroll 0 0 white;
484 488
485 489 &.submitting {
486 490 display: block;
487 491 opacity: 0.5;
488 492 z-index: 100;
489 493 }
490 494 }
491 495 .comment-inline-form .overlay.submitting .overlay-text {
492 496 margin-top: 5%;
493 497 }
494 498
495 499 .comment-inline-form .clearfix,
496 500 .comment-form .clearfix {
497 501 .border-radius(@border-radius);
498 502 margin: 0px;
499 503 }
500 504
501 505 .comment-inline-form .comment-footer {
502 506 margin: 10px 0px 0px 0px;
503 507 }
504 508
505 509 .hide-inline-form-button {
506 510 margin-left: 5px;
507 511 }
508 512 .comment-button .hide-inline-form {
509 513 background: white;
510 514 }
511 515
512 516 .comment-area {
513 517 padding: 8px 12px;
514 518 border: 1px solid @grey5;
515 519 .border-radius(@border-radius);
516 520
517 521 .resolve-action {
518 522 padding: 1px 0px 0px 6px;
519 523 }
520 524
521 525 }
522 526
523 527 .comment-area-header .nav-links {
524 528 display: flex;
525 529 flex-flow: row wrap;
526 530 -webkit-flex-flow: row wrap;
527 531 width: 100%;
528 532 }
529 533
530 534 .comment-area-footer {
531 535 display: flex;
532 536 }
533 537
534 538 .comment-footer .toolbar {
535 539
536 540 }
537 541
538 542 .nav-links {
539 543 padding: 0;
540 544 margin: 0;
541 545 list-style: none;
542 546 height: auto;
543 547 border-bottom: 1px solid @grey5;
544 548 }
545 549 .nav-links li {
546 550 display: inline-block;
547 551 }
548 552 .nav-links li:before {
549 553 content: "";
550 554 }
551 555 .nav-links li a.disabled {
552 556 cursor: not-allowed;
553 557 }
554 558
555 559 .nav-links li.active a {
556 560 border-bottom: 2px solid @rcblue;
557 561 color: #000;
558 562 font-weight: 600;
559 563 }
560 564 .nav-links li a {
561 565 display: inline-block;
562 566 padding: 0px 10px 5px 10px;
563 567 margin-bottom: -1px;
564 568 font-size: 14px;
565 569 line-height: 28px;
566 570 color: #8f8f8f;
567 571 border-bottom: 2px solid transparent;
568 572 }
569 573
570 574 .toolbar-text {
571 575 float: left;
572 576 margin: -5px 0px 0px 0px;
573 577 font-size: 12px;
574 578 }
575 579
@@ -1,100 +1,101 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 9 // IMPORTANT - never position:relative this as it causes insanely
10 10 // slow rendering
11 11 }
12 12
13 13 .add-comment-line {
14 14 // Force td width for Firefox
15 15 width: 20px;
16 16
17 17 // TODO: anderson: fixing mouse-over bug.
18 18 // why was it vertical-align baseline in first place??
19 19 vertical-align: top !important;
20 20 // Force width and display for IE 9
21 21 .add-comment-content {
22 22 display: inline-block;
23 23 width: 20px;
24 24
25 25 a {
26 26 display: none;
27 27 margin-top: 2px;
28 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 font-weight: @text-semibold-weight;
98 99 font-family: @text-semibold;
99 100 }
100 101 }
@@ -1,2468 +1,2475 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 'variables';
9 9 @import 'bootstrap-variables';
10 10 @import 'form-bootstrap';
11 11 @import 'codemirror';
12 12 @import 'legacy_code_styles';
13 13 @import 'readme-box';
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 30 //--- BASE ------------------//
31 31 .noscript-error {
32 32 top: 0;
33 33 left: 0;
34 34 width: 100%;
35 35 z-index: 101;
36 36 text-align: center;
37 font-family: @text-semibold;
38 37 font-size: 120%;
39 38 color: white;
40 39 background-color: @alert2;
41 40 padding: 5px 0 5px 0;
41 font-weight: @text-semibold-weight;
42 font-family: @text-semibold;
42 43 }
43 44
44 45 html {
45 46 display: table;
46 47 height: 100%;
47 48 width: 100%;
48 49 }
49 50
50 51 body {
51 52 display: table-cell;
52 53 width: 100%;
53 54 }
54 55
55 56 //--- LAYOUT ------------------//
56 57
57 58 .hidden{
58 59 display: none !important;
59 60 }
60 61
61 62 .box{
62 63 float: left;
63 64 width: 100%;
64 65 }
65 66
66 67 .browser-header {
67 68 clear: both;
68 69 }
69 70 .main {
70 71 clear: both;
71 72 padding:0 0 @pagepadding;
72 73 height: auto;
73 74
74 75 &:after { //clearfix
75 76 content:"";
76 77 clear:both;
77 78 width:100%;
78 79 display:block;
79 80 }
80 81 }
81 82
82 83 .action-link{
83 84 margin-left: @padding;
84 85 padding-left: @padding;
85 86 border-left: @border-thickness solid @border-default-color;
86 87 }
87 88
88 89 input + .action-link, .action-link.first{
89 90 border-left: none;
90 91 }
91 92
92 93 .action-link.last{
93 94 margin-right: @padding;
94 95 padding-right: @padding;
95 96 }
96 97
97 98 .action-link.active,
98 99 .action-link.active a{
99 100 color: @grey4;
100 101 }
101 102
102 103 .action-link.disabled {
103 104 color: @grey4;
104 105 cursor: inherit;
105 106 }
106 107
107 108 .clipboard-action {
108 109 cursor: pointer;
109 110 }
110 111
111 112 ul.simple-list{
112 113 list-style: none;
113 114 margin: 0;
114 115 padding: 0;
115 116 }
116 117
117 118 .main-content {
118 119 padding-bottom: @pagepadding;
119 120 }
120 121
121 122 .wide-mode-wrapper {
122 123 max-width:4000px !important;
123 124 }
124 125
125 126 .wrapper {
126 127 position: relative;
127 128 max-width: @wrapper-maxwidth;
128 129 margin: 0 auto;
129 130 }
130 131
131 132 #content {
132 133 clear: both;
133 134 padding: 0 @contentpadding;
134 135 }
135 136
136 137 .advanced-settings-fields{
137 138 input{
138 139 margin-left: @textmargin;
139 140 margin-right: @padding/2;
140 141 }
141 142 }
142 143
143 144 .cs_files_title {
144 145 margin: @pagepadding 0 0;
145 146 }
146 147
147 148 input.inline[type="file"] {
148 149 display: inline;
149 150 }
150 151
151 152 .error_page {
152 153 margin: 10% auto;
153 154
154 155 h1 {
155 156 color: @grey2;
156 157 }
157 158
158 159 .alert {
159 160 margin: @padding 0;
160 161 }
161 162
162 163 .error-branding {
164 color: @grey4;
165 font-weight: @text-semibold-weight;
163 166 font-family: @text-semibold;
164 color: @grey4;
165 167 }
166 168
167 169 .error_message {
168 170 font-family: @text-regular;
169 171 }
170 172
171 173 .sidebar {
172 174 min-height: 275px;
173 175 margin: 0;
174 176 padding: 0 0 @sidebarpadding @sidebarpadding;
175 177 border: none;
176 178 }
177 179
178 180 .main-content {
179 181 position: relative;
180 182 margin: 0 @sidebarpadding @sidebarpadding;
181 183 padding: 0 0 0 @sidebarpadding;
182 184 border-left: @border-thickness solid @grey5;
183 185
184 186 @media (max-width:767px) {
185 187 clear: both;
186 188 width: 100%;
187 189 margin: 0;
188 190 border: none;
189 191 }
190 192 }
191 193
192 194 .inner-column {
193 195 float: left;
194 196 width: 29.75%;
195 197 min-height: 150px;
196 198 margin: @sidebarpadding 2% 0 0;
197 199 padding: 0 2% 0 0;
198 200 border-right: @border-thickness solid @grey5;
199 201
200 202 @media (max-width:767px) {
201 203 clear: both;
202 204 width: 100%;
203 205 border: none;
204 206 }
205 207
206 208 ul {
207 209 padding-left: 1.25em;
208 210 }
209 211
210 212 &:last-child {
211 213 margin: @sidebarpadding 0 0;
212 214 border: none;
213 215 }
214 216
215 217 h4 {
216 218 margin: 0 0 @padding;
219 font-weight: @text-semibold-weight;
217 220 font-family: @text-semibold;
218 221 }
219 222 }
220 223 }
221 224 .error-page-logo {
222 225 width: 130px;
223 226 height: 160px;
224 227 }
225 228
226 229 // HEADER
227 230 .header {
228 231
229 232 // TODO: johbo: Fix login pages, so that they work without a min-height
230 233 // for the header and then remove the min-height. I chose a smaller value
231 234 // intentionally here to avoid rendering issues in the main navigation.
232 235 min-height: 49px;
233 236
234 237 position: relative;
235 238 vertical-align: bottom;
236 239 padding: 0 @header-padding;
237 240 background-color: @grey2;
238 241 color: @grey5;
239 242
240 243 .title {
241 244 overflow: visible;
242 245 }
243 246
244 247 &:before,
245 248 &:after {
246 249 content: "";
247 250 clear: both;
248 251 width: 100%;
249 252 }
250 253
251 254 // TODO: johbo: Avoids breaking "Repositories" chooser
252 255 .select2-container .select2-choice .select2-arrow {
253 256 display: none;
254 257 }
255 258 }
256 259
257 260 #header-inner {
258 261 &.title {
259 262 margin: 0;
260 263 }
261 264 &:before,
262 265 &:after {
263 266 content: "";
264 267 clear: both;
265 268 }
266 269 }
267 270
268 271 // Gists
269 272 #files_data {
270 273 clear: both; //for firefox
271 274 }
272 275 #gistid {
273 276 margin-right: @padding;
274 277 }
275 278
276 279 // Global Settings Editor
277 280 .textarea.editor {
278 281 float: left;
279 282 position: relative;
280 283 max-width: @texteditor-width;
281 284
282 285 select {
283 286 position: absolute;
284 287 top:10px;
285 288 right:0;
286 289 }
287 290
288 291 .CodeMirror {
289 292 margin: 0;
290 293 }
291 294
292 295 .help-block {
293 296 margin: 0 0 @padding;
294 297 padding:.5em;
295 298 background-color: @grey6;
296 299 &.pre-formatting {
297 300 white-space: pre;
298 301 }
299 302 }
300 303 }
301 304
302 305 ul.auth_plugins {
303 306 margin: @padding 0 @padding @legend-width;
304 307 padding: 0;
305 308
306 309 li {
307 310 margin-bottom: @padding;
308 311 line-height: 1em;
309 312 list-style-type: none;
310 313
311 314 .auth_buttons .btn {
312 315 margin-right: @padding;
313 316 }
314 317
315 318 &:before { content: none; }
316 319 }
317 320 }
318 321
319 322
320 323 // My Account PR list
321 324
322 325 #show_closed {
323 326 margin: 0 1em 0 0;
324 327 }
325 328
326 329 .pullrequestlist {
327 330 .closed {
328 331 background-color: @grey6;
329 332 }
330 333 .td-status {
331 334 padding-left: .5em;
332 335 }
333 336 .log-container .truncate {
334 337 height: 2.75em;
335 338 white-space: pre-line;
336 339 }
337 340 table.rctable .user {
338 341 padding-left: 0;
339 342 }
340 343 table.rctable {
341 344 td.td-description,
342 345 .rc-user {
343 346 min-width: auto;
344 347 }
345 348 }
346 349 }
347 350
348 351 // Pull Requests
349 352
350 353 .pullrequests_section_head {
351 354 display: block;
352 355 clear: both;
353 356 margin: @padding 0;
357 font-weight: @text-bold-weight;
354 358 font-family: @text-bold;
355 359 }
356 360
357 361 .pr-origininfo, .pr-targetinfo {
358 362 position: relative;
359 363
360 364 .tag {
361 365 display: inline-block;
362 366 margin: 0 1em .5em 0;
363 367 }
364 368
365 369 .clone-url {
366 370 display: inline-block;
367 371 margin: 0 0 .5em 0;
368 372 padding: 0;
369 373 line-height: 1.2em;
370 374 }
371 375 }
372 376
373 377 .pr-mergeinfo {
374 378 min-width: 95% !important;
375 379 padding: 0 !important;
376 380 border: 0;
377 381 }
378 382 .pr-mergeinfo-copy {
379 383 padding: 0 0;
380 384 }
381 385
382 386 .pr-pullinfo {
383 387 min-width: 95% !important;
384 388 padding: 0 !important;
385 389 border: 0;
386 390 }
387 391 .pr-pullinfo-copy {
388 392 padding: 0 0;
389 393 }
390 394
391 395
392 396 #pr-title-input {
393 397 width: 72%;
394 398 font-size: 1em;
395 font-family: @text-bold;
396 399 margin: 0;
397 400 padding: 0 0 0 @padding/4;
398 401 line-height: 1.7em;
399 402 color: @text-color;
400 403 letter-spacing: .02em;
404 font-weight: @text-bold-weight;
405 font-family: @text-bold;
401 406 }
402 407
403 408 #pullrequest_title {
404 409 width: 100%;
405 410 box-sizing: border-box;
406 411 }
407 412
408 413 #pr_open_message {
409 414 border: @border-thickness solid #fff;
410 415 border-radius: @border-radius;
411 416 padding: @padding-large-vertical @padding-large-vertical @padding-large-vertical 0;
412 417 text-align: left;
413 418 overflow: hidden;
414 419 }
415 420
416 421 .pr-submit-button {
417 422 float: right;
418 423 margin: 0 0 0 5px;
419 424 }
420 425
421 426 .pr-spacing-container {
422 427 padding: 20px;
423 428 clear: both
424 429 }
425 430
426 431 #pr-description-input {
427 432 margin-bottom: 0;
428 433 }
429 434
430 435 .pr-description-label {
431 436 vertical-align: top;
432 437 }
433 438
434 439 .perms_section_head {
435 440 min-width: 625px;
436 441
437 442 h2 {
438 443 margin-bottom: 0;
439 444 }
440 445
441 446 .label-checkbox {
442 447 float: left;
443 448 }
444 449
445 450 &.field {
446 451 margin: @space 0 @padding;
447 452 }
448 453
449 454 &:first-child.field {
450 455 margin-top: 0;
451 456
452 457 .label {
453 458 margin-top: 0;
454 459 padding-top: 0;
455 460 }
456 461
457 462 .radios {
458 463 padding-top: 0;
459 464 }
460 465 }
461 466
462 467 .radios {
463 468 position: relative;
464 469 width: 505px;
465 470 }
466 471 }
467 472
468 473 //--- MODULES ------------------//
469 474
470 475
471 476 // Server Announcement
472 477 #server-announcement {
473 478 width: 95%;
474 479 margin: @padding auto;
475 480 padding: @padding;
476 481 border-width: 2px;
477 482 border-style: solid;
478 483 .border-radius(2px);
484 font-weight: @text-bold-weight;
479 485 font-family: @text-bold;
480 486
481 487 &.info { border-color: @alert4; background-color: @alert4-inner; }
482 488 &.warning { border-color: @alert3; background-color: @alert3-inner; }
483 489 &.error { border-color: @alert2; background-color: @alert2-inner; }
484 490 &.success { border-color: @alert1; background-color: @alert1-inner; }
485 491 &.neutral { border-color: @grey3; background-color: @grey6; }
486 492 }
487 493
488 494 // Fixed Sidebar Column
489 495 .sidebar-col-wrapper {
490 496 padding-left: @sidebar-all-width;
491 497
492 498 .sidebar {
493 499 width: @sidebar-width;
494 500 margin-left: -@sidebar-all-width;
495 501 }
496 502 }
497 503
498 504 .sidebar-col-wrapper.scw-small {
499 505 padding-left: @sidebar-small-all-width;
500 506
501 507 .sidebar {
502 508 width: @sidebar-small-width;
503 509 margin-left: -@sidebar-small-all-width;
504 510 }
505 511 }
506 512
507 513
508 514 // FOOTER
509 515 #footer {
510 516 padding: 0;
511 517 text-align: center;
512 518 vertical-align: middle;
513 519 color: @grey2;
514 520 background-color: @grey6;
515 521
516 522 p {
517 523 margin: 0;
518 524 padding: 1em;
519 525 line-height: 1em;
520 526 }
521 527
522 528 .server-instance { //server instance
523 529 display: none;
524 530 }
525 531
526 532 .title {
527 533 float: none;
528 534 margin: 0 auto;
529 535 }
530 536 }
531 537
532 538 button.close {
533 539 padding: 0;
534 540 cursor: pointer;
535 541 background: transparent;
536 542 border: 0;
537 543 .box-shadow(none);
538 544 -webkit-appearance: none;
539 545 }
540 546
541 547 .close {
542 548 float: right;
543 549 font-size: 21px;
544 550 font-family: @text-bootstrap;
545 551 line-height: 1em;
546 552 font-weight: bold;
547 553 color: @grey2;
548 554
549 555 &:hover,
550 556 &:focus {
551 557 color: @grey1;
552 558 text-decoration: none;
553 559 cursor: pointer;
554 560 }
555 561 }
556 562
557 563 // GRID
558 564 .sorting,
559 565 .sorting_desc,
560 566 .sorting_asc {
561 567 cursor: pointer;
562 568 }
563 569 .sorting_desc:after {
564 570 content: "\00A0\25B2";
565 571 font-size: .75em;
566 572 }
567 573 .sorting_asc:after {
568 574 content: "\00A0\25BC";
569 575 font-size: .68em;
570 576 }
571 577
572 578
573 579 .user_auth_tokens {
574 580
575 581 &.truncate {
576 582 white-space: nowrap;
577 583 overflow: hidden;
578 584 text-overflow: ellipsis;
579 585 }
580 586
581 587 .fields .field .input {
582 588 margin: 0;
583 589 }
584 590
585 591 input#description {
586 592 width: 100px;
587 593 margin: 0;
588 594 }
589 595
590 596 .drop-menu {
591 597 // TODO: johbo: Remove this, should work out of the box when
592 598 // having multiple inputs inline
593 599 margin: 0 0 0 5px;
594 600 }
595 601 }
596 602 #user_list_table {
597 603 .closed {
598 604 background-color: @grey6;
599 605 }
600 606 }
601 607
602 608
603 609 input {
604 610 &.disabled {
605 611 opacity: .5;
606 612 }
607 613 }
608 614
609 615 // remove extra padding in firefox
610 616 input::-moz-focus-inner { border:0; padding:0 }
611 617
612 618 .adjacent input {
613 619 margin-bottom: @padding;
614 620 }
615 621
616 622 .permissions_boxes {
617 623 display: block;
618 624 }
619 625
620 626 //TODO: lisa: this should be in tables
621 627 .show_more_col {
622 628 width: 20px;
623 629 }
624 630
625 631 //FORMS
626 632
627 633 .medium-inline,
628 634 input#description.medium-inline {
629 635 display: inline;
630 636 width: @medium-inline-input-width;
631 637 min-width: 100px;
632 638 }
633 639
634 640 select {
635 641 //reset
636 642 -webkit-appearance: none;
637 643 -moz-appearance: none;
638 644
639 645 display: inline-block;
640 646 height: 28px;
641 647 width: auto;
642 648 margin: 0 @padding @padding 0;
643 649 padding: 0 18px 0 8px;
644 650 line-height:1em;
645 651 font-size: @basefontsize;
646 652 border: @border-thickness solid @rcblue;
647 653 background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
648 654 color: @rcblue;
649 655
650 656 &:after {
651 657 content: "\00A0\25BE";
652 658 }
653 659
654 660 &:focus {
655 661 outline: none;
656 662 }
657 663 }
658 664
659 665 option {
660 666 &:focus {
661 667 outline: none;
662 668 }
663 669 }
664 670
665 671 input,
666 672 textarea {
667 673 padding: @input-padding;
668 674 border: @input-border-thickness solid @border-highlight-color;
669 675 .border-radius (@border-radius);
670 676 font-family: @text-light;
671 677 font-size: @basefontsize;
672 678
673 679 &.input-sm {
674 680 padding: 5px;
675 681 }
676 682
677 683 &#description {
678 684 min-width: @input-description-minwidth;
679 685 min-height: 1em;
680 686 padding: 10px;
681 687 }
682 688 }
683 689
684 690 .field-sm {
685 691 input,
686 692 textarea {
687 693 padding: 5px;
688 694 }
689 695 }
690 696
691 697 textarea {
692 698 display: block;
693 699 clear: both;
694 700 width: 100%;
695 701 min-height: 100px;
696 702 margin-bottom: @padding;
697 703 .box-sizing(border-box);
698 704 overflow: auto;
699 705 }
700 706
701 707 label {
702 708 font-family: @text-light;
703 709 }
704 710
705 711 // GRAVATARS
706 712 // centers gravatar on username to the right
707 713
708 714 .gravatar {
709 715 display: inline;
710 716 min-width: 16px;
711 717 min-height: 16px;
712 718 margin: -5px 0;
713 719 padding: 0;
714 720 line-height: 1em;
715 721 border: 1px solid @grey4;
716 722 box-sizing: content-box;
717 723
718 724 &.gravatar-large {
719 725 margin: -0.5em .25em -0.5em 0;
720 726 }
721 727
722 728 & + .user {
723 729 display: inline;
724 730 margin: 0;
725 731 padding: 0 0 0 .17em;
726 732 line-height: 1em;
727 733 }
728 734 }
729 735
730 736 .user-inline-data {
731 737 display: inline-block;
732 738 float: left;
733 739 padding-left: .5em;
734 740 line-height: 1.3em;
735 741 }
736 742
737 743 .rc-user { // gravatar + user wrapper
738 744 float: left;
739 745 position: relative;
740 746 min-width: 100px;
741 747 max-width: 200px;
742 748 min-height: (@gravatar-size + @border-thickness * 2); // account for border
743 749 display: block;
744 750 padding: 0 0 0 (@gravatar-size + @basefontsize/2 + @border-thickness * 2);
745 751
746 752
747 753 .gravatar {
748 754 display: block;
749 755 position: absolute;
750 756 top: 0;
751 757 left: 0;
752 758 min-width: @gravatar-size;
753 759 min-height: @gravatar-size;
754 760 margin: 0;
755 761 }
756 762
757 763 .user {
758 764 display: block;
759 765 max-width: 175px;
760 766 padding-top: 2px;
761 767 overflow: hidden;
762 768 text-overflow: ellipsis;
763 769 }
764 770 }
765 771
766 772 .gist-gravatar,
767 773 .journal_container {
768 774 .gravatar-large {
769 775 margin: 0 .5em -10px 0;
770 776 }
771 777 }
772 778
773 779
774 780 // ADMIN SETTINGS
775 781
776 782 // Tag Patterns
777 783 .tag_patterns {
778 784 .tag_input {
779 785 margin-bottom: @padding;
780 786 }
781 787 }
782 788
783 789 .locked_input {
784 790 position: relative;
785 791
786 792 input {
787 793 display: inline;
788 794 margin: 3px 5px 0px 0px;
789 795 }
790 796
791 797 br {
792 798 display: none;
793 799 }
794 800
795 801 .error-message {
796 802 float: left;
797 803 width: 100%;
798 804 }
799 805
800 806 .lock_input_button {
801 807 display: inline;
802 808 }
803 809
804 810 .help-block {
805 811 clear: both;
806 812 }
807 813 }
808 814
809 815 // Notifications
810 816
811 817 .notifications_buttons {
812 818 margin: 0 0 @space 0;
813 819 padding: 0;
814 820
815 821 .btn {
816 822 display: inline-block;
817 823 }
818 824 }
819 825
820 826 .notification-list {
821 827
822 828 div {
823 829 display: inline-block;
824 830 vertical-align: middle;
825 831 }
826 832
827 833 .container {
828 834 display: block;
829 835 margin: 0 0 @padding 0;
830 836 }
831 837
832 838 .delete-notifications {
833 839 margin-left: @padding;
834 840 text-align: right;
835 841 cursor: pointer;
836 842 }
837 843
838 844 .read-notifications {
839 845 margin-left: @padding/2;
840 846 text-align: right;
841 847 width: 35px;
842 848 cursor: pointer;
843 849 }
844 850
845 851 .icon-minus-sign {
846 852 color: @alert2;
847 853 }
848 854
849 855 .icon-ok-sign {
850 856 color: @alert1;
851 857 }
852 858 }
853 859
854 860 .user_settings {
855 861 float: left;
856 862 clear: both;
857 863 display: block;
858 864 width: 100%;
859 865
860 866 .gravatar_box {
861 867 margin-bottom: @padding;
862 868
863 869 &:after {
864 870 content: " ";
865 871 clear: both;
866 872 width: 100%;
867 873 }
868 874 }
869 875
870 876 .fields .field {
871 877 clear: both;
872 878 }
873 879 }
874 880
875 881 .advanced_settings {
876 882 margin-bottom: @space;
877 883
878 884 .help-block {
879 885 margin-left: 0;
880 886 }
881 887
882 888 button + .help-block {
883 889 margin-top: @padding;
884 890 }
885 891 }
886 892
887 893 // admin settings radio buttons and labels
888 894 .label-2 {
889 895 float: left;
890 896 width: @label2-width;
891 897
892 898 label {
893 899 color: @grey1;
894 900 }
895 901 }
896 902 .checkboxes {
897 903 float: left;
898 904 width: @checkboxes-width;
899 905 margin-bottom: @padding;
900 906
901 907 .checkbox {
902 908 width: 100%;
903 909
904 910 label {
905 911 margin: 0;
906 912 padding: 0;
907 913 }
908 914 }
909 915
910 916 .checkbox + .checkbox {
911 917 display: inline-block;
912 918 }
913 919
914 920 label {
915 921 margin-right: 1em;
916 922 }
917 923 }
918 924
919 925 // CHANGELOG
920 926 .container_header {
921 927 float: left;
922 928 display: block;
923 929 width: 100%;
924 930 margin: @padding 0 @padding;
925 931
926 932 #filter_changelog {
927 933 float: left;
928 934 margin-right: @padding;
929 935 }
930 936
931 937 .breadcrumbs_light {
932 938 display: inline-block;
933 939 }
934 940 }
935 941
936 942 .info_box {
937 943 float: right;
938 944 }
939 945
940 946
941 947 #graph_nodes {
942 948 padding-top: 43px;
943 949 }
944 950
945 951 #graph_content{
946 952
947 953 // adjust for table headers so that graph renders properly
948 954 // #graph_nodes padding - table cell padding
949 955 padding-top: (@space - (@basefontsize * 2.4));
950 956
951 957 &.graph_full_width {
952 958 width: 100%;
953 959 max-width: 100%;
954 960 }
955 961 }
956 962
957 963 #graph {
958 964 .flag_status {
959 965 margin: 0;
960 966 }
961 967
962 968 .pagination-left {
963 969 float: left;
964 970 clear: both;
965 971 }
966 972
967 973 .log-container {
968 974 max-width: 345px;
969 975
970 976 .message{
971 977 max-width: 340px;
972 978 }
973 979 }
974 980
975 981 .graph-col-wrapper {
976 982 padding-left: 110px;
977 983
978 984 #graph_nodes {
979 985 width: 100px;
980 986 margin-left: -110px;
981 987 float: left;
982 988 clear: left;
983 989 }
984 990 }
985 991
986 992 .load-more-commits {
987 993 text-align: center;
988 994 }
989 995 .load-more-commits:hover {
990 996 background-color: @grey7;
991 997 }
992 998 .load-more-commits {
993 999 a {
994 1000 display: block;
995 1001 }
996 1002 }
997 1003 }
998 1004
999 1005 #filter_changelog {
1000 1006 float: left;
1001 1007 }
1002 1008
1003 1009
1004 1010 //--- THEME ------------------//
1005 1011
1006 1012 #logo {
1007 1013 float: left;
1008 1014 margin: 9px 0 0 0;
1009 1015
1010 1016 .header {
1011 1017 background-color: transparent;
1012 1018 }
1013 1019
1014 1020 a {
1015 1021 display: inline-block;
1016 1022 }
1017 1023
1018 1024 img {
1019 1025 height:30px;
1020 1026 }
1021 1027 }
1022 1028
1023 1029 .logo-wrapper {
1024 1030 float:left;
1025 1031 }
1026 1032
1027 1033 .branding{
1028 1034 float: left;
1029 1035 padding: 9px 2px;
1030 1036 line-height: 1em;
1031 1037 font-size: @navigation-fontsize;
1032 1038 }
1033 1039
1034 1040 img {
1035 1041 border: none;
1036 1042 outline: none;
1037 1043 }
1038 1044 user-profile-header
1039 1045 label {
1040 1046
1041 1047 input[type="checkbox"] {
1042 1048 margin-right: 1em;
1043 1049 }
1044 1050 input[type="radio"] {
1045 1051 margin-right: 1em;
1046 1052 }
1047 1053 }
1048 1054
1049 1055 .flag_status {
1050 1056 margin: 2px 8px 6px 2px;
1051 1057 &.under_review {
1052 1058 .circle(5px, @alert3);
1053 1059 }
1054 1060 &.approved {
1055 1061 .circle(5px, @alert1);
1056 1062 }
1057 1063 &.rejected,
1058 1064 &.forced_closed{
1059 1065 .circle(5px, @alert2);
1060 1066 }
1061 1067 &.not_reviewed {
1062 1068 .circle(5px, @grey5);
1063 1069 }
1064 1070 }
1065 1071
1066 1072 .flag_status_comment_box {
1067 1073 margin: 5px 6px 0px 2px;
1068 1074 }
1069 1075 .test_pattern_preview {
1070 1076 margin: @space 0;
1071 1077
1072 1078 p {
1073 1079 margin-bottom: 0;
1074 1080 border-bottom: @border-thickness solid @border-default-color;
1075 1081 color: @grey3;
1076 1082 }
1077 1083
1078 1084 .btn {
1079 1085 margin-bottom: @padding;
1080 1086 }
1081 1087 }
1082 1088 #test_pattern_result {
1083 1089 display: none;
1084 1090 &:extend(pre);
1085 1091 padding: .9em;
1086 1092 color: @grey3;
1087 1093 background-color: @grey7;
1088 1094 border-right: @border-thickness solid @border-default-color;
1089 1095 border-bottom: @border-thickness solid @border-default-color;
1090 1096 border-left: @border-thickness solid @border-default-color;
1091 1097 }
1092 1098
1093 1099 #repo_vcs_settings {
1094 1100 #inherit_overlay_vcs_default {
1095 1101 display: none;
1096 1102 }
1097 1103 #inherit_overlay_vcs_custom {
1098 1104 display: custom;
1099 1105 }
1100 1106 &.inherited {
1101 1107 #inherit_overlay_vcs_default {
1102 1108 display: block;
1103 1109 }
1104 1110 #inherit_overlay_vcs_custom {
1105 1111 display: none;
1106 1112 }
1107 1113 }
1108 1114 }
1109 1115
1110 1116 .issue-tracker-link {
1111 1117 color: @rcblue;
1112 1118 }
1113 1119
1114 1120 // Issue Tracker Table Show/Hide
1115 1121 #repo_issue_tracker {
1116 1122 #inherit_overlay {
1117 1123 display: none;
1118 1124 }
1119 1125 #custom_overlay {
1120 1126 display: custom;
1121 1127 }
1122 1128 &.inherited {
1123 1129 #inherit_overlay {
1124 1130 display: block;
1125 1131 }
1126 1132 #custom_overlay {
1127 1133 display: none;
1128 1134 }
1129 1135 }
1130 1136 }
1131 1137 table.issuetracker {
1132 1138 &.readonly {
1133 1139 tr, td {
1134 1140 color: @grey3;
1135 1141 }
1136 1142 }
1137 1143 .edit {
1138 1144 display: none;
1139 1145 }
1140 1146 .editopen {
1141 1147 .edit {
1142 1148 display: inline;
1143 1149 }
1144 1150 .entry {
1145 1151 display: none;
1146 1152 }
1147 1153 }
1148 1154 tr td.td-action {
1149 1155 min-width: 117px;
1150 1156 }
1151 1157 td input {
1152 1158 max-width: none;
1153 1159 min-width: 30px;
1154 1160 width: 80%;
1155 1161 }
1156 1162 .issuetracker_pref input {
1157 1163 width: 40%;
1158 1164 }
1159 1165 input.edit_issuetracker_update {
1160 1166 margin-right: 0;
1161 1167 width: auto;
1162 1168 }
1163 1169 }
1164 1170
1165 1171 table.integrations {
1166 1172 .td-icon {
1167 1173 width: 20px;
1168 1174 .integration-icon {
1169 1175 height: 20px;
1170 1176 width: 20px;
1171 1177 }
1172 1178 }
1173 1179 }
1174 1180
1175 1181 .integrations {
1176 1182 a.integration-box {
1177 1183 color: @text-color;
1178 1184 &:hover {
1179 1185 .panel {
1180 1186 background: #fbfbfb;
1181 1187 }
1182 1188 }
1183 1189 .integration-icon {
1184 1190 width: 30px;
1185 1191 height: 30px;
1186 1192 margin-right: 20px;
1187 1193 float: left;
1188 1194 }
1189 1195
1190 1196 .panel-body {
1191 1197 padding: 10px;
1192 1198 }
1193 1199 .panel {
1194 1200 margin-bottom: 10px;
1195 1201 }
1196 1202 h2 {
1197 1203 display: inline-block;
1198 1204 margin: 0;
1199 1205 min-width: 140px;
1200 1206 }
1201 1207 }
1202 1208 a.integration-box.dummy-integration {
1203 1209 color: @grey4
1204 1210 }
1205 1211 }
1206 1212
1207 1213 //Permissions Settings
1208 1214 #add_perm {
1209 1215 margin: 0 0 @padding;
1210 1216 cursor: pointer;
1211 1217 }
1212 1218
1213 1219 .perm_ac {
1214 1220 input {
1215 1221 width: 95%;
1216 1222 }
1217 1223 }
1218 1224
1219 1225 .autocomplete-suggestions {
1220 1226 width: auto !important; // overrides autocomplete.js
1221 1227 margin: 0;
1222 1228 border: @border-thickness solid @rcblue;
1223 1229 border-radius: @border-radius;
1224 1230 color: @rcblue;
1225 1231 background-color: white;
1226 1232 }
1227 1233 .autocomplete-selected {
1228 1234 background: #F0F0F0;
1229 1235 }
1230 1236 .ac-container-wrap {
1231 1237 margin: 0;
1232 1238 padding: 8px;
1233 1239 border-bottom: @border-thickness solid @rclightblue;
1234 1240 list-style-type: none;
1235 1241 cursor: pointer;
1236 1242
1237 1243 &:hover {
1238 1244 background-color: @rclightblue;
1239 1245 }
1240 1246
1241 1247 img {
1242 1248 height: @gravatar-size;
1243 1249 width: @gravatar-size;
1244 1250 margin-right: 1em;
1245 1251 }
1246 1252
1247 1253 strong {
1248 1254 font-weight: normal;
1249 1255 }
1250 1256 }
1251 1257
1252 1258 // Settings Dropdown
1253 1259 .user-menu .container {
1254 1260 padding: 0 4px;
1255 1261 margin: 0;
1256 1262 }
1257 1263
1258 1264 .user-menu .gravatar {
1259 1265 cursor: pointer;
1260 1266 }
1261 1267
1262 1268 .codeblock {
1263 1269 margin-bottom: @padding;
1264 1270 clear: both;
1265 1271
1266 1272 .stats{
1267 1273 overflow: hidden;
1268 1274 }
1269 1275
1270 1276 .message{
1271 1277 textarea{
1272 1278 margin: 0;
1273 1279 }
1274 1280 }
1275 1281
1276 1282 .code-header {
1277 1283 .stats {
1278 1284 line-height: 2em;
1279 1285
1280 1286 .revision_id {
1281 1287 margin-left: 0;
1282 1288 }
1283 1289 .buttons {
1284 1290 padding-right: 0;
1285 1291 }
1286 1292 }
1287 1293
1288 1294 .item{
1289 1295 margin-right: 0.5em;
1290 1296 }
1291 1297 }
1292 1298
1293 1299 #editor_container{
1294 1300 position: relative;
1295 1301 margin: @padding;
1296 1302 }
1297 1303 }
1298 1304
1299 1305 #file_history_container {
1300 1306 display: none;
1301 1307 }
1302 1308
1303 1309 .file-history-inner {
1304 1310 margin-bottom: 10px;
1305 1311 }
1306 1312
1307 1313 // Pull Requests
1308 1314 .summary-details {
1309 1315 width: 72%;
1310 1316 }
1311 1317 .pr-summary {
1312 1318 border-bottom: @border-thickness solid @grey5;
1313 1319 margin-bottom: @space;
1314 1320 }
1315 1321 .reviewers-title {
1316 1322 width: 25%;
1317 1323 min-width: 200px;
1318 1324 }
1319 1325 .reviewers {
1320 1326 width: 25%;
1321 1327 min-width: 200px;
1322 1328 }
1323 1329 .reviewers ul li {
1324 1330 position: relative;
1325 1331 width: 100%;
1326 1332 padding-bottom: 8px;
1327 1333 }
1328 1334
1329 1335 .reviewer_entry {
1330 1336 min-height: 55px;
1331 1337 }
1332 1338
1333 1339 .reviewers_member {
1334 1340 width: 100%;
1335 1341 overflow: auto;
1336 1342 }
1337 1343 .reviewer_reason {
1338 1344 padding-left: 20px;
1339 1345 line-height: 1.5em;
1340 1346 }
1341 1347 .reviewer_status {
1342 1348 display: inline-block;
1343 1349 vertical-align: top;
1344 1350 width: 25px;
1345 1351 min-width: 25px;
1346 1352 height: 1.2em;
1347 1353 margin-top: 3px;
1348 1354 line-height: 1em;
1349 1355 }
1350 1356
1351 1357 .reviewer_name {
1352 1358 display: inline-block;
1353 1359 max-width: 83%;
1354 1360 padding-right: 20px;
1355 1361 vertical-align: middle;
1356 1362 line-height: 1;
1357 1363
1358 1364 .rc-user {
1359 1365 min-width: 0;
1360 1366 margin: -2px 1em 0 0;
1361 1367 }
1362 1368
1363 1369 .reviewer {
1364 1370 float: left;
1365 1371 }
1366 1372 }
1367 1373
1368 1374 .reviewer_member_mandatory {
1369 1375 position: absolute;
1370 1376 left: 15px;
1371 1377 top: 8px;
1372 1378 width: 16px;
1373 1379 font-size: 11px;
1374 1380 margin: 0;
1375 1381 padding: 0;
1376 1382 color: black;
1377 1383 }
1378 1384
1379 1385 .reviewer_member_mandatory_remove,
1380 1386 .reviewer_member_remove {
1381 1387 position: absolute;
1382 1388 right: 0;
1383 1389 top: 0;
1384 1390 width: 16px;
1385 1391 margin-bottom: 10px;
1386 1392 padding: 0;
1387 1393 color: black;
1388 1394 }
1389 1395
1390 1396 .reviewer_member_mandatory_remove {
1391 1397 color: @grey4;
1392 1398 }
1393 1399
1394 1400 .reviewer_member_status {
1395 1401 margin-top: 5px;
1396 1402 }
1397 1403 .pr-summary #summary{
1398 1404 width: 100%;
1399 1405 }
1400 1406 .pr-summary .action_button:hover {
1401 1407 border: 0;
1402 1408 cursor: pointer;
1403 1409 }
1404 1410 .pr-details-title {
1405 1411 padding-bottom: 8px;
1406 1412 border-bottom: @border-thickness solid @grey5;
1407 1413
1408 1414 .action_button.disabled {
1409 1415 color: @grey4;
1410 1416 cursor: inherit;
1411 1417 }
1412 1418 .action_button {
1413 1419 color: @rcblue;
1414 1420 }
1415 1421 }
1416 1422 .pr-details-content {
1417 1423 margin-top: @textmargin;
1418 1424 margin-bottom: @textmargin;
1419 1425 }
1420 1426
1421 1427 .pr-reviewer-rules {
1422 1428 padding: 10px 0px 20px 0px;
1423 1429 }
1424 1430
1425 1431 .group_members {
1426 1432 margin-top: 0;
1427 1433 padding: 0;
1428 1434 list-style: outside none none;
1429 1435
1430 1436 img {
1431 1437 height: @gravatar-size;
1432 1438 width: @gravatar-size;
1433 1439 margin-right: .5em;
1434 1440 margin-left: 3px;
1435 1441 }
1436 1442
1437 1443 .to-delete {
1438 1444 .user {
1439 1445 text-decoration: line-through;
1440 1446 }
1441 1447 }
1442 1448 }
1443 1449
1444 1450 .compare_view_commits_title {
1445 1451 .disabled {
1446 1452 cursor: inherit;
1447 1453 &:hover{
1448 1454 background-color: inherit;
1449 1455 color: inherit;
1450 1456 }
1451 1457 }
1452 1458 }
1453 1459
1454 1460 .subtitle-compare {
1455 1461 margin: -15px 0px 0px 0px;
1456 1462 }
1457 1463
1458 1464 .comments-summary-td {
1459 1465 border-top: 1px dashed @grey5;
1460 1466 }
1461 1467
1462 1468 // new entry in group_members
1463 1469 .td-author-new-entry {
1464 1470 background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
1465 1471 }
1466 1472
1467 1473 .usergroup_member_remove {
1468 1474 width: 16px;
1469 1475 margin-bottom: 10px;
1470 1476 padding: 0;
1471 1477 color: black !important;
1472 1478 cursor: pointer;
1473 1479 }
1474 1480
1475 1481 .reviewer_ac .ac-input {
1476 1482 width: 92%;
1477 1483 margin-bottom: 1em;
1478 1484 }
1479 1485
1480 1486 .compare_view_commits tr{
1481 1487 height: 20px;
1482 1488 }
1483 1489 .compare_view_commits td {
1484 1490 vertical-align: top;
1485 1491 padding-top: 10px;
1486 1492 }
1487 1493 .compare_view_commits .author {
1488 1494 margin-left: 5px;
1489 1495 }
1490 1496
1491 1497 .compare_view_commits {
1492 1498 .color-a {
1493 1499 color: @alert1;
1494 1500 }
1495 1501
1496 1502 .color-c {
1497 1503 color: @color3;
1498 1504 }
1499 1505
1500 1506 .color-r {
1501 1507 color: @color5;
1502 1508 }
1503 1509
1504 1510 .color-a-bg {
1505 1511 background-color: @alert1;
1506 1512 }
1507 1513
1508 1514 .color-c-bg {
1509 1515 background-color: @alert3;
1510 1516 }
1511 1517
1512 1518 .color-r-bg {
1513 1519 background-color: @alert2;
1514 1520 }
1515 1521
1516 1522 .color-a-border {
1517 1523 border: 1px solid @alert1;
1518 1524 }
1519 1525
1520 1526 .color-c-border {
1521 1527 border: 1px solid @alert3;
1522 1528 }
1523 1529
1524 1530 .color-r-border {
1525 1531 border: 1px solid @alert2;
1526 1532 }
1527 1533
1528 1534 .commit-change-indicator {
1529 1535 width: 15px;
1530 1536 height: 15px;
1531 1537 position: relative;
1532 1538 left: 15px;
1533 1539 }
1534 1540
1535 1541 .commit-change-content {
1536 1542 text-align: center;
1537 1543 vertical-align: middle;
1538 1544 line-height: 15px;
1539 1545 }
1540 1546 }
1541 1547
1542 1548 .compare_view_filepath {
1543 1549 color: @grey1;
1544 1550 }
1545 1551
1546 1552 .show_more {
1547 1553 display: inline-block;
1548 1554 width: 0;
1549 1555 height: 0;
1550 1556 vertical-align: middle;
1551 1557 content: "";
1552 1558 border: 4px solid;
1553 1559 border-right-color: transparent;
1554 1560 border-bottom-color: transparent;
1555 1561 border-left-color: transparent;
1556 1562 font-size: 0;
1557 1563 }
1558 1564
1559 1565 .journal_more .show_more {
1560 1566 display: inline;
1561 1567
1562 1568 &:after {
1563 1569 content: none;
1564 1570 }
1565 1571 }
1566 1572
1567 1573 .compare_view_commits .collapse_commit:after {
1568 1574 cursor: pointer;
1569 1575 content: "\00A0\25B4";
1570 1576 margin-left: -3px;
1571 1577 font-size: 17px;
1572 1578 color: @grey4;
1573 1579 }
1574 1580
1575 1581 .diff_links {
1576 1582 margin-left: 8px;
1577 1583 }
1578 1584
1579 1585 div.ancestor {
1580 1586 margin: -30px 0px;
1581 1587 }
1582 1588
1583 1589 .cs_icon_td input[type="checkbox"] {
1584 1590 display: none;
1585 1591 }
1586 1592
1587 1593 .cs_icon_td .expand_file_icon:after {
1588 1594 cursor: pointer;
1589 1595 content: "\00A0\25B6";
1590 1596 font-size: 12px;
1591 1597 color: @grey4;
1592 1598 }
1593 1599
1594 1600 .cs_icon_td .collapse_file_icon:after {
1595 1601 cursor: pointer;
1596 1602 content: "\00A0\25BC";
1597 1603 font-size: 12px;
1598 1604 color: @grey4;
1599 1605 }
1600 1606
1601 1607 /*new binary
1602 1608 NEW_FILENODE = 1
1603 1609 DEL_FILENODE = 2
1604 1610 MOD_FILENODE = 3
1605 1611 RENAMED_FILENODE = 4
1606 1612 COPIED_FILENODE = 5
1607 1613 CHMOD_FILENODE = 6
1608 1614 BIN_FILENODE = 7
1609 1615 */
1610 1616 .cs_files_expand {
1611 1617 font-size: @basefontsize + 5px;
1612 1618 line-height: 1.8em;
1613 1619 float: right;
1614 1620 }
1615 1621
1616 1622 .cs_files_expand span{
1617 1623 color: @rcblue;
1618 1624 cursor: pointer;
1619 1625 }
1620 1626 .cs_files {
1621 1627 clear: both;
1622 1628 padding-bottom: @padding;
1623 1629
1624 1630 .cur_cs {
1625 1631 margin: 10px 2px;
1626 1632 font-weight: bold;
1627 1633 }
1628 1634
1629 1635 .node {
1630 1636 float: left;
1631 1637 }
1632 1638
1633 1639 .changes {
1634 1640 float: right;
1635 1641 color: white;
1636 1642 font-size: @basefontsize - 4px;
1637 1643 margin-top: 4px;
1638 1644 opacity: 0.6;
1639 1645 filter: Alpha(opacity=60); /* IE8 and earlier */
1640 1646
1641 1647 .added {
1642 1648 background-color: @alert1;
1643 1649 float: left;
1644 1650 text-align: center;
1645 1651 }
1646 1652
1647 1653 .deleted {
1648 1654 background-color: @alert2;
1649 1655 float: left;
1650 1656 text-align: center;
1651 1657 }
1652 1658
1653 1659 .bin {
1654 1660 background-color: @alert1;
1655 1661 text-align: center;
1656 1662 }
1657 1663
1658 1664 /*new binary*/
1659 1665 .bin.bin1 {
1660 1666 background-color: @alert1;
1661 1667 text-align: center;
1662 1668 }
1663 1669
1664 1670 /*deleted binary*/
1665 1671 .bin.bin2 {
1666 1672 background-color: @alert2;
1667 1673 text-align: center;
1668 1674 }
1669 1675
1670 1676 /*mod binary*/
1671 1677 .bin.bin3 {
1672 1678 background-color: @grey2;
1673 1679 text-align: center;
1674 1680 }
1675 1681
1676 1682 /*rename file*/
1677 1683 .bin.bin4 {
1678 1684 background-color: @alert4;
1679 1685 text-align: center;
1680 1686 }
1681 1687
1682 1688 /*copied file*/
1683 1689 .bin.bin5 {
1684 1690 background-color: @alert4;
1685 1691 text-align: center;
1686 1692 }
1687 1693
1688 1694 /*chmod file*/
1689 1695 .bin.bin6 {
1690 1696 background-color: @grey2;
1691 1697 text-align: center;
1692 1698 }
1693 1699 }
1694 1700 }
1695 1701
1696 1702 .cs_files .cs_added, .cs_files .cs_A,
1697 1703 .cs_files .cs_added, .cs_files .cs_M,
1698 1704 .cs_files .cs_added, .cs_files .cs_D {
1699 1705 height: 16px;
1700 1706 padding-right: 10px;
1701 1707 margin-top: 7px;
1702 1708 text-align: left;
1703 1709 }
1704 1710
1705 1711 .cs_icon_td {
1706 1712 min-width: 16px;
1707 1713 width: 16px;
1708 1714 }
1709 1715
1710 1716 .pull-request-merge {
1711 1717 border: 1px solid @grey5;
1712 1718 padding: 10px 0px 20px;
1713 1719 margin-top: 10px;
1714 1720 margin-bottom: 20px;
1715 1721 }
1716 1722
1717 1723 .pull-request-merge ul {
1718 1724 padding: 0px 0px;
1719 1725 }
1720 1726
1721 1727 .pull-request-merge li:before{
1722 1728 content:none;
1723 1729 }
1724 1730
1725 1731 .pull-request-merge .pull-request-wrap {
1726 1732 height: auto;
1727 1733 padding: 0px 0px;
1728 1734 text-align: right;
1729 1735 }
1730 1736
1731 1737 .pull-request-merge span {
1732 1738 margin-right: 5px;
1733 1739 }
1734 1740
1735 1741 .pull-request-merge-actions {
1736 1742 min-height: 30px;
1737 1743 padding: 0px 0px;
1738 1744 }
1739 1745
1740 1746 .pull-request-merge-info {
1741 1747 padding: 0px 5px 5px 0px;
1742 1748 }
1743 1749
1744 1750 .merge-status {
1745 1751 margin-right: 5px;
1746 1752 }
1747 1753
1748 1754 .merge-message {
1749 1755 font-size: 1.2em
1750 1756 }
1751 1757
1752 1758 .merge-message.success i,
1753 1759 .merge-icon.success i {
1754 1760 color:@alert1;
1755 1761 }
1756 1762
1757 1763 .merge-message.warning i,
1758 1764 .merge-icon.warning i {
1759 1765 color: @alert3;
1760 1766 }
1761 1767
1762 1768 .merge-message.error i,
1763 1769 .merge-icon.error i {
1764 1770 color:@alert2;
1765 1771 }
1766 1772
1767 1773 .pr-versions {
1768 1774 font-size: 1.1em;
1769 1775
1770 1776 table {
1771 1777 padding: 0px 5px;
1772 1778 }
1773 1779
1774 1780 td {
1775 1781 line-height: 15px;
1776 1782 }
1777 1783
1778 1784 .flag_status {
1779 1785 margin: 0;
1780 1786 }
1781 1787
1782 1788 .compare-radio-button {
1783 1789 position: relative;
1784 1790 top: -3px;
1785 1791 }
1786 1792 }
1787 1793
1788 1794
1789 1795 #close_pull_request {
1790 1796 margin-right: 0px;
1791 1797 }
1792 1798
1793 1799 .empty_data {
1794 1800 color: @grey4;
1795 1801 }
1796 1802
1797 1803 #changeset_compare_view_content {
1798 1804 margin-bottom: @space;
1799 1805 clear: both;
1800 1806 width: 100%;
1801 1807 box-sizing: border-box;
1802 1808 .border-radius(@border-radius);
1803 1809
1804 1810 .help-block {
1805 1811 margin: @padding 0;
1806 1812 color: @text-color;
1807 1813 &.pre-formatting {
1808 1814 white-space: pre;
1809 1815 }
1810 1816 }
1811 1817
1812 1818 .empty_data {
1813 1819 margin: @padding 0;
1814 1820 }
1815 1821
1816 1822 .alert {
1817 1823 margin-bottom: @space;
1818 1824 }
1819 1825 }
1820 1826
1821 1827 .table_disp {
1822 1828 .status {
1823 1829 width: auto;
1824 1830
1825 1831 .flag_status {
1826 1832 float: left;
1827 1833 }
1828 1834 }
1829 1835 }
1830 1836
1831 1837
1832 1838 .creation_in_progress {
1833 1839 color: @grey4
1834 1840 }
1835 1841
1836 1842 .status_box_menu {
1837 1843 margin: 0;
1838 1844 }
1839 1845
1840 1846 .notification-table{
1841 1847 margin-bottom: @space;
1842 1848 display: table;
1843 1849 width: 100%;
1844 1850
1845 1851 .container{
1846 1852 display: table-row;
1847 1853
1848 1854 .notification-header{
1849 1855 border-bottom: @border-thickness solid @border-default-color;
1850 1856 }
1851 1857
1852 1858 .notification-subject{
1853 1859 display: table-cell;
1854 1860 }
1855 1861 }
1856 1862 }
1857 1863
1858 1864 // Notifications
1859 1865 .notification-header{
1860 1866 display: table;
1861 1867 width: 100%;
1862 1868 padding: floor(@basefontsize/2) 0;
1863 1869 line-height: 1em;
1864 1870
1865 1871 .desc, .delete-notifications, .read-notifications{
1866 1872 display: table-cell;
1867 1873 text-align: left;
1868 1874 }
1869 1875
1870 1876 .desc{
1871 1877 width: 1163px;
1872 1878 }
1873 1879
1874 1880 .delete-notifications, .read-notifications{
1875 1881 width: 35px;
1876 1882 min-width: 35px; //fixes when only one button is displayed
1877 1883 }
1878 1884 }
1879 1885
1880 1886 .notification-body {
1881 1887 .markdown-block,
1882 1888 .rst-block {
1883 1889 padding: @padding 0;
1884 1890 }
1885 1891
1886 1892 .notification-subject {
1887 1893 padding: @textmargin 0;
1888 1894 border-bottom: @border-thickness solid @border-default-color;
1889 1895 }
1890 1896 }
1891 1897
1892 1898
1893 1899 .notifications_buttons{
1894 1900 float: right;
1895 1901 }
1896 1902
1897 1903 #notification-status{
1898 1904 display: inline;
1899 1905 }
1900 1906
1901 1907 // Repositories
1902 1908
1903 1909 #summary.fields{
1904 1910 display: table;
1905 1911
1906 1912 .field{
1907 1913 display: table-row;
1908 1914
1909 1915 .label-summary{
1910 1916 display: table-cell;
1911 1917 min-width: @label-summary-minwidth;
1912 1918 padding-top: @padding/2;
1913 1919 padding-bottom: @padding/2;
1914 1920 padding-right: @padding/2;
1915 1921 }
1916 1922
1917 1923 .input{
1918 1924 display: table-cell;
1919 1925 padding: @padding/2;
1920 1926
1921 1927 input{
1922 1928 min-width: 29em;
1923 1929 padding: @padding/4;
1924 1930 }
1925 1931 }
1926 1932 .statistics, .downloads{
1927 1933 .disabled{
1928 1934 color: @grey4;
1929 1935 }
1930 1936 }
1931 1937 }
1932 1938 }
1933 1939
1934 1940 #summary{
1935 1941 width: 70%;
1936 1942 }
1937 1943
1938 1944
1939 1945 // Journal
1940 1946 .journal.title {
1941 1947 h5 {
1942 1948 float: left;
1943 1949 margin: 0;
1944 1950 width: 70%;
1945 1951 }
1946 1952
1947 1953 ul {
1948 1954 float: right;
1949 1955 display: inline-block;
1950 1956 margin: 0;
1951 1957 width: 30%;
1952 1958 text-align: right;
1953 1959
1954 1960 li {
1955 1961 display: inline;
1956 1962 font-size: @journal-fontsize;
1957 1963 line-height: 1em;
1958 1964
1959 1965 &:before { content: none; }
1960 1966 }
1961 1967 }
1962 1968 }
1963 1969
1964 1970 .filterexample {
1965 1971 position: absolute;
1966 1972 top: 95px;
1967 1973 left: @contentpadding;
1968 1974 color: @rcblue;
1969 1975 font-size: 11px;
1970 1976 font-family: @text-regular;
1971 1977 cursor: help;
1972 1978
1973 1979 &:hover {
1974 1980 color: @rcdarkblue;
1975 1981 }
1976 1982
1977 1983 @media (max-width:768px) {
1978 1984 position: relative;
1979 1985 top: auto;
1980 1986 left: auto;
1981 1987 display: block;
1982 1988 }
1983 1989 }
1984 1990
1985 1991
1986 1992 #journal{
1987 1993 margin-bottom: @space;
1988 1994
1989 1995 .journal_day{
1990 1996 margin-bottom: @textmargin/2;
1991 1997 padding-bottom: @textmargin/2;
1992 1998 font-size: @journal-fontsize;
1993 1999 border-bottom: @border-thickness solid @border-default-color;
1994 2000 }
1995 2001
1996 2002 .journal_container{
1997 2003 margin-bottom: @space;
1998 2004
1999 2005 .journal_user{
2000 2006 display: inline-block;
2001 2007 }
2002 2008 .journal_action_container{
2003 2009 display: block;
2004 2010 margin-top: @textmargin;
2005 2011
2006 2012 div{
2007 2013 display: inline;
2008 2014 }
2009 2015
2010 2016 div.journal_action_params{
2011 2017 display: block;
2012 2018 }
2013 2019
2014 2020 div.journal_repo:after{
2015 2021 content: "\A";
2016 2022 white-space: pre;
2017 2023 }
2018 2024
2019 2025 div.date{
2020 2026 display: block;
2021 2027 margin-bottom: @textmargin;
2022 2028 }
2023 2029 }
2024 2030 }
2025 2031 }
2026 2032
2027 2033 // Files
2028 2034 .edit-file-title {
2029 2035 border-bottom: @border-thickness solid @border-default-color;
2030 2036
2031 2037 .breadcrumbs {
2032 2038 margin-bottom: 0;
2033 2039 }
2034 2040 }
2035 2041
2036 2042 .edit-file-fieldset {
2037 2043 margin-top: @sidebarpadding;
2038 2044
2039 2045 .fieldset {
2040 2046 .left-label {
2041 2047 width: 13%;
2042 2048 }
2043 2049 .right-content {
2044 2050 width: 87%;
2045 2051 max-width: 100%;
2046 2052 }
2047 2053 .filename-label {
2048 2054 margin-top: 13px;
2049 2055 }
2050 2056 .commit-message-label {
2051 2057 margin-top: 4px;
2052 2058 }
2053 2059 .file-upload-input {
2054 2060 input {
2055 2061 display: none;
2056 2062 }
2057 2063 margin-top: 10px;
2058 2064 }
2059 2065 .file-upload-label {
2060 2066 margin-top: 10px;
2061 2067 }
2062 2068 p {
2063 2069 margin-top: 5px;
2064 2070 }
2065 2071
2066 2072 }
2067 2073 .custom-path-link {
2068 2074 margin-left: 5px;
2069 2075 }
2070 2076 #commit {
2071 2077 resize: vertical;
2072 2078 }
2073 2079 }
2074 2080
2075 2081 .delete-file-preview {
2076 2082 max-height: 250px;
2077 2083 }
2078 2084
2079 2085 .new-file,
2080 2086 #filter_activate,
2081 2087 #filter_deactivate {
2082 2088 float: left;
2083 2089 margin: 0 0 0 15px;
2084 2090 }
2085 2091
2086 2092 h3.files_location{
2087 2093 line-height: 2.4em;
2088 2094 }
2089 2095
2090 2096 .browser-nav {
2091 2097 display: table;
2092 2098 margin-bottom: @space;
2093 2099
2094 2100
2095 2101 .info_box {
2096 2102 display: inline-table;
2097 2103 height: 2.5em;
2098 2104
2099 2105 .browser-cur-rev, .info_box_elem {
2100 2106 display: table-cell;
2101 2107 vertical-align: middle;
2102 2108 }
2103 2109
2104 2110 .info_box_elem {
2105 2111 border-top: @border-thickness solid @rcblue;
2106 2112 border-bottom: @border-thickness solid @rcblue;
2107 2113
2108 2114 #at_rev, a {
2109 2115 padding: 0.6em 0.9em;
2110 2116 margin: 0;
2111 2117 .box-shadow(none);
2112 2118 border: 0;
2113 2119 height: 12px;
2114 2120 }
2115 2121
2116 2122 input#at_rev {
2117 2123 max-width: 50px;
2118 2124 text-align: right;
2119 2125 }
2120 2126
2121 2127 &.previous {
2122 2128 border: @border-thickness solid @rcblue;
2123 2129 .disabled {
2124 2130 color: @grey4;
2125 2131 cursor: not-allowed;
2126 2132 }
2127 2133 }
2128 2134
2129 2135 &.next {
2130 2136 border: @border-thickness solid @rcblue;
2131 2137 .disabled {
2132 2138 color: @grey4;
2133 2139 cursor: not-allowed;
2134 2140 }
2135 2141 }
2136 2142 }
2137 2143
2138 2144 .browser-cur-rev {
2139 2145
2140 2146 span{
2141 2147 margin: 0;
2142 2148 color: @rcblue;
2143 2149 height: 12px;
2144 2150 display: inline-block;
2145 2151 padding: 0.7em 1em ;
2146 2152 border: @border-thickness solid @rcblue;
2147 2153 margin-right: @padding;
2148 2154 }
2149 2155 }
2150 2156 }
2151 2157
2152 2158 .search_activate {
2153 2159 display: table-cell;
2154 2160 vertical-align: middle;
2155 2161
2156 2162 input, label{
2157 2163 margin: 0;
2158 2164 padding: 0;
2159 2165 }
2160 2166
2161 2167 input{
2162 2168 margin-left: @textmargin;
2163 2169 }
2164 2170
2165 2171 }
2166 2172 }
2167 2173
2168 2174 .browser-cur-rev{
2169 2175 margin-bottom: @textmargin;
2170 2176 }
2171 2177
2172 2178 #node_filter_box_loading{
2173 2179 .info_text;
2174 2180 }
2175 2181
2176 2182 .browser-search {
2177 2183 margin: -25px 0px 5px 0px;
2178 2184 }
2179 2185
2180 2186 .node-filter {
2181 2187 font-size: @repo-title-fontsize;
2182 2188 padding: 4px 0px 0px 0px;
2183 2189
2184 2190 .node-filter-path {
2185 2191 float: left;
2186 2192 color: @grey4;
2187 2193 }
2188 2194 .node-filter-input {
2189 2195 float: left;
2190 2196 margin: -2px 0px 0px 2px;
2191 2197 input {
2192 2198 padding: 2px;
2193 2199 border: none;
2194 2200 font-size: @repo-title-fontsize;
2195 2201 }
2196 2202 }
2197 2203 }
2198 2204
2199 2205
2200 2206 .browser-result{
2201 2207 td a{
2202 2208 margin-left: 0.5em;
2203 2209 display: inline-block;
2204 2210
2205 2211 em{
2212 font-weight: @text-bold-weight;
2206 2213 font-family: @text-bold;
2207 2214 }
2208 2215 }
2209 2216 }
2210 2217
2211 2218 .browser-highlight{
2212 2219 background-color: @grey5-alpha;
2213 2220 }
2214 2221
2215 2222
2216 2223 // Search
2217 2224
2218 2225 .search-form{
2219 2226 #q {
2220 2227 width: @search-form-width;
2221 2228 }
2222 2229 .fields{
2223 2230 margin: 0 0 @space;
2224 2231 }
2225 2232
2226 2233 label{
2227 2234 display: inline-block;
2228 2235 margin-right: @textmargin;
2229 2236 padding-top: 0.25em;
2230 2237 }
2231 2238
2232 2239
2233 2240 .results{
2234 2241 clear: both;
2235 2242 margin: 0 0 @padding;
2236 2243 }
2237 2244 }
2238 2245
2239 2246 div.search-feedback-items {
2240 2247 display: inline-block;
2241 2248 }
2242 2249
2243 2250 div.search-code-body {
2244 2251 background-color: #ffffff; padding: 5px 0 5px 10px;
2245 2252 pre {
2246 2253 .match { background-color: #faffa6;}
2247 2254 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2248 2255 }
2249 2256 }
2250 2257
2251 2258 .expand_commit.search {
2252 2259 .show_more.open {
2253 2260 height: auto;
2254 2261 max-height: none;
2255 2262 }
2256 2263 }
2257 2264
2258 2265 .search-results {
2259 2266
2260 2267 h2 {
2261 2268 margin-bottom: 0;
2262 2269 }
2263 2270 .codeblock {
2264 2271 border: none;
2265 2272 background: transparent;
2266 2273 }
2267 2274
2268 2275 .codeblock-header {
2269 2276 border: none;
2270 2277 background: transparent;
2271 2278 }
2272 2279
2273 2280 .code-body {
2274 2281 border: @border-thickness solid @border-default-color;
2275 2282 .border-radius(@border-radius);
2276 2283 }
2277 2284
2278 2285 .td-commit {
2279 2286 &:extend(pre);
2280 2287 border-bottom: @border-thickness solid @border-default-color;
2281 2288 }
2282 2289
2283 2290 .message {
2284 2291 height: auto;
2285 2292 max-width: 350px;
2286 2293 white-space: normal;
2287 2294 text-overflow: initial;
2288 2295 overflow: visible;
2289 2296
2290 2297 .match { background-color: #faffa6;}
2291 2298 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2292 2299 }
2293 2300
2294 2301 }
2295 2302
2296 2303 table.rctable td.td-search-results div {
2297 2304 max-width: 100%;
2298 2305 }
2299 2306
2300 2307 #tip-box, .tip-box{
2301 2308 padding: @menupadding/2;
2302 2309 display: block;
2303 2310 border: @border-thickness solid @border-highlight-color;
2304 2311 .border-radius(@border-radius);
2305 2312 background-color: white;
2306 2313 z-index: 99;
2307 2314 white-space: pre-wrap;
2308 2315 }
2309 2316
2310 2317 #linktt {
2311 2318 width: 79px;
2312 2319 }
2313 2320
2314 2321 #help_kb .modal-content{
2315 2322 max-width: 750px;
2316 2323 margin: 10% auto;
2317 2324
2318 2325 table{
2319 2326 td,th{
2320 2327 border-bottom: none;
2321 2328 line-height: 2.5em;
2322 2329 }
2323 2330 th{
2324 2331 padding-bottom: @textmargin/2;
2325 2332 }
2326 2333 td.keys{
2327 2334 text-align: center;
2328 2335 }
2329 2336 }
2330 2337
2331 2338 .block-left{
2332 2339 width: 45%;
2333 2340 margin-right: 5%;
2334 2341 }
2335 2342 .modal-footer{
2336 2343 clear: both;
2337 2344 }
2338 2345 .key.tag{
2339 2346 padding: 0.5em;
2340 2347 background-color: @rcblue;
2341 2348 color: white;
2342 2349 border-color: @rcblue;
2343 2350 .box-shadow(none);
2344 2351 }
2345 2352 }
2346 2353
2347 2354
2348 2355
2349 2356 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2350 2357
2351 2358 @import 'statistics-graph';
2352 2359 @import 'tables';
2353 2360 @import 'forms';
2354 2361 @import 'diff';
2355 2362 @import 'summary';
2356 2363 @import 'navigation';
2357 2364
2358 2365 //--- SHOW/HIDE SECTIONS --//
2359 2366
2360 2367 .btn-collapse {
2361 2368 float: right;
2362 2369 text-align: right;
2363 2370 font-family: @text-light;
2364 2371 font-size: @basefontsize;
2365 2372 cursor: pointer;
2366 2373 border: none;
2367 2374 color: @rcblue;
2368 2375 }
2369 2376
2370 2377 table.rctable,
2371 2378 table.dataTable {
2372 2379 .btn-collapse {
2373 2380 float: right;
2374 2381 text-align: right;
2375 2382 }
2376 2383 }
2377 2384
2378 2385 table.rctable {
2379 2386 &.permissions {
2380 2387
2381 2388 th.td-owner {
2382 2389 padding: 0;
2383 2390 }
2384 2391
2385 2392 th {
2386 2393 font-weight: normal;
2387 2394 padding: 0 5px;
2388 2395 }
2389 2396
2390 2397 }
2391 2398 }
2392 2399
2393 2400
2394 2401 // TODO: johbo: Fix for IE10, this avoids that we see a border
2395 2402 // and padding around checkboxes and radio boxes. Move to the right place,
2396 2403 // or better: Remove this once we did the form refactoring.
2397 2404 input[type=checkbox],
2398 2405 input[type=radio] {
2399 2406 padding: 0;
2400 2407 border: none;
2401 2408 }
2402 2409
2403 2410 .toggle-ajax-spinner{
2404 2411 height: 16px;
2405 2412 width: 16px;
2406 2413 }
2407 2414
2408 2415
2409 2416 .markup-form .clearfix {
2410 2417 .border-radius(@border-radius);
2411 2418 margin: 0px;
2412 2419 }
2413 2420
2414 2421 .markup-form-area {
2415 2422 padding: 8px 12px;
2416 2423 border: 1px solid @grey4;
2417 2424 .border-radius(@border-radius);
2418 2425 }
2419 2426
2420 2427 .markup-form-area-header .nav-links {
2421 2428 display: flex;
2422 2429 flex-flow: row wrap;
2423 2430 -webkit-flex-flow: row wrap;
2424 2431 width: 100%;
2425 2432 }
2426 2433
2427 2434 .markup-form-area-footer {
2428 2435 display: flex;
2429 2436 }
2430 2437
2431 2438 .markup-form-area-footer .toolbar {
2432 2439
2433 2440 }
2434 2441
2435 2442 // markup Form
2436 2443 div.markup-form {
2437 2444 margin-top: 20px;
2438 2445 }
2439 2446
2440 2447 .markup-form strong {
2441 2448 display: block;
2442 2449 margin-bottom: 15px;
2443 2450 }
2444 2451
2445 2452 .markup-form textarea {
2446 2453 width: 100%;
2447 2454 height: 100px;
2448 2455 font-family: @text-monospace;
2449 2456 }
2450 2457
2451 2458 form.markup-form {
2452 2459 margin-top: 10px;
2453 2460 margin-left: 10px;
2454 2461 }
2455 2462
2456 2463 .markup-form .comment-block-ta,
2457 2464 .markup-form .preview-box {
2458 2465 .border-radius(@border-radius);
2459 2466 .box-sizing(border-box);
2460 2467 background-color: white;
2461 2468 }
2462 2469
2463 2470 .markup-form .preview-box.unloaded {
2464 2471 height: 50px;
2465 2472 text-align: center;
2466 2473 padding: 20px;
2467 2474 background-color: white;
2468 2475 }
@@ -1,222 +1,223 b''
1 1 // select2.less
2 2 // For use in RhodeCode application drop down select boxes;
3 3 // see style guide documentation for guidelines.
4 4
5 5
6 6 // SELECT2 DROPDOWN MENUS
7 7
8 8 //Select2 Dropdown
9 9 .select2-results{
10 10 .box-sizing(border-box);
11 11 overflow-y: scroll;
12 12 }
13 13
14 14 .select2-container{margin: 0; position: relative; display: inline-block; zoom: 1;}
15 15 .select2-container,
16 16 .select2-drop,
17 17 .select2-search,
18 18 .select2-search input {.box-sizing(border-box);}
19 19 .select2-container .select2-choice{display:block; line-height:1em; -webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
20 20 .main .select2-container .select2-choice { background-color: white; }
21 21 .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('../images/select2.png') right top no-repeat; cursor: pointer; outline: 0; }
22 22 .select2-container.select2-allowclear .select2-choice abbr {display: inline-block;}
23 23 .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; }
24 24 .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 998; background-color: #fff; filter: alpha(opacity=0); }
25 25 .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 999; top: 100%; background: #fff; color: #000; border: @border-thickness solid @rcblue; border-top: 0; border-radius: 0 0 @border-radius @border-radius; }
26 26 .select2-drop.select2-drop-above { margin-top: 1px; border-top: @border-thickness solid @rclightblue; border-bottom: 0; border-radius: @border-radius @border-radius 0 0; }
27 27 .select2-drop-active { border: @border-thickness solid #5897fb; border-top: none; }
28 28 .select2-drop.select2-drop-above.select2-drop-active {border-top: @border-thickness solid #5897fb;}
29 29 .select2-drop-auto-width { border-top: @border-thickness solid #aaa; width: auto; }
30 30 .select2-drop-auto-width .select2-search {padding-top: 4px;}
31 31 html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: @border-thickness solid @grey5; border-radius: @border-radius 0 0 @border-radius; }
32 32 html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {background-position: 2px 1px;}
33 33 .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 1000; white-space: nowrap; }
34 34 .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; }
35 35 html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url('../images/select2.png') no-repeat -37px -22px; }
36 36 .select2-drop.select2-drop-above .select2-search input {margin-top: 4px;}
37 37 .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; }
38 38 html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {border-right: none;}
39 39 .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
40 40 /* results */
41 41 .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
42 42 html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; }
43 43 .select2-results .select2-disabled{background:@grey6;display:list-item;cursor:default}
44 44 .select2-results .select2-selected{display:none}
45 45 .select2-more-results.select2-active{background:#f4f4f4 url('../images/select2-spinner.gif') no-repeat 100%}
46 46 .select2-container.select2-container-disabled .select2-choice abbr{display:none}
47 47 .select2-container.select2-container-disabled {background:@grey6;cursor:default}
48 48 .select2-container.select2-container-disabled .select2-choice {background:@grey6;cursor:default}
49 49 .select2-container-multi .select2-choices li{float:left;list-style:none}
50 50 .select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}
51 51 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default}
52 52 .select2-search-choice-close{display:block;width:12px;height:13px;position:absolute;right:3px;top:4px;font-size:1px;outline:none;background:url('../images/select2.png') right top no-repeat}
53 53 .select2-container-multi .select2-search-choice-close{left:3px}
54 54 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{background-position:right -11px}
55 55 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{background-position:right -11px}
56 56 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:none}
57 57 .select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;
58 58 border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;
59 59 position: absolute !important;outline:0 !important;left:0 !important;top:0 !important}
60 60 .select2-display-none,
61 61 .select2-search-hidden {display:none}
62 62 .select2-search input { border-color: @rclightblue; }
63 63
64 64 .select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll}
65 65 @media only screen and (-webkit-min-device-pixel-ratio:1.5),
66 66 only screen and (min-resolution:144dpi){
67 67 .select2-search input,
68 68 .select2-search-choice-close,
69 69 .select2-container .select2-choice abbr,
70 70 .select2-container .select2-choice .select2-arrow b{background-image:url('../images/select2x2.png');background-repeat:no-repeat;background-size:60px 40px;}
71 71 .select2-search input{background-position:100% -21px}
72 72 }
73 73 [class^="input-"] [class^="select2-choice"]>div{display:none}
74 74 [class^="input-"] .select2-offscreen{position:absolute}
75 75 select.select2{height:28px;visibility:hidden}
76 76 .autocomplete-suggestions{overflow:auto}
77 77 .autocomplete-suggestion{white-space:nowrap;overflow:hidden}
78 78
79 79 /* Retina-ize icons */
80 80 @media only screen and (-webkit-min-device-pixel-ratio:1.5),
81 81 only screen and (min-resolution:144dpi){
82 82 .select2-search input,
83 83 .select2-search-choice-close,
84 84 .select2-container .select2-choice abbr,
85 85 .select2-container .select2-choice .select2-arrow b{background-image:url('../images/select2x2.png');background-repeat:no-repeat;background-size:60px 40px;}
86 86 .select2-search input{background-position:100% -21px}
87 87 }
88 88
89 89 //Internal Select2 Dropdown Menus
90 90
91 91 .drop-menu-core {
92 92 min-width: 160px;
93 93 margin: 0 @padding 0 0;
94 94 padding: 0;
95 95 border: @border-thickness solid @rcblue;
96 96 border-radius: @border-radius;
97 97 color: @rcblue;
98 98 background-color: white;
99 99 }
100 100
101 101 .drop-menu-dropdown {
102 102 .drop-menu-core;
103 103
104 104 .flag_status {
105 105 margin-top: 0;
106 106 }
107 107 }
108 108
109 109 .drop-menu-base {
110 110 .drop-menu-core;
111 111 position: relative;
112 112 display: inline-block;
113 113 line-height: 1em;
114 114 z-index: 2;
115 115 cursor: pointer;
116 116
117 117 .flag_status {
118 118 margin-top: 0;
119 119 }
120 120
121 121 a {
122 122 display:block;
123 123 padding: .9em;
124 124 padding-right: 2em;
125 125 position: relative;
126 126
127 127 &:after {
128 128 position: absolute;
129 129 content: "\00A0\25BE";
130 130 right: .1em;
131 131 line-height: 1em;
132 132 top: 0.4em;
133 133 width: 1em;
134 134 font-size: 20px;
135 135 }
136 136 }
137 137 }
138 138
139 139 .drop-menu {
140 140 .drop-menu-base;
141 141 width: auto !important;
142 142 }
143 143
144 144 .drop-menu-no-width {
145 145 .drop-menu-base;
146 146 width: auto;
147 147 }
148 148
149 149 .field-sm .drop-menu {
150 150 padding: 1px 0 0 0;
151 151 a {
152 152 padding: 6px;
153 153 };
154 154 }
155 155
156 156 .select2-search input {
157 157 width: 100%;
158 158 margin: .5em 0;
159 159 padding: .5em;
160 160 }
161 161
162 162 .select2-no-results {
163 163 padding: .5em;
164 164 }
165 165
166 166 .drop-menu-dropdown ul {
167 167 width: auto;
168 168 margin: 0;
169 169 padding: 0;
170 170 z-index: 50;
171 171
172 172 li {
173 173 margin: 0;
174 174 line-height: 1em;
175 175 list-style-type: none;
176 176
177 177 &:before { content: none; }
178 178
179 179 &:hover,
180 180 &.select2-highlighted {
181 181 background-color: @rclightblue;
182 182 }
183 183
184 184 &.select2-result-with-children {
185 185 &:hover {
186 186 background-color: white;
187 187 }
188 188 }
189 189
190 190 .select2-result-label {
191 191 display:block;
192 192 padding: 8px;
193 193 font-family: @text-regular;
194 194 border-bottom: @border-thickness solid @rclightblue;
195 195 color: @rcblue;
196 196 cursor: pointer;
197 197 }
198 198 &.select2-result-with-children {
199 199
200 200 .select2-result-label {
201 font-family: @text-semibold;
202 201 color: @rcdarkblue;
203 202 cursor: default;
203 font-weight: @text-semibold-weight;
204 font-family: @text-semibold;
204 205 }
205 206
206 207 ul.select2-result-sub li .select2-result-label {
207 208 padding-left: 16px;
208 209 font-family: @text-regular;
209 210 color: @rcblue;
210 211 cursor: pointer;
211 212 }
212 213 }
213 214 }
214 215 }
215 216
216 217 .side-by-side-selector {
217 218 .left-group,
218 219 .middle-group,
219 220 .right-group {
220 221 margin-bottom: @padding;
221 222 }
222 223 }
@@ -1,289 +1,291 b''
1 1 // summary.less
2 2 // For use in RhodeCode applications;
3 3 // Used for headers and file detail summary screens.
4 4
5 5 .summary {
6 6 float: left;
7 7 position: relative;
8 8 width: 100%;
9 9 margin: 0;
10 10 padding: 0;
11 11
12 12 .summary-detail-header {
13 13 float: left;
14 14 display: block;
15 15 width: 100%;
16 16 margin-bottom: @textmargin;
17 17 padding: 0 0 .5em 0;
18 18 border-bottom: @border-thickness solid @border-default-color;
19 19
20 20 .breadcrumbs {
21 21 float: left;
22 22 display: inline;
23 23 margin: 0;
24 24 padding: 0;
25 25 }
26 26 h4 {
27 27 float: left;
28 28 margin: 0 1em 0 0;
29 29 padding: 0;
30 30 line-height: 1.2em;
31 31 font-size: @basefontsize;
32 32 }
33 33
34 34 .action_link {
35 35 float: right;
36 36 }
37 37
38 38 .new-file {
39 39 float: right;
40 40 margin-top: -1.5em;
41 41 }
42 42 }
43 43
44 44 .summary-detail {
45 45 float: left;
46 46 position: relative;
47 47 width: 73%;
48 48 margin: 0 3% @space 0;
49 49 padding: 0;
50 50
51 51 .file_diff_buttons {
52 52 margin-top: @space;
53 53 }
54 54
55 55 // commit message
56 56 .commit {
57 57 white-space: pre-wrap;
58 58 }
59 59
60 60 .left-clone {
61 61 float: left;
62 62 height: 30px;
63 63 margin: 0;
64 64 padding: 0;
65 font-weight: @text-semibold-weight;
65 66 font-family: @text-semibold;
66 67 }
67 68
68 69 .right-clone {
69 70 float: right;
70 71 width: 83%;
71 72 }
72 73
73 74 .clone_url_input {
74 75 width: ~"calc(100% - 35px)";
75 76 padding: 5px;
76 77 }
77 78
78 79 &.directory {
79 80 margin-bottom: 0;
80 81 }
81 82
82 83 .desc {
83 84 white-space: pre-wrap;
84 85 }
85 86 .disabled {
86 87 opacity: .5;
87 88 cursor: inherit;
88 89 }
89 90 .help-block {
90 91 color: inherit;
91 92 margin: 0;
92 93 }
93 94 }
94 95
95 96 .sidebar-right {
96 97 float: left;
97 98 width: 24%;
98 99 margin: 0;
99 100 padding: 0;
100 101
101 102 ul {
102 103 margin-left: 0;
103 104 padding-left: 0;
104 105
105 106 li {
106 107
107 108 &:before {
108 109 content: none;
109 110 width: 0;
110 111 }
111 112 }
112 113 }
113 114 }
114 115
115 116 #clone_by_name, #clone_by_id{
116 117 display: inline-block;
117 118 margin-left: 0px;
118 119 }
119 120
120 121 .codeblock {
121 122 border: none;
122 123 background-color: transparent;
123 124 }
124 125
125 126 .code-body {
126 127 border: @border-thickness solid @border-default-color;
127 128 .border-radius(@border-radius);
128 129 }
129 130 }
130 131
131 132 // this is used outside of just the summary
132 133 .fieldset, // similar to form fieldset
133 134 .summary .sidebar-right-content { // these have to match
134 135 clear: both;
135 136 float: left;
136 137 position: relative;
137 138 display:block;
138 139 width: 100%;
139 140 min-height: 1em;
140 141 margin-bottom: @textmargin;
141 142 padding: 0;
142 143 line-height: 1.2em;
143 144
144 145 &:after { // clearfix
145 146 content: "";
146 147 clear: both;
147 148 width: 100%;
148 149 height: 1em;
149 150 }
150 151 }
151 152
152 153 .summary .sidebar-right-content {
153 154 margin-bottom: @space;
154 155
155 156 .rc-user {
156 157 min-width: 0;
157 158 }
158 159 }
159 160
160 161 .fieldset {
161 162
162 163 .left-label { // similar to form legend
163 164 float: left;
164 165 display: block;
165 166 width: 25%;
166 167 margin: 0;
167 168 padding: 0;
169 font-weight: @text-semibold-weight;
168 170 font-family: @text-semibold;
169 171 }
170 172
171 173 .left-label-summary {
172 174 .left-label;
173 175 width: 150px;
174 176 }
175 177
176 178 .right-content { // similar to form fields
177 179 float: left;
178 180 display: block;
179 181 width: 75%;
180 182 margin: 0 0 0 -15%;
181 183 padding: 0 0 0 15%;
182 184
183 185 .truncate-wrap,
184 186 .truncate {
185 187 max-width: 100%;
186 188 width: 100%;
187 189 }
188 190
189 191 .commit-long {
190 192 overflow-x: auto;
191 193 }
192 194 }
193 195 .commit.truncate-wrap {
194 196 overflow:hidden;
195 197 text-overflow: ellipsis;
196 198 }
197 199 }
198 200
199 201 // expand commit message
200 202 #message_expand {
201 203 clear: both;
202 204 display: block;
203 205 color: @rcblue;
204 206 cursor: pointer;
205 207 }
206 208
207 209 #trimmed_message_box {
208 210 max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height
209 211 overflow: hidden;
210 212 }
211 213
212 214 // show/hide comments button
213 215 .show-inline-comments {
214 216 display: inline;
215 217 cursor: pointer;
216 218
217 219 .comments-show { display: inline; }
218 220 .comments-hide { display: none; }
219 221
220 222 &.comments-visible {
221 223 .comments-show { display: none; }
222 224 .comments-hide { display: inline; }
223 225 }
224 226 }
225 227
226 228 // Quick Start section
227 229 .quick_start {
228 230 float: left;
229 231 display: block;
230 232 position: relative;
231 233 width: 100%;
232 234
233 235 // adds some space to make copy and paste easier
234 236 .left-label,
235 237 .right-content {
236 238 line-height: 1.6em;
237 239 }
238 240 }
239 241
240 242 .submodule {
241 243 .summary-detail {
242 244 width: 100%;
243 245
244 246 .btn-collapse {
245 247 display: none;
246 248 }
247 249 }
248 250 }
249 251
250 252 .codeblock-header {
251 253 float: left;
252 254 display: block;
253 255 width: 100%;
254 256 margin: 0;
255 257 padding: @space 0 10px 0;
256 258 border-top: @border-thickness solid @border-default-color;
257 259
258 260 .stats {
259 261 float: left;
260 262 width: 50%;
261 263 }
262 264 .stats-filename {
263 265 font-size: 120%;
264 266 }
265 267 .stats-first-item {
266 268 padding: 0px 0px 0px 3px;
267 269 }
268 270
269 271 .buttons {
270 272 float: right;
271 273 width: 50%;
272 274 text-align: right;
273 275 color: @grey4;
274 276 }
275 277 }
276 278
277 279 #summary-menu-stats {
278 280
279 281 .stats-bullet {
280 282 color: @grey3;
281 283 min-width: 3em;
282 284 }
283 285
284 286 .repo-size {
285 287 margin-bottom: .5em;
286 288 }
287 289
288 290 }
289 291
@@ -1,499 +1,501 b''
1 1
2 2 // tables.less
3 3 // For use in RhodeCode application tables;
4 4 // see style guide documentation for guidelines.
5 5
6 6 // TABLES
7 7
8 8 .rctable,
9 9 table.rctable,
10 10 table.dataTable {
11 11 clear:both;
12 12 width: 100%;
13 13 margin: 0 auto @padding;
14 14 padding: 0;
15 15 vertical-align: baseline;
16 16 line-height:1.5em;
17 17 border: none;
18 18 outline: none;
19 19 border-collapse: collapse;
20 20 border-spacing: 0;
21 21 color: @grey2;
22 22
23 23 b {
24 24 font-weight: normal;
25 25 }
26 26
27 27 em {
28 28 font-weight: bold;
29 29 font-style: normal;
30 30 }
31 31
32 32 th,
33 33 td {
34 34 height: auto;
35 35 max-width: 20%;
36 36 padding: .65em 1em .65em 0;
37 37 vertical-align: middle;
38 38 border-bottom: @border-thickness solid @grey5;
39 39 white-space: normal;
40 40
41 41 &.td-radio,
42 42 &.td-checkbox {
43 43 padding-right: 0;
44 44 text-align: center;
45 45
46 46 input {
47 47 margin: 0 1em;
48 48 }
49 49 }
50 50
51 51 &.truncate-wrap {
52 52 white-space: nowrap !important;
53 53 }
54 54
55 55 pre {
56 56 margin: 0;
57 57 }
58 58
59 59 .show_more {
60 60 height: inherit;
61 61 }
62 62 }
63 63
64 64 .expired td {
65 65 background-color: @grey7;
66 66 }
67 67
68 68 th {
69 69 text-align: left;
70 font-weight: @text-semibold-weight;
70 71 font-family: @text-semibold;
71 72 }
72 73
73 74 .hl {
74 75 td {
75 76 background-color: lighten(@alert4,25%);
76 77 }
77 78 }
78 79
79 80 // Special Data Cell Types
80 81 // See style guide for desciptions and examples.
81 82
82 83 td {
83 84
84 85 &.user {
85 86 padding-left: 1em;
86 87 }
87 88
88 89 &.td-rss {
89 90 width: 20px;
90 91 min-width: 0;
91 92 margin: 0;
92 93 }
93 94
94 95 &.quick_repo_menu {
95 96 width: 15px;
96 97 text-align: center;
97 98
98 99 &:hover {
99 100 background-color: @grey5;
100 101 }
101 102 }
102 103
103 104 &.td-hash {
104 105 min-width: 80px;
105 106 width: 200px;
106 107
107 108 .obsolete {
108 109 text-decoration: line-through;
109 110 color: lighten(@grey2,25%);
110 111 }
111 112 }
112 113
113 114 &.td-time {
114 115 width: 160px;
115 116 white-space: nowrap;
116 117 }
117 118
118 119 &.annotate{
119 120 padding-right: 0;
120 121
121 122 div.annotatediv{
122 123 margin: 0 0.7em;
123 124 }
124 125 }
125 126
126 127 &.tags-col {
127 128 padding-right: 0;
128 129 }
129 130
130 131 &.td-description {
131 132 min-width: 350px;
132 133
133 134 &.truncate, .truncate-wrap {
134 135 white-space: nowrap;
135 136 overflow: hidden;
136 137 text-overflow: ellipsis;
137 138 max-width: 350px;
138 139 }
139 140 }
140 141
141 142 &.td-componentname {
142 143 white-space: nowrap;
143 144 }
144 145
145 146 &.td-name {
146 147
147 148 }
148 149
149 150 &.td-journalaction {
150 151 min-width: 300px;
151 152
152 153 .journal_action_params {
153 154 // waiting for feedback
154 155 }
155 156 }
156 157
157 158 &.td-active {
158 159 padding-left: .65em;
159 160 }
160 161
161 162 &.td-url {
162 163 white-space: nowrap;
163 164 }
164 165
165 166 &.td-comments {
166 167 min-width: 3em;
167 168 }
168 169
169 170 &.td-buttons {
170 171 padding: .3em 0;
171 172 }
172 173
173 174 &.td-action {
174 175 // this is for the remove/delete/edit buttons
175 176 padding-right: 0;
176 177 min-width: 95px;
177 178 text-transform: capitalize;
178 179
179 180 i {
180 181 display: none;
181 182 }
182 183 }
183 184
184 185 // TODO: lisa: this needs to be cleaned up with the buttons
185 186 .grid_edit,
186 187 .grid_delete {
187 188 display: inline-block;
188 189 margin: 0 @padding/3 0 0;
189 190 font-family: @text-light;
190 191
191 192 i {
192 193 display: none;
193 194 }
194 195 }
195 196
196 197 .grid_edit + .grid_delete {
197 198 border-left: @border-thickness solid @grey5;
198 199 padding-left: @padding/2;
199 200 }
200 201
201 202 &.td-compare {
202 203
203 204 input {
204 205 margin-right: 1em;
205 206 }
206 207
207 208 .compare-radio-button {
208 209 margin: 0 1em 0 0;
209 210 }
210 211
211 212
212 213 }
213 214
214 215 &.td-tags {
215 216 padding: .5em 1em .5em 0;
216 217 width: 140px;
217 218
218 219 .tag {
219 220 margin: 1px;
220 221 float: left;
221 222 }
222 223 }
223 224
224 225 .icon-svn, .icon-hg, .icon-git {
225 226 font-size: 1.4em;
226 227 }
227 228
228 229 &.collapse_commit,
229 230 &.expand_commit {
230 231 padding-right: 0;
231 232 padding-left: 1em;
232 233 }
233 234 }
234 235
235 236 .perm_admin_row {
236 237 color: @grey4;
237 238 background-color: @grey6;
238 239 }
239 240
240 241 .noborder {
241 242 border: none;
242 243
243 244 td {
244 245 border: none;
245 246 }
246 247 }
247 248 }
248 249 .rctable.audit-log {
249 250 td {
250 251 vertical-align: top;
251 252 }
252 253 }
253 254
254 255 // TRUNCATING
255 256 // TODO: lisaq: should this possibly be moved out of tables.less?
256 257 // for truncated text
257 258 // used inside of table cells and in code block headers
258 259 .truncate-wrap {
259 260 white-space: nowrap !important;
260 261
261 262 //truncated text
262 263 .truncate {
263 264 max-width: 450px;
264 265 width: 300px;
265 266 overflow: hidden;
266 267 text-overflow: ellipsis;
267 268 -o-text-overflow: ellipsis;
268 269 -ms-text-overflow: ellipsis;
269 270
270 271 &.autoexpand {
271 272 width: 120px;
272 273 margin-right: 200px;
273 274 }
274 275 }
275 276 &:hover .truncate.autoexpand {
276 277 overflow: visible;
277 278 }
278 279
279 280 .tags-truncate {
280 281 width: 150px;
281 282 height: 22px;
282 283 overflow: hidden;
283 284
284 285 .tag {
285 286 display: inline-block;
286 287 }
287 288
288 289 &.truncate {
289 290 height: 22px;
290 291 max-height:2em;
291 292 width: 140px;
292 293 }
293 294 }
294 295 }
295 296
296 297 .apikeys_wrap {
297 298 margin-bottom: @padding;
298 299
299 300 table.rctable td:first-child {
300 301 width: 340px;
301 302 }
302 303 }
303 304
304 305
305 306
306 307 // SPECIAL CASES
307 308
308 309 // Repository Followers
309 310 table.rctable.followers_data {
310 311 width: 75%;
311 312 margin: 0;
312 313 }
313 314
314 315 // Repository List
315 316 // Group Members List
316 317 table.rctable.group_members,
317 318 table#repo_list_table {
318 319 min-width: 600px;
319 320 }
320 321
321 322 // Keyboard mappings
322 323 table.keyboard-mappings {
323 324 th {
324 325 text-align: left;
326 font-weight: @text-semibold-weight;
325 327 font-family: @text-semibold;
326 328 }
327 329 }
328 330
329 331 // Branches, Tags, and Bookmarks
330 332 #obj_list_table.dataTable {
331 333 td.td-time {
332 334 padding-right: 1em;
333 335 }
334 336 }
335 337
336 338 // User Admin
337 339 .rctable.useremails,
338 340 .rctable.account_emails {
339 341 .tag,
340 342 .btn {
341 343 float: right;
342 344 }
343 345 .btn { //to line up with tags
344 346 margin-right: 1.65em;
345 347 }
346 348 }
347 349
348 350 // User List
349 351 #user_list_table {
350 352
351 353 td.td-user {
352 354 min-width: 100px;
353 355 }
354 356 }
355 357
356 358 // Pull Request List Table
357 359 #pull_request_list_table.dataTable {
358 360
359 361 //TODO: lisa: This needs to be removed once the description is adjusted
360 362 // for using an expand_commit button (see issue 765)
361 363 td {
362 364 vertical-align: middle;
363 365 }
364 366 }
365 367
366 368 // Settings (no border)
367 369 table.rctable.dl-settings {
368 370 td {
369 371 border: none;
370 372 vertical-align: baseline;
371 373 }
372 374 }
373 375
374 376
375 377 // Statistics
376 378 table.trending_language_tbl {
377 379 width: 100%;
378 380 line-height: 1em;
379 381
380 382 td div {
381 383 overflow: visible;
382 384 }
383 385 }
384 386
385 387 .trending_language_tbl, .trending_language_tbl td {
386 388 border: 0;
387 389 margin: 0;
388 390 padding: 0;
389 391 background: transparent;
390 392 }
391 393
392 394 .trending_language_tbl, .trending_language_tbl tr {
393 395 border-spacing: 0 3px;
394 396 }
395 397
396 398 .trending_language {
397 399 position: relative;
398 400 width: 100%;
399 401 height: 19px;
400 402 overflow: hidden;
401 403 background-color: @grey6;
402 404
403 405 span, b{
404 406 position: absolute;
405 407 display: block;
406 408 height: 12px;
407 409 margin-bottom: 0px;
408 410 white-space: pre;
409 411 padding: floor(@basefontsize/4);
410 412 top: 0;
411 413 left: 0;
412 414 }
413 415
414 416 span{
415 417 color: @text-color;
416 418 z-index: 0;
417 419 min-width: 20px;
418 420 }
419 421
420 422 b {
421 423 z-index: 1;
422 424 overflow: hidden;
423 425 background-color: @rcblue;
424 426 color: #FFF;
425 427 text-decoration: none;
426 428 }
427 429
428 430 }
429 431
430 432 // Changesets
431 433 #changesets.rctable {
432 434
433 435 // td must be fixed height for graph
434 436 td {
435 437 height: 32px;
436 438 padding: 0 1em 0 0;
437 439 vertical-align: middle;
438 440 white-space: nowrap;
439 441
440 442 &.td-description {
441 443 white-space: normal;
442 444 }
443 445
444 446 &.expand_commit {
445 447 padding-right: 0;
446 448 }
447 449 }
448 450 }
449 451
450 452 // Compare
451 453 table.compare_view_commits {
452 454 margin-top: @space;
453 455
454 456 td.td-time {
455 457 padding-left: .5em;
456 458 }
457 459
458 460 // special case to not show hover actions on hidden indicator
459 461 tr.compare_select_hidden:hover {
460 462 cursor: inherit;
461 463
462 464 td {
463 465 background-color: inherit;
464 466 }
465 467 }
466 468
467 469 tr:hover {
468 470 cursor: pointer;
469 471
470 472 td {
471 473 background-color: lighten(@alert4,25%);
472 474 }
473 475 }
474 476
475 477
476 478 }
477 479
478 480 .file_history {
479 481 td.td-actions {
480 482 text-align: right;
481 483 }
482 484 }
483 485
484 486
485 487 // Gist List
486 488 #gist_list_table {
487 489 td {
488 490 vertical-align: middle;
489 491
490 492 div{
491 493 display: inline-block;
492 494 vertical-align: middle;
493 495 }
494 496
495 497 img{
496 498 vertical-align: middle;
497 499 }
498 500 }
499 501 }
@@ -1,545 +1,550 b''
1 1 //
2 2 // Typography
3 3 // modified from Bootstrap
4 4 // --------------------------------------------------
5 5
6 6 // Base
7 7 body {
8 8 font-size: @basefontsize;
9 9 font-family: @text-light;
10 10 letter-spacing: .02em;
11 11 color: @grey2;
12 12 }
13 13
14 14 #content, label{
15 15 font-size: @basefontsize;
16 16 }
17 17
18 18 label {
19 19 color: @grey2;
20 20 }
21 21
22 22 ::selection { background: @rchighlightblue; }
23 23
24 24 // Headings
25 25 // -------------------------
26 26
27 27 h1, h2, h3, h4, h5, h6,
28 28 .h1, .h2, .h3, .h4, .h5, .h6 {
29 29 margin: 0 0 @textmargin 0;
30 30 padding: 0;
31 31 line-height: 1.8em;
32 32 color: @text-color;
33 33 a {
34 34 color: @rcblue;
35 35 }
36 36 }
37 37
38 h1, .h1 { font-size: 1.54em; font-family: @text-bold; }
39 h2, .h2 { font-size: 1.23em; font-family: @text-semibold; }
38 h1, .h1 { font-size: 1.54em; font-weight: @text-bold-weight; font-family: @text-bold; }
39 h2, .h2 { font-size: 1.23em; font-weight: @text-semibold-weight; font-family: @text-semibold; }
40 40 h3, .h3 { font-size: 1.23em; font-family: @text-regular; }
41 h4, .h4 { font-size: 1em; font-family: @text-bold; }
42 h5, .h5 { font-size: 1em; font-family: @text-bold-italic; }
43 h6, .h6 { font-size: 1em; font-family: @text-bold-italic; }
41 h4, .h4 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
42 h5, .h5 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
43 h6, .h6 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
44 44
45 45 // Breadcrumbs
46 46 .breadcrumbs {
47 47 font-size: @repo-title-fontsize;
48 48 margin: 0;
49 49 }
50 50
51 51 .breadcrumbs_light {
52 52 float:left;
53 53 font-size: 1.3em;
54 54 line-height: 38px;
55 55 }
56 56
57 57 // Body text
58 58 // -------------------------
59 59
60 60 p {
61 61 margin: 0 0 @textmargin 0;
62 62 padding: 0;
63 63 line-height: 2em;
64 64 }
65 65
66 66 .lead {
67 67 margin-bottom: @textmargin;
68 68 font-weight: 300;
69 69 line-height: 1.4;
70 70
71 71 @media (min-width: @screen-sm-min) {
72 72 font-size: (@basefontsize * 1.5);
73 73 }
74 74 }
75 75
76 76 a,
77 77 .link {
78 78 color: @rcblue;
79 79 text-decoration: none;
80 80 outline: none;
81 81 cursor: pointer;
82 82
83 83 &:focus {
84 84 outline: none;
85 85 }
86 86
87 87 &:hover {
88 88 color: @rcdarkblue;
89 89 }
90 90 }
91 91
92 92 img {
93 93 border: none;
94 94 outline: none;
95 95 }
96 96
97 97 strong {
98 font-weight: @text-bold-weight;
98 99 font-family: @text-bold;
99 100 }
100 101
101 102 em {
102 103 font-family: @text-italic;
104 font-style: italic;
103 105 }
104 106
105 107 strong em,
106 108 em strong {
109 font-style: italic;
110 font-weight: @text-bold-italic-weight;
107 111 font-family: @text-bold-italic;
108 112 }
109 113
110 114 //TODO: lisa: b and i are depreciated, but we are still using them in places.
111 115 // Should probably make some decision whether to keep or lose these.
112 116 b {
113 117
114 118 }
115 119
116 120 i {
117 121 font-style: normal;
118 122 }
119 123
120 124 label {
121 125 color: @text-color;
122 126
123 127 input[type="checkbox"] {
124 128 margin-right: 1em;
125 129 }
126 130 input[type="radio"] {
127 131 margin-right: 1em;
128 132 }
129 133 }
130 134
131 135 code,
132 136 .code {
133 137 font-size: .95em;
134 138 font-family: @text-code;
135 139 color: @grey3;
136 140
137 141 a {
138 142 color: lighten(@rcblue,10%)
139 143 }
140 144 }
141 145
142 146 pre {
143 147 margin: 0;
144 148 padding: 0;
145 149 border: 0;
146 150 outline: 0;
147 151 font-size: @basefontsize*.95;
148 152 line-height: 1.4em;
149 153 font-family: @text-code;
150 154 color: @grey3;
151 155 }
152 156
153 157 // Emphasis & misc
154 158 // -------------------------
155 159
156 160 small,
157 161 .small {
158 162 font-size: 75%;
159 163 font-weight: normal;
160 164 line-height: 1em;
161 165 }
162 166
163 167 mark,
164 168 .mark {
165 169 background-color: @rclightblue;
166 170 padding: .2em;
167 171 }
168 172
169 173 // Alignment
170 174 .text-left { text-align: left; }
171 175 .text-right { text-align: right; }
172 176 .text-center { text-align: center; }
173 177 .text-justify { text-align: justify; }
174 178 .text-nowrap { white-space: nowrap; }
175 179
176 180 // Transformation
177 181 .text-lowercase { text-transform: lowercase; }
178 182 .text-uppercase { text-transform: uppercase; }
179 183 .text-capitalize { text-transform: capitalize; }
180 184
181 185 // Contextual colors
182 186 .text-muted {
183 187 color: @grey4;
184 188 }
185 189 .text-primary {
186 190 color: @rcblue;
187 191 }
188 192 .text-success {
189 193 color: @alert1;
190 194 }
191 195 .text-info {
192 196 color: @alert4;
193 197 }
194 198 .text-warning {
195 199 color: @alert3;
196 200 }
197 201 .text-danger {
198 202 color: @alert2;
199 203 }
200 204
201 205 // Contextual backgrounds
202 206 .bg-primary {
203 207 background-color: white;
204 208 }
205 209 .bg-success {
206 210 background-color: @alert1;
207 211 }
208 212 .bg-info {
209 213 background-color: @alert4;
210 214 }
211 215 .bg-warning {
212 216 background-color: @alert3;
213 217 }
214 218 .bg-danger {
215 219 background-color: @alert2;
216 220 }
217 221
218 222
219 223 // Page header
220 224 // -------------------------
221 225
222 226 .page-header {
223 227 margin: @pagepadding 0 @textmargin;
224 228 border-bottom: @border-thickness solid @grey5;
225 229 }
226 230
227 231 .title {
228 232 clear: both;
229 233 float: left;
230 234 width: 100%;
231 235 margin: @pagepadding/2 0 @pagepadding;
232 236
233 237 .breadcrumbs {
234 238 float: left;
235 239 clear: both;
236 240 width: 700px;
237 241 margin: 0;
238 242
239 243 .q_filter_box {
240 244 margin-right: @padding;
241 245 }
242 246 }
243 247
244 248 h1 a {
245 249 color: @rcblue;
246 250 }
247 251
248 252 input{
249 253 margin-right: @padding;
250 254 }
251 255
252 256 h5, .h5 {
253 257 color: @grey1;
254 258 margin-bottom: @space;
255 259
256 260 span {
257 261 display: inline-block;
258 262 }
259 263 }
260 264
261 265 p {
262 266 margin-bottom: 0;
263 267 }
264 268
265 269 .links {
266 270 float: right;
267 271 display: inline;
268 272 margin: 0;
269 273 padding-left: 0;
270 274 list-style: none;
271 275 text-align: right;
272 276
273 277 li:before { content: none; }
274 278 li { float: right; }
275 279 a {
276 280 display: inline-block;
277 281 margin-left: @textmargin/2;
278 282 }
279 283 }
280 284
281 285 .title-content {
282 286 float: left;
283 287 margin: 0;
284 288 padding: 0;
285 289
286 290 & + .breadcrumbs {
287 291 margin-top: @padding;
288 292 }
289 293
290 294 & + .links {
291 295 margin-top: -@button-padding;
292 296
293 297 & + .breadcrumbs {
294 298 margin-top: @padding;
295 299 }
296 300 }
297 301 }
298 302
299 303 .title-main {
300 304 font-size: @repo-title-fontsize;
301 305 }
302 306
303 307 .title-description {
304 308 margin-top: .5em;
305 309 }
306 310
307 311 .q_filter_box {
308 312 width: 200px;
309 313 }
310 314
311 315 }
312 316
313 317 #readme .title {
314 318 text-transform: none;
315 319 }
316 320
317 321 // Lists
318 322 // -------------------------
319 323
320 324 // Unordered and Ordered lists
321 325 ul,
322 326 ol {
323 327 margin-top: 0;
324 328 margin-bottom: @textmargin;
325 329 ul,
326 330 ol {
327 331 margin-bottom: 0;
328 332 }
329 333 }
330 334
331 335 li {
332 336 line-height: 2em;
333 337 }
334 338
335 339 ul li {
336 340 position: relative;
337 341 display: block;
338 342 list-style-type: none;
339 343
340 344 &:before {
341 345 content: "\2014\00A0";
342 346 position: absolute;
343 347 top: 0;
344 348 left: -1.25em;
345 349 }
346 350
347 351 p:first-child {
348 352 display:inline;
349 353 }
350 354 }
351 355
352 356 // List options
353 357
354 358 // Unstyled keeps list items block level, just removes default browser padding and list-style
355 359 .list-unstyled {
356 360 padding-left: 0;
357 361 list-style: none;
358 362 li:before { content: none; }
359 363 }
360 364
361 365 // Inline turns list items into inline-block
362 366 .list-inline {
363 367 .list-unstyled();
364 368 margin-left: -5px;
365 369
366 370 > li {
367 371 display: inline-block;
368 372 padding-left: 5px;
369 373 padding-right: 5px;
370 374 }
371 375 }
372 376
373 377 // Description Lists
374 378
375 379 dl {
376 380 margin-top: 0; // Remove browser default
377 381 margin-bottom: @textmargin;
378 382 }
379 383
380 384 dt,
381 385 dd {
382 386 line-height: 1.4em;
383 387 }
384 388
385 389 dt {
386 390 margin: @textmargin 0 0 0;
391 font-weight: @text-bold-weight;
387 392 font-family: @text-bold;
388 393 }
389 394
390 395 dd {
391 396 margin-left: 0; // Undo browser default
392 397 }
393 398
394 399 // Horizontal description lists
395 400 // Defaults to being stacked without any of the below styles applied, until the
396 401 // grid breakpoint is reached (default of ~768px).
397 402 // These are used in forms as well; see style guide.
398 403 // TODO: lisa: These should really not be used in forms.
399 404
400 405 .dl-horizontal {
401 406
402 407 overflow: hidden;
403 408 margin-bottom: @space;
404 409
405 410 dt, dd {
406 411 float: left;
407 412 margin: 5px 0 5px 0;
408 413 }
409 414
410 415 dt {
411 416 clear: left;
412 417 width: @label-width - @form-vertical-margin;
413 418 }
414 419
415 420 dd {
416 421 &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
417 422 margin-left: @form-vertical-margin;
418 423 max-width: @form-max-width - (@label-width - @form-vertical-margin) - @form-vertical-margin;
419 424 }
420 425
421 426 pre {
422 427 margin: 0;
423 428 }
424 429
425 430 &.settings {
426 431 dt {
427 432 text-align: left;
428 433 }
429 434 }
430 435
431 436 @media (min-width: 768px) {
432 437 dt {
433 438 float: left;
434 439 width: 180px;
435 440 clear: left;
436 441 text-align: right;
437 442 }
438 443 dd {
439 444 margin-left: 20px;
440 445 }
441 446 }
442 447 }
443 448
444 449
445 450 // Misc
446 451 // -------------------------
447 452
448 453 // Abbreviations and acronyms
449 454 abbr[title],
450 455 abbr[data-original-title] {
451 456 cursor: help;
452 457 border-bottom: @border-thickness dotted @grey4;
453 458 }
454 459 .initialism {
455 460 font-size: 90%;
456 461 text-transform: uppercase;
457 462 }
458 463
459 464 // Blockquotes
460 465 blockquote {
461 466 padding: 1em 2em;
462 467 margin: 0 0 2em;
463 468 font-size: @basefontsize;
464 469 border-left: 2px solid @grey6;
465 470
466 471 p,
467 472 ul,
468 473 ol {
469 474 &:last-child {
470 475 margin-bottom: 0;
471 476 }
472 477 }
473 478
474 479 footer,
475 480 small,
476 481 .small {
477 482 display: block;
478 483 font-size: 80%;
479 484
480 485 &:before {
481 486 content: '\2014 \00A0'; // em dash, nbsp
482 487 }
483 488 }
484 489 }
485 490
486 491 // Opposite alignment of blockquote
487 492 //
488 493 .blockquote-reverse,
489 494 blockquote.pull-right {
490 495 padding-right: 15px;
491 496 padding-left: 0;
492 497 border-right: 5px solid @grey6;
493 498 border-left: 0;
494 499 text-align: right;
495 500
496 501 // Account for citation
497 502 footer,
498 503 small,
499 504 .small {
500 505 &:before { content: ''; }
501 506 &:after {
502 507 content: '\00A0 \2014'; // nbsp, em dash
503 508 }
504 509 }
505 510 }
506 511
507 512 // Addresses
508 513 address {
509 514 margin-bottom: 2em;
510 515 font-style: normal;
511 516 line-height: 1.8em;
512 517 }
513 518
514 519 .error-message {
515 520 display: block;
516 521 margin: @padding/3 0;
517 522 color: @alert2;
518 523 }
519 524
520 525 .issue-tracker-link {
521 526 color: @rcblue;
522 527 }
523 528
524 529 .info_text{
525 530 font-size: @basefontsize;
526 531 color: @grey4;
527 532 font-family: @text-regular;
528 533 }
529 534
530 535 // help block text
531 536 .help-block {
532 537 display: block;
533 538 margin: 0 0 @padding;
534 539 color: @grey4;
535 540 font-family: @text-light;
536 541 &.pre-formatting {
537 542 white-space: pre;
538 543 }
539 544 }
540 545
541 546 .error-message {
542 547 display: block;
543 548 margin: @padding/3 0;
544 549 color: @alert2;
545 550 }
@@ -1,141 +1,148 b''
1 1 // variables for use in all RhodeCode products
2 2
3 3 // FONTS
4 4 //Primary Colors (brand)
5 5 @rcblue: #427cc9; //RhodeCode blue
6 6 @rcdarkblue: #305b91; //RhodeCode dark blue
7 7 @rclightblue: lighten(@rcblue, 30%);
8 8 @rchighlightblue: lighten(@rcblue, 35%);
9 9
10 10 // Secondary Colors (greyscale)
11 11 @grey1: #202020; //midnight
12 12 @grey2: #323232; //charcoal
13 13 @grey3: #666666; //tungsten
14 14 @grey4: #979797; //light grey
15 15 @grey5: #dbd9da; //greyish
16 16 @grey6: #eeeeee; //silver
17 17 @grey7: #f9f9f9; //light silver
18 18
19 19 // special for navigation
20 20 @nav-grey: #CDCCCD;
21 21
22 22 @grey5-alpha: rgba(219, 217, 218, 0.3);
23 23
24 24 // Tertiary Colors
25 25 @color1: #879938; //olive green
26 26 @color2: #fcc93a; //bright yellow
27 27 @color3: #ff9e07; //orange-yellow
28 28 @color4: #fc663a; //bright orange
29 29 @color5: #d63d44; //signal red
30 30 @color6: #99287c; //violet
31 31 @color7: #682668; //dark purple
32 32 @color8: #194f8e; //dark blue
33 33
34 34 // Alert Colors (bright)
35 35 @alert1: #0ac878; //bright green
36 36 @alert2: #e85e4d; //soft red
37 37 @alert3: #ffc854; //corn yellow
38 38 @alert4: #84a5d2; //light blue
39 39
40 40 // Alert Inner Colors
41 41 @alert1-inner: #daf7eb; //bright green
42 42 @alert2-inner: #fbdfdb; //soft red
43 43 @alert3-inner: #fff4dd; //corn yellow
44 44 @alert4-inner: #e6edf6; //light blue
45 45
46 46 // Highlight color for lines and colors
47 47 @comment-highlight-color: #ffd887;
48 48
49 49 // FONTS
50 50 @basefontsize: 13px;
51 51 @navigation-fontsize: 14px;
52 52 @journal-fontsize: @basefontsize+7px;
53 53 @text-color: @grey2;
54 54 @repo-title-fontsize: 18px;
55 55
56 56 @text-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
57 57 @text-monospace: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
58 58
59 59 @text-italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
60
60 61 @text-bold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
62 @text-bold-weight: 600;
63
61 64 @text-semibold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
65 @text-semibold-weight: 500;
66
62 67 @text-bold-italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
63 @text-code: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
68 @text-bold-italic-weight: 600;
64 69
70 @text-code: @text-monospace;
65 71 @text-light: @text-regular;
66 @text-light-italic: @text-italic;
72
73
67 74 // Used for .close buttons
68 75 @text-bootstrap: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
69 76
70 77 @panel-title: @basefontsize;
71 78 @panel-footer: @basefontsize;
72 79
73 80 // BORDERS
74 81 @border-thickness: 1px;
75 82 @border-thickness-buttons: 1px;
76 83 @border-thickness-tags: 1px;
77 84 @border-radius: 2px;
78 85 @border-default-color: @grey5;
79 86 @border-highlight-color: @grey4;
80 87
81 88 // SPACING
82 89 @contentpadding: 15px; //padding on left and right of pages
83 90 @pagepadding: 40px; //padding on top and bottom of pages
84 91 @menupadding: 12px; //padding for sidebar and content
85 92 @sidebarpadding: 15px; //spacing between sections
86 93 @space: 40px; //spacing between sections
87 94 @padding: 15px; //padding inside modules
88 95 @textmargin: 20px; //spacing below headers
89 96 @header-padding: 20px;
90 97 @panel-padding: @padding;
91 98 @gravatar-size: 16px; // height/width of gravatar w/o border
92 99
93 100 // ADMIN
94 101 @form-max-width: 750px;
95 102
96 103 // FORMS (new)
97 104 @border-thickness-inputs: 1px;
98 105 @input-padding: @button-padding; //needs to match button padding
99 106 // TODO: johbo: Needed for working computation of paddings around labels etc.
100 107 // Expected to be replaced once we are done with the form refactoring.
101 108 @input-padding-px: 12px;
102 109 @legend-width: 220px;
103 110 @form-vertical-margin: 20px;
104 111 @form-check-width: 20px;
105 112 @form-radio-width: 10px;
106 113 @form-textcolor: @grey3;
107 114
108 115 // FORMS
109 116 @label-width: 220px;
110 117 //TODO: lisa: Eventually we don't need both of these; remove
111 118 // label-width when legend-width is no longer used
112 119
113 120 @input-border-thickness: @border-thickness;
114 121 @medium-inline-input-width: 115px;
115 122 @input-description-minwidth: 300px;
116 123 @label2-width: 200px;
117 124 @checkboxes-width: 420px;
118 125 @label-summary-minwidth: 80px;
119 126 @search-form-width: 400px;
120 127 @fields-input-m: 400px;
121 128 @fields-input-l: 800px;
122 129
123 130 // BUTTONS
124 131 @button-padding: .9em;
125 132
126 133 // DEFAULT WIDTHS
127 134 @wrapper-maxwidth: 1200px;
128 135 @sidebar-width: 145px;
129 136 @sidebar-all-width: @sidebar-width + 2 * @sidebarpadding;
130 137 @sidebar-small-width: 100px;
131 138 @sidebar-small-all-width: @sidebar-small-width + 2 * @sidebarpadding;
132 139 @texteditor-width: 660px;
133 140 @maincontent-maxwidth: 940px;
134 141 @pullrequest-width: 1025px;
135 142 @summary-menu-stats-width: 200px;
136 143
137 144 // SCREEN WIDTHS
138 145 @screen-sm-min: 320px;
139 146
140 147 // For Bootstrap
141 148 @panel-border-radius: @border-radius;
General Comments 0
You need to be logged in to leave comments. Login now