| changeset 143 | 63b798053ece |
| parent 134 | 0f48f65f8290 |
| child 156 | 61176c64158d |
| 142:0201f1422bd7 | 143:63b798053ece |
|---|---|
1 (node) util.print is deprecated. Use console.log instead. |
|
1 /* |
2 /* |
2 * MyAMS |
3 * MyAMS |
3 * « My Application Management Skin » |
4 * « My Application Management Skin » |
4 * |
5 * |
5 * $Tag$ |
6 * $Tag$ |
10 * ©2014 Thierry Florac <tflorac@ulthar.net> |
11 * ©2014 Thierry Florac <tflorac@ulthar.net> |
11 */ |
12 */ |
12 /* |
13 /* |
13 * Colors variations |
14 * Colors variations |
14 */ |
15 */ |
16 .txt-color-text { |
|
17 color: #333333 !important; |
|
18 } |
|
15 .txt-color-blue { |
19 .txt-color-blue { |
16 color: #60747c !important; |
20 color: #60747c !important; |
17 } |
21 } |
18 .txt-color-blueLight { |
22 .txt-color-blueLight { |
19 color: #ccdadf !important; |
23 color: #ccdadf !important; |
3043 /* |
3047 /* |
3044 * Typos styles |
3048 * Typos styles |
3045 */ |
3049 */ |
3046 @font-face { |
3050 @font-face { |
3047 font-family: 'Ubuntu'; |
3051 font-family: 'Ubuntu'; |
3048 src: url('./fonts/Ubuntu-C.eot'); |
3052 src: url('fonts/Ubuntu-C.eot'); |
3049 src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-C.woff') format('woff'), url('./fonts/Ubuntu-C.ttf') format('truetype'), url('./fonts/Ubuntu-C.svg') format('svg'); |
3053 src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg'); |
3050 font-weight: normal; |
3054 font-weight: normal; |
3051 font-style: normal; |
3055 font-style: normal; |
3052 } |
3056 } |
3053 @font-face { |
3057 @font-face { |
3054 font-family: 'Ubuntu-Light'; |
3058 font-family: 'Ubuntu-Light'; |
3055 src: url('./fonts/Ubuntu-L.eot'); |
3059 src: url('fonts/Ubuntu-L.eot'); |
3056 src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-L.woff') format('woff'), url('./fonts/Ubuntu-L.ttf') format('truetype'), url('./fonts/Ubuntu-L.svg') format('svg'); |
3060 src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg'); |
3057 font-weight: normal; |
3061 font-weight: normal; |
3058 font-style: normal; |
3062 font-style: normal; |
3059 } |
3063 } |
3060 @font-face { |
3064 @font-face { |
3061 font-family: 'Ubuntu-Bold'; |
3065 font-family: 'Ubuntu-Bold'; |
3062 src: url('./fonts/Ubuntu-B.eot'); |
3066 src: url('fonts/Ubuntu-B.eot'); |
3063 src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-B.woff') format('woff'), url('./fonts/Ubuntu-B.ttf') format('truetype'), url('./fonts/Ubuntu-B.svg') format('svg'); |
3067 src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg'); |
3064 font-weight: bold; |
3068 font-weight: bold; |
3065 font-style: normal; |
3069 font-style: normal; |
3066 } |
3070 } |
3067 html, |
3071 html, |
3068 body { |
3072 body { |
3727 /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696)); |
3731 /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696)); |
3728 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3732 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3729 background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696)); |
3733 background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696)); |
3730 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3734 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
3731 background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/ |
3735 background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/ |
3732 |
|
3733 } |
3736 } |
3734 #header { |
3737 #header { |
3735 display: block; |
3738 display: block; |
3736 height: 49px; |
3739 height: 49px; |
3737 position: relative; |
3740 position: relative; |
4344 .login-info a.btn-primary { |
4347 .login-info a.btn-primary { |
4345 color: #dedede; |
4348 color: #dedede; |
4346 } |
4349 } |
4347 .login-info span { |
4350 .login-info span { |
4348 /*height: 38px;*/ |
4351 /*height: 38px;*/ |
4349 |
|
4350 display: inline-block; |
4352 display: inline-block; |
4351 padding: 0 0 0 10px; |
4353 padding: 0 0 0 10px; |
4352 /*border-bottom: 1px solid #1A1817;*/ |
4354 /*border-bottom: 1px solid #1A1817;*/ |
4353 |
|
4354 } |
4355 } |
4355 .login-info span a.btn-success { |
4356 .login-info span a.btn-success { |
4356 margin-top: -10px; |
4357 margin-top: -10px; |
4357 } |
4358 } |
4358 .login-info img { |
4359 .login-info img { |
4416 .minified #left-panel > ul > li, |
4417 .minified #left-panel > ul > li, |
4417 .minified nav > ul > li { |
4418 .minified nav > ul > li { |
4418 overflow: visible; |
4419 overflow: visible; |
4419 /*border-bottom: 1px solid #1A1817; |
4420 /*border-bottom: 1px solid #1A1817; |
4420 border-top: 1px solid #525151;*/ |
4421 border-top: 1px solid #525151;*/ |
4421 |
|
4422 } |
4422 } |
4423 .minified #left-panel > ul > li > ul::before, |
4423 .minified #left-panel > ul > li > ul::before, |
4424 .minified nav > ul > li > ul::before { |
4424 .minified nav > ul > li > ul::before { |
4425 border-left: 0; |
4425 border-left: 0; |
4426 } |
4426 } |
4523 } |
4523 } |
4524 .minified #left-panel > ul > li > ul > li, |
4524 .minified #left-panel > ul > li > ul > li, |
4525 .minified nav > ul > li > ul > li { |
4525 .minified nav > ul > li > ul > li { |
4526 background-color: rgba(91, 103, 113, 0.8); |
4526 background-color: rgba(91, 103, 113, 0.8); |
4527 /*background-color: rgba(69, 69, 69, .9);*/ |
4527 /*background-color: rgba(69, 69, 69, .9);*/ |
4528 |
|
4529 } |
4528 } |
4530 .minified #left-panel > ul > li > ul > li > ul > li, |
4529 .minified #left-panel > ul > li > ul > li > ul > li, |
4531 .minified nav > ul > li > ul > li > ul > li { |
4530 .minified nav > ul > li > ul > li > ul > li { |
4532 background-color: #627685; |
4531 background-color: #627685; |
4533 } |
4532 } |
7439 } |
7438 } |
7440 .dt-bottom-row { |
7439 .dt-bottom-row { |
7441 background: #fafafa; |
7440 background: #fafafa; |
7442 font-size: 11px; |
7441 font-size: 11px; |
7443 overflow: hidden; |
7442 overflow: hidden; |
7444 padding: 5px 10px; |
7443 padding: 5px 10px!important; |
7445 border-top: 1px solid #ccc; |
7444 border-top: 1px solid #ccc; |
7446 -webkit-box-shadow: inset 0 1px #fff; |
7445 -webkit-box-shadow: inset 0 1px #fff; |
7447 -ms-box-shadow: inset 0 1px #fff; |
7446 -ms-box-shadow: inset 0 1px #fff; |
7448 box-shadow: inset 0 1px #fff; |
7447 box-shadow: inset 0 1px #fff; |
7448 } |
|
7449 .ams-form .dt-bottom-row .row { |
|
7450 margin: 0!important; |
|
7449 } |
7451 } |
7450 .modal-dialog .ams-form .dt-bottom-row { |
7452 .modal-dialog .ams-form .dt-bottom-row { |
7451 padding: 5px 10px!important; |
7453 padding: 5px 10px!important; |
7452 } |
7454 } |
7453 .modal-dialog .ams-form .dt-bottom-row .row { |
7455 .modal-dialog .ams-form .dt-bottom-row .row { |
7981 .form .form-group:last-child .note, |
7983 .form .form-group:last-child .note, |
7982 .form fieldset .form-group:last-child, |
7984 .form fieldset .form-group:last-child, |
7983 .form fieldset .form-group:last-child .note { |
7985 .form fieldset .form-group:last-child .note { |
7984 margin-bottom: 0; |
7986 margin-bottom: 0; |
7985 } |
7987 } |
7988 .form-suffix .alert:last-child { |
|
7989 margin-bottom: 0; |
|
7990 border-radius: 0 0 5px 5px; |
|
7991 } |
|
7986 fieldset { |
7992 fieldset { |
7987 position: relative; |
7993 position: relative; |
7988 } |
7994 } |
7989 legend { |
7995 legend { |
7990 font-weight: 400; |
7996 font-weight: 400; |
8000 } |
8006 } |
8001 .nohints i.hint { |
8007 .nohints i.hint { |
8002 display: none; |
8008 display: none; |
8003 } |
8009 } |
8004 .input-group-addon { |
8010 .input-group-addon { |
8005 padding: 6px 10px 5px; |
8011 padding: 6px 10px 5px!important; |
8006 border-radius: 0; |
8012 border-radius: 0; |
8007 transition: background-color 0.3s; |
8013 transition: background-color 0.3s; |
8008 -webkit-transition: background-color 0.3s; |
8014 -webkit-transition: background-color 0.3s; |
8009 } |
8015 } |
8010 .input-group-addon .fa { |
8016 .input-group-addon .fa { |
8565 padding: 0; |
8571 padding: 0; |
8566 -webkit-box-sizing: content-box; |
8572 -webkit-box-sizing: content-box; |
8567 -moz-box-sizing: content-box; |
8573 -moz-box-sizing: content-box; |
8568 box-sizing: content-box; |
8574 box-sizing: content-box; |
8569 } |
8575 } |
8576 .ams-form .dt-top-row * { |
|
8577 -webkit-box-sizing: border-box; |
|
8578 -moz-box-sizing: border-box; |
|
8579 box-sizing: border-box; |
|
8580 } |
|
8570 .ams-form header { |
8581 .ams-form header { |
8571 display: block; |
8582 display: block; |
8572 padding: 8px 0; |
8583 padding: 8px 0; |
8573 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
8584 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
8574 background: #fff; |
8585 background: #fff; |
8608 } |
8619 } |
8609 .ams-form fieldset.switched + fieldset { |
8620 .ams-form fieldset.switched + fieldset { |
8610 margin-top: 0!important; |
8621 margin-top: 0!important; |
8611 } |
8622 } |
8612 .ams-form fieldset.bordered { |
8623 .ams-form fieldset.bordered { |
8613 margin: 10px; |
8624 margin: 0 10px 10px; |
8614 border: 1px solid rgba(192, 192, 192, 0.8); |
8625 border: 1px solid rgba(192, 192, 192, 0.8); |
8615 -webkit-border-radius: 3px; |
8626 -webkit-border-radius: 3px; |
8616 -moz-border-radius: 3px; |
8627 -moz-border-radius: 3px; |
8617 border-radius: 3px; |
8628 border-radius: 3px; |
8618 } |
8629 } |
8680 .ams-form legend label.checkbox i { |
8691 .ams-form legend label.checkbox i { |
8681 position: absolute; |
8692 position: absolute; |
8682 left: 3px; |
8693 left: 3px; |
8683 top: -1px; |
8694 top: -1px; |
8684 } |
8695 } |
8696 .ams-form legend .btn-group { |
|
8697 margin-left: 20px; |
|
8698 } |
|
8685 .ams-form > .modal-viewport > fieldset > legend { |
8699 .ams-form > .modal-viewport > fieldset > legend { |
8686 padding-top: 0; |
8700 padding-top: 0; |
8687 } |
8701 } |
8688 .ams-form section { |
8702 .ams-form section { |
8689 margin-bottom: 10px; |
8703 margin-bottom: 10px; |
8693 padding: 5px 10px; |
8707 padding: 5px 10px; |
8694 } |
8708 } |
8695 .ams-form.form-tight .form-group, |
8709 .ams-form.form-tight .form-group, |
8696 .ams-form .form-tight .form-group { |
8710 .ams-form .form-tight .form-group { |
8697 padding: 1px 10px; |
8711 padding: 1px 10px; |
8712 } |
|
8713 .ams-form.form-tight .form-group .i18n-content, |
|
8714 .ams-form .form-tight .form-group .i18n-content { |
|
8715 margin-bottom: 5px; |
|
8698 } |
8716 } |
8699 .ams-form label.checkbox, |
8717 .ams-form label.checkbox, |
8700 .ams-form label.radio { |
8718 .ams-form label.radio { |
8701 padding-top: 0; |
8719 padding-top: 0; |
8702 } |
8720 } |
8901 } |
8919 } |
8902 .ams-form label.input span.textline-field { |
8920 .ams-form label.input span.textline-field { |
8903 display: block; |
8921 display: block; |
8904 margin-top: 4px; |
8922 margin-top: 4px; |
8905 margin-bottom: 6px; |
8923 margin-bottom: 6px; |
8906 padding-top: 0; |
8924 padding: 0 8px 6px; |
8907 line-height: 19px; |
8925 line-height: 19px; |
8908 font-size: 13px; |
8926 font-size: 13px; |
8909 } |
8927 } |
8910 .ams-form .required-field .control-label span::after { |
8928 .ams-form .required-field .control-label span::after { |
8911 color: red; |
8929 color: red; |
9477 .ams-form .icon-append { |
9495 .ams-form .icon-append { |
9478 right: 4px; |
9496 right: 4px; |
9479 padding-left: 2px; |
9497 padding-left: 2px; |
9480 border-left-width: 1px; |
9498 border-left-width: 1px; |
9481 border-left-style: solid; |
9499 border-left-style: solid; |
9500 } |
|
9501 .ams-form .icon-append.fa-spin { |
|
9502 border-left-style: none; |
|
9482 } |
9503 } |
9483 .ams-form .icon-append-2 { |
9504 .ams-form .icon-append-2 { |
9484 right: 31px; |
9505 right: 31px; |
9485 } |
9506 } |
9486 .ams-form .icon-prepend { |
9507 .ams-form .icon-prepend { |
10547 } |
10568 } |
10548 @media (min-width: 768px) and (max-width: 979px) { |
10569 @media (min-width: 768px) and (max-width: 979px) { |
10549 .btn-header a { |
10570 .btn-header a { |
10550 margin-top: 9px!important; |
10571 margin-top: 9px!important; |
10551 /*width: 40px!important;*/ |
10572 /*width: 40px!important;*/ |
10552 |
|
10553 } |
10573 } |
10554 } |
10574 } |
10555 @media (min-width: 768px) and (max-width: 880px) { |
10575 @media (min-width: 768px) and (max-width: 880px) { |
10556 .btn-header a { |
10576 .btn-header a { |
10557 margin-top: 9px!important; |
10577 margin-top: 9px!important; |
10558 /*width: 40px!important;*/ |
10578 /*width: 40px!important;*/ |
10559 |
|
10560 /*height: 39px!important;*/ |
10579 /*height: 39px!important;*/ |
10561 |
|
10562 line-height: 26px!important; |
10580 line-height: 26px!important; |
10563 } |
10581 } |
10564 } |
10582 } |
10565 @media (max-width: 767px) { |
10583 @media (max-width: 767px) { |
10566 .btn-header a { |
10584 .btn-header a { |
15405 height: 20px; |
15423 height: 20px; |
15406 } |
15424 } |
15407 .modal-overflow .scrollmarker.top { |
15425 .modal-overflow .scrollmarker.top { |
15408 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15426 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15409 /* FF3.6+ */ |
15427 /* FF3.6+ */ |
15410 |
|
15411 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15428 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15412 /* Chrome,Safari4+ */ |
15429 /* Chrome,Safari4+ */ |
15413 |
|
15414 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15430 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15415 /* Chrome10+,Safari5.1+ */ |
15431 /* Chrome10+,Safari5.1+ */ |
15416 |
|
15417 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15432 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15418 /* Opera 11.10+ */ |
15433 /* Opera 11.10+ */ |
15419 |
|
15420 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15434 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15421 /* IE10+ */ |
15435 /* IE10+ */ |
15422 |
|
15423 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15436 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15424 /* W3C */ |
15437 /* W3C */ |
15425 |
|
15426 } |
15438 } |
15427 .modal-overflow .scrollmarker.bottom { |
15439 .modal-overflow .scrollmarker.bottom { |
15428 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15440 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15429 /* FF3.6+ */ |
15441 /* FF3.6+ */ |
15430 |
|
15431 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15442 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
15432 /* Chrome,Safari4+ */ |
15443 /* Chrome,Safari4+ */ |
15433 |
|
15434 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15444 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15435 /* Chrome10+,Safari5.1+ */ |
15445 /* Chrome10+,Safari5.1+ */ |
15436 |
|
15437 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15446 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15438 /* Opera 11.10+ */ |
15447 /* Opera 11.10+ */ |
15439 |
|
15440 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15448 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15441 /* IE10+ */ |
15449 /* IE10+ */ |
15442 |
|
15443 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15450 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
15444 /* W3C */ |
15451 /* W3C */ |
15445 |
|
15446 } |
15452 } |
15447 /* |
15453 /* |
15448 * Pricing-style component |
15454 * Pricing-style component |
15449 */ |
15455 */ |
15450 .pricing-big { |
15456 .pricing-big { |