Built motion from commit 3594e56.|0.0.120
[motion.git] / public / assets / css / global / ui-grid.css
index b1cb16a..afb54ab 100644 (file)
@@ -14,7 +14,7 @@
 }
 .ui-grid {
   height: 420px;
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
   box-sizing: content-box;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
@@ -25,6 +25,9 @@
   -ms-transform: translateZ(0);
   transform: translateZ(0);
 }
+.ui-grid-footer-info {
+  padding: 10px; 
+}
 .ui-grid-vertical-bar {
   position: absolute;
   right: 0;
   background-color: transparent;
 }
 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
-  background-color: #dddddd;
+  background-color: #94c0d2;
 }
 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
-  background-color: #dddddd;
+  background-color: #94c0d2;
 }
 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
   right: -1px;
   width: 1px;
-  background-color: #dddddd;
+  background-color: #94c0d2;
 }
 .ui-grid-clearfix:before,
 .ui-grid-clearfix:after {
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
-  border: 1;
+  border: 0;
 }
 .ui-grid-top-panel-background {
-  background: white;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
-  background: -ms-linear-gradient(bottom, white, white);
-  background: -moz-linear-gradient(center bottom, white 0%, white 100%);
-  background: -o-linear-gradient(white, white);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
+  background: #daecf4;
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #daecf4), color-stop(1, #ffffff));
+  background: -ms-linear-gradient(bottom, #daecf4, #ffffff);
+  background: -moz-linear-gradient(center bottom, #daecf4 0%, #ffffff 100%);
+  background: -o-linear-gradient(#ffffff, #daecf4);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#daecf4', GradientType=0);
 }
 .ui-grid-header {
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #94c0d2;
   box-sizing: border-box;
 }
 .ui-grid-top-panel {
   position: relative;
   overflow: hidden;
   font-weight: bold;
-  background: white;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
-  background: -ms-linear-gradient(bottom, white, white);
-  background: -moz-linear-gradient(center bottom, white 0%, white 100%);
-  background: -o-linear-gradient(white, white);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
+  background: #daecf4;
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #daecf4), color-stop(1, #ffffff));
+  background: -ms-linear-gradient(bottom, #daecf4, #ffffff);
+  background: -moz-linear-gradient(center bottom, #daecf4 0%, #ffffff 100%);
+  background: -o-linear-gradient(#ffffff, #daecf4);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#daecf4', GradientType=0);
   -webkit-border-top-right-radius: -1px;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   box-sizing: border-box;
   background-color: inherit;
   border-right: 1px solid;
-  border-color: #dddddd;
+  border-color: #94c0d2;
   display: table-cell;
   -webkit-user-select: none;
   -moz-user-select: none;
 input[type="text"].ui-grid-filter-input {
   padding: 0;
   margin: 0;
-  border: 1;
+  border: 0;
   width: 100%;
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
@@ -285,14 +288,14 @@ input[type="text"].ui-grid-filter-input {
   background-clip: padding-box;
 }
 input[type="text"].ui-grid-filter-input:hover {
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
 }
 select.ui-grid-filter-select {
   padding: 0;
   margin: 0;
-  border: 1;
+  border: 0;
   width: 90%;
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
@@ -310,7 +313,7 @@ select.ui-grid-filter-select {
   background-clip: padding-box;
 }
 select.ui-grid-filter-select:hover {
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
 }
 .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
   width: 100%;
@@ -350,13 +353,13 @@ select.ui-grid-filter-select:hover {
   padding-top: 1px;
 }
 .ui-grid-row:nth-child(odd) .ui-grid-cell {
-  background-color: white;
+  background-color: #ffffff;
 }
 .ui-grid-row:nth-child(even) .ui-grid-cell {
-  background-color: #f8f8f8;
+  background-color: #eaf4f9;
 }
 .ui-grid-row:last-child .ui-grid-cell {
-  border-bottom-color: #dddddd;
+  border-bottom-color: #94c0d2;
   border-bottom-style: solid;
 }
 .ui-grid-no-row-overlay {
@@ -366,12 +369,12 @@ select.ui-grid-filter-select:hover {
   left: 0;
   right: 0;
   margin: 10%;
-  background: white;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
-  background: -ms-linear-gradient(bottom, white, white);
-  background: -moz-linear-gradient(center bottom, white 0%, white 100%);
-  background: -o-linear-gradient(white, white);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
+  background: #daecf4;
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #daecf4), color-stop(1, #ffffff));
+  background: -ms-linear-gradient(bottom, #daecf4, #ffffff);
+  background: -moz-linear-gradient(center bottom, #daecf4 0%, #ffffff 100%);
+  background: -o-linear-gradient(#ffffff, #daecf4);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#daecf4', GradientType=0);
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
@@ -387,7 +390,7 @@ select.ui-grid-filter-select:hover {
   -moz-background-clip: padding-box;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
   font-size: 2em;
   text-align: center;
 }
@@ -430,7 +433,7 @@ select.ui-grid-filter-select:hover {
   float: left;
   background-color: inherit;
   border-right: 1px solid;
-  border-color: #dddddd;
+  border-color: #94c0d2;
   box-sizing: border-box;
 }
 .ui-grid-cell:last-child {
@@ -455,29 +458,29 @@ select.ui-grid-filter-select:hover {
   display: none;
 }
 .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
-  /*background-color: #f0f0ee;*/
-  border-bottom: solid 1px #dddddd;
+  background-color: #f0f0ee;
+  border-bottom: solid 1px #94c0d2;
 }
 .ui-grid-footer-panel-background {
-  background: white;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
-  background: -ms-linear-gradient(bottom, white, white);
-  background: -moz-linear-gradient(center bottom, white 0%, white 100%);
-  background: -o-linear-gradient(white, white);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
+  background: #daecf4;
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #daecf4), color-stop(1, #ffffff));
+  background: -ms-linear-gradient(bottom, #daecf4, #ffffff);
+  background: -moz-linear-gradient(center bottom, #daecf4 0%, #ffffff 100%);
+  background: -o-linear-gradient(#ffffff, #daecf4);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#daecf4', GradientType=0);
 }
 .ui-grid-footer-panel {
   position: relative;
-  border-bottom: 1px solid #dddddd;
-  border-top: 1px solid #dddddd;
+  border-bottom: 1px solid #94c0d2;
+  border-top: 1px solid #94c0d2;
   overflow: hidden;
   font-weight: bold;
-  background: white;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(1, white));
-  background: -ms-linear-gradient(bottom, white, white);
-  background: -moz-linear-gradient(center bottom, white 0%, white 100%);
-  background: -o-linear-gradient(white, white);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
+  background: #daecf4;
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #daecf4), color-stop(1, #ffffff));
+  background: -ms-linear-gradient(bottom, #daecf4, #ffffff);
+  background: -moz-linear-gradient(center bottom, #daecf4 0%, #ffffff 100%);
+  background: -o-linear-gradient(#ffffff, #daecf4);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#daecf4', GradientType=0);
   -webkit-border-top-right-radius: -1px;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
@@ -497,9 +500,6 @@ select.ui-grid-filter-select:hover {
 .ui-grid-grid-footer {
   float: left;
   width: 100%;
-  padding: 10px;
-  border-top: 1px solid #dddddd;
-  box-sizing: border-box;
 }
 .ui-grid-footer-viewport {
   overflow: hidden;
@@ -529,7 +529,7 @@ select.ui-grid-filter-select:hover {
   overflow: hidden;
   background-color: inherit;
   border-right: 1px solid;
-  border-color: #dddddd;
+  border-color: #94c0d2;
   box-sizing: border-box;
   display: table-cell;
 }
@@ -539,9 +539,9 @@ select.ui-grid-filter-select:hover {
 input[type="text"].ui-grid-filter-input {
   padding: 0;
   margin: 0;
-  border: 1;
+  border: 0;
   width: 100%;
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
@@ -559,16 +559,15 @@ input[type="text"].ui-grid-filter-input {
   background-clip: padding-box;
 }
 input[type="text"].ui-grid-filter-input:hover {
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
 }
 .ui-grid-menu-button {
   z-index: 2;
   position: absolute;
   right: 0;
   top: 0;
-  background: white;
-  /*border: 1px solid #dddddd;*/
-  border: none;
+  background: none !important;
+  border: none !important;
   cursor: pointer;
   height: 31px;
   font-weight: normal;
@@ -581,8 +580,7 @@ input[type="text"].ui-grid-filter-input:hover {
 }
 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
   overflow: scroll;
-  /*overflow: hidden;*/
-  border: 1px solid #dddddd;
+  border: 1px solid #94c0d2;
 }
 .ui-grid-menu {
   z-index: 2;
@@ -592,8 +590,8 @@ input[type="text"].ui-grid-filter-input:hover {
   box-sizing: border-box;
 }
 .ui-grid-menu .ui-grid-menu-inner {
-  background: white;
-  border: 1px solid #dddddd;
+  background: #daecf4;
+  border: 1px solid #94c0d2;
   position: relative;
   white-space: nowrap;
   -webkit-border-radius: 0px;
@@ -753,7 +751,7 @@ fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.
   background-color: #cecece;
 }
 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #94c0d2;
 }
 .ui-grid-sortarrow {
   right: 5px;
@@ -837,7 +835,7 @@ fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.
 }
 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
-  border-right: 1px solid #dddddd;
+  border-right: 1px solid #94c0d2;
   border-left: 0;
 }
 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
@@ -850,8 +848,8 @@ fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.
   position: absolute;
   left: 0;
   right: auto;
-  background: white;
-  border: 1px solid #dddddd;
+  background: #daecf4;
+  border: 1px solid #94c0d2;
   cursor: pointer;
   min-height: 27px;
   font-weight: normal;
@@ -948,35 +946,12 @@ fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.
     transform: rotate(359deg);
   }
 }
-
-.ui-grid-draggable-row {
-    height: 30px;
-}
-
-.ui-grid-draggable-row-over {
-    position: relative;
-    color: #AAA;
-}
-
-.ui-grid-draggable-row-over:before {
-    content: "";
-    display: block;
-    position: absolute;
-    left: 0;
-    width: 100%;
-    border-bottom: 1px dashed #AAA;
-}
-
-.ui-grid-draggable-row-over--above:before {
-    top: 0;
-}
-
-.ui-grid-draggable-row-over--below:before {
-    bottom: 0;
-}
 /*---------------------------------------------------
     LESS Elements 0.9
   ---------------------------------------------------
     A set of useful LESS mixins
     More info at: http://lesselements.com
   ---------------------------------------------------*/
+.ui-grid {
+  color: #003f59;
+}