Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/jqwidgets/styles/jqx.metrodark.css
www-thermferm/jqwidgets/styles/jqx.metrodark.css
- changeset 117
- 7119ea8a5225
- child 301
- dbaed96a4a0c
equal
deleted
inserted
replaced
| 116:065a242ed7ec | 117:7119ea8a5225 |
|---|---|
| 1 .jqx-rc-tl-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 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-metrodark | |
| 67 { | |
| 68 -moz-border-radius: 0px; | |
| 69 -webkit-border-radius: 0px; | |
| 70 border-radius: 0px; | |
| 71 } | |
| 72 .jqx-widget-metrodark { | |
| 73 font-size: 12px; line-height: 17px; | |
| 74 font-family: 'segoe ui', arial, sans-serif; | |
| 75 color: inherit; | |
| 76 } | |
| 77 .jqx-widget-content-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background-color: #252526;} | |
| 78 .jqx-widget-header-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; color: #ffffff; border-color:#35353A; background-color:#3E3E42;} | |
| 79 .jqx-fill-state-normal-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background: #3E3E42;} | |
| 80 .jqx-fill-state-hover-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color:#1C97EA; color: #fff; background-color:#1C97EA; | |
| 81 | |
| 82 } | |
| 83 .jqx-fill-state-focus-metrodark { border-color: #000; } | |
| 84 .jqx-fill-state-pressed-metrodark{border-color:#007ACC; color: #fff; background-color:#007ACC; | |
| 85 | |
| 86 } | |
| 87 .jqx-fill-state-disabled-metrodark { | |
| 88 color: #898989; | |
| 89 } | |
| 90 .jqx-input-metrodark { | |
| 91 border-color: #35353A; | |
| 92 } | |
| 93 .jqx-scrollbar-state-normal-metrodark, .jqx-grid-bottomright-metrodark, .jqx-panel-bottomright-metrodark, .jqx-listbox-bottomright-metrodark{background-color:#3E3E42;} | |
| 94 .jqx-widget-metrodark .jqx-grid-column-header-metrodark, .jqx-grid-cell-metrodark, .jqx-widget-metrodark .jqx-grid-cell-metrodark, .jqx-widget-metrodark .jqx-grid-group-cell-metrodark, .jqx-grid-group-cell-metrodark{font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #1C1C1E; background-color: #2A2A2C; color: #fff;} | |
| 95 .jqx-tabs-title-selected-bottom-metrodark, .jqx-tabs-selection-tracker-bottom-metrodark, .jqx-tabs-title-selected-top-metrodark, .jqx-tabs-selection-tracker-top-metrodark{color: #ffffff; border-color:#35353A; border-bottom:1px solid #252526; background:#007ACC} | |
| 96 .jqx-widget-metrodark .jqx-grid-cell-alt-metrodark, .jqx-widget-metrodark .jqx-grid-cell-sort-metrodark, .jqx-widget-metrodark .jqx-grid-cell-pinned-metrodark, .jqx-widget-metrodark .jqx-grid-cell-filter-metrodark, .jqx-grid-cell-sort-alt-metrodark, .jqx-grid-cell-filter-alt-metrodark, .jqx-grid-cell-pinned-metrodark, .jqx-grid-cell-alt-metrodark, .jqx-grid-cell-sort-metrodark{ background-color:#3E3E42; color: #fff;} | |
| 97 .jqx-menu-vertical-metrodark{background: #3E3E42; border-color: #3E3E42;} | |
| 98 .jqx-widget-metrodark .jqx-grid-cell-metrodark, .jqx-widget-metrodark .jqx-grid-column-header-metrodark, .jqx-widget-metrodark .jqx-grid-group-cell-metrodark { border-color: #35353A;} | |
| 99 | |
| 100 .jqx-widget-metrodark .jqx-grid-column-menubutton-metrodark, .jqx-widget-metrodark .jqx-grid-column-sortascbutton-metrodark, .jqx-widget-metrodark .jqx-grid-column-sortdescbutton-metrodark, .jqx-widget-metrodark .jqx-grid-column-filterbutton-metrodark { | |
| 101 background-color: transparent; | |
| 102 border-color: #35353A; | |
| 103 } | |
| 104 .jqx-window-header-metrodark, .jqx-input-button-header-metrodark, .jqx-calendar-title-header-metrodark, .jqx-grid-metrodark .jqx-widget-header-metrodark, .jqx-grid-header-metrodark, .jqx-grid-column-header-metrodark {font-size: 12px; line-height: 17px; font-family: 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background: #3E3E42;} | |
| 105 .jqx-grid-column-menubutton-metrodark { | |
| 106 background-image: url('images/metro-icon-down-white.png'); | |
| 107 } | |
| 108 .jqx-widget-metrodark .jqx-grid-cell-selected-metrodark, .jqx-grid-cell-selected-metrodark{ background-color:#007ACC; border-color: #007ACC; font-size: 12px; color:#fff;} | |
| 109 .jqx-widget-metrodark .jqx-grid-cell-hover-metrodark, .jqx-grid-cell-hover-metrodark{ background-color:#1C97EA; border-color: #1C97EA;} | |
| 110 /*applied to the column's sort button when the sort order is ascending.*/ | |
| 111 .jqx-grid-column-sortascbutton-metrodark { | |
| 112 background-image: url('images/metro-icon-up-white.png'); | |
| 113 } | |
| 114 .jqx-grid-column-sortdescbutton-metrodark { | |
| 115 background-image: url('images/metro-icon-down-white.png'); | |
| 116 } | |
| 117 .jqx-checkbox-check-checked-metrodark{background:transparent url(images/check_white.png) center center no-repeat} | |
| 118 .jqx-checkbox-check-indeterminate-metrodark{background:transparent url(images/check_indeterminate_white.png) center center no-repeat} | |
| 119 .jqx-checkbox-hover-metrodark, .jqx-radiobutton-hover-metrodark { | |
| 120 background-color: #3E3E42; | |
| 121 border-color: #3E3E42; | |
| 122 } | |
| 123 .jqx-radiobutton-check-checked-metrodark { | |
| 124 background: #fff; | |
| 125 border-color: #fff; | |
| 126 } | |
| 127 | |
| 128 .jqx-scrollbar-thumb-state-normal-horizontal-metrodark, .jqx-scrollbar-thumb-state-normal-metrodark { | |
| 129 background: #686868; border-color: #686868; | |
| 130 } | |
| 131 .jqx-scrollbar-thumb-state-hover-horizontal-metrodark, .jqx-scrollbar-thumb-state-hover-metrodark { | |
| 132 background: #9E9E9E; border-color: #9E9E9E; | |
| 133 } | |
| 134 .jqx-scrollbar-thumb-state-pressed-horizontal-metrodark, .jqx-scrollbar-thumb-state-pressed-metrodark { | |
| 135 background: #ffffff; border-color: #ffffff; | |
| 136 } | |
| 137 .jqx-scrollbar-button-state-normal-metrodark | |
| 138 { | |
| 139 border: 1px solid #3E3E42; | |
| 140 background: #3E3E42; | |
| 141 } | |
| 142 /*applied to the scrollbar buttons in hovered state.*/ | |
| 143 .jqx-scrollbar-button-state-hover-metrodark | |
| 144 { | |
| 145 border: 1px solid #3E3E42; | |
| 146 background: #3E3E42; | |
| 147 } | |
| 148 /*applied to the scrollbar buttons in pressed state.*/ | |
| 149 .jqx-scrollbar-button-state-pressed-metrodark | |
| 150 { | |
| 151 border: 1px solid #3E3E42; | |
| 152 background: #3E3E42; | |
| 153 } | |
| 154 | |
| 155 /*icons*/ | |
| 156 .jqx-window-collapse-button-metrodark | |
| 157 { | |
| 158 background-image: url(images/metro-icon-up-white.png); | |
| 159 } | |
| 160 .jqx-window-collapse-button-collapsed-metrodark { | |
| 161 background-image: url(images/metro-icon-down-white.png); | |
| 162 } | |
| 163 .jqx-icon-arrow-up-metrodark, .jqx-expander-arrow-bottom-metrodark, .jqx-menu-item-arrow-up-metrodark | |
| 164 { | |
| 165 background-image: url('images/metro-icon-up-white.png'); | |
| 166 } | |
| 167 .jqx-icon-arrow-down-metrodark, .jqx-expander-arrow-top-metrodark, .jqx-tree-item-arrow-expand-metrodark, .jqx-tree-item-arrow-expand-hover-metrodark, .jqx-menu-item-arrow-down-metrodark | |
| 168 { | |
| 169 background-image: url('images/metro-icon-down-white.png'); | |
| 170 } | |
| 171 .jqx-icon-arrow-left-metrodark, .jqx-menu-item-arrow-left-metrodark | |
| 172 { | |
| 173 background-image: url('images/metro-icon-left-white.png'); | |
| 174 } | |
| 175 .jqx-icon-arrow-right-metrodark, .jqx-menu-item-arrow-right-metrodark, .jqx-tree-item-arrow-collapse-metrodark, .jqx-tree-item-arrow-collapse-hover-metrodark | |
| 176 { | |
| 177 background-image: url('images/metro-icon-right-white.png'); | |
| 178 } | |
| 179 .jqx-tabs-arrow-left-metrodark, .jqx-tree-item-arrow-collapse-rtl-metrodark, .jqx-tree-item-arrow-collapse-hover-rtl-metrodark | |
| 180 { | |
| 181 background-image: url('images/metro-icon-left-white.png'); | |
| 182 } | |
| 183 .jqx-tabs-arrow-right-metrodark | |
| 184 { | |
| 185 background-image: url('images/metro-icon-right-white.png'); | |
| 186 } | |
| 187 .jqx-menu-item-arrow-up-selected-metrodark, .jqx-icon-arrow-up-selected-metrodark{background-image:url('images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;} | |
| 188 .jqx-menu-item-arrow-down-selected-metrodark, .jqx-icon-arrow-down-selected-metrodark{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;} | |
| 189 .jqx-menu-item-arrow-left-selected-metrodark, .jqx-icon-arrow-left-selected-metrodark{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;} | |
| 190 .jqx-menu-item-arrow-right-selected-metrodark, .jqx-icon-arrow-right-selected-metrodark{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;} | |
| 191 .jqx-window-close-button-metrodark, .jqx-icon-close-metrodark, .jqx-tabs-close-button-metrodark, .jqx-tabs-close-button-hover-metrodark, .jqx-tabs-close-button-selected-metrodark{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center} | |
| 192 .jqx-listbox-feedback-metrodark { | |
| 193 border-top: 1px dashed #fff; | |
| 194 } | |
| 195 | |
| 196 .jqx-scrollbar-metrodark .jqx-icon-arrow-up-selected-metrodark{background-image:url('images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 197 .jqx-scrollbar-metrodark .jqx-icon-arrow-down-selected-metrodark{background-image:url('images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 198 .jqx-scrollbar-metrodark .jqx-icon-arrow-left-selected-metrodark{background-image:url('images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 199 .jqx-scrollbar-metrodark .jqx-icon-arrow-right-selected-metrodark{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;} | |
| 200 .jqx-slider-button-metrodark | |
| 201 { | |
| 202 border-radius: 100%; | |
| 203 -moz-border-radius: 100%; | |
| 204 -webkit-border-radius: 100%; | |
| 205 } | |
| 206 .jqx-input-button-content-metrodark | |
| 207 { | |
| 208 font-size: 10px; | |
| 209 } | |
| 210 .jqx-dropdownlist-state-normal-metrodark, .jqx-dropdownlist-state-hover-metrodark, .jqx-dropdownlist-state-selected-metrodark, | |
| 211 .jqx-scrollbar-button-state-hover-metrodark, .jqx-scrollbar-button-state-normal-metrodark, .jqx-scrollbar-button-state-pressed-metrodark, | |
| 212 .jqx-scrollbar-thumb-state-normal-horizontal-metrodark, .jqx-scrollbar-thumb-state-hover-horizontal-metrodark, .jqx-scrollbar-thumb-state-pressed-horizontal-metrodark, | |
| 213 .jqx-scrollbar-thumb-state-normal-metrodark, .jqx-scrollbar-thumb-state-pressed-metrodark, .jqx-button-metrodark, .jqx-tree-item-hover-metrodark, .jqx-tree-item-selected-metrodark, | |
| 214 .jqx-tree-item-metrodark, .jqx-menu-item-metrodark, .jqx-menu-item-hover-metrodark, .jqx-menu-item-selected-metrodark, .jqx-menu-item-top-metrodark, .jqx-menu-item-top-hover-metrodark, | |
| 215 .jqx-menu-item-top-selected-metrodark, .jqx-slider-button-metrodark, .jqx-slider-slider-metrodark | |
| 216 { | |
| 217 -webkit-transition: background-color 100ms linear; | |
| 218 -moz-transition: background-color 100ms linear; | |
| 219 -o-transition: background-color 100ms linear; | |
| 220 -ms-transition: background-color 100ms linear; | |
| 221 transition: background-color 100ms linear; | |
| 222 } | |
| 223 .jqx-switchbutton-metrodark { | |
| 224 -moz-border-radius: 0px; | |
| 225 -webkit-border-radius: 0px; | |
| 226 border-radius: 0px; | |
| 227 border: 2px solid #35353A; | |
| 228 } | |
| 229 .jqx-switchbutton-thumb-metrodark { | |
| 230 width: 12px; | |
| 231 background: #000; | |
| 232 border: 1px solid #000; | |
| 233 } | |
| 234 .jqx-switchbutton-label-on-metrodark { | |
| 235 background: #007ACC; | |
| 236 color: #007ACC; | |
| 237 } | |
| 238 .jqx-switchbutton-label-off-metrodark { | |
| 239 background: #a6a6a6; | |
| 240 color: #a6a6a6; | |
| 241 } | |
| 242 | |
| 243 .jqx-switchbutton-wrapper-metrodark { | |
| 244 } | |
| 245 .jqx-grid-group-collapse-metrodark { | |
| 246 background-image: url(images/metro-icon-right-white.png); | |
| 247 background-position: 50% 50%; | |
| 248 background-repeat: no-repeat; | |
| 249 } | |
| 250 .jqx-grid-group-collapse-rtl-metrodark | |
| 251 { | |
| 252 padding-right: 0px; | |
| 253 background-image: url(images/metro-icon-left-white.png); | |
| 254 background-position: 50% 50%; | |
| 255 background-repeat: no-repeat; | |
| 256 } | |
| 257 .jqx-grid-group-expand-metrodark, .jqx-grid-group-expand-rtl-metrodark | |
| 258 { | |
| 259 padding-right: 0px; | |
| 260 background-image: url(images/metro-icon-down-white.png); | |
| 261 background-position: 50% 50%; | |
| 262 background-repeat: no-repeat; | |
| 263 } | |
| 264 .jqx-icon-arrow-first-metrodark, .jqx-icon-arrow-first-hover-metrodark, .jqx-icon-arrow-first-selected-metrodark | |
| 265 { | |
| 266 background-image: url('images/metro-icon-first-white.png'); | |
| 267 background-repeat: no-repeat; | |
| 268 background-position: center; | |
| 269 } | |
| 270 .jqx-icon-arrow-last-metrodark, .jqx-icon-arrow-last-hover-metrodark, .jqx-icon-arrow-last-selected-metrodark | |
| 271 { | |
| 272 background-image: url('images/metro-icon-last-white.png'); | |
| 273 background-repeat: no-repeat; | |
| 274 background-position: center; | |
| 275 } | |
| 276 .jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-expand-metrodark, | |
| 277 .jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-expand-metrodark { | |
| 278 background-image: url('images/metro-icon-down-white.png'); | |
| 279 background-repeat: no-repeat; | |
| 280 background-position: center; | |
| 281 } | |
| 282 .jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-collapse-metrodark, | |
| 283 .jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-collapse-metrodark { | |
| 284 background-image: url('images/metro-icon-right-white.png'); | |
| 285 background-repeat: no-repeat; | |
| 286 background-position: center; | |
| 287 } | |
| 288 .jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-collapse-rtl-metrodark, | |
| 289 .jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-collapse-rtl-metrodark { | |
| 290 background-image: url('images/metro-icon-left-white.png'); | |
| 291 background-repeat: no-repeat; | |
| 292 background-position: center; | |
| 293 } | |
| 294 .jqx-grid-cell-metrodark.jqx-grid-cell-selected-metrodark>.jqx-grid-group-expand-rtl-metrodark, | |
| 295 .jqx-grid-cell-metrodark.jqx-grid-cell-hover-metrodark>.jqx-grid-group-expand-rtl-metrodark { | |
| 296 background-image: url('images/metro-icon-down-white.png'); | |
| 297 background-repeat: no-repeat; | |
| 298 background-position: center; | |
| 299 } | |
| 300 .jqx-tree-grid-expand-button-metrodark { | |
| 301 margin-top: 3px; | |
| 302 } | |
| 303 .jqx-icon-search-metrodark | |
| 304 { | |
| 305 background-image: url(images/search_white.png); | |
| 306 background-repeat: no-repeat; | |
| 307 background-position: center; | |
| 308 } | |
| 309 .jqx-passwordinput-password-icon-metrodark, .jqx-passwordinput-password-icon-rtl-metrodark | |
| 310 { | |
| 311 background-image: url(images/icon-showpassword-white.png) !important; | |
| 312 background-repeat: no-repeat !important; | |
| 313 } | |
| 314 .jqx-icon-calendar-metrodark, .jqx-icon-calendar-hover-metrodark, .jqx-icon-calendar-pressed-metrodark { | |
| 315 background-image: url('images/icon-calendar-white.png'); | |
| 316 } | |
| 317 .jqx-icon-delete-metrodark | |
| 318 { | |
| 319 background-image: url('images/icon-delete-white.png'); | |
| 320 } | |
| 321 .jqx-icon-edit-metrodark | |
| 322 { | |
| 323 background-image: url('images/icon-edit-white.png'); | |
| 324 } | |
| 325 .jqx-icon-save-metrodark | |
| 326 { | |
| 327 background-image: url('images/icon-save-white.png'); | |
| 328 } | |
| 329 .jqx-icon-cancel-metrodark | |
| 330 { | |
| 331 background-image: url('images/icon-cancel-white.png'); | |
| 332 } | |
| 333 .jqx-icon-search-metrodark | |
| 334 { | |
| 335 background-image: url(images/search_white.png); | |
| 336 } | |
| 337 .jqx-icon-plus-metrodark | |
| 338 { | |
| 339 background-image: url(images/plus_white.png); | |
| 340 } | |
| 341 .jqx-menu-minimized-button-metrodark { | |
| 342 background-image: url('images/icon-menu-minimized-white.png'); | |
| 343 } | |
| 344 .jqx-editor-toolbar-icon-metrodark { | |
| 345 background: url('images/html_editor_white.png') no-repeat; | |
| 346 } |
