##// END OF EJS Templates
system-info: fix styling for elements
marcink -
r3974:cb1bcddc default
parent child Browse files
Show More
@@ -1,578 +1,614 b''
1 //
1 //
2 // Typography
2 // Typography
3 // modified from Bootstrap
3 // modified from Bootstrap
4 // --------------------------------------------------
4 // --------------------------------------------------
5
5
6 // Base
6 // Base
7 body {
7 body {
8 font-size: @basefontsize;
8 font-size: @basefontsize;
9 font-family: @text-light;
9 font-family: @text-light;
10 letter-spacing: .02em;
10 letter-spacing: .02em;
11 color: @grey2;
11 color: @grey2;
12 }
12 }
13
13
14 #content, label{
14 #content, label{
15 font-size: @basefontsize;
15 font-size: @basefontsize;
16 }
16 }
17
17
18 label {
18 label {
19 color: @grey2;
19 color: @grey2;
20 }
20 }
21
21
22 ::selection { background: @rchighlightblue; }
22 ::selection { background: @rchighlightblue; }
23
23
24 // Headings
24 // Headings
25 // -------------------------
25 // -------------------------
26
26
27 h1, h2, h3, h4, h5, h6,
27 h1, h2, h3, h4, h5, h6,
28 .h1, .h2, .h3, .h4, .h5, .h6 {
28 .h1, .h2, .h3, .h4, .h5, .h6 {
29 margin: 0 0 @textmargin 0;
29 margin: 0 0 @textmargin 0;
30 padding: 0;
30 padding: 0;
31 line-height: 1.8em;
31 line-height: 1.8em;
32 color: @text-color;
32 color: @text-color;
33 a {
33 a {
34 color: @rcblue;
34 color: @rcblue;
35 }
35 }
36 }
36 }
37
37
38 h1, .h1 { font-size: 1.54em; font-weight: @text-bold-weight; font-family: @text-bold; }
38 h1, .h1 { font-size: 1.54em; font-weight: @text-bold-weight; font-family: @text-bold; }
39 h2, .h2 { font-size: 1.23em; font-weight: @text-semibold-weight; font-family: @text-semibold; }
39 h2, .h2 { font-size: 1.23em; font-weight: @text-semibold-weight; font-family: @text-semibold; }
40 h3, .h3 { font-size: 1.23em; font-family: @text-regular; }
40 h3, .h3 { font-size: 1.23em; font-family: @text-regular; }
41 h4, .h4 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
41 h4, .h4 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
42 h5, .h5 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
42 h5, .h5 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
43 h6, .h6 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
43 h6, .h6 { font-size: 1em; font-weight: @text-bold-weight; font-family: @text-bold; }
44
44
45 // Breadcrumbs
45 // Breadcrumbs
46 .breadcrumbs {
46 .breadcrumbs {
47 font-size: @repo-title-fontsize;
47 font-size: @repo-title-fontsize;
48 margin: 0;
48 margin: 0;
49 width: ~"calc(100% - 180px)";
49 width: ~"calc(100% - 180px)";
50 float: left;
50 float: left;
51
51
52 h4 {
52 h4 {
53 font-size: @basefontsize;
53 font-size: @basefontsize;
54 margin-bottom: 15px;
54 margin-bottom: 15px;
55 }
55 }
56 }
56 }
57
57
58 .breadcrumbs_light {
58 .breadcrumbs_light {
59 float:left;
59 float:left;
60 font-size: 1.3em;
60 font-size: 1.3em;
61 line-height: 38px;
61 line-height: 38px;
62 }
62 }
63
63
64 // Body text
64 // Body text
65 // -------------------------
65 // -------------------------
66
66
67 p {
67 p {
68 margin: 0 0 @textmargin 0;
68 margin: 0 0 @textmargin 0;
69 padding: 0;
69 padding: 0;
70 line-height: 2em;
70 line-height: 2em;
71 }
71 }
72
72
73 .lead {
73 .lead {
74 margin-bottom: @textmargin;
74 margin-bottom: @textmargin;
75 font-weight: 300;
75 font-weight: 300;
76 line-height: 1.4;
76 line-height: 1.4;
77
77
78 @media (min-width: @screen-sm-min) {
78 @media (min-width: @screen-sm-min) {
79 font-size: (@basefontsize * 1.5);
79 font-size: (@basefontsize * 1.5);
80 }
80 }
81 }
81 }
82
82
83 a,
83 a,
84 .link {
84 .link {
85 color: @rcblue;
85 color: @rcblue;
86 text-decoration: none;
86 text-decoration: none;
87 outline: none;
87 outline: none;
88 cursor: pointer;
88 cursor: pointer;
89
89
90 &:focus {
90 &:focus {
91 outline: none;
91 outline: none;
92 }
92 }
93
93
94 &:hover {
94 &:hover {
95 color: @rcdarkblue;
95 color: @rcdarkblue;
96 }
96 }
97 }
97 }
98
98
99 img {
99 img {
100 border: none;
100 border: none;
101 outline: none;
101 outline: none;
102 }
102 }
103
103
104 strong {
104 strong {
105 font-weight: @text-bold-weight;
105 font-weight: @text-bold-weight;
106 font-family: @text-bold;
106 font-family: @text-bold;
107 }
107 }
108
108
109 em {
109 em {
110 font-family: @text-italic;
110 font-family: @text-italic;
111 font-style: italic;
111 font-style: italic;
112 }
112 }
113
113
114 strong em,
114 strong em,
115 em strong {
115 em strong {
116 font-style: italic;
116 font-style: italic;
117 font-weight: @text-bold-italic-weight;
117 font-weight: @text-bold-italic-weight;
118 font-family: @text-bold-italic;
118 font-family: @text-bold-italic;
119 }
119 }
120
120
121 //TODO: lisa: b and i are depreciated, but we are still using them in places.
121 //TODO: lisa: b and i are depreciated, but we are still using them in places.
122 // Should probably make some decision whether to keep or lose these.
122 // Should probably make some decision whether to keep or lose these.
123 b {
123 b {
124
124
125 }
125 }
126
126
127 i {
127 i {
128 font-style: normal;
128 font-style: normal;
129 }
129 }
130
130
131 label {
131 label {
132 color: @text-color;
132 color: @text-color;
133
133
134 input[type="checkbox"] {
134 input[type="checkbox"] {
135 margin-right: 1em;
135 margin-right: 1em;
136 }
136 }
137 input[type="radio"] {
137 input[type="radio"] {
138 margin-right: 1em;
138 margin-right: 1em;
139 }
139 }
140 }
140 }
141
141
142 code,
142 code,
143 .code {
143 .code {
144 font-size: .95em;
144 font-size: .95em;
145 font-family: @text-code;
145 font-family: @text-code;
146 color: @grey3;
146 color: @grey3;
147
147
148 a {
148 a {
149 color: lighten(@rcblue,10%)
149 color: lighten(@rcblue,10%)
150 }
150 }
151 }
151 }
152
152
153 pre {
153 pre {
154 margin: 0;
154 margin: 0;
155 padding: 0;
155 padding: 0;
156 border: 0;
156 border: 0;
157 outline: 0;
157 outline: 0;
158 font-size: @basefontsize*.95;
158 font-size: @basefontsize*.95;
159 line-height: 1.4em;
159 line-height: 1.4em;
160 font-family: @text-code;
160 font-family: @text-code;
161 color: @grey3;
161 color: @grey3;
162 }
162 }
163
163
164 // Emphasis & misc
164 // Emphasis & misc
165 // -------------------------
165 // -------------------------
166 .discreet {
166 .discreet {
167 color: @grey4;
167 color: @grey4;
168 font-size: 85%;
168 font-size: 85%;
169 font-weight: normal;
169 font-weight: normal;
170
170
171 a {
171 a {
172 color: @grey4;
172 color: @grey4;
173
173
174 &:hover {
174 &:hover {
175 color: @rcdarkblue;
175 color: @rcdarkblue;
176 }
176 }
177 }
177 }
178 }
178 }
179
179
180 small,
180 small,
181 .small {
181 .small {
182 font-size: 75%;
182 font-size: 75%;
183 font-weight: normal;
183 font-weight: normal;
184 line-height: 1em;
184 line-height: 1em;
185 }
185 }
186
186
187 mark,
187 mark,
188 .mark {
188 .mark {
189 padding: .2em;
189 padding: .2em;
190 }
190 }
191
191
192 // Alignment
192 // Alignment
193 .text-left { text-align: left; }
193 .text-left { text-align: left; }
194 .text-right { text-align: right; }
194 .text-right { text-align: right; }
195 .text-center { text-align: center; }
195 .text-center { text-align: center; }
196 .text-justify { text-align: justify; }
196 .text-justify { text-align: justify; }
197 .text-nowrap { white-space: nowrap; }
197 .text-nowrap { white-space: nowrap; }
198
198
199 // Transformation
199 // Transformation
200 .text-lowercase { text-transform: lowercase; }
200 .text-lowercase { text-transform: lowercase; }
201 .text-uppercase { text-transform: uppercase; }
201 .text-uppercase { text-transform: uppercase; }
202 .text-capitalize { text-transform: capitalize; }
202 .text-capitalize { text-transform: capitalize; }
203
203
204 // Contextual colors
204 // Contextual colors
205 .text-muted {
205 .text-muted {
206 color: @grey4;
206 color: @grey4;
207 }
207 }
208 .text-primary {
208 .text-primary {
209 color: @rcblue;
209 color: @rcblue;
210 }
210 }
211 .text-success {
211 .text-success {
212 color: @alert1;
212 color: @alert1;
213 }
213 }
214 .text-info {
214 .text-info {
215 color: @alert4;
215 color: @alert4;
216 }
216 }
217 .text-warning {
217 .text-warning {
218 color: @alert3;
218 color: @alert3;
219 }
219 }
220 .text-danger {
220 .text-danger {
221 color: @alert2;
221 color: @alert2;
222 }
222 }
223
223
224 // Contextual backgrounds
224 // Contextual backgrounds
225 .bg-primary {
225 .bg-primary {
226 background-color: white;
226 background-color: white;
227 }
227 }
228 .bg-success {
228 .bg-success {
229 background-color: @alert1;
229 background-color: @alert1;
230 }
230 }
231 .bg-info {
231 .bg-info {
232 background-color: @alert4;
232 background-color: @alert4;
233 }
233 }
234 .bg-warning {
234 .bg-warning {
235 background-color: @alert3;
235 background-color: @alert3;
236 }
236 }
237 .bg-danger {
237 .bg-danger {
238 background-color: @alert2;
238 background-color: @alert2;
239 }
239 }
240
240
241
241
242 // Page header
242 // Page header
243 // -------------------------
243 // -------------------------
244
244
245 .page-header {
245 .page-header {
246 margin: @pagepadding 0 @textmargin;
246 margin: @pagepadding 0 @textmargin;
247 border-bottom: @border-thickness solid @grey5;
247 border-bottom: @border-thickness solid @grey5;
248 }
248 }
249
249
250 .title {
250 .title {
251 clear: both;
251 clear: both;
252 float: left;
252 float: left;
253 width: 100%;
253 width: 100%;
254 margin: @pagepadding/2 0 @pagepadding/4;
254 margin: @pagepadding/2 0 @pagepadding/4;
255 min-height: 25px;
255 min-height: 25px;
256
256
257 .breadcrumbs {
257 .breadcrumbs {
258 float: left;
258 float: left;
259 clear: both;
259 clear: both;
260 width: 700px;
260 width: 700px;
261 margin: 0;
261 margin: 0;
262
262
263 .q_filter_box {
263 .q_filter_box {
264 margin-right: @padding;
264 margin-right: @padding;
265 }
265 }
266 }
266 }
267
267
268 h1 a {
268 h1 a {
269 color: @rcblue;
269 color: @rcblue;
270 }
270 }
271
271
272 input{
272 input{
273 margin-right: @padding;
273 margin-right: @padding;
274 }
274 }
275
275
276 h5, .h5 {
276 h5, .h5 {
277 color: @grey1;
277 color: @grey1;
278 margin-bottom: @space;
278 margin-bottom: @space;
279
279
280 span {
280 span {
281 display: inline-block;
281 display: inline-block;
282 }
282 }
283 }
283 }
284
284
285 p {
285 p {
286 margin-bottom: 0;
286 margin-bottom: 0;
287 }
287 }
288
288
289 .links {
289 .links {
290 float: right;
290 float: right;
291 display: inline;
291 display: inline;
292 margin: 0;
292 margin: 0;
293 padding-left: 0;
293 padding-left: 0;
294 list-style: none;
294 list-style: none;
295 text-align: right;
295 text-align: right;
296
296
297 li {
297 li {
298 float: right;
298 float: right;
299 list-style-type: none;
299 list-style-type: none;
300 }
300 }
301
301
302 a {
302 a {
303 display: inline-block;
303 display: inline-block;
304 margin-left: @textmargin/2;
304 margin-left: @textmargin/2;
305 }
305 }
306 }
306 }
307
307
308 .title-content {
308 .title-content {
309
309
310 &.repo-title {
310 &.repo-title {
311 float: none
311 float: none
312 }
312 }
313
313
314 float: left;
314 float: left;
315 margin: 0;
315 margin: 0;
316 padding: 0;
316 padding: 0;
317
317
318 & + .breadcrumbs {
318 & + .breadcrumbs {
319 margin-top: @padding;
319 margin-top: @padding;
320 }
320 }
321
321
322 & + .links {
322 & + .links {
323 margin-top: -@button-padding;
323 margin-top: -@button-padding;
324
324
325 & + .breadcrumbs {
325 & + .breadcrumbs {
326 margin-top: @padding;
326 margin-top: @padding;
327 }
327 }
328 }
328 }
329
329
330 .repo-group-desc {
330 .repo-group-desc {
331 padding: 8px 0px 0px 0px;
331 padding: 8px 0px 0px 0px;
332 }
332 }
333 }
333 }
334
334
335 .title-main {
335 .title-main {
336 font-size: @repo-title-fontsize;
336 font-size: @repo-title-fontsize;
337 }
337 }
338
338
339 .title-description {
339 .title-description {
340 margin-top: .5em;
340 margin-top: .5em;
341 }
341 }
342
342
343 .q_filter_box {
343 .q_filter_box {
344 width: 200px;
344 width: 200px;
345 }
345 }
346
346
347 }
347 }
348
348
349 #readme .title {
349 #readme .title {
350 text-transform: none;
350 text-transform: none;
351 }
351 }
352
352
353 // Lists
353 // Lists
354 // -------------------------
354 // -------------------------
355
355
356 // Unordered and Ordered lists
356 // Unordered and Ordered lists
357 ul,
357 ul,
358 ol {
358 ol {
359 margin-top: 0;
359 margin-top: 0;
360 margin-bottom: @textmargin;
360 margin-bottom: @textmargin;
361 ul,
361 ul,
362 ol {
362 ol {
363 margin-bottom: 0;
363 margin-bottom: 0;
364 }
364 }
365 }
365 }
366
366
367 li {
367 li {
368 line-height: 2em;
368 line-height: 2em;
369 }
369 }
370
370
371 ul li {
371 ul li {
372 position: relative;
372 position: relative;
373 list-style-type: disc;
373 list-style-type: disc;
374
374
375 p:first-child {
375 p:first-child {
376 display:inline;
376 display:inline;
377 }
377 }
378 }
378 }
379
379
380 // List options
380 // List options
381
381
382 // Unstyled keeps list items block level, just removes default browser padding and list-style
382 // Unstyled keeps list items block level, just removes default browser padding and list-style
383 .list-unstyled {
383 .list-unstyled {
384 padding-left: 0;
384 padding-left: 0;
385 list-style: none;
385 list-style: none;
386 li:before { content: none; }
386 li:before { content: none; }
387 }
387 }
388
388
389 // Inline turns list items into inline-block
389 // Inline turns list items into inline-block
390 .list-inline {
390 .list-inline {
391 .list-unstyled();
391 .list-unstyled();
392 margin-left: -5px;
392 margin-left: -5px;
393
393
394 > li {
394 > li {
395 display: inline-block;
395 display: inline-block;
396 padding-left: 5px;
396 padding-left: 5px;
397 padding-right: 5px;
397 padding-right: 5px;
398 }
398 }
399 }
399 }
400
400
401 // Description Lists
401 // Description Lists
402
402
403 dl {
403 dl {
404 margin-top: 0; // Remove browser default
404 margin-top: 0; // Remove browser default
405 margin-bottom: @textmargin;
405 margin-bottom: @textmargin;
406 }
406 }
407
407
408 dt,
408 dt,
409 dd {
409 dd {
410 line-height: 1.4em;
410 line-height: 1.4em;
411 }
411 }
412
412
413 dt {
413 dt {
414 margin: @textmargin 0 0 0;
414 margin: @textmargin 0 0 0;
415 font-weight: @text-bold-weight;
415 font-weight: @text-bold-weight;
416 font-family: @text-bold;
416 font-family: @text-bold;
417 }
417 }
418
418
419 dd {
419 dd {
420 margin-left: 0; // Undo browser default
420 margin-left: 0; // Undo browser default
421 }
421 }
422
422
423 // Horizontal description lists
423 // Horizontal description lists
424 // Defaults to being stacked without any of the below styles applied, until the
424 // Defaults to being stacked without any of the below styles applied, until the
425 // grid breakpoint is reached (default of ~768px).
425 // grid breakpoint is reached (default of ~768px).
426 // These are used in forms as well; see style guide.
426 // These are used in forms as well; see style guide.
427 // TODO: lisa: These should really not be used in forms.
427 // TODO: lisa: These should really not be used in forms.
428
428
429 .dl-horizontal {
429 .dl-horizontal {
430
430
431 overflow: hidden;
431 overflow: hidden;
432 margin-bottom: @space;
432 margin-bottom: @space;
433
433
434 dt, dd {
434 dt, dd {
435 float: left;
435 float: left;
436 margin: 5px 0 5px 0;
436 margin: 5px 0 5px 0;
437 }
437 }
438
438
439 dt {
439 dt {
440 clear: left;
440 clear: left;
441 width: @label-width - @form-vertical-margin;
441 width: @label-width - @form-vertical-margin;
442 }
442 }
443
443
444 dd {
444 dd {
445 &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
445 &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
446 margin-left: @form-vertical-margin;
446 margin-left: @form-vertical-margin;
447 max-width: @form-max-width - (@label-width - @form-vertical-margin) - @form-vertical-margin;
447 max-width: @form-max-width - (@label-width - @form-vertical-margin) - @form-vertical-margin;
448 }
448 }
449
449
450 pre {
450 pre {
451 margin: 0;
451 margin: 0;
452 }
452 }
453
453
454 &.settings {
454 &.settings {
455 dt {
455 dt {
456 text-align: left;
456 text-align: left;
457 }
457 }
458 }
458 }
459
459
460 @media (min-width: 768px) {
460 @media (min-width: 768px) {
461 dt {
461 dt {
462 float: left;
462 float: left;
463 width: 185px;
463 width: 185px;
464 clear: left;
464 clear: left;
465 text-align: right;
465 text-align: right;
466 }
466 }
467 dd {
467 dd {
468 margin-left: 20px;
468 margin-left: 20px;
469 }
469 }
470 }
470 }
471
472 &.dt-300 {
473 dt {
474 width: 300px;
475 }
476 }
477
478 &.dt-400 {
479 dt {
480 width: 400px;
481 }
482 }
483
484 &.dt-500 {
485 dt {
486 width: 500px;
487 }
488 }
489
490 &.dt-600 {
491 dt {
492 width: 600px;
493 }
494 }
495
496 &.dt-700 {
497 dt {
498 width: 700px;
499 }
500 }
501
502 &.dt-800 {
503 dt {
504 width: 800px;
505 }
506 }
471 }
507 }
472
508
473
509
474 // Misc
510 // Misc
475 // -------------------------
511 // -------------------------
476
512
477 // Abbreviations and acronyms
513 // Abbreviations and acronyms
478 abbr[title],
514 abbr[title],
479 abbr[data-original-title] {
515 abbr[data-original-title] {
480 cursor: help;
516 cursor: help;
481 border-bottom: @border-thickness dotted @grey4;
517 border-bottom: @border-thickness dotted @grey4;
482 }
518 }
483 .initialism {
519 .initialism {
484 font-size: 90%;
520 font-size: 90%;
485 text-transform: uppercase;
521 text-transform: uppercase;
486 }
522 }
487
523
488 // Blockquotes
524 // Blockquotes
489 blockquote {
525 blockquote {
490 padding: 1em 2em;
526 padding: 1em 2em;
491 margin: 0 0 2em;
527 margin: 0 0 2em;
492 font-size: @basefontsize;
528 font-size: @basefontsize;
493 border-left: 2px solid @grey6;
529 border-left: 2px solid @grey6;
494
530
495 p,
531 p,
496 ul,
532 ul,
497 ol {
533 ol {
498 &:last-child {
534 &:last-child {
499 margin-bottom: 0;
535 margin-bottom: 0;
500 }
536 }
501 }
537 }
502
538
503 footer,
539 footer,
504 small,
540 small,
505 .small {
541 .small {
506 display: block;
542 display: block;
507 font-size: 80%;
543 font-size: 80%;
508
544
509 &:before {
545 &:before {
510 content: '\2014 \00A0'; // em dash, nbsp
546 content: '\2014 \00A0'; // em dash, nbsp
511 }
547 }
512 }
548 }
513 }
549 }
514
550
515 // Opposite alignment of blockquote
551 // Opposite alignment of blockquote
516 //
552 //
517 .blockquote-reverse,
553 .blockquote-reverse,
518 blockquote.pull-right {
554 blockquote.pull-right {
519 padding-right: 15px;
555 padding-right: 15px;
520 padding-left: 0;
556 padding-left: 0;
521 border-right: 5px solid @grey6;
557 border-right: 5px solid @grey6;
522 border-left: 0;
558 border-left: 0;
523 text-align: right;
559 text-align: right;
524
560
525 // Account for citation
561 // Account for citation
526 footer,
562 footer,
527 small,
563 small,
528 .small {
564 .small {
529 &:before { content: ''; }
565 &:before { content: ''; }
530 &:after {
566 &:after {
531 content: '\00A0 \2014'; // nbsp, em dash
567 content: '\00A0 \2014'; // nbsp, em dash
532 }
568 }
533 }
569 }
534 }
570 }
535
571
536 // Addresses
572 // Addresses
537 address {
573 address {
538 margin-bottom: 2em;
574 margin-bottom: 2em;
539 font-style: normal;
575 font-style: normal;
540 line-height: 1.8em;
576 line-height: 1.8em;
541 }
577 }
542
578
543 .error-message {
579 .error-message {
544 display: block;
580 display: block;
545 margin: @padding/3 0;
581 margin: @padding/3 0;
546 color: @alert2;
582 color: @alert2;
547 }
583 }
548
584
549 .issue-tracker-link {
585 .issue-tracker-link {
550 color: @rcblue;
586 color: @rcblue;
551 }
587 }
552
588
553 .info_text{
589 .info_text{
554 font-size: @basefontsize;
590 font-size: @basefontsize;
555 color: @grey4;
591 color: @grey4;
556 font-family: @text-regular;
592 font-family: @text-regular;
557 }
593 }
558
594
559 .help-block-inline {
595 .help-block-inline {
560 margin: 0;
596 margin: 0;
561 }
597 }
562
598
563 // help block text
599 // help block text
564 .help-block {
600 .help-block {
565 display: block;
601 display: block;
566 margin: 0 0 @padding;
602 margin: 0 0 @padding;
567 color: @grey4;
603 color: @grey4;
568 font-family: @text-light;
604 font-family: @text-light;
569 &.pre-formatting {
605 &.pre-formatting {
570 white-space: pre-wrap;
606 white-space: pre-wrap;
571 }
607 }
572 }
608 }
573
609
574 .error-message {
610 .error-message {
575 display: block;
611 display: block;
576 margin: @padding/3 0;
612 margin: @padding/3 0;
577 color: @alert2;
613 color: @alert2;
578 }
614 }
@@ -1,71 +1,63 b''
1
1
2 <div id="update_notice" style="display: none; margin: -40px 0px 20px 0px">
2 <div id="update_notice" style="display: none; margin: -40px 0px 20px 0px">
3 <div>${_('Checking for updates...')}</div>
3 <div>${_('Checking for updates...')}</div>
4 </div>
4 </div>
5
5
6
6
7 <div class="panel panel-default">
7 <div class="panel panel-default">
8 <div class="panel-heading">
8 <div class="panel-heading">
9 <h3 class="panel-title">${_('System Info')}</h3>
9 <h3 class="panel-title">${_('System Info')}</h3>
10 % if c.allowed_to_snapshot:
10 % if c.allowed_to_snapshot:
11 <a href="${h.route_path('admin_settings_system', _query={'snapshot':1})}" class="panel-edit">${_('create summary snapshot')}</a>
11 <a href="${h.route_path('admin_settings_system', _query={'snapshot':1})}" class="panel-edit">${_('create summary snapshot')}</a>
12 % endif
12 % endif
13 </div>
13 </div>
14 <div class="panel-body">
14 <div class="panel-body">
15 <dl class="dl-horizontal settings">
15 <dl class="dl-horizontal settings dt-400">
16 % for dt, dd, warn in c.data_items:
16 % for dt, dd, warn in c.data_items:
17 <dt>${dt}${':' if dt else '---'}</dt>
17 <dt>${dt}${':' if dt else '---'}</dt>
18 <dd>${dd}${'' if dt else '---'}
18 <dd>${dd}${'' if dt else '---'}
19 % if warn and warn['message']:
19 % if warn and warn['message']:
20 <div class="alert-${warn['type']}">
20 <div class="alert-${warn['type']}">
21 <strong>${warn['message']}</strong>
21 <strong>${warn['message']}</strong>
22 </div>
22 </div>
23 % endif
23 % endif
24 </dd>
24 </dd>
25 % endfor
25 % endfor
26 </dl>
26 </dl>
27 </div>
27 </div>
28 </div>
28 </div>
29
29
30 <div class="panel panel-default">
30 <div class="panel panel-default">
31 <div class="panel-heading">
31 <div class="panel-heading">
32 <h3 class="panel-title">${_('VCS Server')}</h3>
32 <h3 class="panel-title">${_('VCS Server')}</h3>
33 </div>
33 </div>
34 <div class="panel-body">
34 <div class="panel-body">
35 <dl class="dl-horizontal settings">
35 <dl class="dl-horizontal settings dt-400">
36 % for dt, dd in c.vcsserver_data_items:
36 % for dt, dd in c.vcsserver_data_items:
37 <dt>${dt}${':' if dt else '---'}</dt>
37 <dt>${dt}${':' if dt else '---'}</dt>
38 <dd>${dd}${'' if dt else '---'}</dd>
38 <dd>${dd}${'' if dt else '---'}</dd>
39 % endfor
39 % endfor
40 </dl>
40 </dl>
41 </div>
41 </div>
42 </div>
42 </div>
43
43
44 <div class="panel panel-default">
44 <div class="panel panel-default">
45 <div class="panel-heading">
45 <div class="panel-heading">
46 <h3 class="panel-title">${_('Python Packages')}</h3>
46 <h3 class="panel-title">${_('Python Packages')}</h3>
47 </div>
47 </div>
48 <div class="panel-body">
48 <div class="panel-body">
49 <table class="table">
49 <dl class="dl-horizontal settings dt-400">
50 <colgroup>
50 % for dt, dd in c.py_modules['human_value']:
51 <col class='label'>
51 <dt>${dt}${':' if dt else '---'}</dt>
52 <col class='content'>
52 <dd>${dd}${'' if dt else '---'}</dd>
53 </colgroup>
54 <tbody>
55 % for key, value in c.py_modules['human_value']:
56 <tr>
57 <td>${key}</td>
58 <td>${value}</td>
59 </tr>
60 % endfor
53 % endfor
61 </tbody>
54 </dl>
62 </table>
63 </div>
55 </div>
64 </div>
56 </div>
65
57
66 <script>
58 <script>
67 $('#check_for_update').click(function(e){
59 $('#check_for_update').click(function(e){
68 $('#update_notice').show();
60 $('#update_notice').show();
69 $('#update_notice').load("${h.route_path('admin_settings_system_update')}");
61 $('#update_notice').load("${h.route_path('admin_settings_system_update')}");
70 })
62 })
71 </script>
63 </script>
General Comments 0
You need to be logged in to leave comments. Login now