##// END OF EJS Templates
files avatar in front of message and rounded gravatars
Liviu -
r3650:69e369e1 new-ui
parent child Browse files
Show More
@@ -1,2513 +1,2513 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 background-color: @grey6;
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 border: 1px solid @grey4;
730 box-sizing: content-box;
729 box-sizing: content-box;
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
2191
2192 .search_activate {
2192 .search_activate {
2193 display: table-cell;
2193 display: table-cell;
2194 vertical-align: middle;
2194 vertical-align: middle;
2195
2195
2196 input, label{
2196 input, label{
2197 margin: 0;
2197 margin: 0;
2198 padding: 0;
2198 padding: 0;
2199 }
2199 }
2200
2200
2201 input{
2201 input{
2202 margin-left: @textmargin;
2202 margin-left: @textmargin;
2203 }
2203 }
2204
2204
2205 }
2205 }
2206 }
2206 }
2207
2207
2208 .browser-cur-rev{
2208 .browser-cur-rev{
2209 margin-bottom: @textmargin;
2209 margin-bottom: @textmargin;
2210 }
2210 }
2211
2211
2212 #node_filter_box_loading{
2212 #node_filter_box_loading{
2213 .info_text;
2213 .info_text;
2214 }
2214 }
2215
2215
2216 .browser-search {
2216 .browser-search {
2217 margin: -25px 0px 5px 0px;
2217 margin: -25px 0px 5px 0px;
2218 }
2218 }
2219
2219
2220 .node-filter {
2220 .node-filter {
2221 font-size: @repo-title-fontsize;
2221 font-size: @repo-title-fontsize;
2222 padding: 4px 0px 0px 0px;
2222 padding: 4px 0px 0px 0px;
2223
2223
2224 .node-filter-path {
2224 .node-filter-path {
2225 float: left;
2225 float: left;
2226 color: @grey4;
2226 color: @grey4;
2227 }
2227 }
2228 .node-filter-input {
2228 .node-filter-input {
2229 float: left;
2229 float: left;
2230 margin: -2px 0px 0px 2px;
2230 margin: -2px 0px 0px 2px;
2231 input {
2231 input {
2232 padding: 2px;
2232 padding: 2px;
2233 border: none;
2233 border: none;
2234 font-size: @repo-title-fontsize;
2234 font-size: @repo-title-fontsize;
2235 }
2235 }
2236 }
2236 }
2237 }
2237 }
2238
2238
2239
2239
2240 .browser-result{
2240 .browser-result{
2241 td a{
2241 td a{
2242 margin-left: 0.5em;
2242 margin-left: 0.5em;
2243 display: inline-block;
2243 display: inline-block;
2244
2244
2245 em {
2245 em {
2246 font-weight: @text-bold-weight;
2246 font-weight: @text-bold-weight;
2247 font-family: @text-bold;
2247 font-family: @text-bold;
2248 }
2248 }
2249 }
2249 }
2250 }
2250 }
2251
2251
2252 .browser-highlight{
2252 .browser-highlight{
2253 background-color: @grey5-alpha;
2253 background-color: @grey5-alpha;
2254 }
2254 }
2255
2255
2256
2256
2257 // Search
2257 // Search
2258
2258
2259 .search-form{
2259 .search-form{
2260 #q {
2260 #q {
2261 width: @search-form-width;
2261 width: @search-form-width;
2262 }
2262 }
2263 .fields{
2263 .fields{
2264 margin: 0 0 @space;
2264 margin: 0 0 @space;
2265 }
2265 }
2266
2266
2267 label{
2267 label{
2268 display: inline-block;
2268 display: inline-block;
2269 margin-right: @textmargin;
2269 margin-right: @textmargin;
2270 padding-top: 0.25em;
2270 padding-top: 0.25em;
2271 }
2271 }
2272
2272
2273
2273
2274 .results{
2274 .results{
2275 clear: both;
2275 clear: both;
2276 margin: 0 0 @padding;
2276 margin: 0 0 @padding;
2277 }
2277 }
2278
2278
2279 .search-tags {
2279 .search-tags {
2280 padding: 5px 0;
2280 padding: 5px 0;
2281 }
2281 }
2282 }
2282 }
2283
2283
2284 div.search-feedback-items {
2284 div.search-feedback-items {
2285 display: inline-block;
2285 display: inline-block;
2286 }
2286 }
2287
2287
2288 div.search-code-body {
2288 div.search-code-body {
2289 background-color: #ffffff; padding: 5px 0 5px 10px;
2289 background-color: #ffffff; padding: 5px 0 5px 10px;
2290 pre {
2290 pre {
2291 .match { background-color: #faffa6;}
2291 .match { background-color: #faffa6;}
2292 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2292 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2293 }
2293 }
2294 }
2294 }
2295
2295
2296 .expand_commit.search {
2296 .expand_commit.search {
2297 .show_more.open {
2297 .show_more.open {
2298 height: auto;
2298 height: auto;
2299 max-height: none;
2299 max-height: none;
2300 }
2300 }
2301 }
2301 }
2302
2302
2303 .search-results {
2303 .search-results {
2304
2304
2305 h2 {
2305 h2 {
2306 margin-bottom: 0;
2306 margin-bottom: 0;
2307 }
2307 }
2308 .codeblock {
2308 .codeblock {
2309 border: none;
2309 border: none;
2310 background: transparent;
2310 background: transparent;
2311 }
2311 }
2312
2312
2313 .codeblock-header {
2313 .codeblock-header {
2314 border: none;
2314 border: none;
2315 background: transparent;
2315 background: transparent;
2316 }
2316 }
2317
2317
2318 .code-body {
2318 .code-body {
2319 border: @border-thickness solid @border-default-color;
2319 border: @border-thickness solid @border-default-color;
2320 .border-radius(@border-radius);
2320 .border-radius(@border-radius);
2321 }
2321 }
2322
2322
2323 .td-commit {
2323 .td-commit {
2324 &:extend(pre);
2324 &:extend(pre);
2325 border-bottom: @border-thickness solid @border-default-color;
2325 border-bottom: @border-thickness solid @border-default-color;
2326 }
2326 }
2327
2327
2328 .message {
2328 .message {
2329 height: auto;
2329 height: auto;
2330 max-width: 350px;
2330 max-width: 350px;
2331 white-space: normal;
2331 white-space: normal;
2332 text-overflow: initial;
2332 text-overflow: initial;
2333 overflow: visible;
2333 overflow: visible;
2334
2334
2335 .match { background-color: #faffa6;}
2335 .match { background-color: #faffa6;}
2336 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2336 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2337 }
2337 }
2338
2338
2339 }
2339 }
2340
2340
2341 table.rctable td.td-search-results div {
2341 table.rctable td.td-search-results div {
2342 max-width: 100%;
2342 max-width: 100%;
2343 }
2343 }
2344
2344
2345 #tip-box, .tip-box{
2345 #tip-box, .tip-box{
2346 padding: @menupadding/2;
2346 padding: @menupadding/2;
2347 display: block;
2347 display: block;
2348 border: @border-thickness solid @border-highlight-color;
2348 border: @border-thickness solid @border-highlight-color;
2349 .border-radius(@border-radius);
2349 .border-radius(@border-radius);
2350 background-color: white;
2350 background-color: white;
2351 z-index: 99;
2351 z-index: 99;
2352 white-space: pre-wrap;
2352 white-space: pre-wrap;
2353 }
2353 }
2354
2354
2355 #linktt {
2355 #linktt {
2356 width: 79px;
2356 width: 79px;
2357 }
2357 }
2358
2358
2359 #help_kb .modal-content{
2359 #help_kb .modal-content{
2360 max-width: 750px;
2360 max-width: 750px;
2361 margin: 10% auto;
2361 margin: 10% auto;
2362
2362
2363 table{
2363 table{
2364 td,th{
2364 td,th{
2365 border-bottom: none;
2365 border-bottom: none;
2366 line-height: 2.5em;
2366 line-height: 2.5em;
2367 }
2367 }
2368 th{
2368 th{
2369 padding-bottom: @textmargin/2;
2369 padding-bottom: @textmargin/2;
2370 }
2370 }
2371 td.keys{
2371 td.keys{
2372 text-align: center;
2372 text-align: center;
2373 }
2373 }
2374 }
2374 }
2375
2375
2376 .block-left{
2376 .block-left{
2377 width: 45%;
2377 width: 45%;
2378 margin-right: 5%;
2378 margin-right: 5%;
2379 }
2379 }
2380 .modal-footer{
2380 .modal-footer{
2381 clear: both;
2381 clear: both;
2382 }
2382 }
2383 .key.tag{
2383 .key.tag{
2384 padding: 0.5em;
2384 padding: 0.5em;
2385 background-color: @rcblue;
2385 background-color: @rcblue;
2386 color: white;
2386 color: white;
2387 border-color: @rcblue;
2387 border-color: @rcblue;
2388 .box-shadow(none);
2388 .box-shadow(none);
2389 }
2389 }
2390 }
2390 }
2391
2391
2392
2392
2393
2393
2394 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2394 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2395
2395
2396 @import 'statistics-graph';
2396 @import 'statistics-graph';
2397 @import 'tables';
2397 @import 'tables';
2398 @import 'forms';
2398 @import 'forms';
2399 @import 'diff';
2399 @import 'diff';
2400 @import 'summary';
2400 @import 'summary';
2401 @import 'navigation';
2401 @import 'navigation';
2402
2402
2403 //--- SHOW/HIDE SECTIONS --//
2403 //--- SHOW/HIDE SECTIONS --//
2404
2404
2405 .btn-collapse {
2405 .btn-collapse {
2406 float: right;
2406 float: right;
2407 text-align: right;
2407 text-align: right;
2408 font-family: @text-light;
2408 font-family: @text-light;
2409 font-size: @basefontsize;
2409 font-size: @basefontsize;
2410 cursor: pointer;
2410 cursor: pointer;
2411 border: none;
2411 border: none;
2412 color: @rcblue;
2412 color: @rcblue;
2413 }
2413 }
2414
2414
2415 table.rctable,
2415 table.rctable,
2416 table.dataTable {
2416 table.dataTable {
2417 .btn-collapse {
2417 .btn-collapse {
2418 float: right;
2418 float: right;
2419 text-align: right;
2419 text-align: right;
2420 }
2420 }
2421 }
2421 }
2422
2422
2423 table.rctable {
2423 table.rctable {
2424 &.permissions {
2424 &.permissions {
2425
2425
2426 th.td-owner {
2426 th.td-owner {
2427 padding: 0;
2427 padding: 0;
2428 }
2428 }
2429
2429
2430 th {
2430 th {
2431 font-weight: normal;
2431 font-weight: normal;
2432 padding: 0 5px;
2432 padding: 0 5px;
2433 }
2433 }
2434
2434
2435 }
2435 }
2436 }
2436 }
2437
2437
2438
2438
2439 // TODO: johbo: Fix for IE10, this avoids that we see a border
2439 // TODO: johbo: Fix for IE10, this avoids that we see a border
2440 // and padding around checkboxes and radio boxes. Move to the right place,
2440 // and padding around checkboxes and radio boxes. Move to the right place,
2441 // or better: Remove this once we did the form refactoring.
2441 // or better: Remove this once we did the form refactoring.
2442 input[type=checkbox],
2442 input[type=checkbox],
2443 input[type=radio] {
2443 input[type=radio] {
2444 padding: 0;
2444 padding: 0;
2445 border: none;
2445 border: none;
2446 }
2446 }
2447
2447
2448 .toggle-ajax-spinner{
2448 .toggle-ajax-spinner{
2449 height: 16px;
2449 height: 16px;
2450 width: 16px;
2450 width: 16px;
2451 }
2451 }
2452
2452
2453
2453
2454 .markup-form .clearfix {
2454 .markup-form .clearfix {
2455 .border-radius(@border-radius);
2455 .border-radius(@border-radius);
2456 margin: 0px;
2456 margin: 0px;
2457 }
2457 }
2458
2458
2459 .markup-form-area {
2459 .markup-form-area {
2460 padding: 8px 12px;
2460 padding: 8px 12px;
2461 border: 1px solid @grey4;
2461 border: 1px solid @grey4;
2462 .border-radius(@border-radius);
2462 .border-radius(@border-radius);
2463 }
2463 }
2464
2464
2465 .markup-form-area-header .nav-links {
2465 .markup-form-area-header .nav-links {
2466 display: flex;
2466 display: flex;
2467 flex-flow: row wrap;
2467 flex-flow: row wrap;
2468 -webkit-flex-flow: row wrap;
2468 -webkit-flex-flow: row wrap;
2469 width: 100%;
2469 width: 100%;
2470 }
2470 }
2471
2471
2472 .markup-form-area-footer {
2472 .markup-form-area-footer {
2473 display: flex;
2473 display: flex;
2474 }
2474 }
2475
2475
2476 .markup-form-area-footer .toolbar {
2476 .markup-form-area-footer .toolbar {
2477
2477
2478 }
2478 }
2479
2479
2480 // markup Form
2480 // markup Form
2481 div.markup-form {
2481 div.markup-form {
2482 margin-top: 20px;
2482 margin-top: 20px;
2483 }
2483 }
2484
2484
2485 .markup-form strong {
2485 .markup-form strong {
2486 display: block;
2486 display: block;
2487 margin-bottom: 15px;
2487 margin-bottom: 15px;
2488 }
2488 }
2489
2489
2490 .markup-form textarea {
2490 .markup-form textarea {
2491 width: 100%;
2491 width: 100%;
2492 height: 100px;
2492 height: 100px;
2493 font-family: @text-monospace;
2493 font-family: @text-monospace;
2494 }
2494 }
2495
2495
2496 form.markup-form {
2496 form.markup-form {
2497 margin-top: 10px;
2497 margin-top: 10px;
2498 margin-left: 10px;
2498 margin-left: 10px;
2499 }
2499 }
2500
2500
2501 .markup-form .comment-block-ta,
2501 .markup-form .comment-block-ta,
2502 .markup-form .preview-box {
2502 .markup-form .preview-box {
2503 .border-radius(@border-radius);
2503 .border-radius(@border-radius);
2504 .box-sizing(border-box);
2504 .box-sizing(border-box);
2505 background-color: white;
2505 background-color: white;
2506 }
2506 }
2507
2507
2508 .markup-form .preview-box.unloaded {
2508 .markup-form .preview-box.unloaded {
2509 height: 50px;
2509 height: 50px;
2510 text-align: center;
2510 text-align: center;
2511 padding: 20px;
2511 padding: 20px;
2512 background-color: white;
2512 background-color: white;
2513 }
2513 }
@@ -1,423 +1,439 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: @space;
186 margin-bottom: @space;
187
187
188 .rc-user {
188 .rc-user {
189 min-width: 0;
189 min-width: 0;
190 }
190 }
191 }
191 }
192
192
193 .summary {
193 .summary {
194 .fieldset {
194 .fieldset {
195 margin-bottom: 0;
195 margin-bottom: 0;
196 }
196 }
197 }
197 }
198
198
199 .fieldset {
199 .fieldset {
200
200
201 .left-label { // similar to form legend
201 .left-label { // similar to form legend
202 display: block;
202 display: block;
203 margin: 0;
203 margin: 0;
204 padding: 0;
204 padding: 0;
205 font-weight: @text-semibold-weight;
205 font-weight: @text-semibold-weight;
206 font-family: @text-semibold;
206 font-family: @text-semibold;
207 }
207 }
208
208
209 .left-label-summary {
209 .left-label-summary {
210 padding-left: 20px;
210 padding-left: 20px;
211 margin-bottom: 5px;
211 margin-bottom: 5px;
212
212
213 p {
213 p {
214 margin-bottom: 5px;
214 margin-bottom: 5px;
215 color: @grey1;
215 color: @grey1;
216 float: left;
216 float: left;
217 width: 130px;
217 width: 130px;
218 }
218 }
219
219
220 .right-label-summary {
220 .right-label-summary {
221 float: left;
221 float: left;
222 margin-top: 7px;
222 margin-top: 7px;
223 }
223 }
224 }
224 }
225
225
226 .left-content {
226 .left-content {
227 width: ~"calc(50% - 20px)";
227 width: ~"calc(50% - 20px)";
228 float: left;
228 float: left;
229 margin: 15px 0 15px 20px;
229 margin: 15px 0 15px 20px;
230
230
231 .rc-user {
231 .rc-user {
232 min-width: auto;
232 min-width: auto;
233 max-width: none;
233 max-width: none;
234 min-height: auto;
234 min-height: auto;
235 padding-right: 5px;
235 padding-right: 5px;
236 }
236 }
237
238 .left-content-avatar {
239 width: 45px;
240 float: left;
241 margin-top: 8px;
242 }
243
244 .left-content-message {
245 float: left;
246 }
237 }
247 }
238
248
239 .right-content { // similar to form fields
249 .right-content { // similar to form fields
240 float: left;
250 float: left;
241 display: block;
251 display: block;
242 width: ~"calc(50% - 20px)";
252 width: ~"calc(50% - 20px)";
243 text-align: right;
253 text-align: right;
244 margin: 15px 20px 15px 0;
254 margin: 15px 20px 15px 0;
245
255
246 .truncate-wrap,
256 .truncate-wrap,
247 .truncate {
257 .truncate {
248 max-width: 100%;
258 max-width: 100%;
249 width: 100%;
259 width: 100%;
250 }
260 }
251
261
252 .commit-long {
262 .commit-long {
253 overflow-x: auto;
263 overflow-x: auto;
254 }
264 }
255
265
256 .commit-info {
266 .commit-info {
257 margin-top: 7px;
267 margin-top: 7px;
258 }
268 }
259
269
260 .tag, .tagtag, .branchtag, .booktag, .metatag, .perm_tag {
270 .tag, .tagtag, .branchtag, .booktag, .metatag, .perm_tag {
261 background:transparent;
271 background:transparent;
262 border: none;
272 border: none;
263 box-shadow: none;
273 box-shadow: none;
264 margin-left: 10px;
274 margin-left: 10px;
265 font-size: 13px;
275 font-size: 13px;
266 }
276 }
267
277
268 .tag span, .tag i {
278 .tag span, .tag i {
269 color: @grey1;
279 color: @grey1;
270 }
280 }
271 }
281 }
272 .commit {
282 .commit {
273 color: @grey1;
283 color: @grey1;
274 margin-bottom: 10px;
284 margin-bottom: 5px;
275 }
285 }
276 .commit.truncate-wrap {
286 .commit.truncate-wrap {
277 overflow:hidden;
287 overflow:hidden;
278 text-overflow: ellipsis;
288 text-overflow: ellipsis;
279 }
289 }
290 .commit-author {
291 color: @grey1;
292 }
293 .commit-date {
294 color: @grey4;
295 }
280 }
296 }
281
297
282 // expand commit message
298 // expand commit message
283 #message_expand {
299 #message_expand {
284 clear: both;
300 clear: both;
285 display: block;
301 display: block;
286 color: @rcblue;
302 color: @rcblue;
287 cursor: pointer;
303 cursor: pointer;
288 }
304 }
289
305
290 #trimmed_message_box {
306 #trimmed_message_box {
291 max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height
307 max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height
292 overflow: hidden;
308 overflow: hidden;
293 }
309 }
294
310
295 // show/hide comments button
311 // show/hide comments button
296 .show-inline-comments {
312 .show-inline-comments {
297 display: inline;
313 display: inline;
298 cursor: pointer;
314 cursor: pointer;
299
315
300 .comments-show { display: inline; }
316 .comments-show { display: inline; }
301 .comments-hide { display: none; }
317 .comments-hide { display: none; }
302
318
303 &.comments-visible {
319 &.comments-visible {
304 .comments-show { display: none; }
320 .comments-show { display: none; }
305 .comments-hide { display: inline; }
321 .comments-hide { display: inline; }
306 }
322 }
307 }
323 }
308
324
309 // Quick Start section
325 // Quick Start section
310
326
311 .empty-repo {
327 .empty-repo {
312 border: 1px solid #EAEAEA;
328 border: 1px solid #EAEAEA;
313 border-bottom: 0;
329 border-bottom: 0;
314 border-radius: @border-radius;
330 border-radius: @border-radius;
315 padding: 0 20px;
331 padding: 0 20px;
316 }
332 }
317
333
318 .empty-repo h3, .quick_start p {
334 .empty-repo h3, .quick_start p {
319 margin-bottom: 10px;
335 margin-bottom: 10px;
320 }
336 }
321
337
322 .quick_start pre {
338 .quick_start pre {
323 background: #FCFEFF;
339 background: #FCFEFF;
324 border: 1px solid #CBDBEB;
340 border: 1px solid #CBDBEB;
325 box-shadow: @button-shadow;
341 box-shadow: @button-shadow;
326 padding: 10px 15px;
342 padding: 10px 15px;
327 border-radius: 4px;
343 border-radius: 4px;
328 color: @grey2;
344 color: @grey2;
329 }
345 }
330
346
331 .clear-fix {
347 .clear-fix {
332 clear: both;
348 clear: both;
333 }
349 }
334
350
335 .quick_start {
351 .quick_start {
336 display: block;
352 display: block;
337 position: relative;
353 position: relative;
338 border: 1px solid #EAEAEA;
354 border: 1px solid #EAEAEA;
339 border-top: 0;
355 border-top: 0;
340 border-radius: @border-radius;
356 border-radius: @border-radius;
341 padding: 0 20px;
357 padding: 0 20px;
342
358
343 // adds some space to make copy and paste easier
359 // adds some space to make copy and paste easier
344 .left-label,
360 .left-label,
345 .right-content {
361 .right-content {
346 line-height: 1.6em;
362 line-height: 1.6em;
347 }
363 }
348 }
364 }
349
365
350
366
351 .submodule {
367 .submodule {
352 .summary-detail {
368 .summary-detail {
353 width: 100%;
369 width: 100%;
354
370
355 .btn-collapse {
371 .btn-collapse {
356 display: none;
372 display: none;
357 }
373 }
358 }
374 }
359 }
375 }
360
376
361 .codeblock-header {
377 .codeblock-header {
362 float: left;
378 float: left;
363 display: block;
379 display: block;
364 width: 100%;
380 width: 100%;
365 margin: 0;
381 margin: 0;
366 padding: @space 0 10px 0;
382 padding: @space 0 10px 0;
367 border-top: @border-thickness solid @border-default-color;
383 border-top: @border-thickness solid @border-default-color;
368
384
369 .stats {
385 .stats {
370 float: left;
386 float: left;
371 }
387 }
372 .stats-filename {
388 .stats-filename {
373 font-size: 120%;
389 font-size: 120%;
374 }
390 }
375 .stats-first-item {
391 .stats-first-item {
376 padding: 0px 0px 0px 3px;
392 padding: 0px 0px 0px 3px;
377 }
393 }
378
394
379 .buttons {
395 .buttons {
380 float: right;
396 float: right;
381 text-align: right;
397 text-align: right;
382 color: @grey4;
398 color: @grey4;
383 }
399 }
384
400
385 .file-container {
401 .file-container {
386 display: inline-block;
402 display: inline-block;
387 width: 100%;
403 width: 100%;
388 }
404 }
389
405
390 }
406 }
391
407
392 #summary-menu-stats {
408 #summary-menu-stats {
393
409
394 .stats-bullet {
410 .stats-bullet {
395 color: @grey3;
411 color: @grey3;
396 min-width: 3em;
412 min-width: 3em;
397 }
413 }
398
414
399 .repo-size {
415 .repo-size {
400 margin-bottom: .5em;
416 margin-bottom: .5em;
401 }
417 }
402
418
403 }
419 }
404
420
405 .rctable.repo_summary {
421 .rctable.repo_summary {
406 border: 1px solid #eaeaea;
422 border: 1px solid #eaeaea;
407 border-radius: 2px;
423 border-radius: 2px;
408 border-collapse: inherit;
424 border-collapse: inherit;
409 border-bottom: 0;
425 border-bottom: 0;
410
426
411 th {
427 th {
412 background: @grey7;
428 background: @grey7;
413 border-bottom: 0;
429 border-bottom: 0;
414 }
430 }
415
431
416 td {
432 td {
417 border-color: #eaeaea;
433 border-color: #eaeaea;
418 }
434 }
419
435
420 td.td-status {
436 td.td-status {
421 padding: 0 0 0 10px;
437 padding: 0 0 0 10px;
422 }
438 }
423 }
439 }
@@ -1,82 +1,82 b''
1 <div id="file-tree-wrapper" class="browser-body ${'full-load' if c.full_load else ''}">
1 <div id="file-tree-wrapper" class="browser-body ${'full-load' if c.full_load else ''}">
2 <table class="code-browser rctable">
2 <table class="code-browser rctable repo_summary">
3 <thead>
3 <thead>
4 <tr>
4 <tr>
5 <th>${_('Name')}</th>
5 <th>${_('Name')}</th>
6 <th>${_('Size')}</th>
6 <th>${_('Size')}</th>
7 <th>${_('Modified')}</th>
7 <th>${_('Modified')}</th>
8 <th>${_('Last Commit')}</th>
8 <th>${_('Last Commit')}</th>
9 <th>${_('Author')}</th>
9 <th>${_('Author')}</th>
10 </tr>
10 </tr>
11 </thead>
11 </thead>
12
12
13 <tbody id="tbody">
13 <tbody id="tbody">
14 %if c.file.parent:
14 %if c.file.parent:
15 <tr class="parity0">
15 <tr class="parity0">
16 <td class="td-componentname">
16 <td class="td-componentname">
17 <a href="${h.route_path('repo_files',repo_name=c.repo_name,commit_id=c.commit.raw_id,f_path=c.file.parent.path)}" class="pjax-link">
17 <a href="${h.route_path('repo_files',repo_name=c.repo_name,commit_id=c.commit.raw_id,f_path=c.file.parent.path)}" class="pjax-link">
18 <i class="icon-directory"></i>..
18 <i class="icon-directory"></i>..
19 </a>
19 </a>
20 </td>
20 </td>
21 <td></td>
21 <td></td>
22 <td></td>
22 <td></td>
23 <td></td>
23 <td></td>
24 <td></td>
24 <td></td>
25 </tr>
25 </tr>
26 %endif
26 %endif
27 %for cnt,node in enumerate(c.file):
27 %for cnt,node in enumerate(c.file):
28 <tr class="parity${cnt%2}">
28 <tr class="parity${cnt%2}">
29 <td class="td-componentname">
29 <td class="td-componentname">
30 % if node.is_submodule():
30 % if node.is_submodule():
31 <span class="submodule-dir">
31 <span class="submodule-dir">
32 % if node.url.startswith('http://') or node.url.startswith('https://'):
32 % if node.url.startswith('http://') or node.url.startswith('https://'):
33 <a href="${node.url}">
33 <a href="${node.url}">
34 <i class="icon-directory browser-dir"></i>${node.name}
34 <i class="icon-directory browser-dir"></i>${node.name}
35 </a>
35 </a>
36 % else:
36 % else:
37 <i class="icon-directory browser-dir"></i>${node.name}
37 <i class="icon-directory browser-dir"></i>${node.name}
38 % endif
38 % endif
39 </span>
39 </span>
40 % else:
40 % else:
41 <a href="${h.route_path('repo_files',repo_name=c.repo_name,commit_id=c.commit.raw_id,f_path=h.safe_unicode(node.path))}" class="pjax-link">
41 <a href="${h.route_path('repo_files',repo_name=c.repo_name,commit_id=c.commit.raw_id,f_path=h.safe_unicode(node.path))}" class="pjax-link">
42 <i class="${'icon-file-text browser-file' if node.is_file() else 'icon-directory browser-dir'}"></i>${node.name}
42 <i class="${'icon-file-text browser-file' if node.is_file() else 'icon-directory browser-dir'}"></i>${node.name}
43 </a>
43 </a>
44 % endif
44 % endif
45 </td>
45 </td>
46 %if node.is_file():
46 %if node.is_file():
47 <td class="td-size" data-attr-name="size">
47 <td class="td-size" data-attr-name="size">
48 % if c.full_load:
48 % if c.full_load:
49 <span data-size="${node.size}">${h.format_byte_size_binary(node.size)}</span>
49 <span data-size="${node.size}">${h.format_byte_size_binary(node.size)}</span>
50 % else:
50 % else:
51 ${_('Loading ...')}
51 ${_('Loading ...')}
52 % endif
52 % endif
53 </td>
53 </td>
54 <td class="td-time" data-attr-name="modified_at">
54 <td class="td-time" data-attr-name="modified_at">
55 % if c.full_load:
55 % if c.full_load:
56 <span data-date="${node.last_commit.date}">${h.age_component(node.last_commit.date)}</span>
56 <span data-date="${node.last_commit.date}">${h.age_component(node.last_commit.date)}</span>
57 % endif
57 % endif
58 </td>
58 </td>
59 <td class="td-hash" data-attr-name="commit_id">
59 <td class="td-hash" data-attr-name="commit_id">
60 % if c.full_load:
60 % if c.full_load:
61 <div class="tooltip" title="${h.tooltip(node.last_commit.message)}">
61 <div class="tooltip" title="${h.tooltip(node.last_commit.message)}">
62 <pre data-commit-id="${node.last_commit.raw_id}">r${node.last_commit.idx}:${node.last_commit.short_id}</pre>
62 <pre data-commit-id="${node.last_commit.raw_id}">r${node.last_commit.idx}:${node.last_commit.short_id}</pre>
63 </div>
63 </div>
64 % endif
64 % endif
65 </td>
65 </td>
66 <td class="td-user" data-attr-name="author">
66 <td class="td-user" data-attr-name="author">
67 % if c.full_load:
67 % if c.full_load:
68 <span data-author="${node.last_commit.author}" title="${h.tooltip(node.last_commit.author)}">${h.gravatar_with_user(request, node.last_commit.author)|n}</span>
68 <span data-author="${node.last_commit.author}" title="${h.tooltip(node.last_commit.author)}">${h.gravatar_with_user(request, node.last_commit.author)|n}</span>
69 % endif
69 % endif
70 </td>
70 </td>
71 %else:
71 %else:
72 <td></td>
72 <td></td>
73 <td></td>
73 <td></td>
74 <td></td>
74 <td></td>
75 <td></td>
75 <td></td>
76 %endif
76 %endif
77 </tr>
77 </tr>
78 %endfor
78 %endfor
79 </tbody>
79 </tbody>
80 <tbody id="tbody_filtered"></tbody>
80 <tbody id="tbody_filtered"></tbody>
81 </table>
81 </table>
82 </div>
82 </div>
@@ -1,37 +1,46 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
8 <div class="left-content-avatar">
9 ${base.gravatar(c.commit.author, 30)}
10 </div>
11
12 <div class="left-content-message">
7 <div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
13 <div class="fieldset collapsable-content no-hide" data-toggle="summary-details">
8 <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>
9 </div>
15 </div>
10
16
11 <div class="fieldset collapsable-content" data-toggle="summary-details">
17 <div class="fieldset collapsable-content" data-toggle="summary-details">
12 <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>
13 </div>
19 </div>
14
20
15 <div class="clear-fix">${base.gravatar_with_user(c.commit.author)}-${h.age_component(c.commit.date)}</div>
21 <div class="clear-fix">
22 <span class="commit-author">${h.link_to_user(c.commit.author)}</span><span class="commit-date">-${h.age_component(c.commit.date)}</span>
23 </div>
24 </div>
16 </div>
25 </div>
17
26
18 <div class="right-content">
27 <div class="right-content">
19 <div class="tags commit-info">
28 <div class="tags commit-info">
20 <code>
29 <code>
21 <a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a>
30 <a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a>
22 </code>
31 </code>
23
32
24 ${file_base.refs(c.commit)}
33 ${file_base.refs(c.commit)}
25 </div>
34 </div>
26 </div>
35 </div>
27 <div class="clear-fix">
36 <div class="clear-fix">
28 </div>
37 </div>
29
38
30
39
31 <div class="btn-collapse" data-toggle="summary-details">
40 <div class="btn-collapse" data-toggle="summary-details">
32 ${_('Show More')}
41 ${_('Show More')}
33 </div>
42 </div>
34 </div>
43 </div>
35 <script>
44 <script>
36 collapsableContent();
45 collapsableContent();
37 </script>
46 </script>
General Comments 0
You need to be logged in to leave comments. Login now