| /* jTable metro style theme - Light gray |
| * Created by Halil İbrahim Kalkan |
| * http://www.jtable.org |
| */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 300; |
| src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: italic; |
| font-weight: 300; |
| src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: italic; |
| font-weight: 400; |
| src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 600; |
| src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: italic; |
| font-weight: 600; |
| src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 700; |
| src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff'); |
| } |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: italic; |
| font-weight: 700; |
| src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff'); |
| } |
| div.jtable-main-container { |
| position: relative; |
| } |
| div.jtable-main-container div.jtable-title { |
| position: relative; |
| text-align: left; |
| } |
| div.jtable-main-container div.jtable-title .jtable-close-button { |
| right: 0px; |
| top: 0px; |
| bottom: 0px; |
| position: absolute; |
| } |
| div.jtable-main-container div.jtable-title div.jtable-toolbar { |
| bottom: 0px; |
| right: 0px; |
| position: absolute; |
| display: inline-block; |
| margin-right: 5px; |
| } |
| div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item { |
| position: relative; |
| display: inline-block; |
| margin: 0px 0px 0px 5px; |
| cursor: pointer; |
| font-size: 0.9em; |
| padding: 2px; |
| vertical-align: bottom; |
| } |
| div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon { |
| display: inline-block; |
| margin: 2px; |
| vertical-align: middle; |
| width: 16px; |
| height: 16px; |
| } |
| div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text { |
| display: inline-block; |
| margin: 2px; |
| vertical-align: middle; |
| } |
| div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar { |
| margin-right: 30px; |
| } |
| div.jtable-main-container table.jtable { |
| width: 100%; |
| } |
| div.jtable-main-container table.jtable thead th { |
| vertical-align: middle; |
| text-align: left; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container { |
| position: relative; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text { |
| display: inline-block; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler { |
| position: absolute; |
| height: 24px; |
| width: 8px; |
| right: -8px; |
| top: -2px; |
| z-index: 2; |
| cursor: col-resize; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-command-column-header { |
| text-align: center; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-column-header-selecting { |
| text-align: center; |
| width: 1%; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input { |
| cursor: pointer; |
| } |
| div.jtable-main-container table.jtable thead th.jtable-column-header-sortable { |
| cursor: pointer; |
| } |
| div.jtable-main-container table.jtable tbody tr > td .jtable-command-button { |
| margin: 0px; |
| padding: 0px; |
| cursor: pointer; |
| border: none; |
| display: inline; |
| } |
| div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span { |
| display: none; |
| } |
| div.jtable-main-container table.jtable tbody tr > td.jtable-command-column { |
| text-align: center; |
| vertical-align: middle; |
| } |
| div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column { |
| text-align: center; |
| vertical-align: middle; |
| } |
| div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input { |
| cursor: pointer; |
| } |
| div.jtable-main-container table.jtable tbody tr.jtable-no-data-row { |
| text-align: center; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel { |
| position: relative; |
| min-height: 24px; |
| text-align: left; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area { |
| right: 0px; |
| top: 0px; |
| bottom: 0px; |
| position: absolute; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list { |
| display: inline-block; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active { |
| padding: 2px 5px; |
| display: inline-block; |
| cursor: pointer; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled { |
| cursor: default; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change { |
| margin-left: 5px; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page { |
| margin-left: 5px; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] { |
| width: 22px; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info { |
| vertical-align: middle; |
| } |
| div.jtable-main-container div.jtable-column-resize-bar { |
| opacity: 0.5; |
| filter: alpha(opacity=50); |
| position: absolute; |
| display: none; |
| width: 1px; |
| background-color: #000; |
| } |
| div.jtable-main-container div.jtable-column-selection-container { |
| position: absolute; |
| display: none; |
| border: 1px solid #C8C8C8; |
| background: #fff; |
| color: #000; |
| z-index: 101; |
| padding: 5px; |
| } |
| div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list { |
| margin: 0px; |
| padding: 0px; |
| list-style: none; |
| } |
| div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li { |
| margin: 0px; |
| padding: 2px 0px; |
| } |
| div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span { |
| position: relative; |
| top: -1px; |
| margin-left: 4px; |
| } |
| div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] { |
| cursor: pointer; |
| } |
| form.jtable-dialog-form div.jtable-input-field-container { |
| padding: 2px 0px 3px 0px; |
| border-bottom: 1px solid #ddd; |
| } |
| form.jtable-dialog-form div.jtable-input-field-container:last-child { |
| border: none; |
| } |
| form.jtable-dialog-form div.jtable-input-label { |
| padding: 2px 3px; |
| font-size: 1.1em; |
| color: #666; |
| } |
| form.jtable-dialog-form div.jtable-input { |
| padding: 2px; |
| } |
| form.jtable-dialog-form div.jtable-date-input { |
| /* No additional style */ |
| |
| } |
| form.jtable-dialog-form div.jtable-text-input { |
| /* No additional style */ |
| |
| } |
| form.jtable-dialog-form span.jtable-option-text-clickable { |
| position: relative; |
| top: -2px; |
| } |
| form.jtable-dialog-form div.jtable-textarea-input textarea { |
| width: 300px; |
| min-height: 60px; |
| } |
| form.jtable-dialog-form div.jtable-checkbox-input span, |
| form.jtable-dialog-form div.jtable-radio-input span { |
| padding-left: 4px; |
| } |
| form.jtable-dialog-form div.jtable-radio-input input, |
| form.jtable-dialog-form div.jtable-checkbox-input input, |
| form.jtable-dialog-form span.jtable-option-text-clickable { |
| cursor: pointer; |
| } |
| div.jtable-busy-panel-background { |
| opacity: 0.1; |
| filter: alpha(opacity=50); |
| z-index: 998; |
| position: absolute; |
| background-color: #000; |
| } |
| div.jtable-busy-panel-background.jtable-busy-panel-background-invisible { |
| background-color: transparent; |
| } |
| div.jtable-busy-message { |
| cursor: wait; |
| z-index: 999; |
| position: absolute; |
| margin: 5px; |
| } |
| div.jtable-contextmenu-overlay { |
| position: fixed; |
| left: 0px; |
| top: 0px; |
| width: 100%; |
| height: 100%; |
| z-index: 100; |
| } |
| div.jtable-main-container { |
| font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; |
| font-weight: 300; |
| font-size: 14px; |
| background: #fff; |
| line-height: 1.3; |
| } |
| div.jtable-main-container > div.jtable-title { |
| background-color: #4e4e4e; |
| padding-left: 10px; |
| } |
| div.jtable-main-container > div.jtable-title div.jtable-title-text { |
| font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; |
| font-weight: 300; |
| font-size: 19px; |
| line-height: 34px; |
| color: #fff; |
| } |
| div.jtable-main-container > div.jtable-title .jtable-close-button { |
| right: 8px; |
| top: 8px; |
| bottom: 8px; |
| position: absolute; |
| opacity: 0.5; |
| filter: alpha(opacity=50); |
| background: url('../close.png') no-repeat; |
| width: 16px; |
| height: 16px; |
| } |
| div.jtable-main-container > div.jtable-title .jtable-close-button:hover { |
| opacity: 1; |
| filter: alpha(opacity=50); |
| } |
| div.jtable-main-container > div.jtable-title div.jtable-toolbar { |
| bottom: 0px; |
| right: 0px; |
| position: absolute; |
| } |
| div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item { |
| background-color: #585858; |
| color: white; |
| } |
| div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon { |
| background-image: url('../add.png'); |
| } |
| div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover { |
| background-color: #5f5f5f; |
| padding-bottom: 6px; |
| } |
| div.jtable-main-container > table.jtable { |
| border: 1px solid #707070; |
| border-collapse: collapse; |
| border-spacing: 0; |
| } |
| div.jtable-main-container > table.jtable > thead { |
| background-color: #707070; |
| } |
| div.jtable-main-container > table.jtable > thead th { |
| font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; |
| font-weight: 300; |
| font-size: 15px; |
| color: #fff; |
| } |
| div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container { |
| height: 24px; |
| margin-left: 4px; |
| } |
| div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler { |
| height: 28px; |
| } |
| div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text { |
| margin-top: 2px; |
| } |
| div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container { |
| background: url('../column-sortable.png') no-repeat right; |
| } |
| div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-asc div.jtable-column-header-container { |
| background: url('../column-asc.png') no-repeat right; |
| } |
| div.jtable-main-container > table.jtable > thead th.jtable-column-header-sorted-desc div.jtable-column-header-container { |
| background: url('../column-desc.png') no-repeat right; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr { |
| background-color: #fff; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr > td { |
| border: 1px solid #ddd; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td { |
| padding: 4px; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button { |
| background: url('../edit.png') no-repeat; |
| width: 16px; |
| height: 16px; |
| opacity: 0.4; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-edit-command-button:hover { |
| opacity: 0.8; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button { |
| background: url('../delete.png') no-repeat; |
| width: 16px; |
| height: 16px; |
| opacity: 0.4; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-delete-command-button:hover { |
| opacity: 0.8; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even { |
| background-color: #f9f9f9; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr:hover { |
| background: #e8eaef; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected { |
| color: #fff; |
| background-color: #929292; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created { |
| background-color: #a3a3a3; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated { |
| background-color: #a3a3a3; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting { |
| background-color: #e51400; |
| color: #fff; |
| } |
| div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td { |
| padding: 2px; |
| background-color: #fff; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel { |
| background-color: #5f5f5f; |
| color: #fff; |
| min-height: 22.900000000000002px; |
| font-size: 13px; |
| border: 1px solid #707070; |
| border-top: none; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list { |
| margin: 1px 0px 0px 0px; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active { |
| background-color: #707070; |
| margin: 1px; |
| padding: 2px 5px; |
| color: #fff; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover, |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover { |
| background-color: #929292; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled { |
| opacity: 0.75; |
| filter: alpha(opacity=50); |
| color: #ccc; |
| cursor: default; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover { |
| background-color: #707070; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info { |
| display: inline-block; |
| padding: 4px; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change { |
| display: inline-block; |
| padding: 2px 0px 2px 0px; |
| } |
| div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page { |
| display: inline-block; |
| padding: 2px 0px 2px 0px; |
| } |
| form.jtable-dialog-form { |
| font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; |
| font-weight: 400; |
| font-size: 14px; |
| } |
| div.jtable-busy-message { |
| font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; |
| font-weight: 300; |
| font-size: 16px; |
| border: 1px solid #fff; |
| padding: 5px 5px 5px 58px; |
| color: #fff; |
| background: url('loading.gif') no-repeat; |
| background-color: #4e4e4e; |
| background-position: 8px; |
| } |