www/jqwidgets/styles/jqx.web.css@793af7691a5e (annotated)
www/jqwidgets/styles/jqx.web.css
Sat, 15 Dec 2018 21:27:01 +0100
- author
- Michiel Broek <mbroek@mbse.eu>
- date
- Sat, 15 Dec 2018 21:27:01 +0100
- changeset 142
- 793af7691a5e
- parent 1
- 37f1a08315f3
- permissions
- -rw-r--r--
During hops load an extra weight in grams field is generated for the grid. Edit the amount is done on the weight field and the amount field is updated too. During save to the database the extra field is removed.
| 1 | 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 | } |
