Warning, /webapps/ocs-webserver/httpdocs/theme/backend/lib/jtable/themes/basic/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 }
0205 form.jtable-dialog-form div.jtable-text-input {
0206 /* No additional style */
0207
0208 }
0209 form.jtable-dialog-form span.jtable-option-text-clickable {
0210 position: relative;
0211 top: -2px;
0212 }
0213 form.jtable-dialog-form div.jtable-textarea-input textarea {
0214 width: 300px;
0215 min-height: 60px;
0216 }
0217 form.jtable-dialog-form div.jtable-checkbox-input span,
0218 form.jtable-dialog-form div.jtable-radio-input span {
0219 padding-left: 4px;
0220 }
0221 form.jtable-dialog-form div.jtable-radio-input input,
0222 form.jtable-dialog-form div.jtable-checkbox-input input,
0223 form.jtable-dialog-form span.jtable-option-text-clickable {
0224 cursor: pointer;
0225 }
0226 div.jtable-busy-panel-background {
0227 opacity: 0.1;
0228 filter: alpha(opacity=50);
0229 z-index: 998;
0230 position: absolute;
0231 background-color: #000;
0232 }
0233 div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
0234 background-color: transparent;
0235 }
0236 div.jtable-busy-message {
0237 cursor: wait;
0238 z-index: 999;
0239 position: absolute;
0240 margin: 5px;
0241 }
0242 div.jtable-contextmenu-overlay {
0243 position: fixed;
0244 left: 0px;
0245 top: 0px;
0246 width: 100%;
0247 height: 100%;
0248 z-index: 100;
0249 }
0250 div.jtable-main-container div.jtable-title div.jtable-title-text {
0251 font-size: 16px;
0252 font-weight: bold;
0253 }
0254 div.jtable-main-container div.jtable-title .jtable-close-button {
0255 background: url('close.png') no-repeat;
0256 width: 16px;
0257 height: 16px;
0258 }
0259 div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
0260 background: url('column-sortable.png') no-repeat right;
0261 }
0262 div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
0263 background: url('column-asc.png') no-repeat right;
0264 }
0265 div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
0266 background: url('column-desc.png') no-repeat right;
0267 }
0268 div.jtable-main-container table.jtable tbody > tr > td .jtable-edit-command-button {
0269 background: url('edit.png') no-repeat;
0270 width: 16px;
0271 height: 16px;
0272 }
0273 div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
0274 background: url('delete.png') no-repeat;
0275 width: 16px;
0276 height: 16px;
0277 }
0278 div.jtable-busy-message {
0279 color: #000;
0280 background-color: #ddd;
0281 font-size: 1.25em;
0282 }