Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/jqwidgets/styles/jqx.base.css
www-thermferm/jqwidgets/styles/jqx.base.css
- changeset 301
- dbaed96a4a0c
- parent 117
- 7119ea8a5225
- child 336
- 217f330b05cb
equal
deleted
inserted
replaced
| 300:4ce46ff3e37d | 301:dbaed96a4a0c |
|---|---|
| 128 -moz-user-select: none; | 128 -moz-user-select: none; |
| 129 -o-user-select: none; | 129 -o-user-select: none; |
| 130 user-select: none; | 130 user-select: none; |
| 131 -ms-user-select:none; | 131 -ms-user-select:none; |
| 132 -webkit-touch-callout:none; | 132 -webkit-touch-callout:none; |
| 133 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 133 } | 134 } |
| 134 .jqx-enableselect { | 135 .jqx-enableselect { |
| 135 -webkit-user-select: text; | 136 -webkit-user-select: text; |
| 136 -khtml-user-select: text; | 137 -khtml-user-select: text; |
| 137 -moz-user-select: text; | 138 -moz-user-select: text; |
| 222 } | 223 } |
| 223 | 224 |
| 224 /*applied to the Grid's element.*/ | 225 /*applied to the Grid's element.*/ |
| 225 .jqx-grid | 226 .jqx-grid |
| 226 { | 227 { |
| 228 overflow: hidden; | |
| 227 border-style: solid; | 229 border-style: solid; |
| 228 border-width: 1px; | 230 border-width: 1px; |
| 229 } | 231 } |
| 230 /*applied to the Pager.*/ | 232 /*applied to the Pager.*/ |
| 231 .jqx-grid-pager | 233 .jqx-grid-pager |
| 237 .jqx-grid-pager-top | 239 .jqx-grid-pager-top |
| 238 { | 240 { |
| 239 border: none; | 241 border: none; |
| 240 border-bottom: 1px solid transparent; | 242 border-bottom: 1px solid transparent; |
| 241 } | 243 } |
| 242 .jqx-grid-pager-number { | 244 .jqx-grid-pager-number{ |
| 243 color: inherit; | |
| 244 padding: 2px 5px; | 245 padding: 2px 5px; |
| 245 text-decoration: none; | 246 text-decoration: none; |
| 246 margin: 1px; | 247 margin: 1px; |
| 247 border: 1px solid transparent; | 248 border: 1px solid transparent; |
| 248 *color: expression(this.parentNode.currentStyle['color']); | 249 color: inherit !important; |
| 249 outline: none; | 250 *color: expression(this.parentNode.currentStyle['color']) !important; |
| 251 outline: none; | |
| 252 font-weight: normal !important; | |
| 250 } | 253 } |
| 251 | 254 |
| 252 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ | 255 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ |
| 253 .jqx-grid-bottomright | 256 .jqx-grid-bottomright |
| 254 { | 257 { |
| 558 font-weight: normal; | 561 font-weight: normal; |
| 559 } | 562 } |
| 560 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { | 563 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { |
| 561 border: transparent !important; | 564 border: transparent !important; |
| 562 } | 565 } |
| 563 .jqx-grid-cell-wrap {white-space: normal;} | 566 .jqx-grid-cell-wrap {white-space: normal !important;} |
| 564 | 567 |
| 565 .jqx-tree-grid-indent { | 568 .jqx-tree-grid-indent { |
| 566 width: 14px; | 569 width: 14px; |
| 567 display: inline-block; | 570 display: inline-block; |
| 568 height: 8px; | 571 height: 8px; |
| 4089 { | 4092 { |
| 4090 } | 4093 } |
| 4091 .jqx-bulletchart-labels | 4094 .jqx-bulletchart-labels |
| 4092 { | 4095 { |
| 4093 } | 4096 } |
| 4097 /*jqxNotification*/ | |
| 4098 .jqx-notification | |
| 4099 { | |
| 4100 padding: 10px; | |
| 4101 border-width: 1px; | |
| 4102 border-style: solid; | |
| 4103 box-sizing: border-box; | |
| 4104 pointer-events: auto; | |
| 4105 } | |
| 4106 .jqx-notification-table | |
| 4107 { | |
| 4108 width: 100%; | |
| 4109 font-size: inherit; | |
| 4110 font-weight: inherit; | |
| 4111 font-style: inherit; | |
| 4112 font-variant: inherit; | |
| 4113 color:inherit; | |
| 4114 } | |
| 4115 .jqx-notification-container | |
| 4116 { | |
| 4117 position: fixed; | |
| 4118 height: auto; | |
| 4119 width: auto; | |
| 4120 pointer-events: none; | |
| 4121 } | |
| 4122 .jqx-notification-container-full-width | |
| 4123 { | |
| 4124 width: 100%; | |
| 4125 } | |
| 4126 .jqx-notification-container-full-height | |
| 4127 { | |
| 4128 height: 100%; | |
| 4129 } | |
| 4130 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left | |
| 4131 { | |
| 4132 direction: rtl; | |
| 4133 } | |
| 4134 .jqx-notification-icon, .jqx-notification-content | |
| 4135 { | |
| 4136 vertical-align: middle; | |
| 4137 } | |
| 4138 .jqx-notification-content | |
| 4139 { | |
| 4140 } | |
| 4141 .jqx-notification-content-rtl | |
| 4142 { | |
| 4143 direction: rtl; | |
| 4144 } | |
| 4145 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { | |
| 4146 background: none !important; | |
| 4147 box-shadow: none !important; | |
| 4148 text-shadow: none !important; | |
| 4149 } | |
| 4150 .jqx-notification-info, .jqx-info | |
| 4151 { | |
| 4152 color: #ffffff !important; | |
| 4153 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4154 background-color: #49afcd !important; | |
| 4155 *background-color: #2f96b4 !important; | |
| 4156 background-repeat: repeat-x !important; | |
| 4157 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4) !important; | |
| 4158 border-left-color: #2f96b4 !important; | |
| 4159 border-right-color: #2f96b4 !important; | |
| 4160 border-top-color: #2f96b4 !important; | |
| 4161 border-bottom-color: #1f6377 !important; | |
| 4162 } | |
| 4163 .jqx-info:hover, | |
| 4164 .jqx-info:focus, | |
| 4165 .jqx-info:active, | |
| 4166 .jqx-info.active, | |
| 4167 .jqx-info.disabled, | |
| 4168 .jqx-info[disabled] { | |
| 4169 color: #ffffff !important; | |
| 4170 background-color: #2f96b4 !important; | |
| 4171 *background-color: #2a85a0 !important; | |
| 4172 } | |
| 4173 | |
| 4174 .jqx-info:active, | |
| 4175 .jqx-info.active { | |
| 4176 background-color: #24748c \9 !important; | |
| 4177 } | |
| 4178 .jqx-notification-warning, .jqx-warning | |
| 4179 { | |
| 4180 color: #ffffff !important; | |
| 4181 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4182 background-color: #faa732 !important; | |
| 4183 *background-color: #f89406 !important; | |
| 4184 background-repeat: repeat-x !important; | |
| 4185 background-image: linear-gradient(to bottom, #fbb450, #f89406) !important; | |
| 4186 border-left-color: #f89406 !important; | |
| 4187 border-right-color: #f89406 !important; | |
| 4188 border-top-color: #f89406 !important; | |
| 4189 border-bottom-color: #ad6704 !important; | |
| 4190 } | |
| 4191 .jqx-warning:hover, | |
| 4192 .jqx-warning:focus, | |
| 4193 .jqx-warning:active, | |
| 4194 .jqx-warning.active, | |
| 4195 .jqx-warning.disabled, | |
| 4196 .jqx-warning[disabled] { | |
| 4197 color: #ffffff !important; | |
| 4198 background-color: #f89406 !important; | |
| 4199 *background-color: #df8505 !important; | |
| 4200 } | |
| 4201 | |
| 4202 .jqx-warning:active, | |
| 4203 .jqx-warning.active { | |
| 4204 background-color: #c67605 \9 !important; | |
| 4205 } | |
| 4206 .jqx-notification-success, .jqx-success | |
| 4207 { | |
| 4208 color: #ffffff !important; | |
| 4209 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4210 background-color: #5bb75b !important; | |
| 4211 *background-color: #51a351 !important; | |
| 4212 background-repeat: repeat-x !important; | |
| 4213 background-image: linear-gradient(to bottom, #62c462, #51a351) !important; | |
| 4214 border-left-color: #51a351 !important; | |
| 4215 border-right-color: #51a351 !important; | |
| 4216 border-top-color: #51a351 !important; | |
| 4217 border-bottom-color: #387038 !important; | |
| 4218 } | |
| 4219 .jqx-success:hover, | |
| 4220 .jqx-success:focus, | |
| 4221 .jqx-success:active, | |
| 4222 .jqx-success.active, | |
| 4223 .jqx-success.disabled, | |
| 4224 .jqx-success[disabled] { | |
| 4225 color: #ffffff !important; | |
| 4226 background-color: #51a351 !important; | |
| 4227 *background-color: #499249 !important; | |
| 4228 } | |
| 4229 .jqx-success:active, | |
| 4230 .jqx-success.active { | |
| 4231 background-color: #408140 \9 !important; | |
| 4232 } | |
| 4233 .jqx-notification-error, .jqx-danger | |
| 4234 { | |
| 4235 color: #ffffff !important; | |
| 4236 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4237 background-color: #da4f49 !important; | |
| 4238 *background-color: #bd362f !important; | |
| 4239 background-repeat: repeat-x !important; | |
| 4240 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important; | |
| 4241 border-left-color: #bd362f !important; | |
| 4242 border-right-color: #bd362f !important; | |
| 4243 border-top-color: #bd362f !important; | |
| 4244 border-bottom-color: #802420 !important; | |
| 4245 } | |
| 4246 .jqx-danger:hover, | |
| 4247 .jqx-danger:focus, | |
| 4248 .jqx-danger:active, | |
| 4249 .jqx-danger.active, | |
| 4250 .jqx-danger.disabled, | |
| 4251 .jqx-danger[disabled] { | |
| 4252 color: #ffffff !important; | |
| 4253 background-color: #bd362f !important; | |
| 4254 *background-color: #a9302a !important; | |
| 4255 } | |
| 4256 | |
| 4257 .jqx-danger:active, | |
| 4258 .jqx-danger.active { | |
| 4259 background-color: #942a25 \9 !important; | |
| 4260 } | |
| 4261 .jqx-notification-mail, .jqx-primary | |
| 4262 { | |
| 4263 color: #ffffff !important; | |
| 4264 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4265 background-color: #006dcc !important; | |
| 4266 *background-color: #0044cc !important; | |
| 4267 background-repeat: repeat-x !important; | |
| 4268 background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important; | |
| 4269 border-left-color: #0044cc !important; | |
| 4270 border-right-color: #0044cc !important; | |
| 4271 border-top-color: #0044cc !important; | |
| 4272 border-bottom-color: #002a80 !important; | |
| 4273 } | |
| 4274 .jqx-primary:hover, | |
| 4275 .jqx-primary:focus, | |
| 4276 .jqx-primary:active, | |
| 4277 .jqx-primary.active, | |
| 4278 .jqx-primary.disabled, | |
| 4279 .jqx-primary[disabled] { | |
| 4280 color: #ffffff !important; | |
| 4281 background-color: #0044cc !important; | |
| 4282 *background-color: #003bb3 !important; | |
| 4283 } | |
| 4284 | |
| 4285 .jqx-primary:active, | |
| 4286 .jqx-primary.active { | |
| 4287 background-color: #003399 \9 !important; | |
| 4288 } | |
| 4289 .jqx-notification-time, .jqx-inverse | |
| 4290 { | |
| 4291 color: #ffffff !important; | |
| 4292 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; | |
| 4293 background-color: #363636 !important; | |
| 4294 *background-color: #222222 !important; | |
| 4295 background-repeat: repeat-x !important; | |
| 4296 background-image: linear-gradient(to bottom, #444444, #222222) !important; | |
| 4297 border-left-color: #222222 !important; | |
| 4298 border-right-color: #222222 !important; | |
| 4299 border-top-color: #222222 !important; | |
| 4300 border-bottom-color: #000000 !important; | |
| 4301 } | |
| 4302 .jqx-inverse:hover, | |
| 4303 .jqx-inverse:focus, | |
| 4304 .jqx-inverse:active, | |
| 4305 .jqx-inverse.active, | |
| 4306 .jqx-inverse.disabled, | |
| 4307 .jqx-inverse[disabled] { | |
| 4308 color: #ffffff !important; | |
| 4309 background-color: #222222 !important; | |
| 4310 *background-color: #151515 !important; | |
| 4311 } | |
| 4312 | |
| 4313 .jqx-inverse:active, | |
| 4314 .jqx-inverse.active { | |
| 4315 background-color: #080808 \9 !important; | |
| 4316 } | |
| 4317 .jqx-link, | |
| 4318 .jqx-link:active, | |
| 4319 .jqx-link[disabled] { | |
| 4320 background-color: transparent !important; | |
| 4321 background-image: none !important; | |
| 4322 -webkit-box-shadow: none !important; | |
| 4323 -moz-box-shadow: none !important; | |
| 4324 box-shadow: none !important; | |
| 4325 } | |
| 4326 | |
| 4327 .jqx-link { | |
| 4328 color: #0088cc !important; | |
| 4329 cursor: pointer !important; | |
| 4330 border-color: transparent !important; | |
| 4331 -webkit-border-radius: 0 !important; | |
| 4332 -moz-border-radius: 0 !important; | |
| 4333 border-radius: 0 !important; | |
| 4334 } | |
| 4335 | |
| 4336 .jqx-link:hover, | |
| 4337 .jqx-link:focus { | |
| 4338 color: #005580 !important; | |
| 4339 text-decoration: underline !important; | |
| 4340 background-color: transparent !important; | |
| 4341 } | |
| 4342 | |
| 4343 .jqx-link[disabled]:hover, | |
| 4344 .jqx-link[disabled]:focus { | |
| 4345 color: #333333 !important; | |
| 4346 text-decoration: none !important; | |
| 4347 } | |
| 4348 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, | |
| 4349 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { | |
| 4350 background-position: 0 -15px !important; | |
| 4351 -webkit-transition: background-position 0.1s linear !important; | |
| 4352 -moz-transition: background-position 0.1s linear !important; | |
| 4353 -o-transition: background-position 0.1s linear !important; | |
| 4354 transition: background-position 0.1s linear !important; | |
| 4355 } | |
| 4356 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { | |
| 4357 background-image: none !important; | |
| 4358 outline: 0 !important; | |
| 4359 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 4360 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 4361 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; | |
| 4362 } | |
| 4363 .jqx-notification-icon | |
| 4364 { | |
| 4365 background-repeat: no-repeat; | |
| 4366 } | |
| 4367 .jqx-notification-icon-ltr | |
| 4368 { | |
| 4369 background-position: left center; | |
| 4370 } | |
| 4371 .jqx-notification-icon-rtl | |
| 4372 { | |
| 4373 background-position: right center; | |
| 4374 } | |
| 4375 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time | |
| 4376 { | |
| 4377 width: 30px; | |
| 4378 height: 25px; | |
| 4379 } | |
| 4380 .jqx-notification-icon-info | |
| 4381 { | |
| 4382 background-image: url('images/info.png'); | |
| 4383 } | |
| 4384 .jqx-notification-icon-warning | |
| 4385 { | |
| 4386 background-image: url('images/warning.png'); | |
| 4387 } | |
| 4388 .jqx-notification-icon-success | |
| 4389 { | |
| 4390 background-image: url('images/success.png'); | |
| 4391 } | |
| 4392 .jqx-notification-icon-error | |
| 4393 { | |
| 4394 background-image: url('images/error.png'); | |
| 4395 } | |
| 4396 .jqx-notification-icon-mail | |
| 4397 { | |
| 4398 background-image: url('images/mail.png'); | |
| 4399 } | |
| 4400 .jqx-notification-icon-time | |
| 4401 { | |
| 4402 background-image: url('images/time.png'); | |
| 4403 } | |
| 4404 .jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error | |
| 4405 { | |
| 4406 background-image: url('images/close_white.png'); | |
| 4407 } | |
| 4408 .jqx-notification-close-button-warning | |
| 4409 { | |
| 4410 background-image: url('images/close_black.png'); | |
| 4411 } | |
| 4412 .jqx-notification-close-button-container, .jqx-notification-close-button | |
| 4413 { | |
| 4414 width: 16px; | |
| 4415 height: 16px; | |
| 4416 } | |
| 4417 .jqx-notification-close-button-container | |
| 4418 { | |
| 4419 vertical-align: top; | |
| 4420 } | |
| 4421 .jqx-notification-close-button | |
| 4422 { | |
| 4423 position: relative; | |
| 4424 top: -11px; | |
| 4425 background-repeat: no-repeat; | |
| 4426 cursor: pointer; | |
| 4427 } | |
| 4428 .jqx-notification-close-button-ltr | |
| 4429 { | |
| 4430 right: -11px; | |
| 4431 background-position: right top; | |
| 4432 } | |
| 4433 .jqx-notification-close-button-rtl | |
| 4434 { | |
| 4435 left: -11px; | |
| 4436 background-position: left top; | |
| 4437 } |
