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