comparison: www/jqwidgets/styles/jqx.metro.css
www/jqwidgets/styles/jqx.metro.css
- changeset 1
- 37f1a08315f3
- child 451
- 259c97782bf8
equal
deleted
inserted
replaced
| 0:033898178630 | 1:37f1a08315f3 |
|---|---|
| 1 .jqx-rc-tl-metro | |
| 2 { | |
| 3 -moz-border-radius-topleft: 0px; | |
| 4 -webkit-border-top-left-radius: 0px; | |
| 5 border-top-left-radius: 0px; | |
| 6 } | |
| 7 .jqx-rc-tr-metro | |
| 8 { | |
| 9 -moz-border-radius-topright: 0px; | |
| 10 -webkit-border-top-right-radius: 0px; | |
| 11 border-top-right-radius: 0px; | |
| 12 } | |
| 13 .jqx-rc-bl-metro | |
| 14 { | |
| 15 -moz-border-radius-bottomleft: 0px; | |
| 16 -webkit-border-bottom-left-radius: 0px; | |
| 17 border-bottom-left-radius: 0px; | |
| 18 } | |
| 19 .jqx-rc-br-metro | |
| 20 { | |
| 21 -moz-border-radius-bottomright: 0px; | |
| 22 -webkit-border-bottom-right-radius: 0px; | |
| 23 border-bottom-right-radius: 0px; | |
| 24 } | |
| 25 /*top rounded Corners*/ | |
| 26 .jqx-rc-t-metro | |
| 27 { | |
| 28 -moz-border-radius-topleft: 0px; | |
| 29 -webkit-border-top-left-radius: 0px; | |
| 30 border-top-left-radius: 0px; | |
| 31 -moz-border-radius-topright: 0px; | |
| 32 -webkit-border-top-right-radius: 0px; | |
| 33 border-top-right-radius: 0px; | |
| 34 } | |
| 35 /*bottom rounded Corners*/ | |
| 36 .jqx-rc-b-metro | |
| 37 { | |
| 38 -moz-border-radius-bottomleft: 0px; | |
| 39 -webkit-border-bottom-left-radius: 0px; | |
| 40 border-bottom-left-radius: 0px; | |
| 41 -moz-border-radius-bottomright: 0px; | |
| 42 -webkit-border-bottom-right-radius: 0px; | |
| 43 border-bottom-right-radius: 0px; | |
| 44 } | |
| 45 /*right rounded Corners*/ | |
| 46 .jqx-rc-r-metro | |
| 47 { | |
| 48 -moz-border-radius-topright: 0px; | |
| 49 -webkit-border-top-right-radius: 0px; | |
| 50 border-top-right-radius: 0px; | |
| 51 -moz-border-radius-bottomright: 0px; | |
| 52 -webkit-border-bottom-right-radius: 0px; | |
| 53 border-bottom-right-radius: 0px; | |
| 54 } | |
| 55 /*left rounded Corners*/ | |
| 56 .jqx-rc-l-metro | |
| 57 { | |
| 58 -moz-border-radius-topleft: 0px; | |
| 59 -webkit-border-top-left-radius: 0px; | |
| 60 border-top-left-radius: 0px; | |
| 61 -moz-border-radius-bottomleft: 0px; | |
| 62 -webkit-border-bottom-left-radius: 0px; | |
| 63 border-bottom-left-radius: 0px; | |
| 64 } | |
| 65 /*all rounded Corners*/ | |
| 66 .jqx-rc-all-metro | |
| 67 { | |
| 68 -moz-border-radius: 0px; | |
| 69 -webkit-border-radius: 0px; | |
| 70 border-radius: 0px; | |
| 71 } | |
| 72 .jqx-widget-metro { | |
| 73 font-size: 12px; | |
| 74 font-family: 'segoe ui', arial, sans-serif; | |
| 75 } | |
| 76 .jqx-widget-content-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color: #e5e5e5; color: #767676; background-color: #fff;} | |
| 77 .jqx-widget-header-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; color: #767676; border-color:#e5e5e5; background-color:#f4f4f4;} | |
| 78 .jqx-fill-state-normal-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color: #e5e5e5; color: #767676; background: #ffffff;} | |
| 79 .jqx-button-metro {border-color: #e5e5e5;} | |
| 80 .jqx-fill-state-hover-metro{border-color:#dedede; color: #000; background-color:#dedede; | |
| 81 | |
| 82 } | |
| 83 .jqx-fill-state-focus-metro { border-color: #cdcdcd; } | |
| 84 .jqx-fill-state-pressed-metro{border-color:#1faeff; color: #fff; background-color:#1faeff; | |
| 85 | |
| 86 } | |
| 87 .jqx-input-metro { | |
| 88 border-color: #e5e5e5; | |
| 89 } | |
| 90 .jqx-scrollbar-state-normal-metro, .jqx-grid-bottomright-metro, .jqx-panel-bottomright-metro, .jqx-listbox-bottomright-metro{background-color:#f0f0f0;} | |
| 91 .jqx-widget-metro .jqx-grid-column-header-metro, .jqx-grid-cell-metro, .jqx-widget-metro .jqx-grid-cell-metro, .jqx-widget-metro .jqx-grid-group-cell-metro, .jqx-grid-group-cell-metro{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color:#f0f0f0;} | |
| 92 .jqx-tabs-title-selected-bottom-metro, .jqx-tabs-selection-tracker-bottom-metro, .jqx-tabs-title-selected-top-metro, .jqx-tabs-selection-tracker-top-metro{color: #767676; border-color:#e5e5e5; border-bottom:1px solid #fff; background:#fff} | |
| 93 .jqx-grid-cell-sort-alt-metro, .jqx-grid-cell-filter-alt-metro, .jqx-grid-cell-pinned-metro, .jqx-grid-cell-alt-metro, .jqx-grid-cell-sort-metro{ background-color:#ededed; color: #000;} | |
| 94 .jqx-menu-vertical-metro{background: #fff; border-color: #e5e5e5;} | |
| 95 .jqx-widget-metro .jqx-grid-cell-metro, .jqx-widget-metro .jqx-grid-column-header-metro, .jqx-widget-metro .jqx-grid-group-cell-metro {color: #000; border-color: #e5e5e5;} | |
| 96 .jqx-widget-metro .jqx-grid-column-menubutton-metro, .jqx-widget-metro .jqx-grid-column-sortascbutton-metro, .jqx-widget-metro .jqx-grid-column-sortdescbutton-metro, .jqx-widget-metro .jqx-grid-column-filterbutton-metro { | |
| 97 background-color: transparent; | |
| 98 border-color: #e5e5e5; | |
| 99 } | |
| 100 .jqx-window-header-metro, .jqx-input-button-header-metro, .jqx-calendar-title-header-metro, .jqx-grid-metro .jqx-widget-header-metro, .jqx-grid-header-metro, .jqx-grid-column-header-metro {font-size: 12px; font-family: 'segoe ui', arial, sans-serif; border-color: #e5e5e5; color: #767676; background: #f4f4f4;} | |
| 101 .jqx-grid-column-menubutton-metro { | |
| 102 background-image: url('images/metro-icon-down.png'); | |
| 103 } | |
| 104 .jqx-widget-metro .jqx-grid-cell-selected-metro, .jqx-grid-cell-selected-metro{ background-color:#1faeff; border-color: #1faeff; font-size: 12px; color:#fff;} | |
| 105 .jqx-grid-cell-hover-metro{ background-color:#dedede;} | |
| 106 /*applied to the column's sort button when the sort order is ascending.*/ | |
| 107 .jqx-grid-column-sortascbutton-metro { | |
| 108 background-image: url('images/metro-icon-up.png'); | |
| 109 } | |
| 110 .jqx-grid-column-sortdescbutton-metro { | |
| 111 background-image: url('images/metro-icon-down.png'); | |
| 112 } | |
| 113 .jqx-checkbox-hover-metro { | |
| 114 background-color: #fff; | |
| 115 } | |
| 116 .jqx-radiobutton-hover-metro { | |
| 117 background-color: #fff; | |
| 118 } | |
| 119 .jqx-scrollbar-thumb-state-normal-horizontal-metro, .jqx-scrollbar-thumb-state-normal-metro { | |
| 120 background: #cdcdcd; border-color: #cdcdcd; | |
| 121 } | |
| 122 .jqx-scrollbar-thumb-state-hover-horizontal-metro, .jqx-scrollbar-thumb-state-hover-metro { | |
| 123 background: #a6a6a6; border-color: #a6a6a6; | |
| 124 } | |
| 125 .jqx-scrollbar-thumb-state-pressed-horizontal-metro, .jqx-scrollbar-thumb-state-pressed-metro { | |
| 126 background: #606060; border-color: #606060; | |
| 127 } | |
| 128 .jqx-scrollbar-button-state-normal-metro | |
| 129 { | |
| 130 border: 1px solid #f0f0f0; | |
| 131 background: #f0f0f0; | |
| 132 } | |
| 133 /*applied to the scrollbar buttons in hovered state.*/ | |
| 134 .jqx-scrollbar-button-state-hover-metro | |
| 135 { | |
| 136 border: 1px solid #dadada; | |
| 137 background: #dadada; | |
| 138 } | |
| 139 /*applied to the scrollbar buttons in pressed state.*/ | |
| 140 .jqx-scrollbar-button-state-pressed-metro | |
| 141 { | |
| 142 border: 1px solid #606060; | |
| 143 background: #606060; | |
| 144 } | |
| 145 | |
| 146 /*icons*/ | |
| 147 .jqx-window-collapse-button-metro | |
| 148 { | |
| 149 background-image: url(images/metro-icon-up.png); | |
| 150 } | |
| 151 .jqx-window-collapse-button-collapsed-metro { | |
| 152 background-image: url(images/metro-icon-down.png); | |
| 153 } | |
| 154 .jqx-icon-arrow-up-metro, .jqx-expander-arrow-bottom-metro, .jqx-menu-item-arrow-up-metro | |
| 155 { | |
| 156 background-image: url('images/metro-icon-up.png'); | |
| 157 } | |
| 158 .jqx-icon-arrow-down-metro, .jqx-expander-arrow-top-metro, .jqx-tree-item-arrow-expand-metro, .jqx-tree-item-arrow-expand-hover-metro, .jqx-menu-item-arrow-down-metro | |
| 159 { | |
| 160 background-image: url('images/metro-icon-down.png'); | |
| 161 } | |
| 162 .jqx-icon-arrow-left-metro, .jqx-menu-item-arrow-left-metro | |
| 163 { | |
| 164 background-image: url('images/metro-icon-left.png'); | |
| 165 } | |
| 166 .jqx-icon-arrow-right-metro, .jqx-menu-item-arrow-right-metro, .jqx-tree-item-arrow-collapse-metro, .jqx-tree-item-arrow-collapse-hover-metro | |
| 167 { | |
| 168 background-image: url('images/metro-icon-right.png'); | |
| 169 } | |
| 170 .jqx-tabs-arrow-left-metro, .jqx-tree-item-arrow-collapse-rtl-metro, .jqx-tree-item-arrow-collapse-hover-rtl-metro | |
| 171 { | |
| 172 background-image: url('images/metro-icon-left.png'); | |
| 173 } | |
| 174 .jqx-tabs-arrow-right-metro | |
| 175 { | |
| 176 background-image: url('images/metro-icon-right.png'); | |
| 177 } | |
| 178 .jqx-menu-item-arrow-up-selected-metro, .jqx-icon-arrow-up-selected-metro{background-image:url('images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;} | |
| 179 .jqx-menu-item-arrow-down-selected-metro, .jqx-icon-arrow-down-selected-metro{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;} | |
| 180 .jqx-menu-item-arrow-left-selected-metro, .jqx-icon-arrow-left-selected-metro{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;} | |
| 181 .jqx-menu-item-arrow-right-selected-metro, .jqx-icon-arrow-right-selected-metro{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;} | |
| 182 .jqx-tabs-close-button-metro{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 183 .jqx-tabs-close-button-selected-metro{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 184 .jqx-tabs-close-button-hover-metro{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 185 .jqx-scrollbar-metro .jqx-icon-arrow-up-selected-metro{background-image:url('images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 186 .jqx-scrollbar-metro .jqx-icon-arrow-down-selected-metro{background-image:url('images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 187 .jqx-scrollbar-metro .jqx-icon-arrow-left-selected-metro{background-image:url('images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 188 .jqx-scrollbar-metro .jqx-icon-arrow-right-selected-metro{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;} | |
| 189 .jqx-slider-slider-metro | |
| 190 { | |
| 191 border-color:#cdcdcd; | |
| 192 } | |
| 193 .jqx-slider-button-metro | |
| 194 { | |
| 195 -moz-border-radius: 9px; | |
| 196 -webkit-border-radius: 9px; | |
| 197 border-radius: 9px; | |
| 198 border-color: #cdcdcd; | |
| 199 } | |
| 200 .jqx-input-button-content-metro | |
| 201 { | |
| 202 font-size: 10px; | |
| 203 } | |
| 204 .jqx-dropdownlist-state-normal-metro, .jqx-dropdownlist-state-hover-metro, .jqx-dropdownlist-state-selected-metro, | |
| 205 .jqx-scrollbar-button-state-hover-metro, .jqx-scrollbar-button-state-normal-metro, .jqx-scrollbar-button-state-pressed-metro, | |
| 206 .jqx-scrollbar-thumb-state-normal-horizontal-metro, .jqx-scrollbar-thumb-state-hover-horizontal-metro, .jqx-scrollbar-thumb-state-pressed-horizontal-metro, | |
| 207 .jqx-scrollbar-thumb-state-normal-metro, .jqx-scrollbar-thumb-state-pressed-metro, .jqx-button-metro, .jqx-tree-item-hover-metro, .jqx-tree-item-selected-metro, | |
| 208 .jqx-tree-item-metro, .jqx-menu-item-metro, .jqx-menu-item-hover-metro, .jqx-menu-item-selected-metro, .jqx-menu-item-top-metro, .jqx-menu-item-top-hover-metro, | |
| 209 .jqx-menu-item-top-selected-metro, .jqx-slider-button-metro, .jqx-slider-slider-metro | |
| 210 { | |
| 211 -webkit-transition: background-color 100ms linear; | |
| 212 -moz-transition: background-color 100ms linear; | |
| 213 -o-transition: background-color 100ms linear; | |
| 214 -ms-transition: background-color 100ms linear; | |
| 215 transition: background-color 100ms linear; | |
| 216 } | |
| 217 .jqx-switchbutton-metro { | |
| 218 -moz-border-radius: 0px; | |
| 219 -webkit-border-radius: 0px; | |
| 220 border-radius: 0px; | |
| 221 border: 2px solid #a6a6a6; | |
| 222 } | |
| 223 .jqx-switchbutton-thumb-metro { | |
| 224 width: 12px; | |
| 225 background: #000; | |
| 226 border: 1px solid #000; | |
| 227 } | |
| 228 .jqx-switchbutton-label-on-metro { | |
| 229 background: #1faeff; | |
| 230 color: #1faeff; | |
| 231 } | |
| 232 .jqx-switchbutton-label-off-metro { | |
| 233 background: #a6a6a6; | |
| 234 color: #a6a6a6; | |
| 235 } | |
| 236 | |
| 237 .jqx-switchbutton-wrapper-metro { | |
| 238 } | |
| 239 .jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-expand-metro { | |
| 240 background-image: url('images/metro-icon-down-white.png'); | |
| 241 background-repeat: no-repeat; | |
| 242 background-position: center; | |
| 243 } | |
| 244 .jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-collapse-metro{ | |
| 245 background-image: url('images/metro-icon-right-white.png'); | |
| 246 background-repeat: no-repeat; | |
| 247 background-position: center; | |
| 248 } | |
| 249 .jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-collapse-rtl-metro { | |
| 250 background-image: url('images/metro-icon-left-white.png'); | |
| 251 background-repeat: no-repeat; | |
| 252 background-position: center; | |
| 253 } | |
| 254 .jqx-grid-cell-metro.jqx-grid-cell-selected-metro>.jqx-grid-group-expand-rtl-metro{ | |
| 255 background-image: url('images/metro-icon-down-white.png'); | |
| 256 background-repeat: no-repeat; | |
| 257 background-position: center; | |
| 258 } | |
| 259 .jqx-grid-group-collapse-metro { | |
| 260 background-image: url(images/metro-icon-right.png); | |
| 261 background-position: 50% 50%; | |
| 262 background-repeat: no-repeat; | |
| 263 } | |
| 264 .jqx-grid-group-collapse-rtl-metro | |
| 265 { | |
| 266 padding-right: 0px; | |
| 267 background-image: url(images/metro-icon-left.png); | |
| 268 background-position: 50% 50%; | |
| 269 background-repeat: no-repeat; | |
| 270 } | |
| 271 .jqx-grid-group-expand-metro, .jqx-grid-group-expand-rtl-metro | |
| 272 { | |
| 273 padding-right: 0px; | |
| 274 background-image: url(images/metro-icon-down.png); | |
| 275 background-position: 50% 50%; | |
| 276 background-repeat: no-repeat; | |
| 277 } | |
| 278 .jqx-icon-arrow-first-metro | |
| 279 { | |
| 280 background-image: url('images/metro-icon-first.png'); | |
| 281 background-repeat: no-repeat; | |
| 282 background-position: center; | |
| 283 } | |
| 284 .jqx-icon-arrow-last-metro | |
| 285 { | |
| 286 background-image: url('images/metro-icon-last.png'); | |
| 287 background-repeat: no-repeat; | |
| 288 background-position: center; | |
| 289 } | |
| 290 .jqx-icon-arrow-first-hover-metro | |
| 291 { | |
| 292 background-image: url('images/metro-icon-first.png'); | |
| 293 background-repeat: no-repeat; | |
| 294 background-position: center; | |
| 295 } | |
| 296 .jqx-icon-arrow-last-hover-metro | |
| 297 { | |
| 298 background-image: url('images/metro-icon-last.png'); | |
| 299 background-repeat: no-repeat; | |
| 300 background-position: center; | |
| 301 } | |
| 302 .jqx-icon-arrow-first-selected-metro | |
| 303 { | |
| 304 background-image: url('images/metro-icon-first-white.png'); | |
| 305 background-repeat: no-repeat; | |
| 306 background-position: center; | |
| 307 } | |
| 308 .jqx-icon-arrow-last-selected-metro | |
| 309 { | |
| 310 background-image: url('images/metro-icon-last-white.png'); | |
| 311 background-repeat: no-repeat; | |
| 312 background-position: center; | |
| 313 } | |
| 314 .jqx-tree-grid-collapse-button-metro { | |
| 315 margin-top: 1px; | |
| 316 } | |
| 317 .jqx-icon-calendar-pressed-metro { | |
| 318 background-image: url('images/icon-calendar-white.png'); | |
| 319 } | |
| 320 .jqx-layout-metro | |
| 321 { | |
| 322 background-color: #e5e5e5; | |
| 323 } |
