flatui/css/jtable_jqueryui.css

0001 div.jtable-main-container {
0002   position: relative;
0003 }
0004 div.jtable-main-container div.jtable-title {
0005   position: relative;
0006   text-align: left;
0007 }
0008 div.jtable-main-container div.jtable-title .jtable-close-button {
0009   right: 0px;
0010   top: 0px;
0011   bottom: 0px;
0012   position: absolute;
0013 }
0014 div.jtable-main-container div.jtable-title div.jtable-toolbar {
0015   bottom: 0px;
0016   right: 0px;
0017   position: absolute;
0018   display: inline-block;
0019   margin-right: 5px;
0020 }
0021 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
0022   position: relative;
0023   display: inline-block;
0024   margin: 0px 0px 0px 5px;
0025   cursor: pointer;
0026   font-size: 0.9em;
0027   padding: 2px;
0028   vertical-align: bottom;
0029 }
0030 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
0031   display: inline-block;
0032   margin: 2px;
0033   vertical-align: middle;
0034   width: 16px;
0035   height: 16px;
0036 }
0037 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
0038   display: inline-block;
0039   margin: 2px;
0040   vertical-align: middle;
0041 }
0042 div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
0043   margin-right: 30px;
0044 }
0045 div.jtable-main-container table.jtable {
0046   width: 100%;
0047 }
0048 div.jtable-main-container table.jtable thead th {
0049   vertical-align: middle;
0050   text-align: left;
0051 }
0052 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
0053   position: relative;
0054 }
0055 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
0056   display: inline-block;
0057 }
0058 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
0059   position: absolute;
0060   height: 24px;
0061   width: 8px;
0062   right: -8px;
0063   top: -2px;
0064   z-index: 2;
0065   cursor: col-resize;
0066 }
0067 div.jtable-main-container table.jtable thead th.jtable-command-column-header {
0068   text-align: center;
0069 }
0070 div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
0071   text-align: center;
0072   width: 1%;
0073 }
0074 div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
0075   cursor: pointer;
0076 }
0077 div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
0078   cursor: pointer;
0079 }
0080 div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
0081   margin: 0px;
0082   padding: 0px;
0083   cursor: pointer;
0084   border: none;
0085   display: inline;
0086 }
0087 div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
0088   display: none;
0089 }
0090 div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
0091   text-align: center;
0092   vertical-align: middle;
0093 }
0094 div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
0095   text-align: center;
0096   vertical-align: middle;
0097 }
0098 div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
0099   cursor: pointer;
0100 }
0101 div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
0102   text-align: center;
0103 }
0104 div.jtable-main-container > div.jtable-bottom-panel {
0105   position: relative;
0106   min-height: 24px;
0107   text-align: left;
0108 }
0109 div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
0110   right: 0px;
0111   top: 0px;
0112   bottom: 0px;
0113   position: absolute;
0114 }
0115 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
0116   display: inline-block;
0117 }
0118 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
0119 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
0120 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
0121 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
0122 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
0123 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
0124 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
0125   padding: 2px 5px;
0126   display: inline-block;
0127   cursor: pointer;
0128 }
0129 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
0130 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
0131 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
0132   cursor: default;
0133 }
0134 div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
0135   margin-left: 5px;
0136 }
0137 div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
0138   margin-left: 5px;
0139 }
0140 div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
0141   width: 22px;
0142 }
0143 div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
0144   vertical-align: middle;
0145 }
0146 div.jtable-main-container div.jtable-column-resize-bar {
0147   opacity: 0.5;
0148   filter: alpha(opacity=50);
0149   position: absolute;
0150   display: none;
0151   width: 1px;
0152   background-color: #000;
0153 }
0154 div.jtable-main-container div.jtable-column-selection-container {
0155   position: absolute;
0156   display: none;
0157   border: 1px solid #C8C8C8;
0158   background: #fff;
0159   color: #000;
0160   z-index: 101;
0161   padding: 5px;
0162 }
0163 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
0164   margin: 0px;
0165   padding: 0px;
0166   list-style: none;
0167 }
0168 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
0169   margin: 0px;
0170   padding: 2px 0px;
0171 }
0172 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
0173   position: relative;
0174   top: -1px;
0175   margin-left: 4px;
0176 }
0177 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
0178   cursor: pointer;
0179 }
0180 form.jtable-dialog-form div.jtable-input-field-container {
0181   padding: 2px 0px 3px 0px;
0182   border-bottom: 1px solid #ddd;
0183 }
0184 form.jtable-dialog-form div.jtable-input-field-container:last-child {
0185   border: none;
0186 }
0187 form.jtable-dialog-form div.jtable-input-label {
0188   padding: 2px 3px;
0189   font-size: 1.1em;
0190   color: #666;
0191 }
0192 form.jtable-dialog-form div.jtable-input {
0193   padding: 2px;
0194 }
0195 form.jtable-dialog-form div.jtable-date-input {
0196   /* No additional style */
0197 }
0198 form.jtable-dialog-form div.jtable-text-input {
0199   /* No additional style */
0200 }
0201 form.jtable-dialog-form span.jtable-option-text-clickable {
0202   position: relative;
0203   top: -2px;
0204 }
0205 form.jtable-dialog-form div.jtable-textarea-input textarea {
0206   width: 300px;
0207   min-height: 60px;
0208 }
0209 form.jtable-dialog-form div.jtable-checkbox-input span,
0210 form.jtable-dialog-form div.jtable-radio-input span {
0211   padding-left: 4px;
0212 }
0213 form.jtable-dialog-form div.jtable-radio-input input,
0214 form.jtable-dialog-form div.jtable-checkbox-input input,
0215 form.jtable-dialog-form span.jtable-option-text-clickable {
0216   cursor: pointer;
0217 }
0218 div.jtable-busy-panel-background {
0219   opacity: 0.1;
0220   filter: alpha(opacity=10);
0221   z-index: 998;
0222   position: absolute;
0223   background-color: #000;
0224 }
0225 div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
0226   background-color: transparent;
0227 }
0228 div.jtable-busy-message {
0229   cursor: wait;
0230   z-index: 999;
0231   position: absolute;
0232   margin: 5px;
0233 }
0234 div.jtable-contextmenu-overlay {
0235   position: fixed;
0236   left: 0px;
0237   top: 0px;
0238   width: 100%;
0239   height: 100%;
0240   z-index: 100;
0241 }
0242 div.jtable-main-container div.jtable-title {
0243   position: relative;
0244   line-height: 34px;
0245   padding-left: 10px;
0246 }
0247 div.jtable-main-container div.jtable-title .jtable-close-button {
0248   right: 6px;
0249   top: 6px;
0250   bottom: 6px;
0251   position: absolute;
0252   opacity: 0.8;
0253   filter: alpha(opacity=80);
0254   background: url('close.png') no-repeat;
0255   width: 22px;
0256   height: 22px;
0257 }
0258 div.jtable-main-container div.jtable-title .jtable-close-button:hover {
0259   opacity: 1;
0260   filter: alpha(opacity=100);
0261 }
0262 div.jtable-main-container div.jtable-title div.jtable-toolbar {
0263   bottom: 0px;
0264   right: 0px;
0265   position: absolute;
0266   line-height: 20px;
0267   margin-right: 2px;
0268   margin-bottom: 2px;
0269 }
0270 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
0271   background-image: url('add.png');
0272 }
0273 div.jtable-main-container table.jtable {
0274   border-collapse: collapse;
0275   border-spacing: 0;
0276 }
0277 div.jtable-main-container table.jtable thead th {
0278   padding: 4px 3px 4px 6px;
0279 }
0280 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
0281   height: 20px;
0282 }
0283 div.jtable-main-container table.jtable thead th.jtable-column-header span.jtable-column-header-text {
0284   margin-top: 3px;
0285 }
0286 div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
0287   padding: 5px;
0288 }
0289 div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
0290   background: url('column-sortable.png') no-repeat right;
0291 }
0292 div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
0293   background: url('column-asc.png') no-repeat right;
0294 }
0295 div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
0296   background: url('column-desc.png') no-repeat right;
0297 }
0298 div.jtable-main-container table.jtable tbody > tr {
0299   padding: 2px;
0300   height: 30px;
0301 }
0302 div.jtable-main-container table.jtable tbody > tr > td {
0303   padding: 5px;
0304   border: 1px solid #ddd;
0305 }
0306 div.jtable-main-container table.jtable tbody > tr > td:first-child {
0307   border-left: none;
0308 }
0309 div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
0310   background: url('edit.png') no-repeat;
0311   width: 16px;
0312   height: 16px;
0313 }
0314 div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
0315   background: url('delete.png') no-repeat;
0316   width: 16px;
0317   height: 16px;
0318 }
0319 div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td {
0320   padding: 2px 1px 2px 2px;
0321 }
0322 div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td div.jtable-toolbar {
0323   margin-right: 33px;
0324 }
0325 div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable {
0326   border: none;
0327 }
0328 div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-title,
0329 div.jtable-main-container table.jtable tbody > tr.jtable-child-row > td .jtable-bottom-panel {
0330   -webkit-border-radius: 0px;
0331   -moz-border-radius: 0px;
0332   border-radius: 0px;
0333   border: none;
0334 }
0335 div.jtable-main-container div.jtable-bottom-panel {
0336   padding: 1px;
0337   min-height: 24px;
0338   line-height: 16px;
0339   font-size: 0.9em;
0340 }
0341 div.jtable-main-container div.jtable-bottom-panel div.jtable-right-area {
0342   padding: 2px;
0343 }
0344 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
0345   margin: 3px;
0346 }
0347 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
0348 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
0349 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
0350 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
0351 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
0352 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
0353 div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
0354   padding: 2px 5px;
0355 }
0356 div.jtable-main-container div.jtable-bottom-panel span.jtable-page-size-change {
0357   vertical-align: middle;
0358 }
0359 div.jtable-main-container div.jtable-bottom-panel span.jtable-goto-page {
0360   vertical-align: middle;
0361 }
0362 div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
0363   display: inline-block;
0364   padding: 4px;
0365 }
0366 div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record {
0367   margin: 3px;
0368 }
0369 div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a {
0370   font-weight: bold;
0371   text-decoration: none;
0372 }
0373 div.jtable-main-container div.jtable-bottom-panel span.jtable-add-record a:hover {
0374   text-decoration: underline;
0375 }
0376 div.jtable-main-container div.jtable-column-selection-container {
0377   -webkit-border-radius: 3px;
0378   -moz-border-radius: 3px;
0379   border-radius: 3px;
0380   -webkit-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
0381   -moz-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
0382   box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
0383 }
0384 form.jtable-dialog-form div.jtable-input-label {
0385   font-weight: bold;
0386 }
0387 div.jtable-busy-message {
0388   -webkit-border-radius: 3px;
0389   -moz-border-radius: 3px;
0390   border-radius: 3px;
0391   -webkit-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
0392   -moz-box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
0393   box-shadow: 2px 2px 4px rgba(50, 51, 50, 0.75);
0394   padding: 5px;
0395   color: none;
0396 }