www-thermferm/jqwidgets/styles/jqx.base.css

changeset 373
f6850e0b5d35
parent 336
217f330b05cb
child 511
2d1d43c3a2c2
equal deleted inserted replaced
372:a0263f0a0cb2 373:f6850e0b5d35
543 543
544 /*applied to the grid cells in the filter column*/ 544 /*applied to the grid cells in the filter column*/
545 .jqx-grid-cell-filter { 545 .jqx-grid-cell-filter {
546 background-color: #e6e6e6; 546 background-color: #e6e6e6;
547 } 547 }
548 .jqx-grid-cell-add-new-row {
549 background: #fdfcf3 !important;
550 color: #000 !important;
551 }
552
548 /*applied to the grid cells area.*/ 553 /*applied to the grid cells area.*/
549 .jqx-grid-content { 554 .jqx-grid-content {
550 border-style: solid; 555 border-style: solid;
551 border-width: 0px 0px 0px 0px; 556 border-width: 0px 0px 0px 0px;
552 border-color: transparent; 557 border-color: transparent;
652 text-align: center; 657 text-align: center;
653 } 658 }
654 .jqx-right-align { 659 .jqx-right-align {
655 text-align: right; 660 text-align: right;
656 } 661 }
662 .jqx-top-align {
663 vertical-align:top;
664 }
665 .jqx-bottom-align {
666 vertical-align: bottom;
667 }
657 668
658 .jqx-grid-table .jqx-grid-cell { 669 .jqx-grid-table .jqx-grid-cell {
659 position: static !important; 670 position: static !important;
660 zoom: 1; 671 zoom: 1 !important;
661 } 672 }
662 /*applied to the Grid's Table element.*/ 673 /*applied to the Grid's Table element.*/
663 .jqx-grid-table { 674 .jqx-grid-table {
664 font-size: 13px; 675 font-size: 13px;
665 table-layout: fixed; 676 table-layout: fixed;
667 padding: 0px; 678 padding: 0px;
668 border-collapse: separate; 679 border-collapse: separate;
669 border-spacing: 0px; 680 border-spacing: 0px;
670 -webkit-overflow-scrolling: touch; 681 -webkit-overflow-scrolling: touch;
671 outline: none; 682 outline: none;
672 zoom: 1; 683 zoom: 1 !important;
673 empty-cells: show; 684 empty-cells: show;
674 border-right: 1px solid #aaa; 685 border-right: 1px solid #aaa;
675 line-height: 1.231; 686 line-height: 1.231;
676 width: auto; 687 width: auto;
677 border: none; 688 border: none;
725 border-width: 0px 0px 1px 1px; 736 border-width: 0px 0px 1px 1px;
726 } 737 }
727 .jqx-grid-table .jqx-grid-cell { 738 .jqx-grid-table .jqx-grid-cell {
728 border-width: 0px 0px 1px 1px; 739 border-width: 0px 0px 1px 1px;
729 } 740 }
741 .jqx-grid-table-one-cell {
742 border: none;
743 border-right-width: 1px;
744 border-right-style:solid;
745 border-right-color:#aaa;
746 }
747
730 .jqx-grid-table .jqx-grid-cell:first-child { 748 .jqx-grid-table .jqx-grid-cell:first-child {
731 border-left-width: 0px; 749 border-left-width: 0px;
732 } 750 }
733 751
734 /*applied to the selection area.*/ 752 /*applied to the selection area.*/
3334 .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal { 3352 .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
3335 background: transparent !important; 3353 background: transparent !important;
3336 } 3354 }
3337 3355
3338 /*applied to all widgets*/ 3356 /*applied to all widgets*/
3339 .jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;} 3357 .jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1 !important; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;}
3340 3358
3341 .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;} 3359 .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;}
3342 3360
3343 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ 3361 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
3344 .jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } 3362 .jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; }
4164 color: #ffffff !important; 4182 color: #ffffff !important;
4165 background-color: #2f96b4 !important; 4183 background-color: #2f96b4 !important;
4166 *background-color: #2a85a0 !important; 4184 *background-color: #2a85a0 !important;
4167 } 4185 }
4168 4186
4187 .jqx-fill-state-pressed.jqx-info,
4169 .jqx-info:active, 4188 .jqx-info:active,
4170 .jqx-info.active { 4189 .jqx-info.active {
4171 background-color: #24748c \9 !important; 4190 background-color: #24748c \9 !important;
4191 background-image: linear-gradient(to bottom, #5bc0de, #24748c) !important;
4172 } 4192 }
4173 .jqx-notification-warning, .jqx-warning 4193 .jqx-notification-warning, .jqx-warning
4174 { 4194 {
4175 color: #ffffff !important; 4195 color: #ffffff !important;
4176 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; 4196 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
4192 color: #ffffff !important; 4212 color: #ffffff !important;
4193 background-color: #f89406 !important; 4213 background-color: #f89406 !important;
4194 *background-color: #df8505 !important; 4214 *background-color: #df8505 !important;
4195 } 4215 }
4196 4216
4217 .jqx-fill-state-pressed.jqx-warning,
4197 .jqx-warning:active, 4218 .jqx-warning:active,
4198 .jqx-warning.active { 4219 .jqx-warning.active {
4199 background-color: #c67605 \9 !important; 4220 background-color: #c67605 \9 !important;
4221 background-image: linear-gradient(to bottom, #fbb450, #c67605) !important;
4200 } 4222 }
4201 .jqx-notification-success, .jqx-success 4223 .jqx-notification-success, .jqx-success
4202 { 4224 {
4203 color: #ffffff !important; 4225 color: #ffffff !important;
4204 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; 4226 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
4219 .jqx-success[disabled] { 4241 .jqx-success[disabled] {
4220 color: #ffffff !important; 4242 color: #ffffff !important;
4221 background-color: #51a351 !important; 4243 background-color: #51a351 !important;
4222 *background-color: #499249 !important; 4244 *background-color: #499249 !important;
4223 } 4245 }
4246 .jqx-fill-state-pressed.jqx-success,
4224 .jqx-success:active, 4247 .jqx-success:active,
4225 .jqx-success.active { 4248 .jqx-success.active {
4226 background-color: #408140 \9 !important; 4249 background-color: #408140 !important;
4250 background-image: linear-gradient(to bottom, #62c462, #408140) !important;
4227 } 4251 }
4228 .jqx-notification-error, .jqx-danger 4252 .jqx-notification-error, .jqx-danger
4229 { 4253 {
4230 color: #ffffff !important; 4254 color: #ffffff !important;
4231 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; 4255 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
4247 color: #ffffff !important; 4271 color: #ffffff !important;
4248 background-color: #bd362f !important; 4272 background-color: #bd362f !important;
4249 *background-color: #a9302a !important; 4273 *background-color: #a9302a !important;
4250 } 4274 }
4251 4275
4252 .jqx-danger:active, 4276 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active,
4253 .jqx-danger.active { 4277 .jqx-danger.active {
4254 background-color: #942a25 \9 !important; 4278 background-color: #942a25 !important;
4279 background-image: linear-gradient(to bottom, #ee5f5b, #942a25) !important;
4255 } 4280 }
4256 .jqx-notification-mail, .jqx-primary 4281 .jqx-notification-mail, .jqx-primary
4257 { 4282 {
4258 color: #ffffff !important; 4283 color: #ffffff !important;
4259 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; 4284 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
4275 color: #ffffff !important; 4300 color: #ffffff !important;
4276 background-color: #0044cc !important; 4301 background-color: #0044cc !important;
4277 *background-color: #003bb3 !important; 4302 *background-color: #003bb3 !important;
4278 } 4303 }
4279 4304
4305 .jqx-fill-state-pressed.jqx-primary,
4280 .jqx-primary:active, 4306 .jqx-primary:active,
4281 .jqx-primary.active { 4307 .jqx-primary.active {
4282 background-color: #003399 \9 !important; 4308 background-color: #003399 !important;
4309 background-image: linear-gradient(to bottom, #0088cc, #003399) !important;
4283 } 4310 }
4284 .jqx-notification-time, .jqx-inverse 4311 .jqx-notification-time, .jqx-inverse
4285 { 4312 {
4286 color: #ffffff !important; 4313 color: #ffffff !important;
4287 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; 4314 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
4303 color: #ffffff !important; 4330 color: #ffffff !important;
4304 background-color: #222222 !important; 4331 background-color: #222222 !important;
4305 *background-color: #151515 !important; 4332 *background-color: #151515 !important;
4306 } 4333 }
4307 4334
4335 .jqx-fill-state-pressed.jqx-inverse,
4308 .jqx-inverse:active, 4336 .jqx-inverse:active,
4309 .jqx-inverse.active { 4337 .jqx-inverse.active {
4310 background-color: #080808 \9 !important; 4338 background-color: #080808 !important;
4339 background-image: linear-gradient(to bottom, #444444, #080808) !important;
4311 } 4340 }
4312 .jqx-link, 4341 .jqx-link,
4313 .jqx-link:active, 4342 .jqx-link:active,
4314 .jqx-link[disabled] { 4343 .jqx-link[disabled] {
4315 background-color: transparent !important; 4344 background-color: transparent !important;
5159 .jqx-file-upload-loading-element 5188 .jqx-file-upload-loading-element
5160 { 5189 {
5161 background-image: url('images/loader-small.gif'); 5190 background-image: url('images/loader-small.gif');
5162 background-repeat: no-repeat; 5191 background-repeat: no-repeat;
5163 } 5192 }
5193 .jqx-scheduler .jqx-cell {
5194 padding: 0px !important;
5195 }
5196 .jqx-scheduler-month-cell {
5197 background: #f2f2f2;
5198 opacity: 0.8;
5199 border-bottom-width: 1px;
5200 border-bottom-style: solid;
5201 border-bottom-color: inherit;
5202 vertical-align: top;
5203 text-align: left;
5204 }
5205 .jqx-scheduler-month-cell-popup {
5206 border: 1px solid #333;
5207 background: #f2f2f2;
5208 box-shadow: 0 5px 0px rgba(0,0,0,.15)!important;
5209 }
5210 .jqx-scheduler-other-month-cell
5211 {
5212 color: #555;
5213 }
5214
5215 .jqx-scheduler-time-column {
5216 background-image: none !important;
5217 background: #e8e8e8 !important;
5218 color: #333 !important;
5219 }
5220 .jqx-scheduler-appointment {
5221 overflow: hidden;
5222 border: 1px solid #555;
5223 white-space:pre-line;
5224 cursor:pointer;
5225 }
5226 .jqx-scheduler-feedback-appointment {
5227 opacity: 0.8;
5228 position:absolute;
5229 z-index:99999;
5230 }
5231 .jqx-scheduler-selected-appointment {
5232 overflow: hidden;
5233 border: 1px solid #000;
5234 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
5235 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
5236 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
5237 white-space:pre-line;
5238 }
5239 .jqx-scheduler-feedback-drag-appointment {
5240 background: #aaa !important;
5241 }

mercurial