##// END OF EJS Templates
ui: fixed style for ancestor commit. Fixes #5558
ergo -
r3807:8d1b03e8 stable
parent child Browse files
Show More
@@ -1,2790 +1,2796 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 color: @grey4;
110 color: @grey4;
111 margin-left: 5px;
111 margin-left: 5px;
112
112
113 &:hover {
113 &:hover {
114 color: @grey2;
114 color: @grey2;
115 }
115 }
116 }
116 }
117
117
118 ul.simple-list{
118 ul.simple-list{
119 list-style: none;
119 list-style: none;
120 margin: 0;
120 margin: 0;
121 padding: 0;
121 padding: 0;
122 }
122 }
123
123
124 .main-content {
124 .main-content {
125 padding-bottom: @pagepadding;
125 padding-bottom: @pagepadding;
126 }
126 }
127
127
128 .wide-mode-wrapper {
128 .wide-mode-wrapper {
129 max-width:4000px !important;
129 max-width:4000px !important;
130 }
130 }
131
131
132 .wrapper {
132 .wrapper {
133 position: relative;
133 position: relative;
134 max-width: @wrapper-maxwidth;
134 max-width: @wrapper-maxwidth;
135 margin: 0 auto;
135 margin: 0 auto;
136 }
136 }
137
137
138 #content {
138 #content {
139 clear: both;
139 clear: both;
140 padding: 0 @contentpadding;
140 padding: 0 @contentpadding;
141 }
141 }
142
142
143 .advanced-settings-fields{
143 .advanced-settings-fields{
144 input{
144 input{
145 margin-left: @textmargin;
145 margin-left: @textmargin;
146 margin-right: @padding/2;
146 margin-right: @padding/2;
147 }
147 }
148 }
148 }
149
149
150 .cs_files_title {
150 .cs_files_title {
151 margin: @pagepadding 0 0;
151 margin: @pagepadding 0 0;
152 }
152 }
153
153
154 input.inline[type="file"] {
154 input.inline[type="file"] {
155 display: inline;
155 display: inline;
156 }
156 }
157
157
158 .error_page {
158 .error_page {
159 margin: 10% auto;
159 margin: 10% auto;
160
160
161 h1 {
161 h1 {
162 color: @grey2;
162 color: @grey2;
163 }
163 }
164
164
165 .alert {
165 .alert {
166 margin: @padding 0;
166 margin: @padding 0;
167 }
167 }
168
168
169 .error-branding {
169 .error-branding {
170 color: @grey4;
170 color: @grey4;
171 font-weight: @text-semibold-weight;
171 font-weight: @text-semibold-weight;
172 font-family: @text-semibold;
172 font-family: @text-semibold;
173 }
173 }
174
174
175 .error_message {
175 .error_message {
176 font-family: @text-regular;
176 font-family: @text-regular;
177 }
177 }
178
178
179 .sidebar {
179 .sidebar {
180 min-height: 275px;
180 min-height: 275px;
181 margin: 0;
181 margin: 0;
182 padding: 0 0 @sidebarpadding @sidebarpadding;
182 padding: 0 0 @sidebarpadding @sidebarpadding;
183 border: none;
183 border: none;
184 }
184 }
185
185
186 .main-content {
186 .main-content {
187 position: relative;
187 position: relative;
188 margin: 0 @sidebarpadding @sidebarpadding;
188 margin: 0 @sidebarpadding @sidebarpadding;
189 padding: 0 0 0 @sidebarpadding;
189 padding: 0 0 0 @sidebarpadding;
190 border-left: @border-thickness solid @grey5;
190 border-left: @border-thickness solid @grey5;
191
191
192 @media (max-width:767px) {
192 @media (max-width:767px) {
193 clear: both;
193 clear: both;
194 width: 100%;
194 width: 100%;
195 margin: 0;
195 margin: 0;
196 border: none;
196 border: none;
197 }
197 }
198 }
198 }
199
199
200 .inner-column {
200 .inner-column {
201 float: left;
201 float: left;
202 width: 29.75%;
202 width: 29.75%;
203 min-height: 150px;
203 min-height: 150px;
204 margin: @sidebarpadding 2% 0 0;
204 margin: @sidebarpadding 2% 0 0;
205 padding: 0 2% 0 0;
205 padding: 0 2% 0 0;
206 border-right: @border-thickness solid @grey5;
206 border-right: @border-thickness solid @grey5;
207
207
208 @media (max-width:767px) {
208 @media (max-width:767px) {
209 clear: both;
209 clear: both;
210 width: 100%;
210 width: 100%;
211 border: none;
211 border: none;
212 }
212 }
213
213
214 ul {
214 ul {
215 padding-left: 1.25em;
215 padding-left: 1.25em;
216 }
216 }
217
217
218 &:last-child {
218 &:last-child {
219 margin: @sidebarpadding 0 0;
219 margin: @sidebarpadding 0 0;
220 border: none;
220 border: none;
221 }
221 }
222
222
223 h4 {
223 h4 {
224 margin: 0 0 @padding;
224 margin: 0 0 @padding;
225 font-weight: @text-semibold-weight;
225 font-weight: @text-semibold-weight;
226 font-family: @text-semibold;
226 font-family: @text-semibold;
227 }
227 }
228 }
228 }
229 }
229 }
230 .error-page-logo {
230 .error-page-logo {
231 width: 130px;
231 width: 130px;
232 height: 160px;
232 height: 160px;
233 }
233 }
234
234
235 // HEADER
235 // HEADER
236 .header {
236 .header {
237
237
238 // TODO: johbo: Fix login pages, so that they work without a min-height
238 // TODO: johbo: Fix login pages, so that they work without a min-height
239 // for the header and then remove the min-height. I chose a smaller value
239 // for the header and then remove the min-height. I chose a smaller value
240 // intentionally here to avoid rendering issues in the main navigation.
240 // intentionally here to avoid rendering issues in the main navigation.
241 min-height: 49px;
241 min-height: 49px;
242
242
243 position: relative;
243 position: relative;
244 vertical-align: bottom;
244 vertical-align: bottom;
245 padding: 0 @header-padding;
245 padding: 0 @header-padding;
246 background-color: @grey1;
246 background-color: @grey1;
247 color: @grey5;
247 color: @grey5;
248
248
249 .title {
249 .title {
250 overflow: visible;
250 overflow: visible;
251 }
251 }
252
252
253 &:before,
253 &:before,
254 &:after {
254 &:after {
255 content: "";
255 content: "";
256 clear: both;
256 clear: both;
257 width: 100%;
257 width: 100%;
258 }
258 }
259
259
260 // TODO: johbo: Avoids breaking "Repositories" chooser
260 // TODO: johbo: Avoids breaking "Repositories" chooser
261 .select2-container .select2-choice .select2-arrow {
261 .select2-container .select2-choice .select2-arrow {
262 display: none;
262 display: none;
263 }
263 }
264 }
264 }
265
265
266 #header-inner {
266 #header-inner {
267 &.title {
267 &.title {
268 margin: 0;
268 margin: 0;
269 }
269 }
270 &:before,
270 &:before,
271 &:after {
271 &:after {
272 content: "";
272 content: "";
273 clear: both;
273 clear: both;
274 }
274 }
275 }
275 }
276
276
277 // Gists
277 // Gists
278 #files_data {
278 #files_data {
279 clear: both; //for firefox
279 clear: both; //for firefox
280 padding-top: 10px;
280 padding-top: 10px;
281 }
281 }
282
282
283 #gistid {
283 #gistid {
284 margin-right: @padding;
284 margin-right: @padding;
285 }
285 }
286
286
287 // Global Settings Editor
287 // Global Settings Editor
288 .textarea.editor {
288 .textarea.editor {
289 float: left;
289 float: left;
290 position: relative;
290 position: relative;
291 max-width: @texteditor-width;
291 max-width: @texteditor-width;
292
292
293 select {
293 select {
294 position: absolute;
294 position: absolute;
295 top:10px;
295 top:10px;
296 right:0;
296 right:0;
297 }
297 }
298
298
299 .CodeMirror {
299 .CodeMirror {
300 margin: 0;
300 margin: 0;
301 }
301 }
302
302
303 .help-block {
303 .help-block {
304 margin: 0 0 @padding;
304 margin: 0 0 @padding;
305 padding:.5em;
305 padding:.5em;
306 background-color: @grey6;
306 background-color: @grey6;
307 &.pre-formatting {
307 &.pre-formatting {
308 white-space: pre;
308 white-space: pre;
309 }
309 }
310 }
310 }
311 }
311 }
312
312
313 ul.auth_plugins {
313 ul.auth_plugins {
314 margin: @padding 0 @padding @legend-width;
314 margin: @padding 0 @padding @legend-width;
315 padding: 0;
315 padding: 0;
316
316
317 li {
317 li {
318 margin-bottom: @padding;
318 margin-bottom: @padding;
319 line-height: 1em;
319 line-height: 1em;
320 list-style-type: none;
320 list-style-type: none;
321
321
322 .auth_buttons .btn {
322 .auth_buttons .btn {
323 margin-right: @padding;
323 margin-right: @padding;
324 }
324 }
325
325
326 }
326 }
327 }
327 }
328
328
329
329
330 // My Account PR list
330 // My Account PR list
331
331
332 #show_closed {
332 #show_closed {
333 margin: 0 1em 0 0;
333 margin: 0 1em 0 0;
334 }
334 }
335
335
336 .pullrequestlist {
336 .pullrequestlist {
337 .closed {
337 .closed {
338 background-color: @grey6;
338 background-color: @grey6;
339 }
339 }
340 .td-status {
340 .td-status {
341 padding-left: .5em;
341 padding-left: .5em;
342 }
342 }
343 .log-container .truncate {
343 .log-container .truncate {
344 height: 2.75em;
344 height: 2.75em;
345 white-space: pre-line;
345 white-space: pre-line;
346 }
346 }
347 table.rctable .user {
347 table.rctable .user {
348 padding-left: 0;
348 padding-left: 0;
349 }
349 }
350 table.rctable {
350 table.rctable {
351 td.td-description,
351 td.td-description,
352 .rc-user {
352 .rc-user {
353 min-width: auto;
353 min-width: auto;
354 }
354 }
355 }
355 }
356 }
356 }
357
357
358 // Pull Requests
358 // Pull Requests
359
359
360 .pullrequests_section_head {
360 .pullrequests_section_head {
361 display: block;
361 display: block;
362 clear: both;
362 clear: both;
363 margin: @padding 0;
363 margin: @padding 0;
364 font-weight: @text-bold-weight;
364 font-weight: @text-bold-weight;
365 font-family: @text-bold;
365 font-family: @text-bold;
366 }
366 }
367
367
368 .pr-origininfo, .pr-targetinfo {
368 .pr-origininfo, .pr-targetinfo {
369 position: relative;
369 position: relative;
370
370
371 .tag {
371 .tag {
372 display: inline-block;
372 display: inline-block;
373 margin: 0 1em .5em 0;
373 margin: 0 1em .5em 0;
374 }
374 }
375
375
376 .clone-url {
376 .clone-url {
377 display: inline-block;
377 display: inline-block;
378 margin: 0 0 .5em 0;
378 margin: 0 0 .5em 0;
379 padding: 0;
379 padding: 0;
380 line-height: 1.2em;
380 line-height: 1.2em;
381 }
381 }
382 }
382 }
383
383
384 .pr-mergeinfo {
384 .pr-mergeinfo {
385 min-width: 95% !important;
385 min-width: 95% !important;
386 padding: 0 !important;
386 padding: 0 !important;
387 border: 0;
387 border: 0;
388 }
388 }
389 .pr-mergeinfo-copy {
389 .pr-mergeinfo-copy {
390 padding: 0 0;
390 padding: 0 0;
391 }
391 }
392
392
393 .pr-pullinfo {
393 .pr-pullinfo {
394 min-width: 95% !important;
394 min-width: 95% !important;
395 padding: 0 !important;
395 padding: 0 !important;
396 border: 0;
396 border: 0;
397 }
397 }
398 .pr-pullinfo-copy {
398 .pr-pullinfo-copy {
399 padding: 0 0;
399 padding: 0 0;
400 }
400 }
401
401
402
402
403 #pr-title-input {
403 #pr-title-input {
404 width: 72%;
404 width: 72%;
405 font-size: 1em;
405 font-size: 1em;
406 margin: 0;
406 margin: 0;
407 padding: 0 0 0 @padding/4;
407 padding: 0 0 0 @padding/4;
408 line-height: 1.7em;
408 line-height: 1.7em;
409 color: @text-color;
409 color: @text-color;
410 letter-spacing: .02em;
410 letter-spacing: .02em;
411 font-weight: @text-bold-weight;
411 font-weight: @text-bold-weight;
412 font-family: @text-bold;
412 font-family: @text-bold;
413 }
413 }
414
414
415 #pullrequest_title {
415 #pullrequest_title {
416 width: 100%;
416 width: 100%;
417 box-sizing: border-box;
417 box-sizing: border-box;
418 }
418 }
419
419
420 #pr_open_message {
420 #pr_open_message {
421 border: @border-thickness solid #fff;
421 border: @border-thickness solid #fff;
422 border-radius: @border-radius;
422 border-radius: @border-radius;
423 padding: @padding-large-vertical @padding-large-vertical @padding-large-vertical 0;
423 padding: @padding-large-vertical @padding-large-vertical @padding-large-vertical 0;
424 text-align: left;
424 text-align: left;
425 overflow: hidden;
425 overflow: hidden;
426 }
426 }
427
427
428 .pr-submit-button {
428 .pr-submit-button {
429 float: right;
429 float: right;
430 margin: 0 0 0 5px;
430 margin: 0 0 0 5px;
431 }
431 }
432
432
433 .pr-spacing-container {
433 .pr-spacing-container {
434 padding: 20px;
434 padding: 20px;
435 clear: both
435 clear: both
436 }
436 }
437
437
438 #pr-description-input {
438 #pr-description-input {
439 margin-bottom: 0;
439 margin-bottom: 0;
440 }
440 }
441
441
442 .pr-description-label {
442 .pr-description-label {
443 vertical-align: top;
443 vertical-align: top;
444 }
444 }
445
445
446 .perms_section_head {
446 .perms_section_head {
447 min-width: 625px;
447 min-width: 625px;
448
448
449 h2 {
449 h2 {
450 margin-bottom: 0;
450 margin-bottom: 0;
451 }
451 }
452
452
453 .label-checkbox {
453 .label-checkbox {
454 float: left;
454 float: left;
455 }
455 }
456
456
457 &.field {
457 &.field {
458 margin: @space 0 @padding;
458 margin: @space 0 @padding;
459 }
459 }
460
460
461 &:first-child.field {
461 &:first-child.field {
462 margin-top: 0;
462 margin-top: 0;
463
463
464 .label {
464 .label {
465 margin-top: 0;
465 margin-top: 0;
466 padding-top: 0;
466 padding-top: 0;
467 }
467 }
468
468
469 .radios {
469 .radios {
470 padding-top: 0;
470 padding-top: 0;
471 }
471 }
472 }
472 }
473
473
474 .radios {
474 .radios {
475 position: relative;
475 position: relative;
476 width: 505px;
476 width: 505px;
477 }
477 }
478 }
478 }
479
479
480 //--- MODULES ------------------//
480 //--- MODULES ------------------//
481
481
482
482
483 // Server Announcement
483 // Server Announcement
484 #server-announcement {
484 #server-announcement {
485 width: 95%;
485 width: 95%;
486 margin: @padding auto;
486 margin: @padding auto;
487 padding: @padding;
487 padding: @padding;
488 border-width: 2px;
488 border-width: 2px;
489 border-style: solid;
489 border-style: solid;
490 .border-radius(2px);
490 .border-radius(2px);
491 font-weight: @text-bold-weight;
491 font-weight: @text-bold-weight;
492 font-family: @text-bold;
492 font-family: @text-bold;
493
493
494 &.info { border-color: @alert4; background-color: @alert4-inner; }
494 &.info { border-color: @alert4; background-color: @alert4-inner; }
495 &.warning { border-color: @alert3; background-color: @alert3-inner; }
495 &.warning { border-color: @alert3; background-color: @alert3-inner; }
496 &.error { border-color: @alert2; background-color: @alert2-inner; }
496 &.error { border-color: @alert2; background-color: @alert2-inner; }
497 &.success { border-color: @alert1; background-color: @alert1-inner; }
497 &.success { border-color: @alert1; background-color: @alert1-inner; }
498 &.neutral { border-color: @grey3; background-color: @grey6; }
498 &.neutral { border-color: @grey3; background-color: @grey6; }
499 }
499 }
500
500
501 // Fixed Sidebar Column
501 // Fixed Sidebar Column
502 .sidebar-col-wrapper {
502 .sidebar-col-wrapper {
503 padding-left: @sidebar-all-width;
503 padding-left: @sidebar-all-width;
504
504
505 .sidebar {
505 .sidebar {
506 width: @sidebar-width;
506 width: @sidebar-width;
507 margin-left: -@sidebar-all-width;
507 margin-left: -@sidebar-all-width;
508 }
508 }
509 }
509 }
510
510
511 .sidebar-col-wrapper.scw-small {
511 .sidebar-col-wrapper.scw-small {
512 padding-left: @sidebar-small-all-width;
512 padding-left: @sidebar-small-all-width;
513
513
514 .sidebar {
514 .sidebar {
515 width: @sidebar-small-width;
515 width: @sidebar-small-width;
516 margin-left: -@sidebar-small-all-width;
516 margin-left: -@sidebar-small-all-width;
517 }
517 }
518 }
518 }
519
519
520
520
521 // FOOTER
521 // FOOTER
522 #footer {
522 #footer {
523 padding: 0;
523 padding: 0;
524 text-align: center;
524 text-align: center;
525 vertical-align: middle;
525 vertical-align: middle;
526 color: @grey2;
526 color: @grey2;
527 font-size: 11px;
527 font-size: 11px;
528
528
529 p {
529 p {
530 margin: 0;
530 margin: 0;
531 padding: 1em;
531 padding: 1em;
532 line-height: 1em;
532 line-height: 1em;
533 }
533 }
534
534
535 .server-instance { //server instance
535 .server-instance { //server instance
536 display: none;
536 display: none;
537 }
537 }
538
538
539 .title {
539 .title {
540 float: none;
540 float: none;
541 margin: 0 auto;
541 margin: 0 auto;
542 }
542 }
543 }
543 }
544
544
545 button.close {
545 button.close {
546 padding: 0;
546 padding: 0;
547 cursor: pointer;
547 cursor: pointer;
548 background: transparent;
548 background: transparent;
549 border: 0;
549 border: 0;
550 .box-shadow(none);
550 .box-shadow(none);
551 -webkit-appearance: none;
551 -webkit-appearance: none;
552 }
552 }
553
553
554 .close {
554 .close {
555 float: right;
555 float: right;
556 font-size: 21px;
556 font-size: 21px;
557 font-family: @text-bootstrap;
557 font-family: @text-bootstrap;
558 line-height: 1em;
558 line-height: 1em;
559 font-weight: bold;
559 font-weight: bold;
560 color: @grey2;
560 color: @grey2;
561
561
562 &:hover,
562 &:hover,
563 &:focus {
563 &:focus {
564 color: @grey1;
564 color: @grey1;
565 text-decoration: none;
565 text-decoration: none;
566 cursor: pointer;
566 cursor: pointer;
567 }
567 }
568 }
568 }
569
569
570 // GRID
570 // GRID
571 .sorting,
571 .sorting,
572 .sorting_desc,
572 .sorting_desc,
573 .sorting_asc {
573 .sorting_asc {
574 cursor: pointer;
574 cursor: pointer;
575 }
575 }
576 .sorting_desc:after {
576 .sorting_desc:after {
577 content: "\00A0\25B2";
577 content: "\00A0\25B2";
578 font-size: .75em;
578 font-size: .75em;
579 }
579 }
580 .sorting_asc:after {
580 .sorting_asc:after {
581 content: "\00A0\25BC";
581 content: "\00A0\25BC";
582 font-size: .68em;
582 font-size: .68em;
583 }
583 }
584
584
585
585
586 .user_auth_tokens {
586 .user_auth_tokens {
587
587
588 &.truncate {
588 &.truncate {
589 white-space: nowrap;
589 white-space: nowrap;
590 overflow: hidden;
590 overflow: hidden;
591 text-overflow: ellipsis;
591 text-overflow: ellipsis;
592 }
592 }
593
593
594 .fields .field .input {
594 .fields .field .input {
595 margin: 0;
595 margin: 0;
596 }
596 }
597
597
598 input#description {
598 input#description {
599 width: 100px;
599 width: 100px;
600 margin: 0;
600 margin: 0;
601 }
601 }
602
602
603 .drop-menu {
603 .drop-menu {
604 // TODO: johbo: Remove this, should work out of the box when
604 // TODO: johbo: Remove this, should work out of the box when
605 // having multiple inputs inline
605 // having multiple inputs inline
606 margin: 0 0 0 5px;
606 margin: 0 0 0 5px;
607 }
607 }
608 }
608 }
609 #user_list_table {
609 #user_list_table {
610 .closed {
610 .closed {
611 background-color: @grey6;
611 background-color: @grey6;
612 }
612 }
613 }
613 }
614
614
615
615
616 input, textarea {
616 input, textarea {
617 &.disabled {
617 &.disabled {
618 opacity: .5;
618 opacity: .5;
619 }
619 }
620
620
621 &:hover {
621 &:hover {
622 border-color: @grey3;
622 border-color: @grey3;
623 box-shadow: @button-shadow;
623 box-shadow: @button-shadow;
624 }
624 }
625
625
626 &:focus {
626 &:focus {
627 border-color: @rcblue;
627 border-color: @rcblue;
628 box-shadow: @button-shadow;
628 box-shadow: @button-shadow;
629 }
629 }
630 }
630 }
631
631
632 // remove extra padding in firefox
632 // remove extra padding in firefox
633 input::-moz-focus-inner { border:0; padding:0 }
633 input::-moz-focus-inner { border:0; padding:0 }
634
634
635 .adjacent input {
635 .adjacent input {
636 margin-bottom: @padding;
636 margin-bottom: @padding;
637 }
637 }
638
638
639 .permissions_boxes {
639 .permissions_boxes {
640 display: block;
640 display: block;
641 }
641 }
642
642
643 //FORMS
643 //FORMS
644
644
645 .medium-inline,
645 .medium-inline,
646 input#description.medium-inline {
646 input#description.medium-inline {
647 display: inline;
647 display: inline;
648 width: @medium-inline-input-width;
648 width: @medium-inline-input-width;
649 min-width: 100px;
649 min-width: 100px;
650 }
650 }
651
651
652 select {
652 select {
653 //reset
653 //reset
654 -webkit-appearance: none;
654 -webkit-appearance: none;
655 -moz-appearance: none;
655 -moz-appearance: none;
656
656
657 display: inline-block;
657 display: inline-block;
658 height: 28px;
658 height: 28px;
659 width: auto;
659 width: auto;
660 margin: 0 @padding @padding 0;
660 margin: 0 @padding @padding 0;
661 padding: 0 18px 0 8px;
661 padding: 0 18px 0 8px;
662 line-height:1em;
662 line-height:1em;
663 font-size: @basefontsize;
663 font-size: @basefontsize;
664 border: @border-thickness solid @grey5;
664 border: @border-thickness solid @grey5;
665 border-radius: @border-radius;
665 border-radius: @border-radius;
666 background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
666 background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
667 color: @grey4;
667 color: @grey4;
668 box-shadow: @button-shadow;
668 box-shadow: @button-shadow;
669
669
670 &:after {
670 &:after {
671 content: "\00A0\25BE";
671 content: "\00A0\25BE";
672 }
672 }
673
673
674 &:focus, &:hover {
674 &:focus, &:hover {
675 outline: none;
675 outline: none;
676 border-color: @grey4;
676 border-color: @grey4;
677 color: @rcdarkblue;
677 color: @rcdarkblue;
678 }
678 }
679 }
679 }
680
680
681 option {
681 option {
682 &:focus {
682 &:focus {
683 outline: none;
683 outline: none;
684 }
684 }
685 }
685 }
686
686
687 input,
687 input,
688 textarea {
688 textarea {
689 padding: @input-padding;
689 padding: @input-padding;
690 border: @input-border-thickness solid @border-highlight-color;
690 border: @input-border-thickness solid @border-highlight-color;
691 .border-radius (@border-radius);
691 .border-radius (@border-radius);
692 font-family: @text-light;
692 font-family: @text-light;
693 font-size: @basefontsize;
693 font-size: @basefontsize;
694
694
695 &.input-sm {
695 &.input-sm {
696 padding: 5px;
696 padding: 5px;
697 }
697 }
698
698
699 &#description {
699 &#description {
700 min-width: @input-description-minwidth;
700 min-width: @input-description-minwidth;
701 min-height: 1em;
701 min-height: 1em;
702 padding: 10px;
702 padding: 10px;
703 }
703 }
704 }
704 }
705
705
706 .field-sm {
706 .field-sm {
707 input,
707 input,
708 textarea {
708 textarea {
709 padding: 5px;
709 padding: 5px;
710 }
710 }
711 }
711 }
712
712
713 textarea {
713 textarea {
714 display: block;
714 display: block;
715 clear: both;
715 clear: both;
716 width: 100%;
716 width: 100%;
717 min-height: 100px;
717 min-height: 100px;
718 margin-bottom: @padding;
718 margin-bottom: @padding;
719 .box-sizing(border-box);
719 .box-sizing(border-box);
720 overflow: auto;
720 overflow: auto;
721 }
721 }
722
722
723 label {
723 label {
724 font-family: @text-light;
724 font-family: @text-light;
725 }
725 }
726
726
727 // GRAVATARS
727 // GRAVATARS
728 // centers gravatar on username to the right
728 // centers gravatar on username to the right
729
729
730 .gravatar {
730 .gravatar {
731 display: inline;
731 display: inline;
732 min-width: 16px;
732 min-width: 16px;
733 min-height: 16px;
733 min-height: 16px;
734 margin: -5px 0;
734 margin: -5px 0;
735 padding: 0;
735 padding: 0;
736 line-height: 1em;
736 line-height: 1em;
737 box-sizing: content-box;
737 box-sizing: content-box;
738 border-radius: 50%;
738 border-radius: 50%;
739
739
740 &.gravatar-large {
740 &.gravatar-large {
741 margin: -0.5em .25em -0.5em 0;
741 margin: -0.5em .25em -0.5em 0;
742 }
742 }
743
743
744 & + .user {
744 & + .user {
745 display: inline;
745 display: inline;
746 margin: 0;
746 margin: 0;
747 padding: 0 0 0 .17em;
747 padding: 0 0 0 .17em;
748 line-height: 1em;
748 line-height: 1em;
749 }
749 }
750 }
750 }
751
751
752 .user-inline-data {
752 .user-inline-data {
753 display: inline-block;
753 display: inline-block;
754 float: left;
754 float: left;
755 padding-left: .5em;
755 padding-left: .5em;
756 line-height: 1.3em;
756 line-height: 1.3em;
757 }
757 }
758
758
759 .rc-user { // gravatar + user wrapper
759 .rc-user { // gravatar + user wrapper
760 float: left;
760 float: left;
761 position: relative;
761 position: relative;
762 min-width: 100px;
762 min-width: 100px;
763 max-width: 200px;
763 max-width: 200px;
764 min-height: (@gravatar-size + @border-thickness * 2); // account for border
764 min-height: (@gravatar-size + @border-thickness * 2); // account for border
765 display: block;
765 display: block;
766 padding: 0 0 0 (@gravatar-size + @basefontsize/2 + @border-thickness * 2);
766 padding: 0 0 0 (@gravatar-size + @basefontsize/2 + @border-thickness * 2);
767
767
768
768
769 .gravatar {
769 .gravatar {
770 display: block;
770 display: block;
771 position: absolute;
771 position: absolute;
772 top: 0;
772 top: 0;
773 left: 0;
773 left: 0;
774 min-width: @gravatar-size;
774 min-width: @gravatar-size;
775 min-height: @gravatar-size;
775 min-height: @gravatar-size;
776 margin: 0;
776 margin: 0;
777 }
777 }
778
778
779 .user {
779 .user {
780 display: block;
780 display: block;
781 max-width: 175px;
781 max-width: 175px;
782 padding-top: 2px;
782 padding-top: 2px;
783 overflow: hidden;
783 overflow: hidden;
784 text-overflow: ellipsis;
784 text-overflow: ellipsis;
785 }
785 }
786 }
786 }
787
787
788 .gist-gravatar,
788 .gist-gravatar,
789 .journal_container {
789 .journal_container {
790 .gravatar-large {
790 .gravatar-large {
791 margin: 0 .5em -10px 0;
791 margin: 0 .5em -10px 0;
792 }
792 }
793 }
793 }
794
794
795
795
796 // ADMIN SETTINGS
796 // ADMIN SETTINGS
797
797
798 // Tag Patterns
798 // Tag Patterns
799 .tag_patterns {
799 .tag_patterns {
800 .tag_input {
800 .tag_input {
801 margin-bottom: @padding;
801 margin-bottom: @padding;
802 }
802 }
803 }
803 }
804
804
805 .locked_input {
805 .locked_input {
806 position: relative;
806 position: relative;
807
807
808 input {
808 input {
809 display: inline;
809 display: inline;
810 margin: 3px 5px 0px 0px;
810 margin: 3px 5px 0px 0px;
811 }
811 }
812
812
813 br {
813 br {
814 display: none;
814 display: none;
815 }
815 }
816
816
817 .error-message {
817 .error-message {
818 float: left;
818 float: left;
819 width: 100%;
819 width: 100%;
820 }
820 }
821
821
822 .lock_input_button {
822 .lock_input_button {
823 display: inline;
823 display: inline;
824 }
824 }
825
825
826 .help-block {
826 .help-block {
827 clear: both;
827 clear: both;
828 }
828 }
829 }
829 }
830
830
831 // Notifications
831 // Notifications
832
832
833 .notifications_buttons {
833 .notifications_buttons {
834 margin: 0 0 @space 0;
834 margin: 0 0 @space 0;
835 padding: 0;
835 padding: 0;
836
836
837 .btn {
837 .btn {
838 display: inline-block;
838 display: inline-block;
839 }
839 }
840 }
840 }
841
841
842 .notification-list {
842 .notification-list {
843
843
844 div {
844 div {
845 display: inline-block;
845 display: inline-block;
846 vertical-align: middle;
846 vertical-align: middle;
847 }
847 }
848
848
849 .container {
849 .container {
850 display: block;
850 display: block;
851 margin: 0 0 @padding 0;
851 margin: 0 0 @padding 0;
852 }
852 }
853
853
854 .delete-notifications {
854 .delete-notifications {
855 margin-left: @padding;
855 margin-left: @padding;
856 text-align: right;
856 text-align: right;
857 cursor: pointer;
857 cursor: pointer;
858 }
858 }
859
859
860 .read-notifications {
860 .read-notifications {
861 margin-left: @padding/2;
861 margin-left: @padding/2;
862 text-align: right;
862 text-align: right;
863 width: 35px;
863 width: 35px;
864 cursor: pointer;
864 cursor: pointer;
865 }
865 }
866
866
867 .icon-minus-sign {
867 .icon-minus-sign {
868 color: @alert2;
868 color: @alert2;
869 }
869 }
870
870
871 .icon-ok-sign {
871 .icon-ok-sign {
872 color: @alert1;
872 color: @alert1;
873 }
873 }
874 }
874 }
875
875
876 .user_settings {
876 .user_settings {
877 float: left;
877 float: left;
878 clear: both;
878 clear: both;
879 display: block;
879 display: block;
880 width: 100%;
880 width: 100%;
881
881
882 .gravatar_box {
882 .gravatar_box {
883 margin-bottom: @padding;
883 margin-bottom: @padding;
884
884
885 &:after {
885 &:after {
886 content: " ";
886 content: " ";
887 clear: both;
887 clear: both;
888 width: 100%;
888 width: 100%;
889 }
889 }
890 }
890 }
891
891
892 .fields .field {
892 .fields .field {
893 clear: both;
893 clear: both;
894 }
894 }
895 }
895 }
896
896
897 .advanced_settings {
897 .advanced_settings {
898 margin-bottom: @space;
898 margin-bottom: @space;
899
899
900 .help-block {
900 .help-block {
901 margin-left: 0;
901 margin-left: 0;
902 }
902 }
903
903
904 button + .help-block {
904 button + .help-block {
905 margin-top: @padding;
905 margin-top: @padding;
906 }
906 }
907 }
907 }
908
908
909 // admin settings radio buttons and labels
909 // admin settings radio buttons and labels
910 .label-2 {
910 .label-2 {
911 float: left;
911 float: left;
912 width: @label2-width;
912 width: @label2-width;
913
913
914 label {
914 label {
915 color: @grey1;
915 color: @grey1;
916 }
916 }
917 }
917 }
918 .checkboxes {
918 .checkboxes {
919 float: left;
919 float: left;
920 width: @checkboxes-width;
920 width: @checkboxes-width;
921 margin-bottom: @padding;
921 margin-bottom: @padding;
922
922
923 .checkbox {
923 .checkbox {
924 width: 100%;
924 width: 100%;
925
925
926 label {
926 label {
927 margin: 0;
927 margin: 0;
928 padding: 0;
928 padding: 0;
929 }
929 }
930 }
930 }
931
931
932 .checkbox + .checkbox {
932 .checkbox + .checkbox {
933 display: inline-block;
933 display: inline-block;
934 }
934 }
935
935
936 label {
936 label {
937 margin-right: 1em;
937 margin-right: 1em;
938 }
938 }
939 }
939 }
940
940
941 // CHANGELOG
941 // CHANGELOG
942 .container_header {
942 .container_header {
943 float: left;
943 float: left;
944 display: block;
944 display: block;
945 width: 100%;
945 width: 100%;
946 margin: @padding 0 @padding;
946 margin: @padding 0 @padding;
947
947
948 #filter_changelog {
948 #filter_changelog {
949 float: left;
949 float: left;
950 margin-right: @padding;
950 margin-right: @padding;
951 }
951 }
952
952
953 .breadcrumbs_light {
953 .breadcrumbs_light {
954 display: inline-block;
954 display: inline-block;
955 }
955 }
956 }
956 }
957
957
958 .info_box {
958 .info_box {
959 float: right;
959 float: right;
960 }
960 }
961
961
962
962
963
963
964 #graph_content{
964 #graph_content{
965
965
966 // adjust for table headers so that graph renders properly
966 // adjust for table headers so that graph renders properly
967 // #graph_nodes padding - table cell padding
967 // #graph_nodes padding - table cell padding
968 padding-top: (@space - (@basefontsize * 2.4));
968 padding-top: (@space - (@basefontsize * 2.4));
969
969
970 &.graph_full_width {
970 &.graph_full_width {
971 width: 100%;
971 width: 100%;
972 max-width: 100%;
972 max-width: 100%;
973 }
973 }
974 }
974 }
975
975
976 #graph {
976 #graph {
977 .flag_status {
977 .flag_status {
978 margin: 0;
978 margin: 0;
979 }
979 }
980
980
981 .pagination-left {
981 .pagination-left {
982 float: left;
982 float: left;
983 clear: both;
983 clear: both;
984 }
984 }
985
985
986 .log-container {
986 .log-container {
987 max-width: 345px;
987 max-width: 345px;
988
988
989 .message{
989 .message{
990 max-width: 340px;
990 max-width: 340px;
991 }
991 }
992 }
992 }
993
993
994 .graph-col-wrapper {
994 .graph-col-wrapper {
995
995
996 #graph_nodes {
996 #graph_nodes {
997 width: 100px;
997 width: 100px;
998 position: absolute;
998 position: absolute;
999 left: 70px;
999 left: 70px;
1000 z-index: -1;
1000 z-index: -1;
1001 }
1001 }
1002 }
1002 }
1003
1003
1004 .load-more-commits {
1004 .load-more-commits {
1005 text-align: center;
1005 text-align: center;
1006 }
1006 }
1007 .load-more-commits:hover {
1007 .load-more-commits:hover {
1008 background-color: @grey7;
1008 background-color: @grey7;
1009 }
1009 }
1010 .load-more-commits {
1010 .load-more-commits {
1011 a {
1011 a {
1012 display: block;
1012 display: block;
1013 }
1013 }
1014 }
1014 }
1015 }
1015 }
1016
1016
1017 .obsolete-toggle {
1017 .obsolete-toggle {
1018 line-height: 30px;
1018 line-height: 30px;
1019 margin-left: -15px;
1019 margin-left: -15px;
1020 }
1020 }
1021
1021
1022 #rev_range_container, #rev_range_clear, #rev_range_more {
1022 #rev_range_container, #rev_range_clear, #rev_range_more {
1023 margin-top: -5px;
1023 margin-top: -5px;
1024 margin-bottom: -5px;
1024 margin-bottom: -5px;
1025 }
1025 }
1026
1026
1027 #filter_changelog {
1027 #filter_changelog {
1028 float: left;
1028 float: left;
1029 }
1029 }
1030
1030
1031
1031
1032 //--- THEME ------------------//
1032 //--- THEME ------------------//
1033
1033
1034 #logo {
1034 #logo {
1035 float: left;
1035 float: left;
1036 margin: 9px 0 0 0;
1036 margin: 9px 0 0 0;
1037
1037
1038 .header {
1038 .header {
1039 background-color: transparent;
1039 background-color: transparent;
1040 }
1040 }
1041
1041
1042 a {
1042 a {
1043 display: inline-block;
1043 display: inline-block;
1044 }
1044 }
1045
1045
1046 img {
1046 img {
1047 height:30px;
1047 height:30px;
1048 }
1048 }
1049 }
1049 }
1050
1050
1051 .logo-wrapper {
1051 .logo-wrapper {
1052 float:left;
1052 float:left;
1053 }
1053 }
1054
1054
1055 .branding {
1055 .branding {
1056 float: left;
1056 float: left;
1057 padding: 9px 2px;
1057 padding: 9px 2px;
1058 line-height: 1em;
1058 line-height: 1em;
1059 font-size: @navigation-fontsize;
1059 font-size: @navigation-fontsize;
1060
1060
1061 a {
1061 a {
1062 color: @grey5
1062 color: @grey5
1063 }
1063 }
1064 }
1064 }
1065
1065
1066 img {
1066 img {
1067 border: none;
1067 border: none;
1068 outline: none;
1068 outline: none;
1069 }
1069 }
1070 user-profile-header
1070 user-profile-header
1071 label {
1071 label {
1072
1072
1073 input[type="checkbox"] {
1073 input[type="checkbox"] {
1074 margin-right: 1em;
1074 margin-right: 1em;
1075 }
1075 }
1076 input[type="radio"] {
1076 input[type="radio"] {
1077 margin-right: 1em;
1077 margin-right: 1em;
1078 }
1078 }
1079 }
1079 }
1080
1080
1081 .flag_status {
1081 .flag_status {
1082 margin: 2px;
1082 margin: 2px;
1083 &.under_review {
1083 &.under_review {
1084 .circle(5px, @alert3);
1084 .circle(5px, @alert3);
1085 }
1085 }
1086 &.approved {
1086 &.approved {
1087 .circle(5px, @alert1);
1087 .circle(5px, @alert1);
1088 }
1088 }
1089 &.rejected,
1089 &.rejected,
1090 &.forced_closed{
1090 &.forced_closed{
1091 .circle(5px, @alert2);
1091 .circle(5px, @alert2);
1092 }
1092 }
1093 &.not_reviewed {
1093 &.not_reviewed {
1094 .circle(5px, @grey5);
1094 .circle(5px, @grey5);
1095 }
1095 }
1096 }
1096 }
1097
1097
1098 .flag_status_comment_box {
1098 .flag_status_comment_box {
1099 margin: 5px 6px 0px 2px;
1099 margin: 5px 6px 0px 2px;
1100 }
1100 }
1101 .test_pattern_preview {
1101 .test_pattern_preview {
1102 margin: @space 0;
1102 margin: @space 0;
1103
1103
1104 p {
1104 p {
1105 margin-bottom: 0;
1105 margin-bottom: 0;
1106 border-bottom: @border-thickness solid @border-default-color;
1106 border-bottom: @border-thickness solid @border-default-color;
1107 color: @grey3;
1107 color: @grey3;
1108 }
1108 }
1109
1109
1110 .btn {
1110 .btn {
1111 margin-bottom: @padding;
1111 margin-bottom: @padding;
1112 }
1112 }
1113 }
1113 }
1114 #test_pattern_result {
1114 #test_pattern_result {
1115 display: none;
1115 display: none;
1116 &:extend(pre);
1116 &:extend(pre);
1117 padding: .9em;
1117 padding: .9em;
1118 color: @grey3;
1118 color: @grey3;
1119 background-color: @grey7;
1119 background-color: @grey7;
1120 border-right: @border-thickness solid @border-default-color;
1120 border-right: @border-thickness solid @border-default-color;
1121 border-bottom: @border-thickness solid @border-default-color;
1121 border-bottom: @border-thickness solid @border-default-color;
1122 border-left: @border-thickness solid @border-default-color;
1122 border-left: @border-thickness solid @border-default-color;
1123 }
1123 }
1124
1124
1125 #repo_vcs_settings {
1125 #repo_vcs_settings {
1126 #inherit_overlay_vcs_default {
1126 #inherit_overlay_vcs_default {
1127 display: none;
1127 display: none;
1128 }
1128 }
1129 #inherit_overlay_vcs_custom {
1129 #inherit_overlay_vcs_custom {
1130 display: custom;
1130 display: custom;
1131 }
1131 }
1132 &.inherited {
1132 &.inherited {
1133 #inherit_overlay_vcs_default {
1133 #inherit_overlay_vcs_default {
1134 display: block;
1134 display: block;
1135 }
1135 }
1136 #inherit_overlay_vcs_custom {
1136 #inherit_overlay_vcs_custom {
1137 display: none;
1137 display: none;
1138 }
1138 }
1139 }
1139 }
1140 }
1140 }
1141
1141
1142 .issue-tracker-link {
1142 .issue-tracker-link {
1143 color: @rcblue;
1143 color: @rcblue;
1144 }
1144 }
1145
1145
1146 // Issue Tracker Table Show/Hide
1146 // Issue Tracker Table Show/Hide
1147 #repo_issue_tracker {
1147 #repo_issue_tracker {
1148 #inherit_overlay {
1148 #inherit_overlay {
1149 display: none;
1149 display: none;
1150 }
1150 }
1151 #custom_overlay {
1151 #custom_overlay {
1152 display: custom;
1152 display: custom;
1153 }
1153 }
1154 &.inherited {
1154 &.inherited {
1155 #inherit_overlay {
1155 #inherit_overlay {
1156 display: block;
1156 display: block;
1157 }
1157 }
1158 #custom_overlay {
1158 #custom_overlay {
1159 display: none;
1159 display: none;
1160 }
1160 }
1161 }
1161 }
1162 }
1162 }
1163 table.issuetracker {
1163 table.issuetracker {
1164 &.readonly {
1164 &.readonly {
1165 tr, td {
1165 tr, td {
1166 color: @grey3;
1166 color: @grey3;
1167 }
1167 }
1168 }
1168 }
1169 .edit {
1169 .edit {
1170 display: none;
1170 display: none;
1171 }
1171 }
1172 .editopen {
1172 .editopen {
1173 .edit {
1173 .edit {
1174 display: inline;
1174 display: inline;
1175 }
1175 }
1176 .entry {
1176 .entry {
1177 display: none;
1177 display: none;
1178 }
1178 }
1179 }
1179 }
1180 tr td.td-action {
1180 tr td.td-action {
1181 min-width: 117px;
1181 min-width: 117px;
1182 }
1182 }
1183 td input {
1183 td input {
1184 max-width: none;
1184 max-width: none;
1185 min-width: 30px;
1185 min-width: 30px;
1186 width: 80%;
1186 width: 80%;
1187 }
1187 }
1188 .issuetracker_pref input {
1188 .issuetracker_pref input {
1189 width: 40%;
1189 width: 40%;
1190 }
1190 }
1191 input.edit_issuetracker_update {
1191 input.edit_issuetracker_update {
1192 margin-right: 0;
1192 margin-right: 0;
1193 width: auto;
1193 width: auto;
1194 }
1194 }
1195 }
1195 }
1196
1196
1197 table.integrations {
1197 table.integrations {
1198 .td-icon {
1198 .td-icon {
1199 width: 20px;
1199 width: 20px;
1200 .integration-icon {
1200 .integration-icon {
1201 height: 20px;
1201 height: 20px;
1202 width: 20px;
1202 width: 20px;
1203 }
1203 }
1204 }
1204 }
1205 }
1205 }
1206
1206
1207 .integrations {
1207 .integrations {
1208 a.integration-box {
1208 a.integration-box {
1209 color: @text-color;
1209 color: @text-color;
1210 &:hover {
1210 &:hover {
1211 .panel {
1211 .panel {
1212 background: #fbfbfb;
1212 background: #fbfbfb;
1213 }
1213 }
1214 }
1214 }
1215 .integration-icon {
1215 .integration-icon {
1216 width: 30px;
1216 width: 30px;
1217 height: 30px;
1217 height: 30px;
1218 margin-right: 20px;
1218 margin-right: 20px;
1219 float: left;
1219 float: left;
1220 }
1220 }
1221
1221
1222 .panel-body {
1222 .panel-body {
1223 padding: 10px;
1223 padding: 10px;
1224 }
1224 }
1225 .panel {
1225 .panel {
1226 margin-bottom: 10px;
1226 margin-bottom: 10px;
1227 }
1227 }
1228 h2 {
1228 h2 {
1229 display: inline-block;
1229 display: inline-block;
1230 margin: 0;
1230 margin: 0;
1231 min-width: 140px;
1231 min-width: 140px;
1232 }
1232 }
1233 }
1233 }
1234 a.integration-box.dummy-integration {
1234 a.integration-box.dummy-integration {
1235 color: @grey4
1235 color: @grey4
1236 }
1236 }
1237 }
1237 }
1238
1238
1239 //Permissions Settings
1239 //Permissions Settings
1240 #add_perm {
1240 #add_perm {
1241 margin: 0 0 @padding;
1241 margin: 0 0 @padding;
1242 cursor: pointer;
1242 cursor: pointer;
1243 }
1243 }
1244
1244
1245 .perm_ac {
1245 .perm_ac {
1246 input {
1246 input {
1247 width: 95%;
1247 width: 95%;
1248 }
1248 }
1249 }
1249 }
1250
1250
1251 .autocomplete-suggestions {
1251 .autocomplete-suggestions {
1252 width: auto !important; // overrides autocomplete.js
1252 width: auto !important; // overrides autocomplete.js
1253 min-width: 278px;
1253 min-width: 278px;
1254 margin: 0;
1254 margin: 0;
1255 border: @border-thickness solid @grey5;
1255 border: @border-thickness solid @grey5;
1256 border-radius: @border-radius;
1256 border-radius: @border-radius;
1257 color: @grey2;
1257 color: @grey2;
1258 background-color: white;
1258 background-color: white;
1259 }
1259 }
1260
1260
1261 .autocomplete-qfilter-suggestions {
1261 .autocomplete-qfilter-suggestions {
1262 width: auto !important; // overrides autocomplete.js
1262 width: auto !important; // overrides autocomplete.js
1263 max-height: 100% !important;
1263 max-height: 100% !important;
1264 min-width: 376px;
1264 min-width: 376px;
1265 margin: 0;
1265 margin: 0;
1266 border: @border-thickness solid @grey5;
1266 border: @border-thickness solid @grey5;
1267 color: @grey2;
1267 color: @grey2;
1268 background-color: white;
1268 background-color: white;
1269 }
1269 }
1270
1270
1271 .autocomplete-selected {
1271 .autocomplete-selected {
1272 background: #F0F0F0;
1272 background: #F0F0F0;
1273 }
1273 }
1274
1274
1275 .ac-container-wrap {
1275 .ac-container-wrap {
1276 margin: 0;
1276 margin: 0;
1277 padding: 8px;
1277 padding: 8px;
1278 border-bottom: @border-thickness solid @grey5;
1278 border-bottom: @border-thickness solid @grey5;
1279 list-style-type: none;
1279 list-style-type: none;
1280 cursor: pointer;
1280 cursor: pointer;
1281
1281
1282 &:hover {
1282 &:hover {
1283 background-color: @grey7;
1283 background-color: @grey7;
1284 }
1284 }
1285
1285
1286 img {
1286 img {
1287 height: @gravatar-size;
1287 height: @gravatar-size;
1288 width: @gravatar-size;
1288 width: @gravatar-size;
1289 margin-right: 1em;
1289 margin-right: 1em;
1290 }
1290 }
1291
1291
1292 strong {
1292 strong {
1293 font-weight: normal;
1293 font-weight: normal;
1294 }
1294 }
1295 }
1295 }
1296
1296
1297 // Settings Dropdown
1297 // Settings Dropdown
1298 .user-menu .container {
1298 .user-menu .container {
1299 padding: 0 4px;
1299 padding: 0 4px;
1300 margin: 0;
1300 margin: 0;
1301 }
1301 }
1302
1302
1303 .user-menu .gravatar {
1303 .user-menu .gravatar {
1304 cursor: pointer;
1304 cursor: pointer;
1305 }
1305 }
1306
1306
1307 .codeblock {
1307 .codeblock {
1308 margin-bottom: @padding;
1308 margin-bottom: @padding;
1309 clear: both;
1309 clear: both;
1310
1310
1311 .stats {
1311 .stats {
1312 overflow: hidden;
1312 overflow: hidden;
1313 }
1313 }
1314
1314
1315 .message{
1315 .message{
1316 textarea{
1316 textarea{
1317 margin: 0;
1317 margin: 0;
1318 }
1318 }
1319 }
1319 }
1320
1320
1321 .code-header {
1321 .code-header {
1322 .stats {
1322 .stats {
1323 line-height: 2em;
1323 line-height: 2em;
1324
1324
1325 .revision_id {
1325 .revision_id {
1326 margin-left: 0;
1326 margin-left: 0;
1327 }
1327 }
1328 .buttons {
1328 .buttons {
1329 padding-right: 0;
1329 padding-right: 0;
1330 }
1330 }
1331 }
1331 }
1332
1332
1333 .item{
1333 .item{
1334 margin-right: 0.5em;
1334 margin-right: 0.5em;
1335 }
1335 }
1336 }
1336 }
1337
1337
1338 #editor_container {
1338 #editor_container {
1339 position: relative;
1339 position: relative;
1340 margin: @padding 10px;
1340 margin: @padding 10px;
1341 }
1341 }
1342 }
1342 }
1343
1343
1344 #file_history_container {
1344 #file_history_container {
1345 display: none;
1345 display: none;
1346 }
1346 }
1347
1347
1348 .file-history-inner {
1348 .file-history-inner {
1349 margin-bottom: 10px;
1349 margin-bottom: 10px;
1350 }
1350 }
1351
1351
1352 // Pull Requests
1352 // Pull Requests
1353 .summary-details {
1353 .summary-details {
1354 width: 72%;
1354 width: 72%;
1355 }
1355 }
1356 .pr-summary {
1356 .pr-summary {
1357 border-bottom: @border-thickness solid @grey5;
1357 border-bottom: @border-thickness solid @grey5;
1358 margin-bottom: @space;
1358 margin-bottom: @space;
1359 }
1359 }
1360 .reviewers-title {
1360 .reviewers-title {
1361 width: 25%;
1361 width: 25%;
1362 min-width: 200px;
1362 min-width: 200px;
1363 }
1363 }
1364 .reviewers {
1364 .reviewers {
1365 width: 25%;
1365 width: 25%;
1366 min-width: 200px;
1366 min-width: 200px;
1367 }
1367 }
1368 .reviewers ul li {
1368 .reviewers ul li {
1369 position: relative;
1369 position: relative;
1370 width: 100%;
1370 width: 100%;
1371 padding-bottom: 8px;
1371 padding-bottom: 8px;
1372 list-style-type: none;
1372 list-style-type: none;
1373 }
1373 }
1374
1374
1375 .reviewer_entry {
1375 .reviewer_entry {
1376 min-height: 55px;
1376 min-height: 55px;
1377 }
1377 }
1378
1378
1379 .reviewers_member {
1379 .reviewers_member {
1380 width: 100%;
1380 width: 100%;
1381 overflow: auto;
1381 overflow: auto;
1382 }
1382 }
1383 .reviewer_reason {
1383 .reviewer_reason {
1384 padding-left: 20px;
1384 padding-left: 20px;
1385 line-height: 1.5em;
1385 line-height: 1.5em;
1386 }
1386 }
1387 .reviewer_status {
1387 .reviewer_status {
1388 display: inline-block;
1388 display: inline-block;
1389 vertical-align: top;
1389 vertical-align: top;
1390 width: 25px;
1390 width: 25px;
1391 min-width: 25px;
1391 min-width: 25px;
1392 height: 1.2em;
1392 height: 1.2em;
1393 margin-top: 3px;
1393 margin-top: 3px;
1394 line-height: 1em;
1394 line-height: 1em;
1395 }
1395 }
1396
1396
1397 .reviewer_name {
1397 .reviewer_name {
1398 display: inline-block;
1398 display: inline-block;
1399 max-width: 83%;
1399 max-width: 83%;
1400 padding-right: 20px;
1400 padding-right: 20px;
1401 vertical-align: middle;
1401 vertical-align: middle;
1402 line-height: 1;
1402 line-height: 1;
1403
1403
1404 .rc-user {
1404 .rc-user {
1405 min-width: 0;
1405 min-width: 0;
1406 margin: -2px 1em 0 0;
1406 margin: -2px 1em 0 0;
1407 }
1407 }
1408
1408
1409 .reviewer {
1409 .reviewer {
1410 float: left;
1410 float: left;
1411 }
1411 }
1412 }
1412 }
1413
1413
1414 .reviewer_member_mandatory {
1414 .reviewer_member_mandatory {
1415 position: absolute;
1415 position: absolute;
1416 left: 15px;
1416 left: 15px;
1417 top: 8px;
1417 top: 8px;
1418 width: 16px;
1418 width: 16px;
1419 font-size: 11px;
1419 font-size: 11px;
1420 margin: 0;
1420 margin: 0;
1421 padding: 0;
1421 padding: 0;
1422 color: black;
1422 color: black;
1423 }
1423 }
1424
1424
1425 .reviewer_member_mandatory_remove,
1425 .reviewer_member_mandatory_remove,
1426 .reviewer_member_remove {
1426 .reviewer_member_remove {
1427 position: absolute;
1427 position: absolute;
1428 right: 0;
1428 right: 0;
1429 top: 0;
1429 top: 0;
1430 width: 16px;
1430 width: 16px;
1431 margin-bottom: 10px;
1431 margin-bottom: 10px;
1432 padding: 0;
1432 padding: 0;
1433 color: black;
1433 color: black;
1434 }
1434 }
1435
1435
1436 .reviewer_member_mandatory_remove {
1436 .reviewer_member_mandatory_remove {
1437 color: @grey4;
1437 color: @grey4;
1438 }
1438 }
1439
1439
1440 .reviewer_member_status {
1440 .reviewer_member_status {
1441 margin-top: 5px;
1441 margin-top: 5px;
1442 }
1442 }
1443 .pr-summary #summary{
1443 .pr-summary #summary{
1444 width: 100%;
1444 width: 100%;
1445 }
1445 }
1446 .pr-summary .action_button:hover {
1446 .pr-summary .action_button:hover {
1447 border: 0;
1447 border: 0;
1448 cursor: pointer;
1448 cursor: pointer;
1449 }
1449 }
1450 .pr-details-title {
1450 .pr-details-title {
1451 padding-bottom: 8px;
1451 padding-bottom: 8px;
1452 border-bottom: @border-thickness solid @grey5;
1452 border-bottom: @border-thickness solid @grey5;
1453
1453
1454 .action_button.disabled {
1454 .action_button.disabled {
1455 color: @grey4;
1455 color: @grey4;
1456 cursor: inherit;
1456 cursor: inherit;
1457 }
1457 }
1458 .action_button {
1458 .action_button {
1459 color: @rcblue;
1459 color: @rcblue;
1460 }
1460 }
1461 }
1461 }
1462 .pr-details-content {
1462 .pr-details-content {
1463 margin-top: @textmargin;
1463 margin-top: @textmargin;
1464 margin-bottom: @textmargin;
1464 margin-bottom: @textmargin;
1465 }
1465 }
1466
1466
1467 .pr-reviewer-rules {
1467 .pr-reviewer-rules {
1468 padding: 10px 0px 20px 0px;
1468 padding: 10px 0px 20px 0px;
1469 }
1469 }
1470
1470
1471 .group_members {
1471 .group_members {
1472 margin-top: 0;
1472 margin-top: 0;
1473 padding: 0;
1473 padding: 0;
1474 list-style: outside none none;
1474 list-style: outside none none;
1475
1475
1476 img {
1476 img {
1477 height: @gravatar-size;
1477 height: @gravatar-size;
1478 width: @gravatar-size;
1478 width: @gravatar-size;
1479 margin-right: .5em;
1479 margin-right: .5em;
1480 margin-left: 3px;
1480 margin-left: 3px;
1481 }
1481 }
1482
1482
1483 .to-delete {
1483 .to-delete {
1484 .user {
1484 .user {
1485 text-decoration: line-through;
1485 text-decoration: line-through;
1486 }
1486 }
1487 }
1487 }
1488 }
1488 }
1489
1489
1490 .compare_view_commits_title {
1490 .compare_view_commits_title {
1491 .disabled {
1491 .disabled {
1492 cursor: inherit;
1492 cursor: inherit;
1493 &:hover{
1493 &:hover{
1494 background-color: inherit;
1494 background-color: inherit;
1495 color: inherit;
1495 color: inherit;
1496 }
1496 }
1497 }
1497 }
1498 }
1498 }
1499
1499
1500 .subtitle-compare {
1500 .subtitle-compare {
1501 margin: -15px 0px 0px 0px;
1501 margin: -15px 0px 0px 0px;
1502 }
1502 }
1503
1503
1504 .comments-summary-td {
1504 .comments-summary-td {
1505 border-top: 1px dashed @grey5;
1505 border-top: 1px dashed @grey5;
1506 }
1506 }
1507
1507
1508 // new entry in group_members
1508 // new entry in group_members
1509 .td-author-new-entry {
1509 .td-author-new-entry {
1510 background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
1510 background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
1511 }
1511 }
1512
1512
1513 .usergroup_member_remove {
1513 .usergroup_member_remove {
1514 width: 16px;
1514 width: 16px;
1515 margin-bottom: 10px;
1515 margin-bottom: 10px;
1516 padding: 0;
1516 padding: 0;
1517 color: black !important;
1517 color: black !important;
1518 cursor: pointer;
1518 cursor: pointer;
1519 }
1519 }
1520
1520
1521 .reviewer_ac .ac-input {
1521 .reviewer_ac .ac-input {
1522 width: 92%;
1522 width: 92%;
1523 margin-bottom: 1em;
1523 margin-bottom: 1em;
1524 }
1524 }
1525
1525
1526 .compare_view_commits tr{
1526 .compare_view_commits tr{
1527 height: 20px;
1527 height: 20px;
1528 }
1528 }
1529 .compare_view_commits td {
1529 .compare_view_commits td {
1530 vertical-align: top;
1530 vertical-align: top;
1531 padding-top: 10px;
1531 padding-top: 10px;
1532 }
1532 }
1533 .compare_view_commits .author {
1533 .compare_view_commits .author {
1534 margin-left: 5px;
1534 margin-left: 5px;
1535 }
1535 }
1536
1536
1537 .compare_view_commits {
1537 .compare_view_commits {
1538 .color-a {
1538 .color-a {
1539 color: @alert1;
1539 color: @alert1;
1540 }
1540 }
1541
1541
1542 .color-c {
1542 .color-c {
1543 color: @color3;
1543 color: @color3;
1544 }
1544 }
1545
1545
1546 .color-r {
1546 .color-r {
1547 color: @color5;
1547 color: @color5;
1548 }
1548 }
1549
1549
1550 .color-a-bg {
1550 .color-a-bg {
1551 background-color: @alert1;
1551 background-color: @alert1;
1552 }
1552 }
1553
1553
1554 .color-c-bg {
1554 .color-c-bg {
1555 background-color: @alert3;
1555 background-color: @alert3;
1556 }
1556 }
1557
1557
1558 .color-r-bg {
1558 .color-r-bg {
1559 background-color: @alert2;
1559 background-color: @alert2;
1560 }
1560 }
1561
1561
1562 .color-a-border {
1562 .color-a-border {
1563 border: 1px solid @alert1;
1563 border: 1px solid @alert1;
1564 }
1564 }
1565
1565
1566 .color-c-border {
1566 .color-c-border {
1567 border: 1px solid @alert3;
1567 border: 1px solid @alert3;
1568 }
1568 }
1569
1569
1570 .color-r-border {
1570 .color-r-border {
1571 border: 1px solid @alert2;
1571 border: 1px solid @alert2;
1572 }
1572 }
1573
1573
1574 .commit-change-indicator {
1574 .commit-change-indicator {
1575 width: 15px;
1575 width: 15px;
1576 height: 15px;
1576 height: 15px;
1577 position: relative;
1577 position: relative;
1578 left: 15px;
1578 left: 15px;
1579 }
1579 }
1580
1580
1581 .commit-change-content {
1581 .commit-change-content {
1582 text-align: center;
1582 text-align: center;
1583 vertical-align: middle;
1583 vertical-align: middle;
1584 line-height: 15px;
1584 line-height: 15px;
1585 }
1585 }
1586 }
1586 }
1587
1587
1588 .compare_view_filepath {
1588 .compare_view_filepath {
1589 color: @grey1;
1589 color: @grey1;
1590 }
1590 }
1591
1591
1592 .show_more {
1592 .show_more {
1593 display: inline-block;
1593 display: inline-block;
1594 width: 0;
1594 width: 0;
1595 height: 0;
1595 height: 0;
1596 vertical-align: middle;
1596 vertical-align: middle;
1597 content: "";
1597 content: "";
1598 border: 4px solid;
1598 border: 4px solid;
1599 border-right-color: transparent;
1599 border-right-color: transparent;
1600 border-bottom-color: transparent;
1600 border-bottom-color: transparent;
1601 border-left-color: transparent;
1601 border-left-color: transparent;
1602 font-size: 0;
1602 font-size: 0;
1603 }
1603 }
1604
1604
1605 .journal_more .show_more {
1605 .journal_more .show_more {
1606 display: inline;
1606 display: inline;
1607
1607
1608 &:after {
1608 &:after {
1609 content: none;
1609 content: none;
1610 }
1610 }
1611 }
1611 }
1612
1612
1613 .compare_view_commits .collapse_commit:after {
1613 .compare_view_commits .collapse_commit:after {
1614 cursor: pointer;
1614 cursor: pointer;
1615 content: "\00A0\25B4";
1615 content: "\00A0\25B4";
1616 margin-left: -3px;
1616 margin-left: -3px;
1617 font-size: 17px;
1617 font-size: 17px;
1618 color: @grey4;
1618 color: @grey4;
1619 }
1619 }
1620
1620
1621 .diff_links {
1621 .diff_links {
1622 margin-left: 8px;
1622 margin-left: 8px;
1623 }
1623 }
1624
1624
1625 #pull_request_overview {
1625 div.ancestor {
1626 div.ancestor {
1626 margin: -30px 0px;
1627 margin: -33px 0;
1628 }
1629 }
1630
1631 div.ancestor {
1632 line-height: 33px;
1627 }
1633 }
1628
1634
1629 .cs_icon_td input[type="checkbox"] {
1635 .cs_icon_td input[type="checkbox"] {
1630 display: none;
1636 display: none;
1631 }
1637 }
1632
1638
1633 .cs_icon_td .expand_file_icon:after {
1639 .cs_icon_td .expand_file_icon:after {
1634 cursor: pointer;
1640 cursor: pointer;
1635 content: "\00A0\25B6";
1641 content: "\00A0\25B6";
1636 font-size: 12px;
1642 font-size: 12px;
1637 color: @grey4;
1643 color: @grey4;
1638 }
1644 }
1639
1645
1640 .cs_icon_td .collapse_file_icon:after {
1646 .cs_icon_td .collapse_file_icon:after {
1641 cursor: pointer;
1647 cursor: pointer;
1642 content: "\00A0\25BC";
1648 content: "\00A0\25BC";
1643 font-size: 12px;
1649 font-size: 12px;
1644 color: @grey4;
1650 color: @grey4;
1645 }
1651 }
1646
1652
1647 /*new binary
1653 /*new binary
1648 NEW_FILENODE = 1
1654 NEW_FILENODE = 1
1649 DEL_FILENODE = 2
1655 DEL_FILENODE = 2
1650 MOD_FILENODE = 3
1656 MOD_FILENODE = 3
1651 RENAMED_FILENODE = 4
1657 RENAMED_FILENODE = 4
1652 COPIED_FILENODE = 5
1658 COPIED_FILENODE = 5
1653 CHMOD_FILENODE = 6
1659 CHMOD_FILENODE = 6
1654 BIN_FILENODE = 7
1660 BIN_FILENODE = 7
1655 */
1661 */
1656 .cs_files_expand {
1662 .cs_files_expand {
1657 font-size: @basefontsize + 5px;
1663 font-size: @basefontsize + 5px;
1658 line-height: 1.8em;
1664 line-height: 1.8em;
1659 float: right;
1665 float: right;
1660 }
1666 }
1661
1667
1662 .cs_files_expand span{
1668 .cs_files_expand span{
1663 color: @rcblue;
1669 color: @rcblue;
1664 cursor: pointer;
1670 cursor: pointer;
1665 }
1671 }
1666 .cs_files {
1672 .cs_files {
1667 clear: both;
1673 clear: both;
1668 padding-bottom: @padding;
1674 padding-bottom: @padding;
1669
1675
1670 .cur_cs {
1676 .cur_cs {
1671 margin: 10px 2px;
1677 margin: 10px 2px;
1672 font-weight: bold;
1678 font-weight: bold;
1673 }
1679 }
1674
1680
1675 .node {
1681 .node {
1676 float: left;
1682 float: left;
1677 }
1683 }
1678
1684
1679 .changes {
1685 .changes {
1680 float: right;
1686 float: right;
1681 color: white;
1687 color: white;
1682 font-size: @basefontsize - 4px;
1688 font-size: @basefontsize - 4px;
1683 margin-top: 4px;
1689 margin-top: 4px;
1684 opacity: 0.6;
1690 opacity: 0.6;
1685 filter: Alpha(opacity=60); /* IE8 and earlier */
1691 filter: Alpha(opacity=60); /* IE8 and earlier */
1686
1692
1687 .added {
1693 .added {
1688 background-color: @alert1;
1694 background-color: @alert1;
1689 float: left;
1695 float: left;
1690 text-align: center;
1696 text-align: center;
1691 }
1697 }
1692
1698
1693 .deleted {
1699 .deleted {
1694 background-color: @alert2;
1700 background-color: @alert2;
1695 float: left;
1701 float: left;
1696 text-align: center;
1702 text-align: center;
1697 }
1703 }
1698
1704
1699 .bin {
1705 .bin {
1700 background-color: @alert1;
1706 background-color: @alert1;
1701 text-align: center;
1707 text-align: center;
1702 }
1708 }
1703
1709
1704 /*new binary*/
1710 /*new binary*/
1705 .bin.bin1 {
1711 .bin.bin1 {
1706 background-color: @alert1;
1712 background-color: @alert1;
1707 text-align: center;
1713 text-align: center;
1708 }
1714 }
1709
1715
1710 /*deleted binary*/
1716 /*deleted binary*/
1711 .bin.bin2 {
1717 .bin.bin2 {
1712 background-color: @alert2;
1718 background-color: @alert2;
1713 text-align: center;
1719 text-align: center;
1714 }
1720 }
1715
1721
1716 /*mod binary*/
1722 /*mod binary*/
1717 .bin.bin3 {
1723 .bin.bin3 {
1718 background-color: @grey2;
1724 background-color: @grey2;
1719 text-align: center;
1725 text-align: center;
1720 }
1726 }
1721
1727
1722 /*rename file*/
1728 /*rename file*/
1723 .bin.bin4 {
1729 .bin.bin4 {
1724 background-color: @alert4;
1730 background-color: @alert4;
1725 text-align: center;
1731 text-align: center;
1726 }
1732 }
1727
1733
1728 /*copied file*/
1734 /*copied file*/
1729 .bin.bin5 {
1735 .bin.bin5 {
1730 background-color: @alert4;
1736 background-color: @alert4;
1731 text-align: center;
1737 text-align: center;
1732 }
1738 }
1733
1739
1734 /*chmod file*/
1740 /*chmod file*/
1735 .bin.bin6 {
1741 .bin.bin6 {
1736 background-color: @grey2;
1742 background-color: @grey2;
1737 text-align: center;
1743 text-align: center;
1738 }
1744 }
1739 }
1745 }
1740 }
1746 }
1741
1747
1742 .cs_files .cs_added, .cs_files .cs_A,
1748 .cs_files .cs_added, .cs_files .cs_A,
1743 .cs_files .cs_added, .cs_files .cs_M,
1749 .cs_files .cs_added, .cs_files .cs_M,
1744 .cs_files .cs_added, .cs_files .cs_D {
1750 .cs_files .cs_added, .cs_files .cs_D {
1745 height: 16px;
1751 height: 16px;
1746 padding-right: 10px;
1752 padding-right: 10px;
1747 margin-top: 7px;
1753 margin-top: 7px;
1748 text-align: left;
1754 text-align: left;
1749 }
1755 }
1750
1756
1751 .cs_icon_td {
1757 .cs_icon_td {
1752 min-width: 16px;
1758 min-width: 16px;
1753 width: 16px;
1759 width: 16px;
1754 }
1760 }
1755
1761
1756 .pull-request-merge {
1762 .pull-request-merge {
1757 border: 1px solid @grey5;
1763 border: 1px solid @grey5;
1758 padding: 10px 0px 20px;
1764 padding: 10px 0px 20px;
1759 margin-top: 10px;
1765 margin-top: 10px;
1760 margin-bottom: 20px;
1766 margin-bottom: 20px;
1761 }
1767 }
1762
1768
1763 .pull-request-merge ul {
1769 .pull-request-merge ul {
1764 padding: 0px 0px;
1770 padding: 0px 0px;
1765 }
1771 }
1766
1772
1767 .pull-request-merge li {
1773 .pull-request-merge li {
1768 list-style-type: none;
1774 list-style-type: none;
1769 }
1775 }
1770
1776
1771 .pull-request-merge .pull-request-wrap {
1777 .pull-request-merge .pull-request-wrap {
1772 height: auto;
1778 height: auto;
1773 padding: 0px 0px;
1779 padding: 0px 0px;
1774 text-align: right;
1780 text-align: right;
1775 }
1781 }
1776
1782
1777 .pull-request-merge span {
1783 .pull-request-merge span {
1778 margin-right: 5px;
1784 margin-right: 5px;
1779 }
1785 }
1780
1786
1781 .pull-request-merge-actions {
1787 .pull-request-merge-actions {
1782 min-height: 30px;
1788 min-height: 30px;
1783 padding: 0px 0px;
1789 padding: 0px 0px;
1784 }
1790 }
1785
1791
1786 .pull-request-merge-info {
1792 .pull-request-merge-info {
1787 padding: 0px 5px 5px 0px;
1793 padding: 0px 5px 5px 0px;
1788 }
1794 }
1789
1795
1790 .merge-status {
1796 .merge-status {
1791 margin-right: 5px;
1797 margin-right: 5px;
1792 }
1798 }
1793
1799
1794 .merge-message {
1800 .merge-message {
1795 font-size: 1.2em
1801 font-size: 1.2em
1796 }
1802 }
1797
1803
1798 .merge-message.success i,
1804 .merge-message.success i,
1799 .merge-icon.success i {
1805 .merge-icon.success i {
1800 color:@alert1;
1806 color:@alert1;
1801 }
1807 }
1802
1808
1803 .merge-message.warning i,
1809 .merge-message.warning i,
1804 .merge-icon.warning i {
1810 .merge-icon.warning i {
1805 color: @alert3;
1811 color: @alert3;
1806 }
1812 }
1807
1813
1808 .merge-message.error i,
1814 .merge-message.error i,
1809 .merge-icon.error i {
1815 .merge-icon.error i {
1810 color:@alert2;
1816 color:@alert2;
1811 }
1817 }
1812
1818
1813 .pr-versions {
1819 .pr-versions {
1814 font-size: 1.1em;
1820 font-size: 1.1em;
1815
1821
1816 table {
1822 table {
1817 padding: 0px 5px;
1823 padding: 0px 5px;
1818 }
1824 }
1819
1825
1820 td {
1826 td {
1821 line-height: 15px;
1827 line-height: 15px;
1822 }
1828 }
1823
1829
1824 .flag_status {
1830 .flag_status {
1825 margin: 0;
1831 margin: 0;
1826 }
1832 }
1827
1833
1828 .compare-radio-button {
1834 .compare-radio-button {
1829 position: relative;
1835 position: relative;
1830 top: -3px;
1836 top: -3px;
1831 }
1837 }
1832 }
1838 }
1833
1839
1834
1840
1835 #close_pull_request {
1841 #close_pull_request {
1836 margin-right: 0px;
1842 margin-right: 0px;
1837 }
1843 }
1838
1844
1839 .empty_data {
1845 .empty_data {
1840 color: @grey4;
1846 color: @grey4;
1841 }
1847 }
1842
1848
1843 #changeset_compare_view_content {
1849 #changeset_compare_view_content {
1844 clear: both;
1850 clear: both;
1845 width: 100%;
1851 width: 100%;
1846 box-sizing: border-box;
1852 box-sizing: border-box;
1847 .border-radius(@border-radius);
1853 .border-radius(@border-radius);
1848
1854
1849 .help-block {
1855 .help-block {
1850 margin: @padding 0;
1856 margin: @padding 0;
1851 color: @text-color;
1857 color: @text-color;
1852 &.pre-formatting {
1858 &.pre-formatting {
1853 white-space: pre;
1859 white-space: pre;
1854 }
1860 }
1855 }
1861 }
1856
1862
1857 .empty_data {
1863 .empty_data {
1858 margin: @padding 0;
1864 margin: @padding 0;
1859 }
1865 }
1860
1866
1861 .alert {
1867 .alert {
1862 margin-bottom: @space;
1868 margin-bottom: @space;
1863 }
1869 }
1864 }
1870 }
1865
1871
1866 .table_disp {
1872 .table_disp {
1867 .status {
1873 .status {
1868 width: auto;
1874 width: auto;
1869
1875
1870 .flag_status {
1876 .flag_status {
1871 float: left;
1877 float: left;
1872 }
1878 }
1873 }
1879 }
1874 }
1880 }
1875
1881
1876
1882
1877 .creation_in_progress {
1883 .creation_in_progress {
1878 color: @grey4
1884 color: @grey4
1879 }
1885 }
1880
1886
1881 .status_box_menu {
1887 .status_box_menu {
1882 margin: 0;
1888 margin: 0;
1883 }
1889 }
1884
1890
1885 .notification-table{
1891 .notification-table{
1886 margin-bottom: @space;
1892 margin-bottom: @space;
1887 display: table;
1893 display: table;
1888 width: 100%;
1894 width: 100%;
1889
1895
1890 .container{
1896 .container{
1891 display: table-row;
1897 display: table-row;
1892
1898
1893 .notification-header{
1899 .notification-header{
1894 border-bottom: @border-thickness solid @border-default-color;
1900 border-bottom: @border-thickness solid @border-default-color;
1895 }
1901 }
1896
1902
1897 .notification-subject{
1903 .notification-subject{
1898 display: table-cell;
1904 display: table-cell;
1899 }
1905 }
1900 }
1906 }
1901 }
1907 }
1902
1908
1903 // Notifications
1909 // Notifications
1904 .notification-header{
1910 .notification-header{
1905 display: table;
1911 display: table;
1906 width: 100%;
1912 width: 100%;
1907 padding: floor(@basefontsize/2) 0;
1913 padding: floor(@basefontsize/2) 0;
1908 line-height: 1em;
1914 line-height: 1em;
1909
1915
1910 .desc, .delete-notifications, .read-notifications{
1916 .desc, .delete-notifications, .read-notifications{
1911 display: table-cell;
1917 display: table-cell;
1912 text-align: left;
1918 text-align: left;
1913 }
1919 }
1914
1920
1915 .desc{
1921 .desc{
1916 width: 1163px;
1922 width: 1163px;
1917 }
1923 }
1918
1924
1919 .delete-notifications, .read-notifications{
1925 .delete-notifications, .read-notifications{
1920 width: 35px;
1926 width: 35px;
1921 min-width: 35px; //fixes when only one button is displayed
1927 min-width: 35px; //fixes when only one button is displayed
1922 }
1928 }
1923 }
1929 }
1924
1930
1925 .notification-body {
1931 .notification-body {
1926 .markdown-block,
1932 .markdown-block,
1927 .rst-block {
1933 .rst-block {
1928 padding: @padding 0;
1934 padding: @padding 0;
1929 }
1935 }
1930
1936
1931 .notification-subject {
1937 .notification-subject {
1932 padding: @textmargin 0;
1938 padding: @textmargin 0;
1933 border-bottom: @border-thickness solid @border-default-color;
1939 border-bottom: @border-thickness solid @border-default-color;
1934 }
1940 }
1935 }
1941 }
1936
1942
1937
1943
1938 .notifications_buttons{
1944 .notifications_buttons{
1939 float: right;
1945 float: right;
1940 }
1946 }
1941
1947
1942 #notification-status{
1948 #notification-status{
1943 display: inline;
1949 display: inline;
1944 }
1950 }
1945
1951
1946 // Repositories
1952 // Repositories
1947
1953
1948 #summary.fields{
1954 #summary.fields{
1949 display: table;
1955 display: table;
1950
1956
1951 .field{
1957 .field{
1952 display: table-row;
1958 display: table-row;
1953
1959
1954 .label-summary{
1960 .label-summary{
1955 display: table-cell;
1961 display: table-cell;
1956 min-width: @label-summary-minwidth;
1962 min-width: @label-summary-minwidth;
1957 padding-top: @padding/2;
1963 padding-top: @padding/2;
1958 padding-bottom: @padding/2;
1964 padding-bottom: @padding/2;
1959 padding-right: @padding/2;
1965 padding-right: @padding/2;
1960 }
1966 }
1961
1967
1962 .input{
1968 .input{
1963 display: table-cell;
1969 display: table-cell;
1964 padding: @padding/2;
1970 padding: @padding/2;
1965
1971
1966 input{
1972 input{
1967 min-width: 29em;
1973 min-width: 29em;
1968 padding: @padding/4;
1974 padding: @padding/4;
1969 }
1975 }
1970 }
1976 }
1971 .statistics, .downloads{
1977 .statistics, .downloads{
1972 .disabled{
1978 .disabled{
1973 color: @grey4;
1979 color: @grey4;
1974 }
1980 }
1975 }
1981 }
1976 }
1982 }
1977 }
1983 }
1978
1984
1979 #summary{
1985 #summary{
1980 width: 70%;
1986 width: 70%;
1981 }
1987 }
1982
1988
1983
1989
1984 // Journal
1990 // Journal
1985 .journal.title {
1991 .journal.title {
1986 h5 {
1992 h5 {
1987 float: left;
1993 float: left;
1988 margin: 0;
1994 margin: 0;
1989 width: 70%;
1995 width: 70%;
1990 }
1996 }
1991
1997
1992 ul {
1998 ul {
1993 float: right;
1999 float: right;
1994 display: inline-block;
2000 display: inline-block;
1995 margin: 0;
2001 margin: 0;
1996 width: 30%;
2002 width: 30%;
1997 text-align: right;
2003 text-align: right;
1998
2004
1999 li {
2005 li {
2000 display: inline;
2006 display: inline;
2001 font-size: @journal-fontsize;
2007 font-size: @journal-fontsize;
2002 line-height: 1em;
2008 line-height: 1em;
2003
2009
2004 list-style-type: none;
2010 list-style-type: none;
2005 }
2011 }
2006 }
2012 }
2007 }
2013 }
2008
2014
2009 .filterexample {
2015 .filterexample {
2010 position: absolute;
2016 position: absolute;
2011 top: 95px;
2017 top: 95px;
2012 left: @contentpadding;
2018 left: @contentpadding;
2013 color: @rcblue;
2019 color: @rcblue;
2014 font-size: 11px;
2020 font-size: 11px;
2015 font-family: @text-regular;
2021 font-family: @text-regular;
2016 cursor: help;
2022 cursor: help;
2017
2023
2018 &:hover {
2024 &:hover {
2019 color: @rcdarkblue;
2025 color: @rcdarkblue;
2020 }
2026 }
2021
2027
2022 @media (max-width:768px) {
2028 @media (max-width:768px) {
2023 position: relative;
2029 position: relative;
2024 top: auto;
2030 top: auto;
2025 left: auto;
2031 left: auto;
2026 display: block;
2032 display: block;
2027 }
2033 }
2028 }
2034 }
2029
2035
2030
2036
2031 #journal{
2037 #journal{
2032 margin-bottom: @space;
2038 margin-bottom: @space;
2033
2039
2034 .journal_day{
2040 .journal_day{
2035 margin-bottom: @textmargin/2;
2041 margin-bottom: @textmargin/2;
2036 padding-bottom: @textmargin/2;
2042 padding-bottom: @textmargin/2;
2037 font-size: @journal-fontsize;
2043 font-size: @journal-fontsize;
2038 border-bottom: @border-thickness solid @border-default-color;
2044 border-bottom: @border-thickness solid @border-default-color;
2039 }
2045 }
2040
2046
2041 .journal_container{
2047 .journal_container{
2042 margin-bottom: @space;
2048 margin-bottom: @space;
2043
2049
2044 .journal_user{
2050 .journal_user{
2045 display: inline-block;
2051 display: inline-block;
2046 }
2052 }
2047 .journal_action_container{
2053 .journal_action_container{
2048 display: block;
2054 display: block;
2049 margin-top: @textmargin;
2055 margin-top: @textmargin;
2050
2056
2051 div{
2057 div{
2052 display: inline;
2058 display: inline;
2053 }
2059 }
2054
2060
2055 div.journal_action_params{
2061 div.journal_action_params{
2056 display: block;
2062 display: block;
2057 }
2063 }
2058
2064
2059 div.journal_repo:after{
2065 div.journal_repo:after{
2060 content: "\A";
2066 content: "\A";
2061 white-space: pre;
2067 white-space: pre;
2062 }
2068 }
2063
2069
2064 div.date{
2070 div.date{
2065 display: block;
2071 display: block;
2066 margin-bottom: @textmargin;
2072 margin-bottom: @textmargin;
2067 }
2073 }
2068 }
2074 }
2069 }
2075 }
2070 }
2076 }
2071
2077
2072 // Files
2078 // Files
2073 .edit-file-title {
2079 .edit-file-title {
2074 font-size: 16px;
2080 font-size: 16px;
2075
2081
2076 .title-heading {
2082 .title-heading {
2077 padding: 2px;
2083 padding: 2px;
2078 }
2084 }
2079 }
2085 }
2080
2086
2081 .edit-file-fieldset {
2087 .edit-file-fieldset {
2082 margin: @sidebarpadding 0;
2088 margin: @sidebarpadding 0;
2083
2089
2084 .fieldset {
2090 .fieldset {
2085 .left-label {
2091 .left-label {
2086 width: 13%;
2092 width: 13%;
2087 }
2093 }
2088 .right-content {
2094 .right-content {
2089 width: 87%;
2095 width: 87%;
2090 max-width: 100%;
2096 max-width: 100%;
2091 }
2097 }
2092 .filename-label {
2098 .filename-label {
2093 margin-top: 13px;
2099 margin-top: 13px;
2094 }
2100 }
2095 .commit-message-label {
2101 .commit-message-label {
2096 margin-top: 4px;
2102 margin-top: 4px;
2097 }
2103 }
2098 .file-upload-input {
2104 .file-upload-input {
2099 input {
2105 input {
2100 display: none;
2106 display: none;
2101 }
2107 }
2102 margin-top: 10px;
2108 margin-top: 10px;
2103 }
2109 }
2104 .file-upload-label {
2110 .file-upload-label {
2105 margin-top: 10px;
2111 margin-top: 10px;
2106 }
2112 }
2107 p {
2113 p {
2108 margin-top: 5px;
2114 margin-top: 5px;
2109 }
2115 }
2110
2116
2111 }
2117 }
2112 .custom-path-link {
2118 .custom-path-link {
2113 margin-left: 5px;
2119 margin-left: 5px;
2114 }
2120 }
2115 #commit {
2121 #commit {
2116 resize: vertical;
2122 resize: vertical;
2117 }
2123 }
2118 }
2124 }
2119
2125
2120 .delete-file-preview {
2126 .delete-file-preview {
2121 max-height: 250px;
2127 max-height: 250px;
2122 }
2128 }
2123
2129
2124 .new-file,
2130 .new-file,
2125 #filter_activate,
2131 #filter_activate,
2126 #filter_deactivate {
2132 #filter_deactivate {
2127 float: right;
2133 float: right;
2128 margin: 0 0 0 10px;
2134 margin: 0 0 0 10px;
2129 }
2135 }
2130
2136
2131 .file-upload-transaction-wrapper {
2137 .file-upload-transaction-wrapper {
2132 margin-top: 57px;
2138 margin-top: 57px;
2133 clear: both;
2139 clear: both;
2134 }
2140 }
2135
2141
2136 .file-upload-transaction-wrapper .error {
2142 .file-upload-transaction-wrapper .error {
2137 color: @color5;
2143 color: @color5;
2138 }
2144 }
2139
2145
2140 .file-upload-transaction {
2146 .file-upload-transaction {
2141 min-height: 200px;
2147 min-height: 200px;
2142 padding: 54px;
2148 padding: 54px;
2143 border: 1px solid @grey5;
2149 border: 1px solid @grey5;
2144 text-align: center;
2150 text-align: center;
2145 clear: both;
2151 clear: both;
2146 }
2152 }
2147
2153
2148 .file-upload-transaction i {
2154 .file-upload-transaction i {
2149 font-size: 48px
2155 font-size: 48px
2150 }
2156 }
2151
2157
2152 h3.files_location{
2158 h3.files_location{
2153 line-height: 2.4em;
2159 line-height: 2.4em;
2154 }
2160 }
2155
2161
2156 .browser-nav {
2162 .browser-nav {
2157 width: 100%;
2163 width: 100%;
2158 display: table;
2164 display: table;
2159 margin-bottom: 20px;
2165 margin-bottom: 20px;
2160
2166
2161 .info_box {
2167 .info_box {
2162 float: left;
2168 float: left;
2163 display: inline-table;
2169 display: inline-table;
2164 height: 2.5em;
2170 height: 2.5em;
2165
2171
2166 .browser-cur-rev, .info_box_elem {
2172 .browser-cur-rev, .info_box_elem {
2167 display: table-cell;
2173 display: table-cell;
2168 vertical-align: middle;
2174 vertical-align: middle;
2169 }
2175 }
2170
2176
2171 .drop-menu {
2177 .drop-menu {
2172 margin: 0 10px;
2178 margin: 0 10px;
2173 }
2179 }
2174
2180
2175 .info_box_elem {
2181 .info_box_elem {
2176 border-top: @border-thickness solid @grey5;
2182 border-top: @border-thickness solid @grey5;
2177 border-bottom: @border-thickness solid @grey5;
2183 border-bottom: @border-thickness solid @grey5;
2178 box-shadow: @button-shadow;
2184 box-shadow: @button-shadow;
2179
2185
2180 #at_rev, a {
2186 #at_rev, a {
2181 padding: 0.6em 0.4em;
2187 padding: 0.6em 0.4em;
2182 margin: 0;
2188 margin: 0;
2183 .box-shadow(none);
2189 .box-shadow(none);
2184 border: 0;
2190 border: 0;
2185 height: 12px;
2191 height: 12px;
2186 color: @grey2;
2192 color: @grey2;
2187 }
2193 }
2188
2194
2189 input#at_rev {
2195 input#at_rev {
2190 max-width: 50px;
2196 max-width: 50px;
2191 text-align: center;
2197 text-align: center;
2192 }
2198 }
2193
2199
2194 &.previous {
2200 &.previous {
2195 border: @border-thickness solid @grey5;
2201 border: @border-thickness solid @grey5;
2196 border-top-left-radius: @border-radius;
2202 border-top-left-radius: @border-radius;
2197 border-bottom-left-radius: @border-radius;
2203 border-bottom-left-radius: @border-radius;
2198
2204
2199 &:hover {
2205 &:hover {
2200 border-color: @grey4;
2206 border-color: @grey4;
2201 }
2207 }
2202
2208
2203 .disabled {
2209 .disabled {
2204 color: @grey5;
2210 color: @grey5;
2205 cursor: not-allowed;
2211 cursor: not-allowed;
2206 opacity: 0.5;
2212 opacity: 0.5;
2207 }
2213 }
2208 }
2214 }
2209
2215
2210 &.next {
2216 &.next {
2211 border: @border-thickness solid @grey5;
2217 border: @border-thickness solid @grey5;
2212 border-top-right-radius: @border-radius;
2218 border-top-right-radius: @border-radius;
2213 border-bottom-right-radius: @border-radius;
2219 border-bottom-right-radius: @border-radius;
2214
2220
2215 &:hover {
2221 &:hover {
2216 border-color: @grey4;
2222 border-color: @grey4;
2217 }
2223 }
2218
2224
2219 .disabled {
2225 .disabled {
2220 color: @grey5;
2226 color: @grey5;
2221 cursor: not-allowed;
2227 cursor: not-allowed;
2222 opacity: 0.5;
2228 opacity: 0.5;
2223 }
2229 }
2224 }
2230 }
2225 }
2231 }
2226
2232
2227 .browser-cur-rev {
2233 .browser-cur-rev {
2228
2234
2229 span{
2235 span{
2230 margin: 0;
2236 margin: 0;
2231 color: @rcblue;
2237 color: @rcblue;
2232 height: 12px;
2238 height: 12px;
2233 display: inline-block;
2239 display: inline-block;
2234 padding: 0.7em 1em ;
2240 padding: 0.7em 1em ;
2235 border: @border-thickness solid @rcblue;
2241 border: @border-thickness solid @rcblue;
2236 margin-right: @padding;
2242 margin-right: @padding;
2237 }
2243 }
2238 }
2244 }
2239
2245
2240 }
2246 }
2241
2247
2242 .select-index-number {
2248 .select-index-number {
2243 margin: 0 0 0 20px;
2249 margin: 0 0 0 20px;
2244 color: @grey3;
2250 color: @grey3;
2245 }
2251 }
2246
2252
2247 .search_activate {
2253 .search_activate {
2248 display: table-cell;
2254 display: table-cell;
2249 vertical-align: middle;
2255 vertical-align: middle;
2250
2256
2251 input, label{
2257 input, label{
2252 margin: 0;
2258 margin: 0;
2253 padding: 0;
2259 padding: 0;
2254 }
2260 }
2255
2261
2256 input{
2262 input{
2257 margin-left: @textmargin;
2263 margin-left: @textmargin;
2258 }
2264 }
2259
2265
2260 }
2266 }
2261 }
2267 }
2262
2268
2263 .browser-cur-rev{
2269 .browser-cur-rev{
2264 margin-bottom: @textmargin;
2270 margin-bottom: @textmargin;
2265 }
2271 }
2266
2272
2267 #node_filter_box_loading{
2273 #node_filter_box_loading{
2268 .info_text;
2274 .info_text;
2269 }
2275 }
2270
2276
2271 .browser-search {
2277 .browser-search {
2272 margin: -25px 0px 5px 0px;
2278 margin: -25px 0px 5px 0px;
2273 }
2279 }
2274
2280
2275 .files-quick-filter {
2281 .files-quick-filter {
2276 float: right;
2282 float: right;
2277 width: 180px;
2283 width: 180px;
2278 position: relative;
2284 position: relative;
2279 }
2285 }
2280
2286
2281 .files-filter-box {
2287 .files-filter-box {
2282 display: flex;
2288 display: flex;
2283 padding: 0px;
2289 padding: 0px;
2284 border-radius: 3px;
2290 border-radius: 3px;
2285 margin-bottom: 0;
2291 margin-bottom: 0;
2286
2292
2287 a {
2293 a {
2288 border: none !important;
2294 border: none !important;
2289 }
2295 }
2290
2296
2291 li {
2297 li {
2292 list-style-type: none
2298 list-style-type: none
2293 }
2299 }
2294 }
2300 }
2295
2301
2296 .files-filter-box-path {
2302 .files-filter-box-path {
2297 line-height: 33px;
2303 line-height: 33px;
2298 padding: 0;
2304 padding: 0;
2299 width: 20px;
2305 width: 20px;
2300 position: absolute;
2306 position: absolute;
2301 z-index: 11;
2307 z-index: 11;
2302 left: 5px;
2308 left: 5px;
2303 }
2309 }
2304
2310
2305 .files-filter-box-input {
2311 .files-filter-box-input {
2306 margin-right: 0;
2312 margin-right: 0;
2307
2313
2308 input {
2314 input {
2309 border: 1px solid @white;
2315 border: 1px solid @white;
2310 padding-left: 25px;
2316 padding-left: 25px;
2311 width: 145px;
2317 width: 145px;
2312
2318
2313 &:hover {
2319 &:hover {
2314 border-color: @grey6;
2320 border-color: @grey6;
2315 }
2321 }
2316
2322
2317 &:focus {
2323 &:focus {
2318 border-color: @grey5;
2324 border-color: @grey5;
2319 }
2325 }
2320 }
2326 }
2321 }
2327 }
2322
2328
2323 .browser-result{
2329 .browser-result{
2324 td a{
2330 td a{
2325 margin-left: 0.5em;
2331 margin-left: 0.5em;
2326 display: inline-block;
2332 display: inline-block;
2327
2333
2328 em {
2334 em {
2329 font-weight: @text-bold-weight;
2335 font-weight: @text-bold-weight;
2330 font-family: @text-bold;
2336 font-family: @text-bold;
2331 }
2337 }
2332 }
2338 }
2333 }
2339 }
2334
2340
2335 .browser-highlight{
2341 .browser-highlight{
2336 background-color: @grey5-alpha;
2342 background-color: @grey5-alpha;
2337 }
2343 }
2338
2344
2339
2345
2340 .edit-file-fieldset #location,
2346 .edit-file-fieldset #location,
2341 .edit-file-fieldset #filename {
2347 .edit-file-fieldset #filename {
2342 display: flex;
2348 display: flex;
2343 width: -moz-available; /* WebKit-based browsers will ignore this. */
2349 width: -moz-available; /* WebKit-based browsers will ignore this. */
2344 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2350 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2345 width: fill-available;
2351 width: fill-available;
2346 border: 0;
2352 border: 0;
2347 }
2353 }
2348
2354
2349 .path-items {
2355 .path-items {
2350 display: flex;
2356 display: flex;
2351 padding: 0;
2357 padding: 0;
2352 border: 1px solid #eeeeee;
2358 border: 1px solid #eeeeee;
2353 width: 100%;
2359 width: 100%;
2354 float: left;
2360 float: left;
2355
2361
2356 .breadcrumb-path {
2362 .breadcrumb-path {
2357 line-height: 30px;
2363 line-height: 30px;
2358 padding: 0 4px;
2364 padding: 0 4px;
2359 white-space: nowrap;
2365 white-space: nowrap;
2360 }
2366 }
2361
2367
2362 .location-path {
2368 .location-path {
2363 width: -moz-available; /* WebKit-based browsers will ignore this. */
2369 width: -moz-available; /* WebKit-based browsers will ignore this. */
2364 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2370 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2365 width: fill-available;
2371 width: fill-available;
2366
2372
2367 .file-name-input {
2373 .file-name-input {
2368 padding: 0.5em 0;
2374 padding: 0.5em 0;
2369 }
2375 }
2370
2376
2371 }
2377 }
2372
2378
2373 ul {
2379 ul {
2374 display: flex;
2380 display: flex;
2375 margin: 0;
2381 margin: 0;
2376 padding: 0;
2382 padding: 0;
2377 width: 100%;
2383 width: 100%;
2378 }
2384 }
2379
2385
2380 li {
2386 li {
2381 list-style-type: none;
2387 list-style-type: none;
2382 }
2388 }
2383
2389
2384 }
2390 }
2385
2391
2386 .editor-items {
2392 .editor-items {
2387 height: 40px;
2393 height: 40px;
2388 margin: 10px 0 -17px 10px;
2394 margin: 10px 0 -17px 10px;
2389
2395
2390 .editor-action {
2396 .editor-action {
2391 cursor: pointer;
2397 cursor: pointer;
2392 }
2398 }
2393
2399
2394 .editor-action.active {
2400 .editor-action.active {
2395 border-bottom: 2px solid #5C5C5C;
2401 border-bottom: 2px solid #5C5C5C;
2396 }
2402 }
2397
2403
2398 li {
2404 li {
2399 list-style-type: none;
2405 list-style-type: none;
2400 }
2406 }
2401 }
2407 }
2402
2408
2403 .edit-file-fieldset .message textarea {
2409 .edit-file-fieldset .message textarea {
2404 border: 1px solid #eeeeee;
2410 border: 1px solid #eeeeee;
2405 }
2411 }
2406
2412
2407 #files_data .codeblock {
2413 #files_data .codeblock {
2408 background-color: #F5F5F5;
2414 background-color: #F5F5F5;
2409 }
2415 }
2410
2416
2411 #editor_preview {
2417 #editor_preview {
2412 background: white;
2418 background: white;
2413 }
2419 }
2414
2420
2415 .show-editor {
2421 .show-editor {
2416 padding: 10px;
2422 padding: 10px;
2417 background-color: white;
2423 background-color: white;
2418
2424
2419 }
2425 }
2420
2426
2421 .show-preview {
2427 .show-preview {
2422 padding: 10px;
2428 padding: 10px;
2423 background-color: white;
2429 background-color: white;
2424 border-left: 1px solid #eeeeee;
2430 border-left: 1px solid #eeeeee;
2425 }
2431 }
2426 // quick filter
2432 // quick filter
2427 .grid-quick-filter {
2433 .grid-quick-filter {
2428 float: right;
2434 float: right;
2429 position: relative;
2435 position: relative;
2430 }
2436 }
2431
2437
2432 .grid-filter-box {
2438 .grid-filter-box {
2433 display: flex;
2439 display: flex;
2434 padding: 0px;
2440 padding: 0px;
2435 border-radius: 3px;
2441 border-radius: 3px;
2436 margin-bottom: 0;
2442 margin-bottom: 0;
2437
2443
2438 a {
2444 a {
2439 border: none !important;
2445 border: none !important;
2440 }
2446 }
2441
2447
2442 li {
2448 li {
2443 list-style-type: none
2449 list-style-type: none
2444 }
2450 }
2445 }
2451 }
2446
2452
2447 .grid-filter-box-icon {
2453 .grid-filter-box-icon {
2448 line-height: 33px;
2454 line-height: 33px;
2449 padding: 0;
2455 padding: 0;
2450 width: 20px;
2456 width: 20px;
2451 position: absolute;
2457 position: absolute;
2452 z-index: 11;
2458 z-index: 11;
2453 left: 5px;
2459 left: 5px;
2454 }
2460 }
2455
2461
2456 .grid-filter-box-input {
2462 .grid-filter-box-input {
2457 margin-right: 0;
2463 margin-right: 0;
2458
2464
2459 input {
2465 input {
2460 border: 1px solid @white;
2466 border: 1px solid @white;
2461 padding-left: 25px;
2467 padding-left: 25px;
2462 width: 145px;
2468 width: 145px;
2463
2469
2464 &:hover {
2470 &:hover {
2465 border-color: @grey6;
2471 border-color: @grey6;
2466 }
2472 }
2467
2473
2468 &:focus {
2474 &:focus {
2469 border-color: @grey5;
2475 border-color: @grey5;
2470 }
2476 }
2471 }
2477 }
2472 }
2478 }
2473
2479
2474
2480
2475
2481
2476 // Search
2482 // Search
2477
2483
2478 .search-form{
2484 .search-form{
2479 #q {
2485 #q {
2480 width: @search-form-width;
2486 width: @search-form-width;
2481 }
2487 }
2482 .fields{
2488 .fields{
2483 margin: 0 0 @space;
2489 margin: 0 0 @space;
2484 }
2490 }
2485
2491
2486 label{
2492 label{
2487 display: inline-block;
2493 display: inline-block;
2488 margin-right: @textmargin;
2494 margin-right: @textmargin;
2489 padding-top: 0.25em;
2495 padding-top: 0.25em;
2490 }
2496 }
2491
2497
2492
2498
2493 .results{
2499 .results{
2494 clear: both;
2500 clear: both;
2495 margin: 0 0 @padding;
2501 margin: 0 0 @padding;
2496 }
2502 }
2497
2503
2498 .search-tags {
2504 .search-tags {
2499 padding: 5px 0;
2505 padding: 5px 0;
2500 }
2506 }
2501 }
2507 }
2502
2508
2503 div.search-feedback-items {
2509 div.search-feedback-items {
2504 display: inline-block;
2510 display: inline-block;
2505 }
2511 }
2506
2512
2507 div.search-code-body {
2513 div.search-code-body {
2508 background-color: #ffffff; padding: 5px 0 5px 10px;
2514 background-color: #ffffff; padding: 5px 0 5px 10px;
2509 pre {
2515 pre {
2510 .match { background-color: #faffa6;}
2516 .match { background-color: #faffa6;}
2511 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2517 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2512 }
2518 }
2513 }
2519 }
2514
2520
2515 .expand_commit.search {
2521 .expand_commit.search {
2516 .show_more.open {
2522 .show_more.open {
2517 height: auto;
2523 height: auto;
2518 max-height: none;
2524 max-height: none;
2519 }
2525 }
2520 }
2526 }
2521
2527
2522 .search-results {
2528 .search-results {
2523
2529
2524 h2 {
2530 h2 {
2525 margin-bottom: 0;
2531 margin-bottom: 0;
2526 }
2532 }
2527 .codeblock {
2533 .codeblock {
2528 border: none;
2534 border: none;
2529 background: transparent;
2535 background: transparent;
2530 }
2536 }
2531
2537
2532 .codeblock-header {
2538 .codeblock-header {
2533 border: none;
2539 border: none;
2534 background: transparent;
2540 background: transparent;
2535 }
2541 }
2536
2542
2537 .code-body {
2543 .code-body {
2538 border: @border-thickness solid @grey6;
2544 border: @border-thickness solid @grey6;
2539 .border-radius(@border-radius);
2545 .border-radius(@border-radius);
2540 }
2546 }
2541
2547
2542 .td-commit {
2548 .td-commit {
2543 &:extend(pre);
2549 &:extend(pre);
2544 border-bottom: @border-thickness solid @border-default-color;
2550 border-bottom: @border-thickness solid @border-default-color;
2545 }
2551 }
2546
2552
2547 .message {
2553 .message {
2548 height: auto;
2554 height: auto;
2549 max-width: 350px;
2555 max-width: 350px;
2550 white-space: normal;
2556 white-space: normal;
2551 text-overflow: initial;
2557 text-overflow: initial;
2552 overflow: visible;
2558 overflow: visible;
2553
2559
2554 .match { background-color: #faffa6;}
2560 .match { background-color: #faffa6;}
2555 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2561 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2556 }
2562 }
2557
2563
2558 .path {
2564 .path {
2559 border-bottom: none !important;
2565 border-bottom: none !important;
2560 border-left: 1px solid @grey6 !important;
2566 border-left: 1px solid @grey6 !important;
2561 border-right: 1px solid @grey6 !important;
2567 border-right: 1px solid @grey6 !important;
2562 }
2568 }
2563 }
2569 }
2564
2570
2565 table.rctable td.td-search-results div {
2571 table.rctable td.td-search-results div {
2566 max-width: 100%;
2572 max-width: 100%;
2567 }
2573 }
2568
2574
2569 #tip-box, .tip-box{
2575 #tip-box, .tip-box{
2570 padding: @menupadding/2;
2576 padding: @menupadding/2;
2571 display: block;
2577 display: block;
2572 border: @border-thickness solid @border-highlight-color;
2578 border: @border-thickness solid @border-highlight-color;
2573 .border-radius(@border-radius);
2579 .border-radius(@border-radius);
2574 background-color: white;
2580 background-color: white;
2575 z-index: 99;
2581 z-index: 99;
2576 white-space: pre-wrap;
2582 white-space: pre-wrap;
2577 }
2583 }
2578
2584
2579 #linktt {
2585 #linktt {
2580 width: 79px;
2586 width: 79px;
2581 }
2587 }
2582
2588
2583 #help_kb .modal-content{
2589 #help_kb .modal-content{
2584 max-width: 750px;
2590 max-width: 750px;
2585 margin: 10% auto;
2591 margin: 10% auto;
2586
2592
2587 table{
2593 table{
2588 td,th{
2594 td,th{
2589 border-bottom: none;
2595 border-bottom: none;
2590 line-height: 2.5em;
2596 line-height: 2.5em;
2591 }
2597 }
2592 th{
2598 th{
2593 padding-bottom: @textmargin/2;
2599 padding-bottom: @textmargin/2;
2594 }
2600 }
2595 td.keys{
2601 td.keys{
2596 text-align: center;
2602 text-align: center;
2597 }
2603 }
2598 }
2604 }
2599
2605
2600 .block-left{
2606 .block-left{
2601 width: 45%;
2607 width: 45%;
2602 margin-right: 5%;
2608 margin-right: 5%;
2603 }
2609 }
2604 .modal-footer{
2610 .modal-footer{
2605 clear: both;
2611 clear: both;
2606 }
2612 }
2607 .key.tag{
2613 .key.tag{
2608 padding: 0.5em;
2614 padding: 0.5em;
2609 background-color: @rcblue;
2615 background-color: @rcblue;
2610 color: white;
2616 color: white;
2611 border-color: @rcblue;
2617 border-color: @rcblue;
2612 .box-shadow(none);
2618 .box-shadow(none);
2613 }
2619 }
2614 }
2620 }
2615
2621
2616
2622
2617
2623
2618 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2624 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2619
2625
2620 @import 'statistics-graph';
2626 @import 'statistics-graph';
2621 @import 'tables';
2627 @import 'tables';
2622 @import 'forms';
2628 @import 'forms';
2623 @import 'diff';
2629 @import 'diff';
2624 @import 'summary';
2630 @import 'summary';
2625 @import 'navigation';
2631 @import 'navigation';
2626
2632
2627 //--- SHOW/HIDE SECTIONS --//
2633 //--- SHOW/HIDE SECTIONS --//
2628
2634
2629 .btn-collapse {
2635 .btn-collapse {
2630 float: right;
2636 float: right;
2631 text-align: right;
2637 text-align: right;
2632 font-family: @text-light;
2638 font-family: @text-light;
2633 font-size: @basefontsize;
2639 font-size: @basefontsize;
2634 cursor: pointer;
2640 cursor: pointer;
2635 border: none;
2641 border: none;
2636 color: @rcblue;
2642 color: @rcblue;
2637 }
2643 }
2638
2644
2639 table.rctable,
2645 table.rctable,
2640 table.dataTable {
2646 table.dataTable {
2641 .btn-collapse {
2647 .btn-collapse {
2642 float: right;
2648 float: right;
2643 text-align: right;
2649 text-align: right;
2644 }
2650 }
2645 }
2651 }
2646
2652
2647 table.rctable {
2653 table.rctable {
2648 &.permissions {
2654 &.permissions {
2649
2655
2650 th.td-owner {
2656 th.td-owner {
2651 padding: 0;
2657 padding: 0;
2652 }
2658 }
2653
2659
2654 th {
2660 th {
2655 font-weight: normal;
2661 font-weight: normal;
2656 padding: 0 5px;
2662 padding: 0 5px;
2657 }
2663 }
2658
2664
2659 }
2665 }
2660 }
2666 }
2661
2667
2662
2668
2663 // TODO: johbo: Fix for IE10, this avoids that we see a border
2669 // TODO: johbo: Fix for IE10, this avoids that we see a border
2664 // and padding around checkboxes and radio boxes. Move to the right place,
2670 // and padding around checkboxes and radio boxes. Move to the right place,
2665 // or better: Remove this once we did the form refactoring.
2671 // or better: Remove this once we did the form refactoring.
2666 input[type=checkbox],
2672 input[type=checkbox],
2667 input[type=radio] {
2673 input[type=radio] {
2668 padding: 0;
2674 padding: 0;
2669 border: none;
2675 border: none;
2670 }
2676 }
2671
2677
2672 .toggle-ajax-spinner{
2678 .toggle-ajax-spinner{
2673 height: 16px;
2679 height: 16px;
2674 width: 16px;
2680 width: 16px;
2675 }
2681 }
2676
2682
2677
2683
2678 .markup-form .clearfix {
2684 .markup-form .clearfix {
2679 .border-radius(@border-radius);
2685 .border-radius(@border-radius);
2680 margin: 0px;
2686 margin: 0px;
2681 }
2687 }
2682
2688
2683 .markup-form-area {
2689 .markup-form-area {
2684 padding: 8px 12px;
2690 padding: 8px 12px;
2685 border: 1px solid @grey4;
2691 border: 1px solid @grey4;
2686 .border-radius(@border-radius);
2692 .border-radius(@border-radius);
2687 }
2693 }
2688
2694
2689 .markup-form-area-header .nav-links {
2695 .markup-form-area-header .nav-links {
2690 display: flex;
2696 display: flex;
2691 flex-flow: row wrap;
2697 flex-flow: row wrap;
2692 -webkit-flex-flow: row wrap;
2698 -webkit-flex-flow: row wrap;
2693 width: 100%;
2699 width: 100%;
2694 }
2700 }
2695
2701
2696 .markup-form-area-footer {
2702 .markup-form-area-footer {
2697 display: flex;
2703 display: flex;
2698 }
2704 }
2699
2705
2700 .markup-form-area-footer .toolbar {
2706 .markup-form-area-footer .toolbar {
2701
2707
2702 }
2708 }
2703
2709
2704 // markup Form
2710 // markup Form
2705 div.markup-form {
2711 div.markup-form {
2706 margin-top: 20px;
2712 margin-top: 20px;
2707 }
2713 }
2708
2714
2709 .markup-form strong {
2715 .markup-form strong {
2710 display: block;
2716 display: block;
2711 margin-bottom: 15px;
2717 margin-bottom: 15px;
2712 }
2718 }
2713
2719
2714 .markup-form textarea {
2720 .markup-form textarea {
2715 width: 100%;
2721 width: 100%;
2716 height: 100px;
2722 height: 100px;
2717 font-family: @text-monospace;
2723 font-family: @text-monospace;
2718 }
2724 }
2719
2725
2720 form.markup-form {
2726 form.markup-form {
2721 margin-top: 10px;
2727 margin-top: 10px;
2722 margin-left: 10px;
2728 margin-left: 10px;
2723 }
2729 }
2724
2730
2725 .markup-form .comment-block-ta,
2731 .markup-form .comment-block-ta,
2726 .markup-form .preview-box {
2732 .markup-form .preview-box {
2727 .border-radius(@border-radius);
2733 .border-radius(@border-radius);
2728 .box-sizing(border-box);
2734 .box-sizing(border-box);
2729 background-color: white;
2735 background-color: white;
2730 }
2736 }
2731
2737
2732 .markup-form .preview-box.unloaded {
2738 .markup-form .preview-box.unloaded {
2733 height: 50px;
2739 height: 50px;
2734 text-align: center;
2740 text-align: center;
2735 padding: 20px;
2741 padding: 20px;
2736 background-color: white;
2742 background-color: white;
2737 }
2743 }
2738
2744
2739
2745
2740 .dropzone-wrapper {
2746 .dropzone-wrapper {
2741 border: 1px solid @grey5;
2747 border: 1px solid @grey5;
2742 padding: 20px;
2748 padding: 20px;
2743 }
2749 }
2744
2750
2745 .dropzone,
2751 .dropzone,
2746 .dropzone-pure {
2752 .dropzone-pure {
2747 border: 2px dashed @grey5;
2753 border: 2px dashed @grey5;
2748 border-radius: 5px;
2754 border-radius: 5px;
2749 background: white;
2755 background: white;
2750 min-height: 200px;
2756 min-height: 200px;
2751 padding: 54px;
2757 padding: 54px;
2752
2758
2753 .dz-message {
2759 .dz-message {
2754 font-weight: 700;
2760 font-weight: 700;
2755 text-align: center;
2761 text-align: center;
2756 margin: 2em 0;
2762 margin: 2em 0;
2757 }
2763 }
2758
2764
2759 }
2765 }
2760
2766
2761 .dz-preview {
2767 .dz-preview {
2762 margin: 10px 0 !important;
2768 margin: 10px 0 !important;
2763 position: relative;
2769 position: relative;
2764 vertical-align: top;
2770 vertical-align: top;
2765 padding: 10px;
2771 padding: 10px;
2766 border-bottom: 1px solid @grey5;
2772 border-bottom: 1px solid @grey5;
2767 }
2773 }
2768
2774
2769 .dz-filename {
2775 .dz-filename {
2770 font-weight: 700;
2776 font-weight: 700;
2771 float:left;
2777 float:left;
2772 }
2778 }
2773
2779
2774 .dz-sending {
2780 .dz-sending {
2775 float: right;
2781 float: right;
2776 }
2782 }
2777
2783
2778 .dz-response {
2784 .dz-response {
2779 clear:both
2785 clear:both
2780 }
2786 }
2781
2787
2782 .dz-filename-size {
2788 .dz-filename-size {
2783 float:right
2789 float:right
2784 }
2790 }
2785
2791
2786 .dz-error-message {
2792 .dz-error-message {
2787 color: @alert2;
2793 color: @alert2;
2788 padding-top: 10px;
2794 padding-top: 10px;
2789 clear: both;
2795 clear: both;
2790 }
2796 }
General Comments 0
You need to be logged in to leave comments. Login now