comparison: www/jqwidgets/styles/jqx.web.css
www/jqwidgets/styles/jqx.web.css
- changeset 1
- 37f1a08315f3
equal
deleted
inserted
replaced
| 0:033898178630 | 1:37f1a08315f3 |
|---|---|
| 1 /*Rounded Corners*/ | |
| 2 /*top-left rounded Corners*/ | |
| 3 .jqx-rc-tl-web { | |
| 4 -moz-border-radius-topleft: 2px; | |
| 5 -webkit-border-top-left-radius: 2px; | |
| 6 border-top-left-radius: 2px; | |
| 7 } | |
| 8 /*top-right rounded Corners*/ | |
| 9 .jqx-rc-tr-web { | |
| 10 -moz-border-radius-topright: 2px; | |
| 11 -webkit-border-top-right-radius: 2px; | |
| 12 border-top-right-radius: 2px; | |
| 13 } | |
| 14 /*bottom-left rounded Corners*/ | |
| 15 .jqx-rc-bl-web { | |
| 16 -moz-border-radius-bottomleft: 2px; | |
| 17 -webkit-border-bottom-left-radius: 2px; | |
| 18 border-bottom-left-radius: 2px; | |
| 19 } | |
| 20 /*bottom-right rounded Corners*/ | |
| 21 .jqx-rc-br-web { | |
| 22 -moz-border-radius-bottomright: 2px; | |
| 23 -webkit-border-bottom-right-radius: 2px; | |
| 24 border-bottom-right-radius: 2px; | |
| 25 } | |
| 26 /*top rounded Corners*/ | |
| 27 .jqx-rc-t-web { | |
| 28 -moz-border-radius-topleft: 2px; | |
| 29 -webkit-border-top-left-radius: 2px; | |
| 30 border-top-left-radius: 2px; | |
| 31 -moz-border-radius-topright: 2px; | |
| 32 -webkit-border-top-right-radius: 2px; | |
| 33 border-top-right-radius: 2px; | |
| 34 } | |
| 35 /*bottom rounded Corners*/ | |
| 36 .jqx-rc-b-web { | |
| 37 -moz-border-radius-bottomleft: 2px; | |
| 38 -webkit-border-bottom-left-radius: 2px; | |
| 39 border-bottom-left-radius: 2px; | |
| 40 -moz-border-radius-bottomright: 2px; | |
| 41 -webkit-border-bottom-right-radius: 2px; | |
| 42 border-bottom-right-radius: 2px; | |
| 43 } | |
| 44 /*right rounded Corners*/ | |
| 45 .jqx-rc-r-web { | |
| 46 -moz-border-radius-topright: 2px; | |
| 47 -webkit-border-top-right-radius: 2px; | |
| 48 border-top-right-radius: 2px; | |
| 49 -moz-border-radius-bottomright: 2px; | |
| 50 -webkit-border-bottom-right-radius: 2px; | |
| 51 border-bottom-right-radius: 2px; | |
| 52 } | |
| 53 /*left rounded Corners*/ | |
| 54 .jqx-rc-l-web { | |
| 55 -moz-border-radius-topleft: 2px; | |
| 56 -webkit-border-top-left-radius: 2px; | |
| 57 border-top-left-radius: 2px; | |
| 58 -moz-border-radius-bottomleft: 2px; | |
| 59 -webkit-border-bottom-left-radius: 2px; | |
| 60 border-bottom-left-radius: 2px; | |
| 61 } | |
| 62 /*all rounded Corners*/ | |
| 63 .jqx-rc-all-web { | |
| 64 -moz-border-radius: 2px; | |
| 65 -webkit-border-radius: 2px; | |
| 66 border-radius: 2px; | |
| 67 } | |
| 68 | |
| 69 .jqx-widget-web, .jqx-widget-content, .jqx-widget-header, .jqx-input-web { | |
| 70 -webkit-transition: box-shadow linear 0.2s; | |
| 71 -moz-transition: box-shadow linear 0.2s; | |
| 72 -o-transition: box-shadow linear 0.2s; | |
| 73 transition: box-shadow linear 0.2s; | |
| 74 } | |
| 75 .jqx-listitem-state-normal-web, .jqx-listitem-state-hover-web,.jqx-listitem-state-selected-web, | |
| 76 .jqx-tabs-title-selected-top-web, .jqx-tabs-title-selected-bottom-web{ | |
| 77 -webkit-transition: none; | |
| 78 -moz-transition: none; | |
| 79 -o-transition: none; | |
| 80 transition: none; | |
| 81 } | |
| 82 .jqx-fill-state-normal-web { | |
| 83 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);; | |
| 84 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);; | |
| 85 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);; | |
| 86 } | |
| 87 | |
| 88 .jqx-widget-header-web, .jqx-fill-state-normal-web { | |
| 89 text-shadow: 0 1px 0 rgb(240, 240, 240); | |
| 90 border-color: #b2b2b2; | |
| 91 border-color: rgba(0, 0, 0, 0.25); | |
| 92 color: #444; | |
| 93 background-color: #f0f0f0; | |
| 94 background-image: linear-gradient(#ededed, #ededed 38%, #dedede); | |
| 95 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); | |
| 96 background-image: -moz-linear-gradient(#ededed, #ededed 38%, #dedede); | |
| 97 background-image: -o-linear-gradient(#ededed, #ededed 38%, #dedede); | |
| 98 -webkit-transition: color 200ms; | |
| 99 } | |
| 100 .jqx-widget-content-web { | |
| 101 border-color: #b2b2b2; | |
| 102 border-color: rgba(0, 0, 0, 0.25); | |
| 103 } | |
| 104 .jqx-fill-state-hover-web { | |
| 105 text-shadow: 0 1px 0 rgb(240, 240, 240); | |
| 106 border-color: #b2b2b2; | |
| 107 border-color: rgba(0, 0, 0, 0.3); | |
| 108 color: black; | |
| 109 background-color: #f0f0f0; | |
| 110 background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 111 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 112 background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 113 background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 114 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); | |
| 115 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); | |
| 116 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); | |
| 117 -webkit-transition: color 200ms; | |
| 118 } | |
| 119 | |
| 120 .jqx-fill-state-pressed-web { | |
| 121 box-shadow: none; | |
| 122 -webkit-box-shadow: none; | |
| 123 -moz-box-shadow: none; | |
| 124 text-shadow: none; | |
| 125 background-color: #f0f0f0; | |
| 126 background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 127 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 128 background-image: -moz-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 129 background-image: -o-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 130 -webkit-transition: color 200ms; | |
| 131 } | |
| 132 | |
| 133 .jqx-grid-column-menubutton-web { | |
| 134 background-color: transparent; | |
| 135 } | |
| 136 | |
| 137 .jqx-calendar-row-header-web, .jqx-calendar-top-left-header-web { | |
| 138 background-color: #f0f0f0; | |
| 139 border: 0px solid #f2f2f2; | |
| 140 } | |
| 141 | |
| 142 .jqx-calendar-column-header-web { | |
| 143 background-color: #FFF; | |
| 144 border-top: 1px solid #FFF; | |
| 145 border-bottom: 1px solid #e9e9e9; | |
| 146 } | |
| 147 | |
| 148 .jqx-scrollbar-state-normal-web { | |
| 149 background-color: #f0f0f0; | |
| 150 border: 1px solid #f0f0f0; | |
| 151 } | |
| 152 .jqx-grid-cell-hover-web { | |
| 153 box-shadow: none; | |
| 154 -webkit-box-shadow: none; | |
| 155 -moz-box-shadow: none; | |
| 156 } | |
| 157 .jqx-scrollbar-thumb-state-normal-web { | |
| 158 background-color: #f0f0f0; | |
| 159 background-image: linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
| 160 background-image: -webkit-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
| 161 background-image: -moz-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
| 162 background-image: -o-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
| 163 background-image: -ms-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
| 164 } | |
| 165 | |
| 166 .jqx-scrollbar-thumb-state-hover-web { | |
| 167 background-color: #f0f0f0; | |
| 168 background-image: linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 169 background-image: -webkit-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 170 background-image: -moz-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 171 background-image: -o-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 172 background-image: -ms-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
| 173 } | |
| 174 .jqx-splitter-collapse-button-vertical-web, .jqx-splitter-collapse-button-horizontal-web { | |
| 175 background: #b2b2b2; | |
| 176 } | |
| 177 .jqx-scrollbar-thumb-state-pressed-web, .jqx-progressbar-value-vertical-web{ | |
| 178 background-color: #f0f0f0; | |
| 179 background-image: linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 180 background-image: -webkit-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 181 background-image: -moz-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 182 background-image: -o-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 183 background-image: -ms-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 184 } | |
| 185 | |
| 186 .jqx-grid-column-sortdescbutton-web, jqx-grid-column-filterbutton-web, .jqx-grid-column-sortascbutton-web { | |
| 187 background-color: transparent; | |
| 188 border-style: solid; | |
| 189 border-width: 0px 0px 0px 0px; | |
| 190 border-color: #b2b2b2; | |
| 191 } | |
| 192 .jqx-slider-rangebar-web { | |
| 193 background: #C3C3C3; | |
| 194 } | |
| 195 .jqx-menu-vertical-web { | |
| 196 background: #f5f5f5; | |
| 197 filter: none; | |
| 198 } | |
| 199 | |
| 200 .jqx-checkbox-check-checked-web { | |
| 201 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC'); | |
| 202 } | |
| 203 | |
| 204 .jqx-combobox-content-web, .jqx-input-web { | |
| 205 border-color: #b2b2b2; | |
| 206 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
| 207 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
| 208 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
| 209 } | |
| 210 .jqx-combobox-content-web { | |
| 211 border-color: #b2b2b2; | |
| 212 border-color: rgba(0, 0, 0, 0.25); | |
| 213 } | |
| 214 .jqx-fill-state-focus-web, .jqx-combobox-content-focus-web, .jqx-numberinput-focus-web { | |
| 215 outline: none; | |
| 216 border-color: #777777; | |
| 217 } | |
| 218 .jqx-dropdownbutton-popup-web.jqx-fill-state-focus-web { | |
| 219 | |
| 220 } | |
| 221 .jqx-grid-bottomright-web, .jqx-panel-bottomright-web, .jqx-listbox-bottomright-web { | |
| 222 background-color: #efefef; | |
| 223 } | |
| 224 | |
| 225 .jqx-tabs-title-selected-top-web, .jqx-tabs-selection-tracker-top-web { | |
| 226 border-color: #b2b2b2; | |
| 227 border-bottom: 1px solid #fff; | |
| 228 text-shadow: 0 1px 0 #f2f2f2; | |
| 229 filter: none; | |
| 230 color: #222; | |
| 231 background: #fff; | |
| 232 } | |
| 233 | |
| 234 .jqx-tabs-title-selected-bottom-web, .jqx-tabs-selection-tracker-bottom-web { | |
| 235 border-color: #b2b2b2; | |
| 236 border-top: 1px solid #fff; | |
| 237 text-shadow: 0 1px 0 #f2f2f2; | |
| 238 filter: none; | |
| 239 color: #222; | |
| 240 background: #fff; | |
| 241 } | |
| 242 | |
| 243 .jqx-popup-web { | |
| 244 -webkit-box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.15); | |
| 245 -moz-box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.15); | |
| 246 box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.15); | |
| 247 } | |
| 248 .jqx-menu-popup-web>div:first-child{ | |
| 249 padding-bottom: 15px !important; | |
| 250 padding-right: 15px !important; | |
| 251 } | |
| 252 .jqx-menu-popup-clear-web>div:first-child{ | |
| 253 padding-bottom: 0px !important; | |
| 254 } | |
| 255 .jqx-window-web, .jqx-tooltip-web { | |
| 256 -webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
| 257 -moz-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
| 258 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
| 259 } | |
| 260 .jqx-docking-web .jqx-window-web { | |
| 261 -webkit-box-shadow: none; | |
| 262 -moz-box-shadow: none; | |
| 263 } | |
| 264 .jqx-docking-panel-web .jqx-window-web { | |
| 265 -webkit-box-shadow: none; | |
| 266 -moz-box-shadow: none; | |
| 267 box-shadow: none; | |
| 268 } | |
| 269 .jqx-radiobutton-web { | |
| 270 background-repeat: no-repeat; | |
| 271 background: none; | |
| 272 } | |
| 273 .jqx-radiobutton-web-web, .jqx-radiobutton-hover-web { | |
| 274 -moz-border-radius: 100%; | |
| 275 -webkit-border-radius: 100%; | |
| 276 border-radius: 100%; | |
| 277 background-repeat: no-repeat; | |
| 278 } | |
| 279 .jqx-radiobutton-check-checked-web { | |
| 280 filter: none; | |
| 281 background: #666; | |
| 282 background-repeat: no-repeat; | |
| 283 -moz-border-radius: 100%; | |
| 284 -webkit-border-radius: 100%; | |
| 285 border-radius: 100%; | |
| 286 } | |
| 287 .jqx-radiobutton-check-indeterminate-web { | |
| 288 filter: none; | |
| 289 background: #999; | |
| 290 -moz-border-radius: 100%; | |
| 291 -webkit-border-radius: 100%; | |
| 292 border-radius: 100%; | |
| 293 } | |
| 294 .jqx-radiobutton-check-indeterminate-disabled-web { | |
| 295 filter: none; | |
| 296 background: #999; | |
| 297 -moz-border-radius: 100%; | |
| 298 -webkit-border-radius: 100%; | |
| 299 border-radius: 100%; | |
| 300 } | |
| 301 .jqx-slider-track-horizontal-web, .jqx-slider-track-vertical-web { | |
| 302 border-color: #b2b2b2; | |
| 303 background: #f0f0f0; | |
| 304 } | |
| 305 .jqx-slider-button-web | |
| 306 { | |
| 307 -moz-border-radius: 100%; | |
| 308 -webkit-border-radius: 100%; | |
| 309 border-radius: 100%; | |
| 310 } | |
| 311 .jqx-layout-web | |
| 312 { | |
| 313 background-color: #b2b2b2; | |
| 314 } |
