Warning, /webapps/ocs-webserver/httpdocs/theme/backend/lib/jtable/themes/jtable_theme_base.less is written in an unsupported language. File is not indexed.
0001 // Base styles for jTable.
0002 // All themes must inherit from jtable_theme_base.
0003 // Created by Halil İbrahim Kalkan
0004 // http://www.jtable.org
0005
0006 // GENERAL MIXINGS ////////////////////////////////////////////////////////////
0007
0008 .centered()
0009 {
0010 text-align: center;
0011 vertical-align: middle;
0012 }
0013
0014 .clear-margin-padding()
0015 {
0016 margin: 0px;
0017 padding: 0px;
0018 }
0019
0020 .clear-list-styles()
0021 {
0022 .clear-margin-padding;
0023 list-style: none;
0024 }
0025
0026 .border-radius(@radius)
0027 {
0028 -webkit-border-radius: @radius;
0029 -moz-border-radius: @radius;
0030 border-radius: @radius;
0031 }
0032
0033 .text-shadow(@shadow)
0034 {
0035 -webkit-text-shadow: @shadow;
0036 text-shadow: @shadow;
0037 }
0038
0039 .box-shadow(@shadow)
0040 {
0041 -webkit-box-shadow: @shadow;
0042 -moz-box-shadow: @shadow;
0043 box-shadow: @shadow;
0044 }
0045
0046 .opacity(@value)
0047 {
0048 opacity: @value;
0049 //for IE8 and earlier
0050 @ieValue: @value * 100;
0051 filter: alpha(opacity=@ieValue);
0052 }
0053
0054 .vertical-gradient(@top_color, @bottom_color)
0055 {
0056 background: @top_color; // Old browsers
0057 background: -moz-linear-gradient(top, @top_color 0%, @bottom_color 100%); // FF3.6+
0058 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@top_color), color-stop(100%,@bottom_color)); // Chrome,Safari4+
0059 background: -webkit-linear-gradient(top, @top_color 0%,@bottom_color 100%); // Chrome10+,Safari5.1+
0060 background: -o-linear-gradient(top, @top_color 0%,@bottom_color 100%); // Opera 11.10+
0061 background: -ms-linear-gradient(top, @top_color 0%,@bottom_color 100%); // IE10+
0062 background: linear-gradient(to bottom, @top_color 0%,@bottom_color 100%); // W3C
0063 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{top_color}', endColorstr='@{bottom_color}',GradientType=0 ); // IE6-9
0064 }
0065
0066 // Docking
0067
0068 @default-dock-margin: 0px;
0069
0070 .dock(top, @margin: @default-dock-margin)
0071 {
0072 left: @margin;
0073 top: @margin;
0074 right: @margin;
0075 }
0076
0077 .dock(right, @margin: @default-dock-margin)
0078 {
0079 right: @margin;
0080 top: @margin;
0081 bottom: @margin;
0082 }
0083
0084 .dock(bottom, @margin: @default-dock-margin)
0085 {
0086 left: @margin;
0087 right: @margin;
0088 bottom: @margin;
0089 }
0090
0091 .dock(left, @margin: @default-dock-margin)
0092 {
0093 left: @margin;
0094 top: @margin;
0095 bottom: @margin;
0096 }
0097
0098 .dock(top-left, @margin: @default-dock-margin)
0099 {
0100 left: @margin;
0101 top: @margin;
0102 }
0103
0104 .dock(top-right, @margin: @default-dock-margin)
0105 {
0106 top: @margin;
0107 right: @margin;
0108 }
0109
0110 .dock(bottom-right, @margin: @default-dock-margin)
0111 {
0112 bottom: @margin;
0113 right: @margin;
0114 }
0115
0116 .dock(bottom-left, @margin: @default-dock-margin)
0117 {
0118 bottom: @margin;
0119 left: @margin;
0120 }
0121
0122 .dock(@direction, @margin: @default-dock-margin)
0123 {
0124 position: absolute;
0125 }
0126
0127 // JTABLE THEME BASE STYLES ///////////////////////////////////////////////////
0128
0129 .jtable_theme_base()
0130 {
0131 div.jtable-main-container
0132 {
0133 position: relative;
0134
0135 div.jtable-title
0136 {
0137 position: relative;
0138 text-align: left;
0139
0140 .jtable-close-button
0141 {
0142 .dock(right);
0143 }
0144
0145 // Toolbar -------------------------------------------------------------
0146
0147 div.jtable-toolbar
0148 {
0149 .dock(bottom-right);
0150
0151 display: inline-block;
0152 margin-right: 5px;
0153
0154 span.jtable-toolbar-item
0155 {
0156 position: relative;
0157 display: inline-block;
0158 margin: 0px 0px 0px 5px;
0159 cursor: pointer;
0160 font-size: 0.9em;
0161 padding: 2px;
0162 vertical-align: bottom;
0163
0164 span.jtable-toolbar-item-icon
0165 {
0166 display: inline-block;
0167 margin: 2px;
0168 vertical-align: middle;
0169 width: 16px;
0170 height: 16px;
0171 }
0172
0173 span.jtable-toolbar-item-text
0174 {
0175 display: inline-block;
0176 margin: 2px;
0177 vertical-align: middle;
0178 }
0179 }
0180 }
0181
0182 .jtable-close-button+div.jtable-toolbar
0183 {
0184 margin-right: 30px;
0185 }
0186 }
0187
0188 table.jtable
0189 {
0190 width: 100%;
0191
0192 thead
0193 {
0194 th
0195 {
0196 vertical-align: middle;
0197 text-align: left;
0198
0199 &.jtable-column-header
0200 {
0201 div.jtable-column-header-container
0202 {
0203 position: relative;
0204
0205 span.jtable-column-header-text
0206 {
0207 display: inline-block;
0208 }
0209
0210 div.jtable-column-resize-handler
0211 {
0212 position: absolute;
0213 height: 24px;
0214 width: 8px;
0215 right: -8px;
0216 top: -2px;
0217 z-index: 2;
0218 cursor: col-resize;
0219 }
0220 }
0221 }
0222
0223 &.jtable-command-column-header
0224 {
0225 text-align: center;
0226 }
0227
0228 &.jtable-column-header-selecting
0229 {
0230 text-align: center;
0231 width: 1%;
0232
0233 input
0234 {
0235 cursor: pointer;
0236 }
0237 }
0238
0239 &.jtable-column-header-sortable
0240 {
0241 cursor: pointer;
0242 }
0243 }
0244 }
0245
0246 tbody
0247 {
0248 tr
0249 {
0250 > td
0251 {
0252 .jtable-command-button
0253 {
0254 .clear-margin-padding;
0255 cursor: pointer;
0256 border: none;
0257 display: inline;
0258
0259 span
0260 {
0261 display: none;
0262 }
0263 }
0264
0265 &.jtable-command-column
0266 {
0267 .centered;
0268 }
0269
0270 &.jtable-selecting-column
0271 {
0272 .centered;
0273
0274 input
0275 {
0276 cursor: pointer;
0277 }
0278 }
0279 }
0280
0281 &.jtable-no-data-row
0282 {
0283 text-align: center;
0284 }
0285
0286 &.jtable-row-created
0287 {
0288 }
0289
0290 &.jtable-row-updated
0291 {
0292 }
0293
0294 &.jtable-row-deleting
0295 {
0296 }
0297 }
0298 }
0299 }
0300
0301 > div.jtable-bottom-panel
0302 {
0303 position: relative;
0304 min-height: 24px;
0305 text-align: left;
0306
0307 div.jtable-right-area
0308 {
0309 .dock(right);
0310 }
0311
0312 .jtable-page-list
0313 {
0314 display: inline-block;
0315
0316 .jtable-page-number,
0317 .jtable-page-number-space,
0318 .jtable-page-number-first,
0319 .jtable-page-number-last,
0320 .jtable-page-number-previous,
0321 .jtable-page-number-next,
0322 .jtable-page-number-active
0323 {
0324 padding: 2px 5px;
0325 display: inline-block;
0326 cursor: pointer;
0327 }
0328
0329 .jtable-page-number-space,
0330 .jtable-page-number-active,
0331 .jtable-page-number-disabled
0332 {
0333 cursor: default;
0334 }
0335 }
0336
0337 span.jtable-page-size-change
0338 {
0339 margin-left: 5px;
0340 }
0341
0342 span.jtable-goto-page
0343 {
0344 margin-left: 5px;
0345
0346 input[type=text]
0347 {
0348 width:22px;
0349 }
0350 }
0351
0352 span.jtable-page-info
0353 {
0354 vertical-align: middle;
0355 }
0356 }
0357
0358 div.jtable-column-resize-bar
0359 {
0360 .opacity(0.5);
0361 position: absolute;
0362 display: none;
0363 width: 1px;
0364 background-color: #000;
0365 }
0366
0367 div.jtable-column-selection-container
0368 {
0369 position: absolute;
0370 display: none;
0371 border: 1px solid #C8C8C8;
0372 background: #fff;
0373 color: #000;
0374 z-index: 101;
0375 padding: 5px;
0376
0377 ul.jtable-column-select-list
0378 {
0379 .clear-list-styles;
0380
0381 li
0382 {
0383 margin: 0px;
0384 padding: 2px 0px;
0385
0386 label
0387 {
0388 span
0389 {
0390 position: relative;
0391 top: -1px;
0392 margin-left: 4px;
0393 }
0394 }
0395
0396 input[type="checkbox"]
0397 {
0398 cursor: pointer;
0399 }
0400 }
0401 }
0402 }
0403 }
0404
0405 form.jtable-dialog-form
0406 {
0407 div.jtable-input-field-container
0408 {
0409 padding: 2px 0px 3px 0px;
0410 border-bottom: 1px solid #ddd;
0411
0412 &:last-child
0413 {
0414 border: none;
0415 }
0416 }
0417
0418 div.jtable-input-label
0419 {
0420 padding: 2px 3px;
0421 font-size: 1.1em;
0422 color: #666;
0423 }
0424
0425 div.jtable-input
0426 {
0427 padding: 2px;
0428 }
0429
0430 div.jtable-date-input
0431 {
0432 /* No additional style */
0433 }
0434
0435 div.jtable-text-input
0436 {
0437 /* No additional style */
0438 }
0439
0440 span.jtable-option-text-clickable
0441 {
0442 position: relative;
0443 top: -2px;
0444 }
0445
0446 div.jtable-textarea-input textarea
0447 {
0448 width: 300px;
0449 min-height: 60px;
0450 }
0451
0452 div.jtable-password-input
0453 {
0454 }
0455
0456 div.jtable-dropdown-input
0457 {
0458 }
0459
0460 div.jtable-radiobuttonlist-input
0461 {
0462 }
0463
0464 div.jtable-checkbox-input span,
0465 div.jtable-radio-input span
0466 {
0467 padding-left: 4px;
0468 }
0469
0470 div.jtable-radio-input input,
0471 div.jtable-checkbox-input input,
0472 span.jtable-option-text-clickable
0473 {
0474 cursor: pointer;
0475 }
0476 }
0477
0478 form.jtable-create-form
0479 {
0480 }
0481
0482 form.jtable-edit-form
0483 {
0484 }
0485
0486 div.jtable-busy-panel-background
0487 {
0488 .opacity(0.1);
0489 z-index: 998;
0490 position: absolute;
0491 background-color: #000;
0492
0493 &.jtable-busy-panel-background-invisible
0494 {
0495 background-color: transparent;
0496 }
0497 }
0498
0499 div.jtable-busy-message
0500 {
0501 cursor: wait;
0502 z-index: 999;
0503 position: absolute;
0504 margin: 5px;
0505 }
0506
0507 div.jtable-contextmenu-overlay
0508 {
0509 position: fixed;
0510 left: 0px;
0511 top: 0px;
0512 width: 100%;
0513 height: 100%;
0514 z-index: 100;
0515 }
0516
0517 .jtable-delete-confirm-message
0518 {
0519 }
0520
0521 .jtable-row-ready-to-remove
0522 {
0523 }
0524 }