Warning, /webapps/ocs-webserver/httpdocs/theme/backend/lib/jtable/themes/jqueryui/jtable_jqueryui.less is written in an unsupported language. File is not indexed.
0001 @import "../jtable_theme_base.less";
0002
0003 .jtable_jqueryui_base()
0004 {
0005 .jtable_theme_base;
0006
0007 div.jtable-main-container
0008 {
0009 div.jtable-title
0010 {
0011 position: relative;
0012 line-height: 34px;
0013 padding-left: 10px;
0014
0015 .jtable-close-button
0016 {
0017 .dock(right, 6px);
0018 .opacity(0.8);
0019 background: url('close.png') no-repeat;
0020 width: 22px;
0021 height: 22px;
0022
0023 &:hover
0024 {
0025 .opacity(1);
0026 }
0027 }
0028
0029 // Toolbar -------------------------------------------------------------
0030
0031 div.jtable-toolbar
0032 {
0033 .dock(bottom-right);
0034
0035 line-height:20px;
0036 margin-right:2px;
0037 margin-bottom:2px;
0038
0039 span.jtable-toolbar-item
0040 {
0041 &.jtable-toolbar-item-add-record
0042 {
0043 span.jtable-toolbar-item-icon
0044 {
0045 background-image: url('add.png');
0046 }
0047 }
0048 }
0049 }
0050 }
0051
0052 table.jtable
0053 {
0054 border-collapse: collapse;
0055 border-spacing: 0;
0056
0057 thead
0058 {
0059 th
0060 {
0061 padding: 4px 3px 4px 6px;
0062
0063 &:first-child
0064 {
0065 }
0066
0067 &th:last-child
0068 {
0069 }
0070
0071 &.jtable-column-header
0072 {
0073 div.jtable-column-header-container
0074 {
0075 height: 20px;
0076
0077 div.jtable-column-resize-handler
0078 {
0079 }
0080 }
0081
0082 span.jtable-column-header-text
0083 {
0084 margin-top: 3px;
0085 }
0086 }
0087
0088 &.jtable-column-header-selecting
0089 {
0090 padding: 5px;
0091 }
0092
0093 &.jtable-column-header-sortable div.jtable-column-header-container
0094 {
0095 background: url('column-sortable.png') no-repeat right;
0096 }
0097
0098 &.jtable-column-header-sorted-asc div.jtable-column-header-container
0099 {
0100 background: url('column-asc.png') no-repeat right;
0101 }
0102
0103 &.jtable-column-header-sorted-desc div.jtable-column-header-container
0104 {
0105 background: url('column-desc.png') no-repeat right;
0106 }
0107 }
0108 }
0109
0110 tbody
0111 {
0112 > tr
0113 {
0114 padding: 2px;
0115 height: 30px;
0116
0117 > td
0118 {
0119 padding: 5px;
0120 border: 1px solid #ddd; //TODO
0121
0122 &:first-child
0123 {
0124 border-left: none;
0125 }
0126
0127 .jtable-edit-command-button
0128 {
0129 background: url('edit.png') no-repeat;
0130 width: 16px;
0131 height: 16px;
0132 }
0133
0134 .jtable-delete-command-button
0135 {
0136 background: url('delete.png') no-repeat;
0137 width: 16px;
0138 height: 16px;
0139 }
0140 }
0141
0142 &.jtable-row-even
0143 {
0144 }
0145
0146 &:hover
0147 {
0148 }
0149
0150 &.jtable-row-selected
0151 {
0152
0153 }
0154
0155 &.jtable-child-row
0156 {
0157 > td
0158 {
0159 padding: 2px 1px 2px 2px;
0160
0161 div.jtable-toolbar
0162 {
0163 margin-right: 33px;
0164 }
0165
0166 .jtable
0167 {
0168 border: none;
0169 }
0170
0171 .jtable-title,
0172 .jtable-bottom-panel
0173 {
0174 .border-radius(0px);
0175 border: none;
0176 }
0177 }
0178 }
0179 }
0180 }
0181 }
0182
0183 div.jtable-bottom-panel
0184 {
0185 padding: 1px;
0186 min-height: 24px;
0187 line-height: 16px;
0188 font-size: 0.9em;
0189
0190 div.jtable-right-area
0191 {
0192 padding: 2px;
0193 }
0194
0195 .jtable-page-list
0196 {
0197 margin: 3px;
0198
0199 .jtable-page-number,
0200 .jtable-page-number-space,
0201 .jtable-page-number-first,
0202 .jtable-page-number-last,
0203 .jtable-page-number-previous,
0204 .jtable-page-number-next,
0205 .jtable-page-number-active
0206 {
0207 padding: 2px 5px;
0208 }
0209
0210 .jtable-page-number:hover,
0211 .jtable-page-number-first:hover,
0212 .jtable-page-number-last:hover,
0213 .jtable-page-number-previous:hover,
0214 .jtable-page-number-next:hover
0215 {
0216 }
0217
0218 .jtable-page-number-active
0219 {
0220 }
0221
0222 .jtable-page-number-disabled
0223 {
0224 //.opacity(0.5);
0225
0226 &.jtable-page-number-active
0227 {
0228 //.opacity(1);
0229 }
0230
0231 &:hover
0232 {
0233 }
0234 }
0235 }
0236
0237 span.jtable-page-size-change
0238 {
0239 vertical-align: middle;
0240 }
0241
0242 span.jtable-goto-page
0243 {
0244 vertical-align: middle;
0245 }
0246
0247 .jtable-page-info
0248 {
0249 display: inline-block;
0250 padding: 4px;
0251 }
0252
0253 span.jtable-add-record
0254 {
0255 margin: 3px;
0256
0257 a
0258 {
0259 font-weight: bold;
0260 text-decoration: none;
0261
0262 &:hover
0263 {
0264 text-decoration: underline;
0265 }
0266 }
0267 }
0268 }
0269
0270 div.jtable-column-selection-container
0271 {
0272 .border-radius(3px);
0273 .box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
0274 }
0275 }
0276
0277 form.jtable-dialog-form
0278 {
0279 div.jtable-input-label
0280 {
0281 font-weight: bold;
0282 }
0283 }
0284
0285 div.jtable-busy-message
0286 {
0287 .border-radius(3px);
0288 .box-shadow(2px 2px 4px rgba(50, 51, 50, 0.75));
0289 padding: 5px;
0290 color:none;
0291 }
0292 }
0293
0294 ////////////////////////////////////////////////////////////////
0295
0296 .jtable_jqueryui_base();