widgetarea.less
130 lines
| 2.9 KiB
| text/x-less
|
LessCssLexer
|
r14268 | |||
|
r14295 | .widget-area { | ||
|
r14269 | page-break-inside: avoid; | ||
|
r14236 | .hbox(); | ||
|
r14220 | |||
|
r14295 | .widget-subarea { | ||
padding: 0.44em 0.4em 0.4em 1px; | ||||
margin-left: 6px; | ||||
.border-box-sizing(); | ||||
.vbox(); | ||||
.box-flex2(); | ||||
|
r14297 | .widget-hlabel { | ||
|
r14295 | min-width: 10ex; | ||
padding-right: 8px; | ||||
text-align: right; | ||||
vertical-align: text-top; | ||||
padding-top: 3px; | ||||
} | ||||
|
r14297 | .widget-vlabel { | ||
text-align: center; | ||||
vertical-align: text-bottom; | ||||
padding-bottom: 5px; | ||||
} | ||||
|
r14296 | .widget-hslider { | ||
|
r14295 | padding-left: 8px; | ||
padding-right: 5px; | ||||
margin-top: 11px; | ||||
width: 348px; | ||||
height: 5px !important; | ||||
overflow: visible !important; | ||||
border: 1px solid #CCCCCC; | ||||
background: #FFFFFF; | ||||
.corner-all(); | ||||
.ui-slider { | ||||
border: 0px !important; | ||||
background: none !important; | ||||
.ui-slider-handle { | ||||
width: 14px !important; | ||||
height: 28px !important; | ||||
|
r14301 | margin-top: -8px !important; | ||
|
r14295 | } | ||
} | ||||
} | ||||
|
r14296 | .widget-vslider { | ||
border: 1px solid #CCCCCC; | ||||
background: #FFFFFF; | ||||
width: 5px; | ||||
margin-left: 12px; | ||||
padding-bottom: 14px; | ||||
.corner-all(); | ||||
|
r14297 | height: 250px; | ||
|
r14296 | |||
.ui-slider { | ||||
border: 0px !important; | ||||
background: none !important; | ||||
margin-left: -4px; | ||||
margin-top: 5px; | ||||
|
r14297 | height: 100%; | ||
|
r14296 | |||
.ui-slider-handle { | ||||
width: 28px !important; | ||||
height: 14px !important; | ||||
|
r14301 | margin-left: -9px; | ||
|
r14296 | } | ||
} | ||||
} | ||||
|
r14295 | .widget-text { | ||
width: 350px; | ||||
margin-bottom: 0px; | ||||
} | ||||
.widget-numeric-text { | ||||
width: 150px; | ||||
} | ||||
|
r14298 | .widget-progress { | ||
width: 363px; | ||||
/* Disable progress bar animation */ | ||||
.bar { | ||||
-webkit-transition: none; | ||||
-moz-transition: none; | ||||
-ms-transition: none; | ||||
-o-transition: none; | ||||
transition: none; | ||||
} | ||||
} | ||||
|
r14295 | .widget-combo-btn { | ||
min-width: 138px; /* + 26px drop arrow btn = 164px */ | ||||
height: 30px; | ||||
} | ||||
.widget-container { | ||||
.border-box-sizing(); | ||||
} | ||||
|
r14297 | .widget-box { | ||
|
r14295 | .start(); | ||
.widget-container(); | ||||
|
r14296 | margin: 5px; | ||
|
r14295 | } | ||
|
r14297 | .widget-hbox { | ||
.widget-box(); | ||||
.hbox(); | ||||
} | ||||
|
r14295 | .widget-hbox-single { | ||
.widget-hbox(); | ||||
height: 30px; | ||||
} | ||||
|
r14296 | |||
|
r14297 | .widget-vbox-single { | ||
.widget-box(); | ||||
.vbox(); | ||||
|
r14296 | width: 30px; | ||
} | ||||
|
r14295 | } | ||
|
r14220 | } | ||