/* caption */ .ui-jqgrid .ui-jqgrid-titlebar { /* border: 1px solid #33363b; border-left-color: #4c4f54; */ position: relative; border-radius-topright: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; padding: 5px; background-color: #303539; background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.00, #6c6f74), color-stop(0.05, #4c4f54), color-stop(0.10, #3f4448), color-stop(0.45, #383d41), color-stop(0.50, #303539), color-stop(0.95, #33363b), color-stop(1.00, #4c4f54) ); background-image: -moz-linear-gradient( center top, #6c6f74 0%, #4c4f54 5%, #3f4448 10%, #383d41 45%, #303539 50%, #33363b 95%, #4c4f54 100% ); filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#383d41', endColorstr='#303539', gradientType='0' ); color: #ddd; text-shadow: 0 0 4px #23262b; font-weight: bold; font-size: 13px; white-space: nowrap; } .ui-jqgrid .ui-jqgrid-title { float: none; display: block; padding: 2px; } .ui-jqgrid .ui-jqgrid-titlebar-close {display: none;} /* header */ .ui-jqgrid .ui-jqgrid-hdiv { background: #303539; } .ui-jqgrid .ui-jqgrid-htable { border: 0; background: #fff; } .ui-jqgrid .ui-jqgrid-htable th { background-color: #303539; background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.00, #6c6f74), color-stop(0.05, #4c4f54), color-stop(0.10, #3f4448), color-stop(0.45, #383d41), color-stop(0.50, #303539), color-stop(0.95, #33363b), color-stop(1.00, #4c4f54) ); background-image: -moz-linear-gradient( center top, #6c6f74 0%, #4c4f54 5%, #3f4448 10%, #383d41 45%, #303539 50%, #33363b 95%, #4c4f54 100% ); filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#383d41', endColorstr='#303539', gradientType='0' ); color: #ddd; text-shadow: 0 0 4px #23262b; font-weight: bold; font-size: 13px; } /* Trio in D major (after Symphony No. 2): I. Adagio - Allegro con brio */ .ui-jqgrid .ui-jqgrid-htable th:hover { background-color: #3f4448; background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.00, #6c6f74), color-stop(0.05, #4c4f54), color-stop(0.45, #3f4448), color-stop(0.50, #383d41), color-stop(1.00, #3f4448) ); background-image: -moz-linear-gradient( center top, #6c6f74 0%, #4c4f54 5%, #3f4448 45%, #383d41 50%, #3f4448 100% ); filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#4c4f54', endColorstr='#3f4448', gradientType='0' ); color: #fff; text-shadow: 0 0 2px gba(0, 0, 0, .5); } .ui-jqgrid .ui-jqgrid-htable th:hover .ui-grid-ico-sort { opacity: 1; filter: alpha(opacity=100); } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border: 1px solid #33363b; border-right: 1px solid #3f4448; } .ui-jqgrid-resize { background: #fff; opacity: 0.10; filter: alpha(opacity=10); text-indent: 0; } .ui-jqgrid-resize:hover { opacity: 0.5; filter: alpha(opacity=50); } .ui-jqgrid .s-ico { display: inline-block; } .ui-jqgrid .ui-grid-ico-sort { display: inline-block; height: 16px; width: 16px; padding: 0px; margin: -12px 0 0 10px; opacity: 0.7; filter: alpha(opacity=70); } .ui-jqgrid .ui-icon-asc { background: url(../img/sort-alphabet.png) no-repeat center center; } .ui-jqgrid .ui-icon-desc { background: url(../img/sort-alphabet-descending.png) no-repeat center center; } .ui-jqgrid .ui-grid-ico-sort.ui-state-disabled { display: none; } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { text-align: left; text-indent: 10px; } /* body */ .ui-jqgrid .ui-jqgrid-btable { border: 0; } .ui-jqgrid .ui-jqgrid-bdiv { background-color: #fff; background-image: -webkit-radial-gradient( #fff 50%, rgba(200, 200, 200, 0.5) 90%, rgba(200, 200, 200, 0.6) 100% ); background-image: -moz-radial-gradient( #fff 50%, rgba(200, 200, 200, 0.5) 90%, rgba(200, 200, 200, 0.6) 100% ); } .ui-jqgrid tr.jqgfirstrow td { border: 0; } .ui-jqgrid tr.jqgrow td{ border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 2px 2px 2px 10px; color: #333; font-size: 12px; cursor: default; } .ui-jqgrid tr.jqgrow:hover td { border-color: #355ea0; background-color: #508ac9; background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.00, #81add2), color-stop(0.10, #5693cc), color-stop(0.45, #5b9acf), color-stop(0.60, #508ac9), color-stop(1.00, #456eb0) ); background-image: -moz-linear-gradient( center top, #81add2 0%, #5693cc 10%, #5b9acf 45%, #508ac9 60%, #456eb0 100% ); filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#81add2', endColorstr='#456eb0', gradientType='0' ); color: #fff; } .ui-jqgrid tr.ui-row-ltr td { border-width: 1px; } /* footer */ /* Pager */ .ui-jqgrid .ui-pg-table { border: 0; } .ui-jqgrid .ui-pg-table td { padding: 5px; border: 0; color: #ddd; } .ui-jqgrid .ui-jqgrid-pager { height: auto; border: 0; border-top: 1px solid #33363b; background-color: #303539; background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.00, #6c6f74), color-stop(0.05, #4c4f54), color-stop(0.10, #3f4448), color-stop(0.45, #383d41), color-stop(0.50, #303539), color-stop(0.95, #33363b), color-stop(1.00, #4c4f54) ); background-image: -moz-linear-gradient( center top, #6c6f74 0%, #4c4f54 5%, #3f4448 10%, #383d41 45%, #303539 50%, #33363b 95%, #4c4f54 100% ); filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#383d41', endColorstr='#303539', gradientType='0' ); color: #ddd; text-shadow: 0 0 4px #23262b; font-weight: bold; font-size: 13px; } .ui-jqgrid .ui-pg-button { width: 16px; height: 16px; opacity: 0.6; filter: alpha(opacity=60); } .ui-jqgrid .ui-pg-button:hover { padding: 5px; opacity: 1; filter: alpha(opacity=100); } .ui-jqgrid .ui-pg-button.ui-state-disabled { opacity: 0.10; filter: alpha(opacity=10); cursor: default; } .ui-jqgrid .ui-pg-button .ui-icon { display: inline-block; background-position: center center; background-repeat: no-repeat; width: 16px; height: 16px; } .ui-jqgrid .ui-pg-button .ui-icon-seek-next { background-image: url(../img/arrow.png); } .ui-jqgrid .ui-pg-button .ui-icon-seek-end { background-image: url(../img/arrow-stop.png); } .ui-jqgrid .ui-pg-button .ui-icon-seek-prev { background-image: url(../img/arrow-180.png); } .ui-jqgrid .ui-pg-button .ui-icon-seek-first { background-image: url(../img/arrow-stop-180.png); } .ui-jqgrid .ui-pg-input { width: 20px; height: 20px; font-size: 11px; margin: 0; background-color: #fff; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #bbb), color-stop(0.10, #ddd), color-stop(0.30, #eee), color-stop(1.00, #fff) ); background-image: -moz-linear-gradient( center top, #ccc 0%, #ddd 10%, #eee 30%, #fff 100% ); filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#dddddd', endColorstr='#ffffff', gradientType='0' ); border-width: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #777; text-align: center; } /* subgrid */ /* loading */ .ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; z-index:101; padding: 6px 6px 6px 20px; margin: 5px; text-align: center; display: none; border-width: 2px !important; font-weight: normal; color: #777; background: url(../css/throbber.gif) no-repeat left center; } .ui-jqgrid .jqgrid-overlay {display:none; z-index:100;} /* Tree Grid */ /* RTL Support */