--- a/src/ztfy/myams/resources/css/myams.css Fri Jan 29 15:36:00 2016 +0100
+++ b/src/ztfy/myams/resources/css/myams.css Fri Jan 29 15:37:22 2016 +0100
@@ -1,4 +1,3 @@
-(node) util.print is deprecated. Use console.log instead.
/*
* MyAMS
* « My Application Management Skin »
@@ -13,6 +12,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;
}
@@ -3068,6 +3091,13 @@
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;
@@ -3104,6 +3134,9 @@
.align-base {
vertical-align: baseline!important;
}
+.align-middle {
+ vertical-align: middle!important;
+}
.opacity-25 {
opacity: 0.25!important;
}
@@ -3295,13 +3328,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,
@@ -3339,6 +3372,9 @@
border-top-right-radius: 4px!important;
border-bottom-right-radius: 4px!important;
}
+.width-nomin {
+ min-width: 0!important;
+}
.width-100 {
width: 100px;
max-width: 100px;
@@ -3704,7 +3740,10 @@
}
}
.page-title {
- margin: 12px 0 15px;
+ margin: 7px 0 10px;
+}
+.page-title a {
+ color: #6F8696;
}
.page-title a:hover,
.page-title a:active {
@@ -3824,6 +3863,16 @@
padding-left: 0;
text-align: left;
}
+.top-menu.bordered {
+ background-color: white;
+ padding-top: 4px;
+ padding-bottom: 9px;
+ border-color: silver;
+ border-width: 2px 2px 0;
+ border-style: solid;
+ border-radius: 8px 8px 0 0;
+ margin-left: -1px;
+}
.top-tabs {
display: inline-block;
padding: 7px 13px 0;
@@ -3866,6 +3915,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;
@@ -4184,6 +4302,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;
@@ -4196,7 +4325,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 {
@@ -4357,14 +4489,14 @@
margin-top: -10px;
}
.login-info img {
- width: 25px;
+ width: 24px;
height: auto;
display: inline-block;
vertical-align: middle;
- margin-top: -3px;
- margin-right: 7px;
+ margin-top: -6px;
+ margin-right: 0;
margin-left: 0;
- border-left: 3px solid #fff;
+ border-left: 0;
}
.minifyme {
border-bottom: 1px solid #302F2F;
@@ -4714,6 +4846,18 @@
left: 0;
top: 0;
}
+#shortcut ul li a {
+ display: inline-block;
+ box-sizing: content-box;
+ text-transform: capitalize;
+ font-size: 14px;
+ color: #333;
+ text-decoration: none;
+}
+#shortcut ul li a span {
+ display: inline-block;
+ padding: 0 0 0 10px;
+}
#shortcut .version {
position: absolute;
right: 10px;
@@ -5154,7 +5298,6 @@
}
nav ul {
width: 100%;
- padding: 40px 28px 25px 0;
padding: 0;
margin: 0;
font-size: 13px;
@@ -5170,14 +5313,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;
}
@@ -5226,7 +5370,7 @@
position: absolute;
right: -21px;
font-size: 20px;
- color: #eee;
+ color: #e5e2cf;
}
nav ul li.active.open > a:before {
content: "";
@@ -5242,6 +5386,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;
@@ -5329,10 +5482,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;
@@ -5342,6 +5491,7 @@
}
nav > ul > li > a b {
position: absolute!important;
+ visibility: hidden;
right: 10px;
top: 10px;
}
@@ -5373,6 +5523,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;
@@ -6208,6 +6362,9 @@
.viewport-y {
overflow-y: auto;
}
+.viewport-y-none {
+ overflow-y: hidden!important;
+}
.viewport-y.viewport-100 {
max-height: 100px;
}
@@ -6232,6 +6389,9 @@
.viewport-x {
overflow-x: auto;
}
+.viewport-x-none {
+ overflow-x: hidden!important;
+}
.viewport-x.viewport-100 {
max-width: 100px;
}
@@ -7371,22 +7531,49 @@
.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;
+ padding: 3px 8px;
+}
+.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;
+ padding: 2px 8px;
+}
.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;
+ padding: 1px 8px;
+}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-width: 1px;
@@ -7440,7 +7627,7 @@
background: #fafafa;
font-size: 11px;
overflow: hidden;
- padding: 5px 10px!important;
+ padding: 5px 10px;
border-top: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px #fff;
-ms-box-shadow: inset 0 1px #fff;
@@ -7518,10 +7705,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;
@@ -9134,6 +9321,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 {
@@ -9347,6 +9541,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;
@@ -10393,9 +10608,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;
@@ -10446,8 +10720,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;
@@ -10677,6 +10949,9 @@
font-size: 17px;
margin: 10px 0 0;
}
+.btn-header > :first-child > a[href] {
+ cursor: pointer!important;
+}
.btn-header > :first-child > a:hover {
border: 1px solid #bfbfbf;
color: #222;
@@ -10724,6 +10999,9 @@
padding: 0 8px;
text-align: center;
}
+.widget-toolbar:empty {
+ padding: 0;
+}
.widget-toolbar.no-border {
border-left: 0;
}
@@ -11929,15 +12207,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;
@@ -11994,7 +12270,7 @@
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 1px 28px 1px 8px;
- margin: 2px 0 2px 2px;
+ margin: 2px;
position: relative;
line-height: 18px;
color: #fff;
@@ -12024,6 +12300,8 @@
}
.select2-container-multi.ordered .select2-choices li {
float: none;
+}
+.select2-container-multi.ordered .select2-choices li.select2-search-choice {
cursor: move;
}
.select2-container-multi.ordered .select2-choices li.ui-state-highlight {
@@ -12042,12 +12320,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;
@@ -12123,7 +12404,7 @@
overflow: hidden;
padding: 0;
}
-label.with-icon > i.icon-append + .select2-parent .select2-choices {
+label.with-icon > i.icon-append + .select2-parent > .select2-choices {
padding-right: 29px;
}
.multiselect-container {
@@ -13877,6 +14158,9 @@
overflow: hidden;
background-repeat: no-repeat;
}
+.ui-sortable .ui-sortable-handle {
+ cursor: move;
+}
/*
* UI widget
*/
@@ -15209,18 +15493,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;