##// END OF EJS Templates
gists: fixed UI based on latest changes
dan -
r3762:fb960ee0 new-ui
parent child Browse files
Show More
@@ -1,2752 +1,2790 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: 120px;
999 left: 120px;
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 div.ancestor {
1625 div.ancestor {
1626 margin: -30px 0px;
1626 margin: -30px 0px;
1627 }
1627 }
1628
1628
1629 .cs_icon_td input[type="checkbox"] {
1629 .cs_icon_td input[type="checkbox"] {
1630 display: none;
1630 display: none;
1631 }
1631 }
1632
1632
1633 .cs_icon_td .expand_file_icon:after {
1633 .cs_icon_td .expand_file_icon:after {
1634 cursor: pointer;
1634 cursor: pointer;
1635 content: "\00A0\25B6";
1635 content: "\00A0\25B6";
1636 font-size: 12px;
1636 font-size: 12px;
1637 color: @grey4;
1637 color: @grey4;
1638 }
1638 }
1639
1639
1640 .cs_icon_td .collapse_file_icon:after {
1640 .cs_icon_td .collapse_file_icon:after {
1641 cursor: pointer;
1641 cursor: pointer;
1642 content: "\00A0\25BC";
1642 content: "\00A0\25BC";
1643 font-size: 12px;
1643 font-size: 12px;
1644 color: @grey4;
1644 color: @grey4;
1645 }
1645 }
1646
1646
1647 /*new binary
1647 /*new binary
1648 NEW_FILENODE = 1
1648 NEW_FILENODE = 1
1649 DEL_FILENODE = 2
1649 DEL_FILENODE = 2
1650 MOD_FILENODE = 3
1650 MOD_FILENODE = 3
1651 RENAMED_FILENODE = 4
1651 RENAMED_FILENODE = 4
1652 COPIED_FILENODE = 5
1652 COPIED_FILENODE = 5
1653 CHMOD_FILENODE = 6
1653 CHMOD_FILENODE = 6
1654 BIN_FILENODE = 7
1654 BIN_FILENODE = 7
1655 */
1655 */
1656 .cs_files_expand {
1656 .cs_files_expand {
1657 font-size: @basefontsize + 5px;
1657 font-size: @basefontsize + 5px;
1658 line-height: 1.8em;
1658 line-height: 1.8em;
1659 float: right;
1659 float: right;
1660 }
1660 }
1661
1661
1662 .cs_files_expand span{
1662 .cs_files_expand span{
1663 color: @rcblue;
1663 color: @rcblue;
1664 cursor: pointer;
1664 cursor: pointer;
1665 }
1665 }
1666 .cs_files {
1666 .cs_files {
1667 clear: both;
1667 clear: both;
1668 padding-bottom: @padding;
1668 padding-bottom: @padding;
1669
1669
1670 .cur_cs {
1670 .cur_cs {
1671 margin: 10px 2px;
1671 margin: 10px 2px;
1672 font-weight: bold;
1672 font-weight: bold;
1673 }
1673 }
1674
1674
1675 .node {
1675 .node {
1676 float: left;
1676 float: left;
1677 }
1677 }
1678
1678
1679 .changes {
1679 .changes {
1680 float: right;
1680 float: right;
1681 color: white;
1681 color: white;
1682 font-size: @basefontsize - 4px;
1682 font-size: @basefontsize - 4px;
1683 margin-top: 4px;
1683 margin-top: 4px;
1684 opacity: 0.6;
1684 opacity: 0.6;
1685 filter: Alpha(opacity=60); /* IE8 and earlier */
1685 filter: Alpha(opacity=60); /* IE8 and earlier */
1686
1686
1687 .added {
1687 .added {
1688 background-color: @alert1;
1688 background-color: @alert1;
1689 float: left;
1689 float: left;
1690 text-align: center;
1690 text-align: center;
1691 }
1691 }
1692
1692
1693 .deleted {
1693 .deleted {
1694 background-color: @alert2;
1694 background-color: @alert2;
1695 float: left;
1695 float: left;
1696 text-align: center;
1696 text-align: center;
1697 }
1697 }
1698
1698
1699 .bin {
1699 .bin {
1700 background-color: @alert1;
1700 background-color: @alert1;
1701 text-align: center;
1701 text-align: center;
1702 }
1702 }
1703
1703
1704 /*new binary*/
1704 /*new binary*/
1705 .bin.bin1 {
1705 .bin.bin1 {
1706 background-color: @alert1;
1706 background-color: @alert1;
1707 text-align: center;
1707 text-align: center;
1708 }
1708 }
1709
1709
1710 /*deleted binary*/
1710 /*deleted binary*/
1711 .bin.bin2 {
1711 .bin.bin2 {
1712 background-color: @alert2;
1712 background-color: @alert2;
1713 text-align: center;
1713 text-align: center;
1714 }
1714 }
1715
1715
1716 /*mod binary*/
1716 /*mod binary*/
1717 .bin.bin3 {
1717 .bin.bin3 {
1718 background-color: @grey2;
1718 background-color: @grey2;
1719 text-align: center;
1719 text-align: center;
1720 }
1720 }
1721
1721
1722 /*rename file*/
1722 /*rename file*/
1723 .bin.bin4 {
1723 .bin.bin4 {
1724 background-color: @alert4;
1724 background-color: @alert4;
1725 text-align: center;
1725 text-align: center;
1726 }
1726 }
1727
1727
1728 /*copied file*/
1728 /*copied file*/
1729 .bin.bin5 {
1729 .bin.bin5 {
1730 background-color: @alert4;
1730 background-color: @alert4;
1731 text-align: center;
1731 text-align: center;
1732 }
1732 }
1733
1733
1734 /*chmod file*/
1734 /*chmod file*/
1735 .bin.bin6 {
1735 .bin.bin6 {
1736 background-color: @grey2;
1736 background-color: @grey2;
1737 text-align: center;
1737 text-align: center;
1738 }
1738 }
1739 }
1739 }
1740 }
1740 }
1741
1741
1742 .cs_files .cs_added, .cs_files .cs_A,
1742 .cs_files .cs_added, .cs_files .cs_A,
1743 .cs_files .cs_added, .cs_files .cs_M,
1743 .cs_files .cs_added, .cs_files .cs_M,
1744 .cs_files .cs_added, .cs_files .cs_D {
1744 .cs_files .cs_added, .cs_files .cs_D {
1745 height: 16px;
1745 height: 16px;
1746 padding-right: 10px;
1746 padding-right: 10px;
1747 margin-top: 7px;
1747 margin-top: 7px;
1748 text-align: left;
1748 text-align: left;
1749 }
1749 }
1750
1750
1751 .cs_icon_td {
1751 .cs_icon_td {
1752 min-width: 16px;
1752 min-width: 16px;
1753 width: 16px;
1753 width: 16px;
1754 }
1754 }
1755
1755
1756 .pull-request-merge {
1756 .pull-request-merge {
1757 border: 1px solid @grey5;
1757 border: 1px solid @grey5;
1758 padding: 10px 0px 20px;
1758 padding: 10px 0px 20px;
1759 margin-top: 10px;
1759 margin-top: 10px;
1760 margin-bottom: 20px;
1760 margin-bottom: 20px;
1761 }
1761 }
1762
1762
1763 .pull-request-merge ul {
1763 .pull-request-merge ul {
1764 padding: 0px 0px;
1764 padding: 0px 0px;
1765 }
1765 }
1766
1766
1767 .pull-request-merge li {
1767 .pull-request-merge li {
1768 list-style-type: none;
1768 list-style-type: none;
1769 }
1769 }
1770
1770
1771 .pull-request-merge .pull-request-wrap {
1771 .pull-request-merge .pull-request-wrap {
1772 height: auto;
1772 height: auto;
1773 padding: 0px 0px;
1773 padding: 0px 0px;
1774 text-align: right;
1774 text-align: right;
1775 }
1775 }
1776
1776
1777 .pull-request-merge span {
1777 .pull-request-merge span {
1778 margin-right: 5px;
1778 margin-right: 5px;
1779 }
1779 }
1780
1780
1781 .pull-request-merge-actions {
1781 .pull-request-merge-actions {
1782 min-height: 30px;
1782 min-height: 30px;
1783 padding: 0px 0px;
1783 padding: 0px 0px;
1784 }
1784 }
1785
1785
1786 .pull-request-merge-info {
1786 .pull-request-merge-info {
1787 padding: 0px 5px 5px 0px;
1787 padding: 0px 5px 5px 0px;
1788 }
1788 }
1789
1789
1790 .merge-status {
1790 .merge-status {
1791 margin-right: 5px;
1791 margin-right: 5px;
1792 }
1792 }
1793
1793
1794 .merge-message {
1794 .merge-message {
1795 font-size: 1.2em
1795 font-size: 1.2em
1796 }
1796 }
1797
1797
1798 .merge-message.success i,
1798 .merge-message.success i,
1799 .merge-icon.success i {
1799 .merge-icon.success i {
1800 color:@alert1;
1800 color:@alert1;
1801 }
1801 }
1802
1802
1803 .merge-message.warning i,
1803 .merge-message.warning i,
1804 .merge-icon.warning i {
1804 .merge-icon.warning i {
1805 color: @alert3;
1805 color: @alert3;
1806 }
1806 }
1807
1807
1808 .merge-message.error i,
1808 .merge-message.error i,
1809 .merge-icon.error i {
1809 .merge-icon.error i {
1810 color:@alert2;
1810 color:@alert2;
1811 }
1811 }
1812
1812
1813 .pr-versions {
1813 .pr-versions {
1814 font-size: 1.1em;
1814 font-size: 1.1em;
1815
1815
1816 table {
1816 table {
1817 padding: 0px 5px;
1817 padding: 0px 5px;
1818 }
1818 }
1819
1819
1820 td {
1820 td {
1821 line-height: 15px;
1821 line-height: 15px;
1822 }
1822 }
1823
1823
1824 .flag_status {
1824 .flag_status {
1825 margin: 0;
1825 margin: 0;
1826 }
1826 }
1827
1827
1828 .compare-radio-button {
1828 .compare-radio-button {
1829 position: relative;
1829 position: relative;
1830 top: -3px;
1830 top: -3px;
1831 }
1831 }
1832 }
1832 }
1833
1833
1834
1834
1835 #close_pull_request {
1835 #close_pull_request {
1836 margin-right: 0px;
1836 margin-right: 0px;
1837 }
1837 }
1838
1838
1839 .empty_data {
1839 .empty_data {
1840 color: @grey4;
1840 color: @grey4;
1841 }
1841 }
1842
1842
1843 #changeset_compare_view_content {
1843 #changeset_compare_view_content {
1844 clear: both;
1844 clear: both;
1845 width: 100%;
1845 width: 100%;
1846 box-sizing: border-box;
1846 box-sizing: border-box;
1847 .border-radius(@border-radius);
1847 .border-radius(@border-radius);
1848
1848
1849 .help-block {
1849 .help-block {
1850 margin: @padding 0;
1850 margin: @padding 0;
1851 color: @text-color;
1851 color: @text-color;
1852 &.pre-formatting {
1852 &.pre-formatting {
1853 white-space: pre;
1853 white-space: pre;
1854 }
1854 }
1855 }
1855 }
1856
1856
1857 .empty_data {
1857 .empty_data {
1858 margin: @padding 0;
1858 margin: @padding 0;
1859 }
1859 }
1860
1860
1861 .alert {
1861 .alert {
1862 margin-bottom: @space;
1862 margin-bottom: @space;
1863 }
1863 }
1864 }
1864 }
1865
1865
1866 .table_disp {
1866 .table_disp {
1867 .status {
1867 .status {
1868 width: auto;
1868 width: auto;
1869
1869
1870 .flag_status {
1870 .flag_status {
1871 float: left;
1871 float: left;
1872 }
1872 }
1873 }
1873 }
1874 }
1874 }
1875
1875
1876
1876
1877 .creation_in_progress {
1877 .creation_in_progress {
1878 color: @grey4
1878 color: @grey4
1879 }
1879 }
1880
1880
1881 .status_box_menu {
1881 .status_box_menu {
1882 margin: 0;
1882 margin: 0;
1883 }
1883 }
1884
1884
1885 .notification-table{
1885 .notification-table{
1886 margin-bottom: @space;
1886 margin-bottom: @space;
1887 display: table;
1887 display: table;
1888 width: 100%;
1888 width: 100%;
1889
1889
1890 .container{
1890 .container{
1891 display: table-row;
1891 display: table-row;
1892
1892
1893 .notification-header{
1893 .notification-header{
1894 border-bottom: @border-thickness solid @border-default-color;
1894 border-bottom: @border-thickness solid @border-default-color;
1895 }
1895 }
1896
1896
1897 .notification-subject{
1897 .notification-subject{
1898 display: table-cell;
1898 display: table-cell;
1899 }
1899 }
1900 }
1900 }
1901 }
1901 }
1902
1902
1903 // Notifications
1903 // Notifications
1904 .notification-header{
1904 .notification-header{
1905 display: table;
1905 display: table;
1906 width: 100%;
1906 width: 100%;
1907 padding: floor(@basefontsize/2) 0;
1907 padding: floor(@basefontsize/2) 0;
1908 line-height: 1em;
1908 line-height: 1em;
1909
1909
1910 .desc, .delete-notifications, .read-notifications{
1910 .desc, .delete-notifications, .read-notifications{
1911 display: table-cell;
1911 display: table-cell;
1912 text-align: left;
1912 text-align: left;
1913 }
1913 }
1914
1914
1915 .desc{
1915 .desc{
1916 width: 1163px;
1916 width: 1163px;
1917 }
1917 }
1918
1918
1919 .delete-notifications, .read-notifications{
1919 .delete-notifications, .read-notifications{
1920 width: 35px;
1920 width: 35px;
1921 min-width: 35px; //fixes when only one button is displayed
1921 min-width: 35px; //fixes when only one button is displayed
1922 }
1922 }
1923 }
1923 }
1924
1924
1925 .notification-body {
1925 .notification-body {
1926 .markdown-block,
1926 .markdown-block,
1927 .rst-block {
1927 .rst-block {
1928 padding: @padding 0;
1928 padding: @padding 0;
1929 }
1929 }
1930
1930
1931 .notification-subject {
1931 .notification-subject {
1932 padding: @textmargin 0;
1932 padding: @textmargin 0;
1933 border-bottom: @border-thickness solid @border-default-color;
1933 border-bottom: @border-thickness solid @border-default-color;
1934 }
1934 }
1935 }
1935 }
1936
1936
1937
1937
1938 .notifications_buttons{
1938 .notifications_buttons{
1939 float: right;
1939 float: right;
1940 }
1940 }
1941
1941
1942 #notification-status{
1942 #notification-status{
1943 display: inline;
1943 display: inline;
1944 }
1944 }
1945
1945
1946 // Repositories
1946 // Repositories
1947
1947
1948 #summary.fields{
1948 #summary.fields{
1949 display: table;
1949 display: table;
1950
1950
1951 .field{
1951 .field{
1952 display: table-row;
1952 display: table-row;
1953
1953
1954 .label-summary{
1954 .label-summary{
1955 display: table-cell;
1955 display: table-cell;
1956 min-width: @label-summary-minwidth;
1956 min-width: @label-summary-minwidth;
1957 padding-top: @padding/2;
1957 padding-top: @padding/2;
1958 padding-bottom: @padding/2;
1958 padding-bottom: @padding/2;
1959 padding-right: @padding/2;
1959 padding-right: @padding/2;
1960 }
1960 }
1961
1961
1962 .input{
1962 .input{
1963 display: table-cell;
1963 display: table-cell;
1964 padding: @padding/2;
1964 padding: @padding/2;
1965
1965
1966 input{
1966 input{
1967 min-width: 29em;
1967 min-width: 29em;
1968 padding: @padding/4;
1968 padding: @padding/4;
1969 }
1969 }
1970 }
1970 }
1971 .statistics, .downloads{
1971 .statistics, .downloads{
1972 .disabled{
1972 .disabled{
1973 color: @grey4;
1973 color: @grey4;
1974 }
1974 }
1975 }
1975 }
1976 }
1976 }
1977 }
1977 }
1978
1978
1979 #summary{
1979 #summary{
1980 width: 70%;
1980 width: 70%;
1981 }
1981 }
1982
1982
1983
1983
1984 // Journal
1984 // Journal
1985 .journal.title {
1985 .journal.title {
1986 h5 {
1986 h5 {
1987 float: left;
1987 float: left;
1988 margin: 0;
1988 margin: 0;
1989 width: 70%;
1989 width: 70%;
1990 }
1990 }
1991
1991
1992 ul {
1992 ul {
1993 float: right;
1993 float: right;
1994 display: inline-block;
1994 display: inline-block;
1995 margin: 0;
1995 margin: 0;
1996 width: 30%;
1996 width: 30%;
1997 text-align: right;
1997 text-align: right;
1998
1998
1999 li {
1999 li {
2000 display: inline;
2000 display: inline;
2001 font-size: @journal-fontsize;
2001 font-size: @journal-fontsize;
2002 line-height: 1em;
2002 line-height: 1em;
2003
2003
2004 list-style-type: none;
2004 list-style-type: none;
2005 }
2005 }
2006 }
2006 }
2007 }
2007 }
2008
2008
2009 .filterexample {
2009 .filterexample {
2010 position: absolute;
2010 position: absolute;
2011 top: 95px;
2011 top: 95px;
2012 left: @contentpadding;
2012 left: @contentpadding;
2013 color: @rcblue;
2013 color: @rcblue;
2014 font-size: 11px;
2014 font-size: 11px;
2015 font-family: @text-regular;
2015 font-family: @text-regular;
2016 cursor: help;
2016 cursor: help;
2017
2017
2018 &:hover {
2018 &:hover {
2019 color: @rcdarkblue;
2019 color: @rcdarkblue;
2020 }
2020 }
2021
2021
2022 @media (max-width:768px) {
2022 @media (max-width:768px) {
2023 position: relative;
2023 position: relative;
2024 top: auto;
2024 top: auto;
2025 left: auto;
2025 left: auto;
2026 display: block;
2026 display: block;
2027 }
2027 }
2028 }
2028 }
2029
2029
2030
2030
2031 #journal{
2031 #journal{
2032 margin-bottom: @space;
2032 margin-bottom: @space;
2033
2033
2034 .journal_day{
2034 .journal_day{
2035 margin-bottom: @textmargin/2;
2035 margin-bottom: @textmargin/2;
2036 padding-bottom: @textmargin/2;
2036 padding-bottom: @textmargin/2;
2037 font-size: @journal-fontsize;
2037 font-size: @journal-fontsize;
2038 border-bottom: @border-thickness solid @border-default-color;
2038 border-bottom: @border-thickness solid @border-default-color;
2039 }
2039 }
2040
2040
2041 .journal_container{
2041 .journal_container{
2042 margin-bottom: @space;
2042 margin-bottom: @space;
2043
2043
2044 .journal_user{
2044 .journal_user{
2045 display: inline-block;
2045 display: inline-block;
2046 }
2046 }
2047 .journal_action_container{
2047 .journal_action_container{
2048 display: block;
2048 display: block;
2049 margin-top: @textmargin;
2049 margin-top: @textmargin;
2050
2050
2051 div{
2051 div{
2052 display: inline;
2052 display: inline;
2053 }
2053 }
2054
2054
2055 div.journal_action_params{
2055 div.journal_action_params{
2056 display: block;
2056 display: block;
2057 }
2057 }
2058
2058
2059 div.journal_repo:after{
2059 div.journal_repo:after{
2060 content: "\A";
2060 content: "\A";
2061 white-space: pre;
2061 white-space: pre;
2062 }
2062 }
2063
2063
2064 div.date{
2064 div.date{
2065 display: block;
2065 display: block;
2066 margin-bottom: @textmargin;
2066 margin-bottom: @textmargin;
2067 }
2067 }
2068 }
2068 }
2069 }
2069 }
2070 }
2070 }
2071
2071
2072 // Files
2072 // Files
2073 .edit-file-title {
2073 .edit-file-title {
2074 font-size: 16px;
2074 font-size: 16px;
2075
2075
2076 .title-heading {
2076 .title-heading {
2077 padding: 2px;
2077 padding: 2px;
2078 }
2078 }
2079 }
2079 }
2080
2080
2081 .edit-file-fieldset {
2081 .edit-file-fieldset {
2082 margin: @sidebarpadding 0;
2082 margin: @sidebarpadding 0;
2083
2083
2084 .fieldset {
2084 .fieldset {
2085 .left-label {
2085 .left-label {
2086 width: 13%;
2086 width: 13%;
2087 }
2087 }
2088 .right-content {
2088 .right-content {
2089 width: 87%;
2089 width: 87%;
2090 max-width: 100%;
2090 max-width: 100%;
2091 }
2091 }
2092 .filename-label {
2092 .filename-label {
2093 margin-top: 13px;
2093 margin-top: 13px;
2094 }
2094 }
2095 .commit-message-label {
2095 .commit-message-label {
2096 margin-top: 4px;
2096 margin-top: 4px;
2097 }
2097 }
2098 .file-upload-input {
2098 .file-upload-input {
2099 input {
2099 input {
2100 display: none;
2100 display: none;
2101 }
2101 }
2102 margin-top: 10px;
2102 margin-top: 10px;
2103 }
2103 }
2104 .file-upload-label {
2104 .file-upload-label {
2105 margin-top: 10px;
2105 margin-top: 10px;
2106 }
2106 }
2107 p {
2107 p {
2108 margin-top: 5px;
2108 margin-top: 5px;
2109 }
2109 }
2110
2110
2111 }
2111 }
2112 .custom-path-link {
2112 .custom-path-link {
2113 margin-left: 5px;
2113 margin-left: 5px;
2114 }
2114 }
2115 #commit {
2115 #commit {
2116 resize: vertical;
2116 resize: vertical;
2117 }
2117 }
2118 }
2118 }
2119
2119
2120 .delete-file-preview {
2120 .delete-file-preview {
2121 max-height: 250px;
2121 max-height: 250px;
2122 }
2122 }
2123
2123
2124 .new-file,
2124 .new-file,
2125 #filter_activate,
2125 #filter_activate,
2126 #filter_deactivate {
2126 #filter_deactivate {
2127 float: right;
2127 float: right;
2128 margin: 0 0 0 10px;
2128 margin: 0 0 0 10px;
2129 }
2129 }
2130
2130
2131 .file-upload-transaction-wrapper {
2131 .file-upload-transaction-wrapper {
2132 margin-top: 57px;
2132 margin-top: 57px;
2133 clear: both;
2133 clear: both;
2134 }
2134 }
2135
2135
2136 .file-upload-transaction-wrapper .error {
2136 .file-upload-transaction-wrapper .error {
2137 color: @color5;
2137 color: @color5;
2138 }
2138 }
2139
2139
2140 .file-upload-transaction {
2140 .file-upload-transaction {
2141 min-height: 200px;
2141 min-height: 200px;
2142 padding: 54px;
2142 padding: 54px;
2143 border: 1px solid @grey5;
2143 border: 1px solid @grey5;
2144 text-align: center;
2144 text-align: center;
2145 clear: both;
2145 clear: both;
2146 }
2146 }
2147
2147
2148 .file-upload-transaction i {
2148 .file-upload-transaction i {
2149 font-size: 48px
2149 font-size: 48px
2150 }
2150 }
2151
2151
2152 h3.files_location{
2152 h3.files_location{
2153 line-height: 2.4em;
2153 line-height: 2.4em;
2154 }
2154 }
2155
2155
2156 .browser-nav {
2156 .browser-nav {
2157 width: 100%;
2157 width: 100%;
2158 display: table;
2158 display: table;
2159 margin-bottom: 20px;
2159 margin-bottom: 20px;
2160
2160
2161 .info_box {
2161 .info_box {
2162 float: left;
2162 float: left;
2163 display: inline-table;
2163 display: inline-table;
2164 height: 2.5em;
2164 height: 2.5em;
2165
2165
2166 .browser-cur-rev, .info_box_elem {
2166 .browser-cur-rev, .info_box_elem {
2167 display: table-cell;
2167 display: table-cell;
2168 vertical-align: middle;
2168 vertical-align: middle;
2169 }
2169 }
2170
2170
2171 .drop-menu {
2171 .drop-menu {
2172 margin: 0 10px;
2172 margin: 0 10px;
2173 }
2173 }
2174
2174
2175 .info_box_elem {
2175 .info_box_elem {
2176 border-top: @border-thickness solid @grey5;
2176 border-top: @border-thickness solid @grey5;
2177 border-bottom: @border-thickness solid @grey5;
2177 border-bottom: @border-thickness solid @grey5;
2178 box-shadow: @button-shadow;
2178 box-shadow: @button-shadow;
2179
2179
2180 #at_rev, a {
2180 #at_rev, a {
2181 padding: 0.6em 0.4em;
2181 padding: 0.6em 0.4em;
2182 margin: 0;
2182 margin: 0;
2183 .box-shadow(none);
2183 .box-shadow(none);
2184 border: 0;
2184 border: 0;
2185 height: 12px;
2185 height: 12px;
2186 color: @grey2;
2186 color: @grey2;
2187 }
2187 }
2188
2188
2189 input#at_rev {
2189 input#at_rev {
2190 max-width: 50px;
2190 max-width: 50px;
2191 text-align: center;
2191 text-align: center;
2192 }
2192 }
2193
2193
2194 &.previous {
2194 &.previous {
2195 border: @border-thickness solid @grey5;
2195 border: @border-thickness solid @grey5;
2196 border-top-left-radius: @border-radius;
2196 border-top-left-radius: @border-radius;
2197 border-bottom-left-radius: @border-radius;
2197 border-bottom-left-radius: @border-radius;
2198
2198
2199 &:hover {
2199 &:hover {
2200 border-color: @grey4;
2200 border-color: @grey4;
2201 }
2201 }
2202
2202
2203 .disabled {
2203 .disabled {
2204 color: @grey5;
2204 color: @grey5;
2205 cursor: not-allowed;
2205 cursor: not-allowed;
2206 opacity: 0.5;
2206 opacity: 0.5;
2207 }
2207 }
2208 }
2208 }
2209
2209
2210 &.next {
2210 &.next {
2211 border: @border-thickness solid @grey5;
2211 border: @border-thickness solid @grey5;
2212 border-top-right-radius: @border-radius;
2212 border-top-right-radius: @border-radius;
2213 border-bottom-right-radius: @border-radius;
2213 border-bottom-right-radius: @border-radius;
2214
2214
2215 &:hover {
2215 &:hover {
2216 border-color: @grey4;
2216 border-color: @grey4;
2217 }
2217 }
2218
2218
2219 .disabled {
2219 .disabled {
2220 color: @grey5;
2220 color: @grey5;
2221 cursor: not-allowed;
2221 cursor: not-allowed;
2222 opacity: 0.5;
2222 opacity: 0.5;
2223 }
2223 }
2224 }
2224 }
2225 }
2225 }
2226
2226
2227 .browser-cur-rev {
2227 .browser-cur-rev {
2228
2228
2229 span{
2229 span{
2230 margin: 0;
2230 margin: 0;
2231 color: @rcblue;
2231 color: @rcblue;
2232 height: 12px;
2232 height: 12px;
2233 display: inline-block;
2233 display: inline-block;
2234 padding: 0.7em 1em ;
2234 padding: 0.7em 1em ;
2235 border: @border-thickness solid @rcblue;
2235 border: @border-thickness solid @rcblue;
2236 margin-right: @padding;
2236 margin-right: @padding;
2237 }
2237 }
2238 }
2238 }
2239
2239
2240 }
2240 }
2241
2241
2242 .select-index-number {
2242 .select-index-number {
2243 margin: 0 0 0 20px;
2243 margin: 0 0 0 20px;
2244 color: @grey3;
2244 color: @grey3;
2245 }
2245 }
2246
2246
2247 .search_activate {
2247 .search_activate {
2248 display: table-cell;
2248 display: table-cell;
2249 vertical-align: middle;
2249 vertical-align: middle;
2250
2250
2251 input, label{
2251 input, label{
2252 margin: 0;
2252 margin: 0;
2253 padding: 0;
2253 padding: 0;
2254 }
2254 }
2255
2255
2256 input{
2256 input{
2257 margin-left: @textmargin;
2257 margin-left: @textmargin;
2258 }
2258 }
2259
2259
2260 }
2260 }
2261 }
2261 }
2262
2262
2263 .browser-cur-rev{
2263 .browser-cur-rev{
2264 margin-bottom: @textmargin;
2264 margin-bottom: @textmargin;
2265 }
2265 }
2266
2266
2267 #node_filter_box_loading{
2267 #node_filter_box_loading{
2268 .info_text;
2268 .info_text;
2269 }
2269 }
2270
2270
2271 .browser-search {
2271 .browser-search {
2272 margin: -25px 0px 5px 0px;
2272 margin: -25px 0px 5px 0px;
2273 }
2273 }
2274
2274
2275 .files-quick-filter {
2275 .files-quick-filter {
2276 float: right;
2276 float: right;
2277 width: 180px;
2277 width: 180px;
2278 position: relative;
2278 position: relative;
2279 }
2279 }
2280
2280
2281 .files-filter-box {
2281 .files-filter-box {
2282 display: flex;
2282 display: flex;
2283 padding: 0px;
2283 padding: 0px;
2284 border-radius: 3px;
2284 border-radius: 3px;
2285 margin-bottom: 0;
2285 margin-bottom: 0;
2286
2286
2287 a {
2287 a {
2288 border: none !important;
2288 border: none !important;
2289 }
2289 }
2290
2290
2291 li {
2291 li {
2292 list-style-type: none
2292 list-style-type: none
2293 }
2293 }
2294 }
2294 }
2295
2295
2296 .files-filter-box-path {
2296 .files-filter-box-path {
2297 line-height: 33px;
2297 line-height: 33px;
2298 padding: 0;
2298 padding: 0;
2299 width: 20px;
2299 width: 20px;
2300 position: absolute;
2300 position: absolute;
2301 z-index: 11;
2301 z-index: 11;
2302 left: 5px;
2302 left: 5px;
2303 }
2303 }
2304
2304
2305 .files-filter-box-input {
2305 .files-filter-box-input {
2306 margin-right: 0;
2306 margin-right: 0;
2307
2307
2308 input {
2308 input {
2309 border: 1px solid @white;
2309 border: 1px solid @white;
2310 padding-left: 25px;
2310 padding-left: 25px;
2311 width: 145px;
2311 width: 145px;
2312
2312
2313 &:hover {
2313 &:hover {
2314 border-color: @grey6;
2314 border-color: @grey6;
2315 }
2315 }
2316
2316
2317 &:focus {
2317 &:focus {
2318 border-color: @grey5;
2318 border-color: @grey5;
2319 }
2319 }
2320 }
2320 }
2321 }
2321 }
2322
2322
2323 .browser-result{
2323 .browser-result{
2324 td a{
2324 td a{
2325 margin-left: 0.5em;
2325 margin-left: 0.5em;
2326 display: inline-block;
2326 display: inline-block;
2327
2327
2328 em {
2328 em {
2329 font-weight: @text-bold-weight;
2329 font-weight: @text-bold-weight;
2330 font-family: @text-bold;
2330 font-family: @text-bold;
2331 }
2331 }
2332 }
2332 }
2333 }
2333 }
2334
2334
2335 .browser-highlight{
2335 .browser-highlight{
2336 background-color: @grey5-alpha;
2336 background-color: @grey5-alpha;
2337 }
2337 }
2338
2338
2339
2339
2340 .edit-file-fieldset #location,
2340 .edit-file-fieldset #location,
2341 .edit-file-fieldset #filename {
2341 .edit-file-fieldset #filename {
2342 display: flex;
2342 display: flex;
2343 width: -moz-available; /* WebKit-based browsers will ignore this. */
2343 width: -moz-available; /* WebKit-based browsers will ignore this. */
2344 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2344 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2345 width: fill-available;
2345 width: fill-available;
2346 border: 0;
2346 border: 0;
2347 }
2347 }
2348
2348
2349 .path-items {
2349 .path-items {
2350 display: flex;
2350 display: flex;
2351 padding: 0;
2351 padding: 0;
2352 border: 1px solid #eeeeee;
2352 border: 1px solid #eeeeee;
2353 width: 100%;
2353 width: 100%;
2354 float: left;
2354 float: left;
2355
2355
2356 .breadcrumb-path {
2356 .breadcrumb-path {
2357 line-height: 30px;
2357 line-height: 30px;
2358 padding: 0 4px;
2358 padding: 0 4px;
2359 white-space: nowrap;
2359 white-space: nowrap;
2360 }
2360 }
2361
2361
2362 .location-path {
2362 .location-path {
2363 width: -moz-available; /* WebKit-based browsers will ignore this. */
2363 width: -moz-available; /* WebKit-based browsers will ignore this. */
2364 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2364 width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
2365 width: fill-available;
2365 width: fill-available;
2366
2366
2367 .file-name-input {
2367 .file-name-input {
2368 padding: 0.5em 0;
2368 padding: 0.5em 0;
2369 }
2369 }
2370
2370
2371 }
2371 }
2372
2372
2373 ul {
2373 ul {
2374 display: flex;
2374 display: flex;
2375 margin: 0;
2375 margin: 0;
2376 padding: 0;
2376 padding: 0;
2377 width: 100%;
2377 width: 100%;
2378 }
2378 }
2379
2379
2380 li {
2380 li {
2381 list-style-type: none;
2381 list-style-type: none;
2382 }
2382 }
2383
2383
2384 }
2384 }
2385
2385
2386 .editor-items {
2386 .editor-items {
2387 height: 40px;
2387 height: 40px;
2388 margin: 10px 0 -17px 10px;
2388 margin: 10px 0 -17px 10px;
2389
2389
2390 .editor-action {
2390 .editor-action {
2391 cursor: pointer;
2391 cursor: pointer;
2392 }
2392 }
2393
2393
2394 .editor-action.active {
2394 .editor-action.active {
2395 border-bottom: 2px solid #5C5C5C;
2395 border-bottom: 2px solid #5C5C5C;
2396 }
2396 }
2397
2397
2398 li {
2398 li {
2399 list-style-type: none;
2399 list-style-type: none;
2400 }
2400 }
2401 }
2401 }
2402
2402
2403 .edit-file-fieldset .message textarea {
2403 .edit-file-fieldset .message textarea {
2404 border: 1px solid #eeeeee;
2404 border: 1px solid #eeeeee;
2405 }
2405 }
2406
2406
2407 #files_data .codeblock {
2407 #files_data .codeblock {
2408 background-color: #F5F5F5;
2408 background-color: #F5F5F5;
2409 }
2409 }
2410
2410
2411 #editor_preview {
2411 #editor_preview {
2412 background: white;
2412 background: white;
2413 }
2413 }
2414
2414
2415 .show-editor {
2415 .show-editor {
2416 padding: 10px;
2416 padding: 10px;
2417 background-color: white;
2417 background-color: white;
2418
2418
2419 }
2419 }
2420
2420
2421 .show-preview {
2421 .show-preview {
2422 padding: 10px;
2422 padding: 10px;
2423 background-color: white;
2423 background-color: white;
2424 border-left: 1px solid #eeeeee;
2424 border-left: 1px solid #eeeeee;
2425 }
2425 }
2426
2426 // quick filter
2427
2427 .grid-quick-filter {
2428
2428 float: right;
2429
2429 position: relative;
2430
2430 }
2431
2431
2432
2432 .grid-filter-box {
2433
2433 display: flex;
2434
2434 padding: 0px;
2435 border-radius: 3px;
2436 margin-bottom: 0;
2437
2438 a {
2439 border: none !important;
2440 }
2441
2442 li {
2443 list-style-type: none
2444 }
2445 }
2446
2447 .grid-filter-box-icon {
2448 line-height: 33px;
2449 padding: 0;
2450 width: 20px;
2451 position: absolute;
2452 z-index: 11;
2453 left: 5px;
2454 }
2455
2456 .grid-filter-box-input {
2457 margin-right: 0;
2458
2459 input {
2460 border: 1px solid @white;
2461 padding-left: 25px;
2462 width: 145px;
2463
2464 &:hover {
2465 border-color: @grey6;
2466 }
2467
2468 &:focus {
2469 border-color: @grey5;
2470 }
2471 }
2472 }
2435
2473
2436
2474
2437
2475
2438 // Search
2476 // Search
2439
2477
2440 .search-form{
2478 .search-form{
2441 #q {
2479 #q {
2442 width: @search-form-width;
2480 width: @search-form-width;
2443 }
2481 }
2444 .fields{
2482 .fields{
2445 margin: 0 0 @space;
2483 margin: 0 0 @space;
2446 }
2484 }
2447
2485
2448 label{
2486 label{
2449 display: inline-block;
2487 display: inline-block;
2450 margin-right: @textmargin;
2488 margin-right: @textmargin;
2451 padding-top: 0.25em;
2489 padding-top: 0.25em;
2452 }
2490 }
2453
2491
2454
2492
2455 .results{
2493 .results{
2456 clear: both;
2494 clear: both;
2457 margin: 0 0 @padding;
2495 margin: 0 0 @padding;
2458 }
2496 }
2459
2497
2460 .search-tags {
2498 .search-tags {
2461 padding: 5px 0;
2499 padding: 5px 0;
2462 }
2500 }
2463 }
2501 }
2464
2502
2465 div.search-feedback-items {
2503 div.search-feedback-items {
2466 display: inline-block;
2504 display: inline-block;
2467 }
2505 }
2468
2506
2469 div.search-code-body {
2507 div.search-code-body {
2470 background-color: #ffffff; padding: 5px 0 5px 10px;
2508 background-color: #ffffff; padding: 5px 0 5px 10px;
2471 pre {
2509 pre {
2472 .match { background-color: #faffa6;}
2510 .match { background-color: #faffa6;}
2473 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2511 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2474 }
2512 }
2475 }
2513 }
2476
2514
2477 .expand_commit.search {
2515 .expand_commit.search {
2478 .show_more.open {
2516 .show_more.open {
2479 height: auto;
2517 height: auto;
2480 max-height: none;
2518 max-height: none;
2481 }
2519 }
2482 }
2520 }
2483
2521
2484 .search-results {
2522 .search-results {
2485
2523
2486 h2 {
2524 h2 {
2487 margin-bottom: 0;
2525 margin-bottom: 0;
2488 }
2526 }
2489 .codeblock {
2527 .codeblock {
2490 border: none;
2528 border: none;
2491 background: transparent;
2529 background: transparent;
2492 }
2530 }
2493
2531
2494 .codeblock-header {
2532 .codeblock-header {
2495 border: none;
2533 border: none;
2496 background: transparent;
2534 background: transparent;
2497 }
2535 }
2498
2536
2499 .code-body {
2537 .code-body {
2500 border: @border-thickness solid @grey6;
2538 border: @border-thickness solid @grey6;
2501 .border-radius(@border-radius);
2539 .border-radius(@border-radius);
2502 }
2540 }
2503
2541
2504 .td-commit {
2542 .td-commit {
2505 &:extend(pre);
2543 &:extend(pre);
2506 border-bottom: @border-thickness solid @border-default-color;
2544 border-bottom: @border-thickness solid @border-default-color;
2507 }
2545 }
2508
2546
2509 .message {
2547 .message {
2510 height: auto;
2548 height: auto;
2511 max-width: 350px;
2549 max-width: 350px;
2512 white-space: normal;
2550 white-space: normal;
2513 text-overflow: initial;
2551 text-overflow: initial;
2514 overflow: visible;
2552 overflow: visible;
2515
2553
2516 .match { background-color: #faffa6;}
2554 .match { background-color: #faffa6;}
2517 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2555 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2518 }
2556 }
2519
2557
2520 .path {
2558 .path {
2521 border-bottom: none !important;
2559 border-bottom: none !important;
2522 border-left: 1px solid @grey6 !important;
2560 border-left: 1px solid @grey6 !important;
2523 border-right: 1px solid @grey6 !important;
2561 border-right: 1px solid @grey6 !important;
2524 }
2562 }
2525 }
2563 }
2526
2564
2527 table.rctable td.td-search-results div {
2565 table.rctable td.td-search-results div {
2528 max-width: 100%;
2566 max-width: 100%;
2529 }
2567 }
2530
2568
2531 #tip-box, .tip-box{
2569 #tip-box, .tip-box{
2532 padding: @menupadding/2;
2570 padding: @menupadding/2;
2533 display: block;
2571 display: block;
2534 border: @border-thickness solid @border-highlight-color;
2572 border: @border-thickness solid @border-highlight-color;
2535 .border-radius(@border-radius);
2573 .border-radius(@border-radius);
2536 background-color: white;
2574 background-color: white;
2537 z-index: 99;
2575 z-index: 99;
2538 white-space: pre-wrap;
2576 white-space: pre-wrap;
2539 }
2577 }
2540
2578
2541 #linktt {
2579 #linktt {
2542 width: 79px;
2580 width: 79px;
2543 }
2581 }
2544
2582
2545 #help_kb .modal-content{
2583 #help_kb .modal-content{
2546 max-width: 750px;
2584 max-width: 750px;
2547 margin: 10% auto;
2585 margin: 10% auto;
2548
2586
2549 table{
2587 table{
2550 td,th{
2588 td,th{
2551 border-bottom: none;
2589 border-bottom: none;
2552 line-height: 2.5em;
2590 line-height: 2.5em;
2553 }
2591 }
2554 th{
2592 th{
2555 padding-bottom: @textmargin/2;
2593 padding-bottom: @textmargin/2;
2556 }
2594 }
2557 td.keys{
2595 td.keys{
2558 text-align: center;
2596 text-align: center;
2559 }
2597 }
2560 }
2598 }
2561
2599
2562 .block-left{
2600 .block-left{
2563 width: 45%;
2601 width: 45%;
2564 margin-right: 5%;
2602 margin-right: 5%;
2565 }
2603 }
2566 .modal-footer{
2604 .modal-footer{
2567 clear: both;
2605 clear: both;
2568 }
2606 }
2569 .key.tag{
2607 .key.tag{
2570 padding: 0.5em;
2608 padding: 0.5em;
2571 background-color: @rcblue;
2609 background-color: @rcblue;
2572 color: white;
2610 color: white;
2573 border-color: @rcblue;
2611 border-color: @rcblue;
2574 .box-shadow(none);
2612 .box-shadow(none);
2575 }
2613 }
2576 }
2614 }
2577
2615
2578
2616
2579
2617
2580 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2618 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2581
2619
2582 @import 'statistics-graph';
2620 @import 'statistics-graph';
2583 @import 'tables';
2621 @import 'tables';
2584 @import 'forms';
2622 @import 'forms';
2585 @import 'diff';
2623 @import 'diff';
2586 @import 'summary';
2624 @import 'summary';
2587 @import 'navigation';
2625 @import 'navigation';
2588
2626
2589 //--- SHOW/HIDE SECTIONS --//
2627 //--- SHOW/HIDE SECTIONS --//
2590
2628
2591 .btn-collapse {
2629 .btn-collapse {
2592 float: right;
2630 float: right;
2593 text-align: right;
2631 text-align: right;
2594 font-family: @text-light;
2632 font-family: @text-light;
2595 font-size: @basefontsize;
2633 font-size: @basefontsize;
2596 cursor: pointer;
2634 cursor: pointer;
2597 border: none;
2635 border: none;
2598 color: @rcblue;
2636 color: @rcblue;
2599 }
2637 }
2600
2638
2601 table.rctable,
2639 table.rctable,
2602 table.dataTable {
2640 table.dataTable {
2603 .btn-collapse {
2641 .btn-collapse {
2604 float: right;
2642 float: right;
2605 text-align: right;
2643 text-align: right;
2606 }
2644 }
2607 }
2645 }
2608
2646
2609 table.rctable {
2647 table.rctable {
2610 &.permissions {
2648 &.permissions {
2611
2649
2612 th.td-owner {
2650 th.td-owner {
2613 padding: 0;
2651 padding: 0;
2614 }
2652 }
2615
2653
2616 th {
2654 th {
2617 font-weight: normal;
2655 font-weight: normal;
2618 padding: 0 5px;
2656 padding: 0 5px;
2619 }
2657 }
2620
2658
2621 }
2659 }
2622 }
2660 }
2623
2661
2624
2662
2625 // TODO: johbo: Fix for IE10, this avoids that we see a border
2663 // TODO: johbo: Fix for IE10, this avoids that we see a border
2626 // and padding around checkboxes and radio boxes. Move to the right place,
2664 // and padding around checkboxes and radio boxes. Move to the right place,
2627 // or better: Remove this once we did the form refactoring.
2665 // or better: Remove this once we did the form refactoring.
2628 input[type=checkbox],
2666 input[type=checkbox],
2629 input[type=radio] {
2667 input[type=radio] {
2630 padding: 0;
2668 padding: 0;
2631 border: none;
2669 border: none;
2632 }
2670 }
2633
2671
2634 .toggle-ajax-spinner{
2672 .toggle-ajax-spinner{
2635 height: 16px;
2673 height: 16px;
2636 width: 16px;
2674 width: 16px;
2637 }
2675 }
2638
2676
2639
2677
2640 .markup-form .clearfix {
2678 .markup-form .clearfix {
2641 .border-radius(@border-radius);
2679 .border-radius(@border-radius);
2642 margin: 0px;
2680 margin: 0px;
2643 }
2681 }
2644
2682
2645 .markup-form-area {
2683 .markup-form-area {
2646 padding: 8px 12px;
2684 padding: 8px 12px;
2647 border: 1px solid @grey4;
2685 border: 1px solid @grey4;
2648 .border-radius(@border-radius);
2686 .border-radius(@border-radius);
2649 }
2687 }
2650
2688
2651 .markup-form-area-header .nav-links {
2689 .markup-form-area-header .nav-links {
2652 display: flex;
2690 display: flex;
2653 flex-flow: row wrap;
2691 flex-flow: row wrap;
2654 -webkit-flex-flow: row wrap;
2692 -webkit-flex-flow: row wrap;
2655 width: 100%;
2693 width: 100%;
2656 }
2694 }
2657
2695
2658 .markup-form-area-footer {
2696 .markup-form-area-footer {
2659 display: flex;
2697 display: flex;
2660 }
2698 }
2661
2699
2662 .markup-form-area-footer .toolbar {
2700 .markup-form-area-footer .toolbar {
2663
2701
2664 }
2702 }
2665
2703
2666 // markup Form
2704 // markup Form
2667 div.markup-form {
2705 div.markup-form {
2668 margin-top: 20px;
2706 margin-top: 20px;
2669 }
2707 }
2670
2708
2671 .markup-form strong {
2709 .markup-form strong {
2672 display: block;
2710 display: block;
2673 margin-bottom: 15px;
2711 margin-bottom: 15px;
2674 }
2712 }
2675
2713
2676 .markup-form textarea {
2714 .markup-form textarea {
2677 width: 100%;
2715 width: 100%;
2678 height: 100px;
2716 height: 100px;
2679 font-family: @text-monospace;
2717 font-family: @text-monospace;
2680 }
2718 }
2681
2719
2682 form.markup-form {
2720 form.markup-form {
2683 margin-top: 10px;
2721 margin-top: 10px;
2684 margin-left: 10px;
2722 margin-left: 10px;
2685 }
2723 }
2686
2724
2687 .markup-form .comment-block-ta,
2725 .markup-form .comment-block-ta,
2688 .markup-form .preview-box {
2726 .markup-form .preview-box {
2689 .border-radius(@border-radius);
2727 .border-radius(@border-radius);
2690 .box-sizing(border-box);
2728 .box-sizing(border-box);
2691 background-color: white;
2729 background-color: white;
2692 }
2730 }
2693
2731
2694 .markup-form .preview-box.unloaded {
2732 .markup-form .preview-box.unloaded {
2695 height: 50px;
2733 height: 50px;
2696 text-align: center;
2734 text-align: center;
2697 padding: 20px;
2735 padding: 20px;
2698 background-color: white;
2736 background-color: white;
2699 }
2737 }
2700
2738
2701
2739
2702 .dropzone-wrapper {
2740 .dropzone-wrapper {
2703 border: 1px solid @grey5;
2741 border: 1px solid @grey5;
2704 padding: 20px;
2742 padding: 20px;
2705 }
2743 }
2706
2744
2707 .dropzone,
2745 .dropzone,
2708 .dropzone-pure {
2746 .dropzone-pure {
2709 border: 2px dashed @grey5;
2747 border: 2px dashed @grey5;
2710 border-radius: 5px;
2748 border-radius: 5px;
2711 background: white;
2749 background: white;
2712 min-height: 200px;
2750 min-height: 200px;
2713 padding: 54px;
2751 padding: 54px;
2714
2752
2715 .dz-message {
2753 .dz-message {
2716 font-weight: 700;
2754 font-weight: 700;
2717 text-align: center;
2755 text-align: center;
2718 margin: 2em 0;
2756 margin: 2em 0;
2719 }
2757 }
2720
2758
2721 }
2759 }
2722
2760
2723 .dz-preview {
2761 .dz-preview {
2724 margin: 10px 0 !important;
2762 margin: 10px 0 !important;
2725 position: relative;
2763 position: relative;
2726 vertical-align: top;
2764 vertical-align: top;
2727 padding: 10px;
2765 padding: 10px;
2728 border-bottom: 1px solid @grey5;
2766 border-bottom: 1px solid @grey5;
2729 }
2767 }
2730
2768
2731 .dz-filename {
2769 .dz-filename {
2732 font-weight: 700;
2770 font-weight: 700;
2733 float:left;
2771 float:left;
2734 }
2772 }
2735
2773
2736 .dz-sending {
2774 .dz-sending {
2737 float: right;
2775 float: right;
2738 }
2776 }
2739
2777
2740 .dz-response {
2778 .dz-response {
2741 clear:both
2779 clear:both
2742 }
2780 }
2743
2781
2744 .dz-filename-size {
2782 .dz-filename-size {
2745 float:right
2783 float:right
2746 }
2784 }
2747
2785
2748 .dz-error-message {
2786 .dz-error-message {
2749 color: @alert2;
2787 color: @alert2;
2750 padding-top: 10px;
2788 padding-top: 10px;
2751 clear: both;
2789 clear: both;
2752 }
2790 }
@@ -1,150 +1,147 b''
1 ## -*- coding: utf-8 -*-
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/base/base.mako"/>
2 <%inherit file="/base/base.mako"/>
3
3
4 <%def name="title()">
4 <%def name="title()">
5 %if c.show_private:
5 %if c.show_private:
6 ${_('Private Gists for user %s') % c.rhodecode_user.username}
6 ${_('Private Gists for user %s') % c.rhodecode_user.username}
7 %elif c.show_public:
7 %elif c.show_public:
8 ${_('Public Gists for user %s') % c.rhodecode_user.username}
8 ${_('Public Gists for user %s') % c.rhodecode_user.username}
9 %else:
9 %else:
10 ${_('Public Gists')}
10 ${_('Public Gists')}
11 %endif
11 %endif
12 %if c.rhodecode_name:
12 %if c.rhodecode_name:
13 &middot; ${h.branding(c.rhodecode_name)}
13 &middot; ${h.branding(c.rhodecode_name)}
14 %endif
14 %endif
15 </%def>
15 </%def>
16
16
17 <%def name="breadcrumbs_links()">
17 <%def name="breadcrumbs_links()"></%def>
18 <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
19 %if c.show_private and not c.show_public:
20 ${_('Private Gists for user %s') % c.rhodecode_user.username}
21 %elif c.show_public and not c.show_private:
22 ${_('Public Gists for user %s') % c.rhodecode_user.username}
23 %elif c.show_public and c.show_private:
24 ${_('All Gists for user %s') % c.rhodecode_user.username}
25 %else:
26 ${_('All Public Gists')}
27 %endif
28 - <span id="gists_count">0</span>
29 </%def>
30
18
31 <%def name="menu_bar_nav()">
19 <%def name="menu_bar_nav()">
32 ${self.menu_items(active='gists')}
20 ${self.menu_items(active='gists')}
33 </%def>
21 </%def>
34
22
35
23
36
24
37 <%def name="main()">
25 <%def name="main()">
26
38 <div class="box">
27 <div class="box">
39 <div class="title">
28 <div class="title">
40 ${self.breadcrumbs(class_="breadcrumbs block-left")}
29
30 <ul class="button-links">
31 % if c.is_super_admin:
32 <li class="btn ${'active' if c.active=='all' else ''}"><a href="${h.route_path('gists_show', _query={'all': 1})}">${_('All gists')}</a></li>
33 %endif
34 <li class="btn ${'active' if c.active=='public' else ''}"><a href="${h.route_path('gists_show')}">${_('All public')}</a></li>
41 %if c.rhodecode_user.username != h.DEFAULT_USER:
35 %if c.rhodecode_user.username != h.DEFAULT_USER:
42 <ul class="links block-right">
36 <li class="btn ${'active' if c.active=='my_all' else ''}"><a href="${h.route_path('gists_show', _query={'public':1, 'private': 1})}">${_('My gists')}</a></li>
43 <li>
37 <li class="btn ${'active' if c.active=='my_private' else ''}"><a href="${h.route_path('gists_show', _query={'private': 1})}">${_('My private')}</a></li>
44 <a href="${h.route_path('gists_new')}" class="btn btn-primary">${_(u'Create New Gist')}</a>
38 <li class="btn ${'active' if c.active=='my_public' else ''}"><a href="${h.route_path('gists_show', _query={'public': 1})}">${_('My public')}</a></li>
45 </li>
39 %endif
46 </ul>
40 </ul>
47 %endif
48 </div>
49
50
41
51 <div class="sidebar-col-wrapper scw-small">
42 % if c.rhodecode_user.username != h.DEFAULT_USER:
52 ##main
43 <div class="pull-right">
53 <div class="sidebar">
44 <a class="btn btn-primary" href="${h.route_path('gists_new')}" >
54 <ul class="nav nav-pills nav-stacked">
45 ${_(u'Create New Gist')}
55 % if c.is_super_admin:
46 </a>
56 <li class="${'active' if c.active=='all' else ''}"><a href="${h.route_path('gists_show', _query={'all': 1})}">${_('All gists')}</a></li>
47 </div>
57 %endif
48 % endif
58 <li class="${'active' if c.active=='public' else ''}"><a href="${h.route_path('gists_show')}">${_('All public')}</a></li>
49
59 %if c.rhodecode_user.username != h.DEFAULT_USER:
50 <div class="grid-quick-filter">
60 <li class="${'active' if c.active=='my_all' else ''}"><a href="${h.route_path('gists_show', _query={'public':1, 'private': 1})}">${_('My gists')}</a></li>
51 <ul class="grid-filter-box">
61 <li class="${'active' if c.active=='my_private' else ''}"><a href="${h.route_path('gists_show', _query={'private': 1})}">${_('My private')}</a></li>
52 <li class="grid-filter-box-icon">
62 <li class="${'active' if c.active=='my_public' else ''}"><a href="${h.route_path('gists_show', _query={'public': 1})}">${_('My public')}</a></li>
53 <i class="icon-search"></i>
63 %endif
54 </li>
55 <li class="grid-filter-box-input">
56 <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
57 </li>
64 </ul>
58 </ul>
65 </div>
59 </div>
66
60
67 <div class="main-content">
61 </div>
62
63 <div class="main-content-full-width">
68 <div id="repos_list_wrap">
64 <div id="repos_list_wrap">
69 <table id="gist_list_table" class="display"></table>
65 <table id="gist_list_table" class="display"></table>
70 </div>
66 </div>
71 </div>
67 </div>
72 </div>
68
73 </div>
69 </div>
74 <script>
70
71 <script type="text/javascript">
75 $(document).ready(function() {
72 $(document).ready(function() {
76
73
77 var get_datatable_count = function(){
74 var get_datatable_count = function(){
78 var api = $('#gist_list_table').dataTable().api();
75 var api = $('#gist_list_table').dataTable().api();
79 $('#gists_count').text(api.page.info().recordsDisplay);
76 $('#gists_count').text(api.page.info().recordsDisplay);
80 };
77 };
81
78
82
79
83 // custom filter that filters by access_id, description or author
80 // custom filter that filters by access_id, description or author
84 $.fn.dataTable.ext.search.push(
81 $.fn.dataTable.ext.search.push(
85 function( settings, data, dataIndex ) {
82 function( settings, data, dataIndex ) {
86 var query = $('#q_filter').val();
83 var query = $('#q_filter').val();
87 var author = data[0].strip();
84 var author = data[0].strip();
88 var access_id = data[2].strip();
85 var access_id = data[2].strip();
89 var description = data[3].strip();
86 var description = data[3].strip();
90
87
91 var query_str = (access_id + " " + author + " " + description).toLowerCase();
88 var query_str = (access_id + " " + author + " " + description).toLowerCase();
92
89
93 if(query_str.indexOf(query.toLowerCase()) !== -1){
90 if(query_str.indexOf(query.toLowerCase()) !== -1){
94 return true;
91 return true;
95 }
92 }
96 return false;
93 return false;
97 }
94 }
98 );
95 );
99
96
100 // gists list
97 // gists list
101 $('#gist_list_table').DataTable({
98 $('#gist_list_table').DataTable({
102 data: ${c.data|n},
99 data: ${c.data|n},
103 dom: 'rtp',
100 dom: 'rtp',
104 pageLength: ${c.visual.dashboard_items},
101 pageLength: ${c.visual.dashboard_items},
105 order: [[ 4, "desc" ]],
102 order: [[ 4, "desc" ]],
106 columns: [
103 columns: [
107 { data: {"_": "author",
104 { data: {"_": "author",
108 "sort": "author_raw"}, title: "${_("Author")}", width: "250px", className: "td-user" },
105 "sort": "author_raw"}, title: "${_("Author")}", width: "250px", className: "td-user" },
109 { data: {"_": "type",
106 { data: {"_": "type",
110 "sort": "type"}, title: "${_("Type")}", width: "70px", className: "td-tags" },
107 "sort": "type"}, title: "${_("Type")}", width: "70px", className: "td-tags" },
111 { data: {"_": "access_id",
108 { data: {"_": "access_id",
112 "sort": "access_id"}, title: "${_("Name")}", width:"150px", className: "td-componentname" },
109 "sort": "access_id"}, title: "${_("Name")}", width:"150px", className: "td-componentname" },
113 { data: {"_": "description",
110 { data: {"_": "description",
114 "sort": "description"}, title: "${_("Description")}", width: "250px", className: "td-description" },
111 "sort": "description"}, title: "${_("Description")}", width: "250px", className: "td-description" },
115 { data: {"_": "created_on",
112 { data: {"_": "created_on",
116 "sort": "created_on_raw"}, title: "${_("Created on")}", className: "td-time" },
113 "sort": "created_on_raw"}, title: "${_("Created on")}", className: "td-time" },
117 { data: {"_": "expires",
114 { data: {"_": "expires",
118 "sort": "expires"}, title: "${_("Expires")}", className: "td-exp" }
115 "sort": "expires"}, title: "${_("Expires")}", className: "td-exp" }
119 ],
116 ],
120 language: {
117 language: {
121 paginate: DEFAULT_GRID_PAGINATION,
118 paginate: DEFAULT_GRID_PAGINATION,
122 emptyTable: _gettext("No gists available yet.")
119 emptyTable: _gettext("No gists available yet.")
123 },
120 },
124 "initComplete": function( settings, json ) {
121 "initComplete": function( settings, json ) {
125 timeagoActivate();
122 timeagoActivate();
126 get_datatable_count();
123 get_datatable_count();
127 }
124 }
128 });
125 });
129
126
130 // update the counter when things change
127 // update the counter when things change
131 $('#gist_list_table').on('draw.dt', function() {
128 $('#gist_list_table').on('draw.dt', function() {
132 timeagoActivate();
129 timeagoActivate();
133 get_datatable_count();
130 get_datatable_count();
134 });
131 });
135
132
136 // filter, filter both grids
133 // filter, filter both grids
137 $('#q_filter').on( 'keyup', function () {
134 $('#q_filter').on( 'keyup', function () {
138 var repo_api = $('#gist_list_table').dataTable().api();
135 var repo_api = $('#gist_list_table').dataTable().api();
139 repo_api
136 repo_api
140 .draw();
137 .draw();
141 });
138 });
142
139
143 // refilter table if page load via back button
140 // refilter table if page load via back button
144 $("#q_filter").trigger('keyup');
141 $("#q_filter").trigger('keyup');
145
142
146 });
143 });
147
144
148 </script>
145 </script>
149 </%def>
146 </%def>
150
147
General Comments 0
You need to be logged in to leave comments. Login now