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

Auto status change to "Under Review"

Rejected

Hi !

First thanks for your contributin. We really appriciate it.
Saddly after doing some checks this breaks a lot of things. We know having !important tags is bad, this is why we're going to remove them, but this has
to be done by our UI team, after checking 100s of UI elements styling.

I'm going to reject that, if you see any specific !important tags to be removed let us know in tickets on issues.rhodecode.com.

Rejected

Closing with status change > Rejected.

You need to be logged in to leave comments. Login now