clear: both;
}
.ui-grid {
- height: 420px;
- border: 1px solid #dddddd;
+ border: 1px solid #94c0d2;
box-sizing: content-box;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
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;
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;
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%;
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 {
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;
-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;
}
float: left;
background-color: inherit;
border-right: 1px solid;
- border-color: #dddddd;
+ border-color: #94c0d2;
box-sizing: border-box;
}
.ui-grid-cell:last-child {
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;
.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;
overflow: hidden;
background-color: inherit;
border-right: 1px solid;
- border-color: #dddddd;
+ border-color: #94c0d2;
box-sizing: border-box;
display: table-cell;
}
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;
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;
}
.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;
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;
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;
}
.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,
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;
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;
+}