src/ztfy/myams/resources/css/myams.css
changeset 156 61176c64158d
parent 143 63b798053ece
child 161 665e38dc7b52
--- 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;