Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision d25334c6

Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt

  • ID d25334c6f26a49abac9707a54e5b987bd587d96e
  • Vorgänger e7c11f83
  • Nachfolger 3740d9a0

Aenderungen hpschlaepfer

Unterschiede anzeigen:

css/less/variables.less
134 134

  
135 135
// --------------
136 136
// Standard Dimensions
137
// Only for Form elements and Table Cells
137
// Only for Containers like DIV, TABLE, TH, TD, COL, P
138 138
//
139
// Form elements: INPUT, SELECT & TEXTAREA
140 139
// Table cells:   COL, TD, TH, DIV
141 140
//
142 141

  
143
@wi-smallest:           2.6em ; // one or two ciphers
144
@wi-verysmall:          5.0em ;
145
@wi-small:              7.0em ;
146
@wi-mediumsmall:        9.0em ;
147
@wi-normal:            12.0em ;
148
@wi-lightwide:         14.0em ; // min-width
149
@wi-wide:              18.0em ; // min-width
150
@wi-wider:             24.0em ; // min-width
151
@wi-verywide:          36.0em ; // min-width
142
@wi-smallest:       41.6px ;    //2.6em ; // one or two ciphers
143
@wi-verysmall:      80.0px ;    //5.0em ;
144
@wi-small:          128px ; //    8.0em ; // Date 2018/06/06
145
@wi-mediumsmall:    160px ; //  10.0em ;
146
@wi-normal:         208px ; //   13.0em ;
147
@wi-lightwide:      256px ; //   16.0em ; // min-width
148
@wi-wide:           320px ; //   20.0em ; // min-width
149
@wi-wider:          384px ; //   24.0em ; // min-width
150
@wi-verywide:       576px ; //  36.0em ; // min-width
152 151

  
153 152

  
154 153

  
154
// --------------
155
// Dimensions for DIVs
156
//
157

  
158
@div-wi-smallest:     (@wi-smallest    ) ;
159
@div-wi-verysmall:    (@wi-verysmall   ) ;
160
@div-wi-small:        (@wi-small       ) ;
161
@div-wi-mediumsmall:  (@wi-mediumsmall ) ;
162
@div-wi-normal:       (@wi-normal      ) ;
163
@div-wi-lightwide:    (@wi-lightwide   ) ;
164
@div-wi-wide:         (@wi-wide        ) ; // min-width
165
@div-wi-wider:        (@wi-wider       ) ; // min-width
166
@div-wi-verywide:     (@wi-verywide    ) ; // min-width
167

  
168

  
155 169
// --------------
156 170
// Dimensions for Table Colums (TH, TD & Col)
171
// 
172

  
173
@tcol-wi-smallest:     (@wi-smallest    ) ;
174
@tcol-wi-verysmall:    (@wi-verysmall   ) ;
175
@tcol-wi-small:        (@wi-small       ) ;
176
@tcol-wi-mediumsmall:  (@wi-mediumsmall ) ;
177
@tcol-wi-normal:       (@wi-normal      ) ;
178
@tcol-wi-lightwide:    (@wi-lightwide   ) ;
179
@tcol-wi-wide:         (@wi-wide        ) ; // min-width
180
@tcol-wi-wider:        (@wi-wider       ) ; // min-width
181
@tcol-wi-verywide:     (@wi-verywide    ) ; // min-width
182

  
183
// --------------
184
// Dimensions for Tables with combination Table column widths
157 185
//
158 186

  
159
@tcol-wi-smallest:     (@wi-smallest) ;
160
@tcol-wi-verysmall:    (@wi-verysmall   + 1.0em) ;
161
@tcol-wi-small:        (@wi-small       + 0.6em) ;
162
@tcol-wi-mediumsmall:  (@wi-mediumsmall + 0.6em) ;
163
@tcol-wi-normal:       (@wi-normal      + 1.0em) ;
164
@tcol-wi-lightwide:    (@wi-lightwide   + 1.0em) ;
165
@tcol-wi-wide:         (@wi-wide)                ; // min-width
166
@tcol-wi-wider:        (@wi-wider)               ; // min-width
167
@tcol-wi-verywide:     (@wi-verywide)            ; // min-width
187
@table-wi-small-small:            (@tcol-wi-small       + @tcol-wi-small        ) ;
188
@table-wi-small-mediumsmall:      (@tcol-wi-small       + @tcol-wi-mediumsmall  ) ;
189
@table-wi-small-normal:           (@tcol-wi-small       + @tcol-wi-normal       ) ;
190
@table-wi-small-lightwide:        (@tcol-wi-small       + @tcol-wi-lightwide    ) ;
191
@table-wi-small-wide:             (@tcol-wi-small       + @tcol-wi-wide         ) ;
192
@table-wi-mediumsmall-lightwide:  (@tcol-wi-mediumsmall + @tcol-wi-lightwide    ) ;
193
@table-wi-mediumsmall-wide:       (@tcol-wi-mediumsmall + @tcol-wi-wide         ) ;
194
@table-wi-normal-mediumsmall:     (@tcol-wi-normal      + @tcol-wi-mediumsmall  ) ;
195
@table-wi-normal-lightwide:       (@tcol-wi-normal      + @tcol-wi-lightwide    ) ;
196
@table-wi-normal-wide:            (@tcol-wi-normal      + @tcol-wi-wide         ) ;
197
@table-wi-normal-wider:           (@tcol-wi-normal      + @tcol-wi-wider        ) ; 
198
@table-wi-lightwide-wide:         (@tcol-wi-lightwide   + @tcol-wi-wide         ) ; 
199
@table-wi-lightwide-wider:        (@tcol-wi-lightwide   + @tcol-wi-wider        ) ; 
200

  
201

  
202

  
203

  
204

  
205

  
168 206

  
169 207
// --------------
170 208
// Dimensions for Form elements
171 209
//
172 210

  
211
@diff-input-select: 36px ; //1.6em ;
212

  
173 213
// Input elements
174
@input-wi-smallest:     (@wi-smallest) ;
175
@input-wi-verysmall:    (@wi-verysmall   - 1.0em) ;
176
@input-wi-small:        (@wi-small       - 0.6em) ;
177
@input-wi-mediumsmall:  (@wi-mediumsmall - 0.6em) ;
178
@input-wi-normal:       (@wi-normal      - 0.6em) ;
179
@input-wi-lightwide:    (@wi-lightwide   - 0.6em) ;
180
@input-wi-wide:         (@wi-wide)                ; // min-width
181
@input-wi-wider:        (@wi-wider)               ; // min-width
182
@input-wi-verywide:     (@wi-verywide)            ; // min-width
214

  
215
@input-wi-smallest:     (@wi-smallest  ) ;
216
@input-wi-verysmall:    (@wi-verysmall ) ;
217
@input-wi-small:        (@wi-small       - @diff-input-select) ;
218
@input-wi-mediumsmall:  (@wi-mediumsmall - @diff-input-select) ;
219
@input-wi-normal:       (@wi-normal      - @diff-input-select) ;
220
@input-wi-lightwide:    (@wi-lightwide   - @diff-input-select) ;
221
@input-wi-wide:         (@wi-wide)       - @diff-input-select ; // min-width
222
@input-wi-wider:        (@wi-wider)      - @diff-input-select ; // min-width
223
@input-wi-verywide:     (@wi-verywide)   - @diff-input-select ; // min-width
183 224

  
184 225
// Select elements
185
@select-wi-smallest:    (@wi-smallest             ) ;
186
@select-wi-verysmall:   (@wi-verysmall            ) ;
187
@select-wi-small:       (@wi-small                ) ;
188
@select-wi-mediumsmall: (@wi-mediumsmall + 0.2em  ) ;
189
@select-wi-normal:      (@wi-normal      + 0.1em  ) ;
190
@select-wi-lightwide:   (@wi-lightwide            ) ;
191
@select-wi-wide:        (@wi-wide        + 0.66em ) ; // min-width
192
@select-wi-wider:       (@wi-wider       + 0.66em ) ; // min-width
193
@select-wi-verywide:    (@wi-verywide             ) ; // min-width
194 226

  
227
@select-wi-smallest:    (@wi-smallest    ) ;
228
@select-wi-verysmall:   (@wi-verysmall   ) ;
229
@select-wi-small:       (@wi-small       - @diff-input-select ) ;
230
@select-wi-mediumsmall: (@wi-mediumsmall - @diff-input-select ) ;
231
@select-wi-normal:      (@wi-normal      - @diff-input-select ) ;
232
@select-wi-lightwide:   (@wi-lightwide   - @diff-input-select ) ;
233
@select-wi-wide:        (@wi-wide        - @diff-input-select ) ; // min-width
234
@select-wi-wider:       (@wi-wider       - @diff-input-select ) ; // min-width
235
@select-wi-verywide:    (@wi-verywide    - @diff-input-select ) ; // min-width
236

  
237

  
238

  
239
// Textarea elements with standard dimensions
240

  
241
@textarea-wi-normal:      (@wi-normal      - @diff-input-select ) ;
242
@textarea-wi-lightwide:   (@wi-lightwide   - @diff-input-select ) ;
243
@textarea-wi-wide:        (@wi-wide        - @diff-input-select ) ; // min-width
244
@textarea-wi-wider:       (@wi-wider       - @diff-input-select ) ; // min-width
245
@textarea-wi-verywide:    (@wi-verywide    - @diff-input-select ) ; // min-width
246

  
247
// Textarea elements with combined dimensions
248
@diff-input-textarea-combined: 1px ; //1.6em ;
249
@textarea-wi-small-small:       (((@wi-small + @wi-small)       - @diff-input-select) - @diff-input-textarea-combined) ;
250
@textarea-wi-small-mediumsmall: (((@wi-small + @wi-mediumsmall) - @diff-input-select) - @diff-input-textarea-combined) ;
251
@textarea-wi-small-normal:      (((@wi-small + @wi-normal)      - @diff-input-select) - @diff-input-textarea-combined) ;
252
@textarea-wi-small-lightwide:   (((@wi-small + @wi-lightwide)   - @diff-input-select) - @diff-input-textarea-combined) ;
253
@textarea-wi-small-wide:        (((@wi-small + @wi-wide)        - @diff-input-select) - @diff-input-textarea-combined) ;
254
@textarea-wi-small-wider:       (((@wi-small + @wi-wider)       - @diff-input-select) - @diff-input-textarea-combined) ;
255
@textarea-wi-small-verywide:    (((@wi-small + @wi-verywide)    - @diff-input-select) - @diff-input-textarea-combined) ;
256

  
257
@textarea-wi-mediumsmall-small:        (((@wi-mediumsmall + @wi-small)         - @diff-input-select) - @diff-input-textarea-combined) ;
258
@textarea-wi-mediumsmall-mediumsmall:  (((@wi-mediumsmall + @wi-mediumsmall)   - @diff-input-select) - @diff-input-textarea-combined) ;
259
@textarea-wi-mediumsmall-normal:       (((@wi-mediumsmall + @wi-normal)        - @diff-input-select) - @diff-input-textarea-combined) ;
260
@textarea-wi-mediumsmall-lightwide:    (((@wi-mediumsmall + @wi-lightwide)     - @diff-input-select) - @diff-input-textarea-combined) ;
261
@textarea-wi-mediumsmall-wide:         (((@wi-mediumsmall + @wi-wide)          - @diff-input-select) - @diff-input-textarea-combined) ;
262
@textarea-wi-mediumsmall-wider:        (((@wi-mediumsmall + @wi-wider)         - @diff-input-select) - @diff-input-textarea-combined) ;
263
@textarea-wi-mediumsmall-verywide:     (((@wi-mediumsmall + @wi-verywide)      - @diff-input-select) - @diff-input-textarea-combined) ;
264

  
265
@textarea-wi-normal-small:        (((@wi-normal + @wi-small)         - @diff-input-select) - @diff-input-textarea-combined) ;
266
@textarea-wi-normal-mediumsmall:  (((@wi-normal + @wi-mediumsmall)   - @diff-input-select) - @diff-input-textarea-combined) ;
267
@textarea-wi-normal-normal:       (((@wi-normal + @wi-normal)        - @diff-input-select) - @diff-input-textarea-combined) ;
268
@textarea-wi-normal-lightwide:    (((@wi-normal + @wi-lightwide)     - @diff-input-select) - @diff-input-textarea-combined) ;
269
@textarea-wi-normal-wide:         (((@wi-normal + @wi-wide)          - @diff-input-select) - @diff-input-textarea-combined) ;
270
@textarea-wi-normal-wider:        (((@wi-normal + @wi-wider)         - @diff-input-select) - @diff-input-textarea-combined) ;
271
@textarea-wi-normal-verywide:     (((@wi-normal + @wi-verywide)      - @diff-input-select) - @diff-input-textarea-combined) ;
272

  
273
@textarea-wi-lightwide-small:       (((@wi-lightwide + @wi-small)         - @diff-input-select) - @diff-input-textarea-combined) ;
274
@textarea-wi-lightwide-mediumsmall: (((@wi-lightwide + @wi-mediumsmall)   - @diff-input-select) - @diff-input-textarea-combined) ;
275
@textarea-wi-lightwide-normal:      (((@wi-lightwide + @wi-normal)        - @diff-input-select) - @diff-input-textarea-combined) ;
276
@textarea-wi-lightwide-lightwide:   (((@wi-lightwide + @wi-lightwide)     - @diff-input-select) - @diff-input-textarea-combined) ;
277
@textarea-wi-lightwide-wide:        (((@wi-lightwide + @wi-wide)          - @diff-input-select) - @diff-input-textarea-combined) ;
278
@textarea-wi-lightwide-wider:       (((@wi-lightwide + @wi-wider)         - @diff-input-select) - @diff-input-textarea-combined) ;
279
@textarea-wi-lightwide-verywide:    (((@wi-lightwide + @wi-verywide)      - @diff-input-select) - @diff-input-textarea-combined) ;
280

  
281
@textarea-wi-wide-small:        (((@wi-wide + @wi-small)         - @diff-input-select) - @diff-input-textarea-combined) ;
282
@textarea-wi-wide-mediumsmall:  (((@wi-wide + @wi-mediumsmall)   - @diff-input-select) - @diff-input-textarea-combined) ;
283
@textarea-wi-wide-normal:       (((@wi-wide + @wi-normal)        - @diff-input-select) - @diff-input-textarea-combined) ;
284
@textarea-wi-wide-lightwide:    (((@wi-wide + @wi-lightwide)     - @diff-input-select) - @diff-input-textarea-combined) ;
285
@textarea-wi-wide-wide:         (((@wi-wide + @wi-wide)          - @diff-input-select) - @diff-input-textarea-combined) ;
286
@textarea-wi-wide-wider:        (((@wi-wide + @wi-wider)         - @diff-input-select) - @diff-input-textarea-combined) ;
287
@textarea-wi-wide-verywide:     (((@wi-wide + @wi-verywide)      - @diff-input-select) - @diff-input-textarea-combined) ;
195 288

  
196 289

  
197 290

  
......
211 304
//
212 305
// like Wrappers, Colums Containers, Flash-Messages and Record Selection
213 306

  
214
@contentbox-margin:     1.0em 1.0em 1.0em 1.0em ;
307
@contentbox-margin:     1.0em 1.0em 0.0em 1.0em ;
215 308
@contentbox-padding:    0 1.0em 1.0em 1.0em ;
216 309
@contentbox-radius:     0.3em ;
217 310

  
218 311
@message-margin:        1.0em 2.0em 0.6em 1.0em ;
219
@message-padding:       0.6em 1.6em 0.5em 0.6em ;
312
@message-padding:       0.6em 0.6em 0.5em 0.6em ;
220 313

  
221 314
@instructionbox-bg:     #E6E6E6 ;
222 315
@instructionbox-border: 1px #808080 solid ;
......
243 336
// Font family
244 337
//
245 338

  
246
@font-family-sans-serif:  Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
247
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
339
@font-family-sans-serif:  Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif ;
340
@font-family-serif:       Georgia, "Times New Roman", Times, serif ;
248 341
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
249 342
@font-family-base:        @font-family-sans-serif;
250 343

  
......
255 348

  
256 349
@font-size-base:          12pt; // vorh.14px
257 350
@font-size-large:         ceil(@font-size-base * 1.25); //  ~18px
351
@font-size-medium:        ceil(@font-size-base * 1.0 ); //  ~18px
258 352
@font-size-small:         ceil(@font-size-base * 0.85); //  ~11px
259 353
@font-size-smaller:       ceil(@font-size-base * 0.76); //  ~12px
260 354

  
......
344 438
// --------------------------------------
345 439

  
346 440
@btn-font-weight:                normal;
441
// -------------------
442
// Standard-Button (with Submission)
443
// 
444
// Standard
445
@btn-default-color:              #5562B2;
446
@btn-default-bg:                 #99CCFF;
447
@btn-default-border:             #5562B2;
448
// Hover
449
@btn-default-hover-color:              #ffffff;
450
@btn-default-hover-bg:                 #5562B2;
451
@btn-default-hover-border:             #99CCFF;
452
// Active
453
@btn-default-active-color:              #ffffff;
454
@btn-default-active-bg:                 #757EFF;
455
@btn-default-active-border:             #5562B2;
456

  
457
// -------------------
458
// Neutral-Button (NO Submission)
459
// 
460
// Standard
461
@btn-neutral-color:              #666666;
462
@btn-neutral-bg:                 #cdcdcd;
463
@btn-neutral-border:             #666666;
464
// Hover
465
@btn-neutral-hover-color:              #000000;
466
@btn-neutral-hover-bg:                 #BBBBBB;
467
@btn-neutral-hover-border:             #666666;
468
// Active
469
@btn-neutral-active-color:              #3C72A7;
470
@btn-neutral-active-bg:                 #9BC6EE;
471
@btn-neutral-active-border:             #3C72A7;
472

  
473

  
347 474

  
348
@btn-default-color:              #333;
349
@btn-default-bg:                 #fff;
350
@btn-default-border:             #ccc;
351 475

  
352 476
@btn-primary-color:              #fff;
353 477
@btn-primary-bg:                 @brand-primary;
......
498 622

  
499 623
@menu_bg:               #fff ;
500 624
@menu_link:             #000 ;
501
@menu_link_bg:          #EBEBEB ; // display:block
625
@menu_link_bg:          #ebebeb ; // display:block
502 626
@menu_link_hover:       #000 ;
503 627
@menu_link_hover_bg:    #ebebeb ;
504 628
@menu_link_hover_deco:  underline ;
......
516 640
// --------------
517 641
// Context-Menu (layout-actionbar)
518 642
//
519
@actionbar-bg:                  #BCEC6D;
520
@actionbar-bg-active:           #BCEC6D;
521
@actionbar-font-color:          #1A920F;
522
@actionbar-font-color-active:   #1A920F;
523
@actionbar-border-color:        #30B21E;
524
@actionbar-border-color-active: #21AF20;
643
@actionbar-bg:                  #bcec6d;
644
@actionbar-bg-active:           #bcec6d;
645
@actionbar-font-color:          #1a920f;
646
@actionbar-font-color-active:   #1a920f;
647
@actionbar-border-color:        #30b21e;
648
@actionbar-border-color-active: #21af20;
525 649

  
526 650

  
527 651

  
......
561 685
// Messages
562 686
// --------------------------------------
563 687

  
564
// --------------
565
// Message Old-Style
566
//
567

  
568
@message_error_bg :            #000 ;
569
@message_error_border :        #000 ;
570
@message_error_text :          #000 ;
571
@message_ok_bg :               #000 ;
572
@message_ok_border :           #000 ;
573
@message_ok_text :             #000 ;
574
@message_hint_bg :             #000 ;
575
@message_hint_border :         #000 ;
576
@message_hint_text :           #000 ;
577

  
578 688
// --------------
579 689
// Flash Messages
580 690
//
581

  
582
@flash_message_error_bg:       #FFD6D6 ;
583
@flash_message_error_border:   1px solid #AE0014 ;
584
@flash_message_error_text:     #AE0014 ;
585
@flash_message_warning_bg:     #FFE8C7 ;
586
@flash_message_warning_border: 1px solid #FF6600 ;
587
@flash_message_warning_text:   #FF6600 ;
588
@flash_message_info_bg:        #DCF2FF ;
589
@flash_message_info_border:    1px solid #4690FF ;
590
@flash_message_info_text:      #4690FF ;
591
@flash_message_ok_bg:          #ADFFB6 ;
592
@flash_message_ok_border:      1px solid #007F0F ;
593
@flash_message_ok_text:        #007F0F ;
691
// Error
692
@message_error_bg:       #FFD6D6 ;
693
@message_error_border:   1px solid #ae0014 ;
694
@message_error_text:     #AE0014 ;
695
// OK
696
@message_ok_bg:          #C9EE8E ;
697
@message_ok_border:      1px solid #088604 ;
698
@message_ok_text:        #088604 ;
699
// Info & Hint
700
@message_info_bg:        #BEE1E6 ;
701
@message_info_border:    1px solid #0039c1 ;
702
@message_info_text:      #0039C1 ;
703
// Warning
704
@message_warning_bg:     #F6D972 ;
705
@message_warning_border: 1px solid #6D613E ;
706
@message_warning_text:   #6D613E ;
707
// Hint (like Info above, just to make it sure working)
708
@message_hint_bg:        @message_info_bg ;
709
@message_hint_border:    @message_info_border ;
710
@message_hint_text:      @message_info_text ;
594 711

  
595 712

  
596 713

  

Auch abrufbar als: Unified diff