Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/css/jtable_basic.css is written in an unsupported language. File is not indexed.
0001 /* These file is a start point for who wants to create a fully custom
0002 * theme for jTable. jtable_theme_base.less (or css) file is needed
0003 * for functionality of jTable. This file does not add any color or shape
0004 * modifications. It just shows how to set icons. You can change them too.
0005 * Halil ibrahim Kalkan / http://www.jtable.org
0006 */
0007 div.jtable-main-container {
0008 position: relative;
0009 }
0010 div.jtable-main-container div.jtable-title {
0011 position: relative;
0012 text-align: left;
0013 }
0014 div.jtable-main-container div.jtable-title .jtable-close-button {
0015 right: 0px;
0016 top: 0px;
0017 bottom: 0px;
0018 position: absolute;
0019 }
0020 div.jtable-main-container div.jtable-title div.jtable-toolbar {
0021 bottom: 0px;
0022 right: 0px;
0023 position: absolute;
0024 display: inline-block;
0025 margin-right: 5px;
0026 }
0027 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
0028 position: relative;
0029 display: inline-block;
0030 margin: 0px 0px 0px 5px;
0031 cursor: pointer;
0032 font-size: 0.9em;
0033 padding: 2px;
0034 vertical-align: bottom;
0035 }
0036 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-icon {
0037 display: inline-block;
0038 margin: 2px;
0039 vertical-align: middle;
0040 width: 16px;
0041 height: 16px;
0042 }
0043 div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
0044 display: inline-block;
0045 margin: 2px;
0046 vertical-align: middle;
0047 }
0048 div.jtable-main-container div.jtable-title .jtable-close-button + div.jtable-toolbar {
0049 margin-right: 30px;
0050 }
0051 div.jtable-main-container table.jtable {
0052 width: 100%;
0053 }
0054 div.jtable-main-container table.jtable thead th {
0055 vertical-align: middle;
0056 text-align: left;
0057 }
0058 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
0059 position: relative;
0060 }
0061 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
0062 display: inline-block;
0063 }
0064 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
0065 position: absolute;
0066 height: 24px;
0067 width: 8px;
0068 right: -8px;
0069 top: -2px;
0070 z-index: 2;
0071 cursor: col-resize;
0072 }
0073 div.jtable-main-container table.jtable thead th.jtable-command-column-header {
0074 text-align: center;
0075 }
0076 div.jtable-main-container table.jtable thead th.jtable-column-header-selecting {
0077 text-align: center;
0078 width: 1%;
0079 }
0080 div.jtable-main-container table.jtable thead th.jtable-column-header-selecting input {
0081 cursor: pointer;
0082 }
0083 div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
0084 cursor: pointer;
0085 }
0086 div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
0087 margin: 0px;
0088 padding: 0px;
0089 cursor: pointer;
0090 border: none;
0091 display: inline;
0092 }
0093 div.jtable-main-container table.jtable tbody tr > td .jtable-command-button span {
0094 display: none;
0095 }
0096 div.jtable-main-container table.jtable tbody tr > td.jtable-command-column {
0097 text-align: center;
0098 vertical-align: middle;
0099 }
0100 div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column {
0101 text-align: center;
0102 vertical-align: middle;
0103 }
0104 div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input {
0105 cursor: pointer;
0106 }
0107 div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
0108 text-align: center;
0109 }
0110 div.jtable-main-container > div.jtable-bottom-panel {
0111 position: relative;
0112 min-height: 24px;
0113 text-align: left;
0114 }
0115 div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
0116 right: 0px;
0117 top: 0px;
0118 bottom: 0px;
0119 position: absolute;
0120 }
0121 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
0122 display: inline-block;
0123 }
0124 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
0125 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
0126 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
0127 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
0128 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
0129 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
0130 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
0131 padding: 2px 5px;
0132 display: inline-block;
0133 cursor: pointer;
0134 }
0135 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
0136 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
0137 div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
0138 cursor: default;
0139 }
0140 div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
0141 margin-left: 5px;
0142 }
0143 div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page {
0144 margin-left: 5px;
0145 }
0146 div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page input[type=text] {
0147 width: 22px;
0148 }
0149 div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
0150 vertical-align: middle;
0151 }
0152 div.jtable-main-container div.jtable-column-resize-bar {
0153 opacity: 0.5;
0154 filter: alpha(opacity=50);
0155 position: absolute;
0156 display: none;
0157 width: 1px;
0158 background-color: #000;
0159 }
0160 div.jtable-main-container div.jtable-column-selection-container {
0161 position: absolute;
0162 display: none;
0163 border: 1px solid #C8C8C8;
0164 background: #fff;
0165 color: #000;
0166 z-index: 101;
0167 padding: 5px;
0168 }
0169 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list {
0170 margin: 0px;
0171 padding: 0px;
0172 list-style: none;
0173 }
0174 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li {
0175 margin: 0px;
0176 padding: 2px 0px;
0177 }
0178 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li label span {
0179 position: relative;
0180 top: -1px;
0181 margin-left: 4px;
0182 }
0183 div.jtable-main-container div.jtable-column-selection-container ul.jtable-column-select-list li input[type="checkbox"] {
0184 cursor: pointer;
0185 }
0186 form.jtable-dialog-form div.jtable-input-field-container {
0187 padding: 2px 0px 3px 0px;
0188 border-bottom: 1px solid #ddd;
0189 }
0190 form.jtable-dialog-form div.jtable-input-field-container:last-child {
0191 border: none;
0192 }
0193 form.jtable-dialog-form div.jtable-input-label {
0194 padding: 2px 3px;
0195 font-size: 1.1em;
0196 color: #666;
0197 }
0198 form.jtable-dialog-form div.jtable-input {
0199 padding: 2px;
0200 }
0201 form.jtable-dialog-form div.jtable-date-input {
0202 /* No additional style */
0203 }
0204 form.jtable-dialog-form div.jtable-text-input {
0205 /* No additional style */
0206 }
0207 form.jtable-dialog-form span.jtable-option-text-clickable {
0208 position: relative;
0209 top: -2px;
0210 }
0211 form.jtable-dialog-form div.jtable-textarea-input textarea {
0212 width: 300px;
0213 min-height: 60px;
0214 }
0215 form.jtable-dialog-form div.jtable-checkbox-input span,
0216 form.jtable-dialog-form div.jtable-radio-input span {
0217 padding-left: 4px;
0218 }
0219 form.jtable-dialog-form div.jtable-radio-input input,
0220 form.jtable-dialog-form div.jtable-checkbox-input input,
0221 form.jtable-dialog-form span.jtable-option-text-clickable {
0222 cursor: pointer;
0223 }
0224 div.jtable-busy-panel-background {
0225 opacity: 0.1;
0226 filter: alpha(opacity=10);
0227 z-index: 998;
0228 position: absolute;
0229 background-color: #000;
0230 }
0231 div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
0232 background-color: transparent;
0233 }
0234 div.jtable-busy-message {
0235 cursor: wait;
0236 z-index: 999;
0237 position: absolute;
0238 margin: 5px;
0239 }
0240 div.jtable-contextmenu-overlay {
0241 position: fixed;
0242 left: 0px;
0243 top: 0px;
0244 width: 100%;
0245 height: 100%;
0246 z-index: 100;
0247 }
0248 div.jtable-main-container div.jtable-title div.jtable-title-text {
0249 font-size: 16px;
0250 font-weight: bold;
0251 }
0252 div.jtable-main-container div.jtable-title .jtable-close-button {
0253 background: url('close.png') no-repeat;
0254 width: 16px;
0255 height: 16px;
0256 }
0257 div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
0258 background: url('column-sortable.png') no-repeat right;
0259 }
0260 div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
0261 background: url('column-asc.png') no-repeat right;
0262 }
0263 div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
0264 background: url('column-desc.png') no-repeat right;
0265 }
0266 div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
0267 background: url('edit.png') no-repeat;
0268 width: 16px;
0269 height: 16px;
0270 }
0271 div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
0272 background: url('delete.png') no-repeat;
0273 width: 16px;
0274 height: 16px;
0275 }
0276 div.jtable-busy-message {
0277 color: #000;
0278 background-color: #ddd;
0279 font-size: 1.25em;
0280 }