--- a/src/pyams_skin/resources/css/myams.css Mon Jan 18 18:41:23 2016 +0100
+++ b/src/pyams_skin/resources/css/myams.css Mon Jan 18 18:45:59 2016 +0100
@@ -1,3 +1,4 @@
+(node) util.print is deprecated. Use console.log instead.
/*
* MyAMS
* « My Application Management Skin »
@@ -12,6 +13,30 @@
/*
* Colors variations
*/
+.txt-color-danger {
+ color: #a94442 !important;
+}
+.txt-color-warning {
+ color: #6b6d31 !important;
+}
+.txt-color-info {
+ color: #346597 !important;
+}
+.txt-color-success {
+ color: #296829 !important;
+}
+.bg-color-danger {
+ background-color: #a94442 !important;
+}
+.bg-color-warning {
+ background-color: #6b6d31 !important;
+}
+.bg-color-info {
+ background-color: #346597 !important;
+}
+.bg-color-success {
+ background-color: #5cb85c !important;
+}
.txt-color-text {
color: #333333 !important;
}
@@ -3048,25 +3073,32 @@
*/
@font-face {
font-family: 'Ubuntu';
- src: url('./fonts/Ubuntu-C.eot');
- 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');
+ src: url('fonts/Ubuntu-C.eot');
+ 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');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu-Light';
- src: url('./fonts/Ubuntu-L.eot');
- 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');
+ src: url('fonts/Ubuntu-L.eot');
+ 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');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu-Bold';
- src: url('./fonts/Ubuntu-B.eot');
- 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');
+ src: url('fonts/Ubuntu-B.eot');
+ 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');
font-weight: bold;
font-style: normal;
}
+@font-face {
+ font-family: 'OpenSans';
+ src: url('fonts/OpenSans-Regular.eot');
+ src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
html,
body {
font-family: Ubuntu, Arial, Helvetica, sans-serif;
@@ -3103,6 +3135,9 @@
.align-base {
vertical-align: baseline!important;
}
+.align-middle {
+ vertical-align: middle!important;
+}
.opacity-25 {
opacity: 0.25!important;
}
@@ -3294,13 +3329,13 @@
margin-bottom: -4px !important;
margin-right: -4px !important;
}
-.bordered {
+.bordered:not(:empty) {
border: 1px solid #ccc;
}
-.bordered:hover {
- border: 1px solid #bbbbbb;
-}
-.bordered.nohover:hover {
+.bordered:not(:empty):hover {
+ border-color: #bbbbbb;
+}
+.bordered:not(:empty).nohover:hover {
border-color: #ccc;
}
.no-border,
@@ -3706,7 +3741,7 @@
}
}
.page-title {
- margin: 12px 0 15px;
+ margin: 7px 0 10px;
}
.page-title a {
color: #6F8696;
@@ -3738,7 +3773,6 @@
background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
-
}
#header {
display: block;
@@ -3882,6 +3916,75 @@
.top-selector:hover {
color: #333;
}
+#user-menu {
+ position: relative;
+}
+#user-menu .btn {
+ position: relative;
+ margin-top: 10px;
+ margin-bottom: 8px;
+ padding: 3px 6px 3px 0;
+ width: 60px;
+}
+@media (max-width: 767px) {
+ #user-menu .btn {
+ margin-top: 5px;
+ margin-left: 5px!important;
+ width: 40px;
+ padding-top: 5px;
+ padding-bottom: 4px;
+ }
+ #user-menu .btn i.fa {
+ float: none!important;
+ font-size: 150%;
+ }
+}
+#user-menu .btn img,
+#user-menu .btn i.img {
+ position: absolute;
+ left: -1px;
+ top: -4px;
+ border: solid 1px white;
+ padding: 2px;
+ background-color: white;
+ transform: rotate(-7deg);
+}
+@media (max-width: 767px) {
+ #user-menu .btn img,
+ #user-menu .btn i.img {
+ display: none;
+ }
+}
+#user-menu .btn i.img {
+ width: 34px;
+ height: 34px;
+ color: #999;
+ opacity: 1;
+ font-size: 220%;
+}
+#user-menu .btn:active img,
+#user-menu .btn:active i.img {
+ left: -2px;
+ top: -5px;
+}
+@media (max-width: 767px) {
+ #user-menu .dropdown-menu a {
+ width: auto!important;
+ }
+}
+#user-activity {
+ position: relative;
+}
+#user-activity .badge {
+ position: absolute;
+ top: 2px;
+ right: -8px;
+}
+@media (max-width: 767px) {
+ #user-activity .badge {
+ top: -2px;
+ }
+}
@media (max-width: 979px) {
#login-info {
display: none;
@@ -4200,6 +4303,17 @@
background: 0 0;
vertical-align: top;
}
+#ribbon .breadcrumb li.strong a {
+ line-height: 1em;
+ font-weight: bold;
+ font-size: 120%;
+ color: white!important;
+}
+@media only screen and (min-width: 0) and (max-width: 679px) {
+ #ribbon .breadcrumb li.strong a {
+ color: #333!important;
+ }
+}
#ribbon .breadcrumb,
#ribbon .breadcrumb a {
color: #ddd!important;
@@ -4212,7 +4326,10 @@
}
}
#ribbon .breadcrumb > li + li:before {
- padding: 0 1px 0 5px;
+ padding: 0 3px;
+}
+#ribbon .breadcrumb > li + li.strong:before {
+ padding-right: 1px;
}
#ribbon .breadcrumb li:last-child,
#ribbon .breadcrumb > .active {
@@ -4365,11 +4482,9 @@
}
.login-info span {
/*height: 38px;*/
-
display: inline-block;
padding: 0 0 0 10px;
/*border-bottom: 1px solid #1A1817;*/
-
}
.login-info span a.btn-success {
margin-top: -10px;
@@ -4437,7 +4552,6 @@
overflow: visible;
/*border-bottom: 1px solid #1A1817;
border-top: 1px solid #525151;*/
-
}
.minified #left-panel > ul > li > ul::before,
.minified nav > ul > li > ul::before {
@@ -4544,7 +4658,6 @@
.minified nav > ul > li > ul > li {
background-color: rgba(91, 103, 113, 0.8);
/*background-color: rgba(69, 69, 69, .9);*/
-
}
.minified #left-panel > ul > li > ul > li > ul > li,
.minified nav > ul > li > ul > li > ul > li {
@@ -4693,7 +4806,7 @@
.no-menu #hide-menu {
display: none;
}
-#shortcut {
+#shortcuts {
position: absolute;
top: 0;
left: 0;
@@ -4708,7 +4821,7 @@
-moz-box-sizing: border-box;
box-sizing: border-box;
}
-#shortcut ul {
+#shortcuts ul {
padding: 15px 20px 10px;
list-style: none;
margin: 0;
@@ -4716,25 +4829,37 @@
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
border-bottom: 1px solid #423F3F;
}
-#shortcut ul li {
+#shortcuts ul li {
display: inline-block;
width: auto;
}
-#shortcut ul li .ams-metro-tile {
+#shortcuts ul li .ams-metro-tile {
margin: 0 3px 3px;
border: 0;
border-radius: 0;
}
-#shortcut ul li .ams-metro-tile:hover {
+#shortcuts ul li .ams-metro-tile:hover {
color: #fff;
text-decoration: none;
}
-#shortcut ul li .ams-metro-tile:active,
-#shortcut ul li .ams-metro-tile:focus {
+#shortcuts ul li .ams-metro-tile:active,
+#shortcuts ul li .ams-metro-tile:focus {
left: 0;
top: 0;
}
-#shortcut .version {
+#shortcuts ul li a {
+ display: inline-block;
+ box-sizing: content-box;
+ text-transform: capitalize;
+ font-size: 14px;
+ color: #333;
+ text-decoration: none;
+}
+#shortcuts ul li a span {
+ display: inline-block;
+ padding: 0 0 0 10px;
+}
+#shortcuts .version {
position: absolute;
right: 10px;
bottom: 10px;
@@ -5174,7 +5299,6 @@
}
nav ul {
width: 100%;
- padding: 40px 28px 25px 0;
padding: 0;
margin: 0;
font-size: 13px;
@@ -5190,14 +5314,15 @@
height: 20px;
border: 0;
}
+nav ul li.divider:last-child {
+ display: none;
+}
nav ul li.header {
font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #eee;
background-color: #b13510;
- border-top-color: #d44918;
- border-bottom-color: #a13812;
padding: 4px 10px 4px 20px;
line-height: 18px;
}
@@ -5262,6 +5387,15 @@
color: #fefefe!important;
position: relative;
}
+nav ul.active li.active > a {
+ cursor: default;
+}
+nav ul.active li.active > a.open {
+ cursor: pointer;
+}
+nav ul.active li.active > a.open.active {
+ cursor: default;
+}
nav ul b {
float: right;
font-size: 14px;
@@ -5349,10 +5483,6 @@
nav ul ul b {
color: #B3B3B3;
}
-nav > ul > li {
- border-top: 1px solid #718999;
- border-bottom: 1px solid #576975;
-}
nav > ul > li:hover > ul::before,
nav > ul > li:hover > ul > li::before {
border-color: #ACACAC!important;
@@ -5362,6 +5492,7 @@
}
nav > ul > li > a b {
position: absolute!important;
+ visibility: hidden;
right: 10px;
top: 10px;
}
@@ -5393,6 +5524,10 @@
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
}
+nav > ul > li:not(.open) > a:hover b,
+nav > ul > li.open:not(.active) > a:hover b {
+ visibility: visible;
+}
nav > ul > li > ul::before {
content: "";
display: block;
@@ -7397,27 +7532,46 @@
.table-dnd tbody tr.dragging-row td {
background-color: #cedbf7 !important;
}
-.table-dnd tbody tr td:first-child {
+.table-dnd tbody tr:not(.no-drag-handle) td:first-child {
padding-left: 20px!important;
}
+.table-dnd tbody td.sorter,
+.table-dnd tbody td.sorter a {
+ cursor: move!important;
+}
.table-dnd tbody td.drag-handle {
background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%;
}
+table:not(.table-dnd) td.sorter a {
+ display: none;
+}
.table-tight td,
.table-tight th {
padding: 4px 8px!important;
line-height: 1.3!important;
}
+.table-tight td input[type="text"],
+.table-tight th input[type="text"] {
+ height: 20px;
+}
.table-small td,
.table-small th {
padding: 2px 8px!important;
line-height: 1.2!important;
}
+.table-small td input[type="text"],
+.table-small th input[type="text"] {
+ height: 18px;
+}
.table-mini td,
.table-mini th {
padding: 1px 8px!important;
line-height: 1.1!important;
}
+.table-mini td input[type="text"],
+.table-mini th input[type="text"] {
+ height: 16px;
+}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-width: 1px;
@@ -7546,10 +7700,10 @@
background: url(../img/datatable/sort_both.png) no-repeat center right;
}
.dataTables_wrapper table.table thead .sorting_asc {
- background: url(../img/datatable/sort_asc.png) no-repeat center right;
+ background: #e0f8ff url(../img/datatable/sort_asc.png) no-repeat center right;
}
.dataTables_wrapper table.table thead .sorting_desc {
- background: url(../img/datatable/sort_desc.png) no-repeat center right;
+ background: #d4f0ff url(../img/datatable/sort_desc.png) no-repeat center right;
}
.dataTables_wrapper table.table thead .sorting_asc_disabled {
background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right;
@@ -8944,7 +9098,7 @@
display: block;
margin-top: 4px;
margin-bottom: 6px;
- padding-top: 0;
+ padding: 0 8px 6px;
line-height: 19px;
font-size: 13px;
}
@@ -9157,6 +9311,13 @@
.ams-form .textarea textarea[readonly] {
border-bottom: 1px solid #ccc!important;
}
+.ams-form .input input[readonly]:focus,
+.ams-form .select select[readonly]:focus,
+.ams-form .textarea textarea[readonly]:focus {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
.ams-form .input input.display-mode,
.ams-form .select select.display-mode,
.ams-form .textarea textarea.display-mode {
@@ -9370,6 +9531,27 @@
height: 11px;
font: 300 12px/16px FontAwesome;
}
+.inner-table-form .ams-form > fieldset {
+ margin-top: 10px;
+ margin-bottom: 0;
+}
+.inner-table-form .ams-form legend {
+ background-color: white;
+}
+.inner-table-form .ams-form .form-group {
+ padding: 5px 10px 0;
+}
+.inner-table-form .ams-form input[type="text"] {
+ height: 28px;
+}
+.inner-table-form .ams-form .mce-edit-area > iframe {
+ min-height: 250px!important;
+}
+.inner-table-form .ams-form footer {
+ padding: 5px 20px;
+ border-top: 0;
+ background-color: transparent;
+}
.ams-form .toggle {
margin-bottom: 4px;
padding-right: 61px;
@@ -9521,6 +9703,9 @@
border-left-width: 1px;
border-left-style: solid;
}
+.ams-form .icon-append.fa-spin {
+ border-left-style: none;
+}
.ams-form .icon-append-2 {
right: 31px;
}
@@ -10413,9 +10598,68 @@
padding: 6px 4px 3px;
border: 1px solid #fff;
}
+.mce-container,
+.mce-container *,
+.mce-widget,
+.mce-widget *,
+.mce-reset {
+ font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
+ font-size: 13px;
+}
+.mce-container button,
+.mce-container * button,
+.mce-widget button,
+.mce-widget * button,
+.mce-reset button {
+ padding: 2px 10px!important;
+}
+.mce-container .mce-ico,
+.mce-container * .mce-ico,
+.mce-widget .mce-ico,
+.mce-widget * .mce-ico,
+.mce-reset .mce-ico {
+ font-family: tinymce, Arial!important;
+ font-size: 14px!important;
+}
+.mce-panel {
+ background-image: none!important;
+ border-color: #ccc!important;
+}
+.mce-menubar .mce-menubtn button {
+ padding: 2px 10px;
+ line-height: 16px;
+}
+.mce-menubar .mce-menubtn button span {
+ font-size: 12px;
+ line-height: 16px;
+}
+.mce-menubar .mce-menubtn button .mce-caret {
+ margin-top: 6px;
+}
+.mce-menubtn span {
+ font-size: 13px!important;
+}
+.mce-btn-group .mce-btn {
+ border-color: #ccc!important;
+}
+.mce-btn {
+ background-image: none!important;
+}
+.mce-colorbutton button {
+ padding: 2px 1px 2px 5px!important;
+}
.mce-edit-area > iframe {
min-height: 400px!important;
}
+.mce-path,
+.mce-wordcount {
+ padding: 2px 8px!important;
+ font-size: 12px!important;
+}
+.mce-path button,
+.mce-wordcount button {
+ font-size: 12px!important;
+}
.client-form header {
padding: 15px 13px;
margin: 0;
@@ -10466,8 +10710,6 @@
.btn {
padding: 6px 12px;
border-radius: 2px;
- box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
- -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}
.btn-toolbar .btn {
padding: 4px;
@@ -10590,16 +10832,13 @@
.btn-header a {
margin-top: 9px!important;
/*width: 40px!important;*/
-
}
}
@media (min-width: 768px) and (max-width: 880px) {
.btn-header a {
margin-top: 9px!important;
/*width: 40px!important;*/
-
/*height: 39px!important;*/
-
line-height: 26px!important;
}
}
@@ -10750,6 +10989,9 @@
padding: 0 8px;
text-align: center;
}
+.widget-toolbar:empty {
+ padding: 0;
+}
.widget-toolbar.no-border {
border-left: 0;
}
@@ -11955,15 +12197,13 @@
color: #999!important;
}
.select2-container.select2-container-disabled .select2-choice {
- background-color: #f4f4f4;
background-image: none;
- border: 1px solid #ddd;
+ border: 1px solid transparent;
+ border-bottom: 1px solid #ccc;
cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
- background-color: #f4f4f4;
- background-image: none;
- border-left: 0;
+ display: none;
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none;
@@ -12070,12 +12310,15 @@
background: rgba(0, 0, 0, 0.3);
}
.select2-container-multi.select2-container-disabled .select2-choices {
- background-color: #f4f4f4;
background-image: none;
border: 1px solid transparent;
border-bottom: 1px solid #ccc;
cursor: default;
}
+.select2-container-multi.select2-container-disabled .select2-choices:hover {
+ border-color: transparent!important;
+ border-bottom: 1px solid #ccc!important;
+}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 1px 5px;
border: 1px solid #4a90cc;
@@ -15240,18 +15483,33 @@
.modal-dialog .modal-body .modal-viewport {
min-height: 140px;
}
+.modal-dialog .close:hover {
+ background-color: white;
+}
.modal-dialog .suffix .alert {
margin-bottom: 0;
}
.modal-dialog .suffix .alert:last-child {
border-radius: 0 0 5px 5px;
}
+.modal-header {
+ position: relative;
+}
+.modal-header .toolbar {
+ position: absolute;
+ right: 10px;
+ bottom: -19px;
+ z-index: 1;
+}
.modal-title img {
margin: 0 15px 0 0;
}
.modal-overflow .modal-body {
overflow: hidden;
}
+.modal-viewport fieldset .alert {
+ margin: 0 -5px 5px !important;
+}
.ui-dialog {
position: absolute;
top: 0;
@@ -15456,42 +15714,30 @@
.modal-overflow .scrollmarker.top {
background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* FF3.6+ */
-
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)));
/* Chrome,Safari4+ */
-
background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* Chrome10+,Safari5.1+ */
-
background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* Opera 11.10+ */
-
background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* IE10+ */
-
background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* W3C */
-
}
.modal-overflow .scrollmarker.bottom {
background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* FF3.6+ */
-
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)));
/* Chrome,Safari4+ */
-
background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* Chrome10+,Safari5.1+ */
-
background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* Opera 11.10+ */
-
background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* IE10+ */
-
background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
/* W3C */
-
}
/*
* Pricing-style component