Mercurial > mbsePi-apps / file comparison
comparison: www/jqwidgets/styles/jqx.office.css
www/jqwidgets/styles/jqx.office.css
- changeset 675
- 825210ba2707
equal
deleted
inserted
replaced
| 674:6cabc02f4c8d | 675:825210ba2707 |
|---|---|
| 1 .jqx-rc-tl-office | |
| 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-office | |
| 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-office | |
| 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-office | |
| 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-office | |
| 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-office | |
| 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-office | |
| 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-office | |
| 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-office | |
| 67 { | |
| 68 -moz-border-radius: 0px; | |
| 69 -webkit-border-radius: 0px; | |
| 70 border-radius: 0px; | |
| 71 } | |
| 72 .jqx-widget-office { | |
| 73 font-family: Calibri; | |
| 74 } | |
| 75 .jqx-widget-content-office{font-family: Calibri; border-color: #d4d4d4; color: #444444; background-color: #fff;} | |
| 76 .jqx-widget-header-office{font-family: Calibri; color: #444444; border-color:#d4d4d4; background-color:#ffffff;} | |
| 77 | |
| 78 .jqx-fill-state-normal-office{font-family: Calibri; border-color: #d4d4d4; color: #444444; background: #fdfdfd;} | |
| 79 .jqx-grid-cell-sort-alt-office, .jqx-grid-cell-filter-alt-office, .jqx-grid-cell-pinned-office, .jqx-grid-cell-alt-office, .jqx-grid-cell-sort-office{ background:#ededed; color: #000;} | |
| 80 .jqx-button-office {border-color: #d4d4d4;} | |
| 81 .jqx-fill-state-hover-office{border-color:#86bfa0; color: #000; background:#d3f0e0;} | |
| 82 .jqx-input-office, .jqx-input-button-content-office {border-color: #d4d4d4;} | |
| 83 .jqx-fill-state-focus-office, .jqx-combobox-content-focus-office, .jqx-numberinput-focus, .jqx-datetimeinput-office .jqx-fill-state-hover-office, .jqx-datetimeinput-office .jqx-fill-state-pressed-office{ border-color: #86bfa0; } | |
| 84 .jqx-fill-state-pressed-office{border-color:#429366; color: #000; background:#86bfa0;} | |
| 85 | |
| 86 .jqx-scrollbar-state-normal-office, .jqx-grid-bottomright-office, .jqx-panel-bottomright-office, .jqx-listbox-bottomright-office{background:#f3f3f3;} | |
| 87 .jqx-widget-office .jqx-grid-column-header-office, .jqx-grid-cell-office, .jqx-widget-office .jqx-grid-cell-office, .jqx-widget-office .jqx-grid-group-cell-office, .jqx-grid-group-cell-office{font-family: Calibri; border-color:#f3f3f3;} | |
| 88 .jqx-tabs-title-bottom-office, .jqx-tabs-title-office{color: #666666;} | |
| 89 .jqx-tabs-title-hover-bottom-office, .jqx-tabs-title-hover-top-office{color: #217346; background: transparent; border-color: transparent;} | |
| 90 .jqx-tabs-title-selected-bottom-office, .jqx-tabs-selection-tracker-bottom-office, .jqx-tabs-title-selected-top-office, .jqx-tabs-selection-tracker-top-office{font-weight: bold; color: #217346; border-color:#d4d4d4; border-bottom:1px solid #fff; background:#fff} | |
| 91 .jqx-menu-vertical-office{background: #fff; border-color: #d4d4d4;} | |
| 92 .jqx-widget-office .jqx-grid-cell-office, .jqx-widget-office .jqx-grid-column-header-office, .jqx-widget-office .jqx-grid-group-cell-office {color: #000; border-color: #d4d4d4;} | |
| 93 .jqx-widget-office .jqx-grid-column-menubutton-office, .jqx-widget-office .jqx-grid-column-sortascbutton-office, .jqx-widget-office .jqx-grid-column-sortdescbutton-office, .jqx-widget-office .jqx-grid-column-filterbutton-office { | |
| 94 background-color: transparent; | |
| 95 border-color: #d4d4d4; | |
| 96 } | |
| 97 .jqx-input-button-header-office, .jqx-calendar-title-header-office, .jqx-grid-office .jqx-widget-header-office, .jqx-grid-header-office, .jqx-grid-column-header-office, .jqx-grid-office {font-family: Calibri; border-color: #d4d4d4; color: #444444; background: #fff;} | |
| 98 .jqx-window-header-office{font-family: Calibri; color: #444444; background: #fff;} | |
| 99 .jqx-grid-column-menubutton-office { | |
| 100 background-image: url('images/office-icon-down.png'); | |
| 101 } | |
| 102 /*applied to the column's sort button when the sort order is ascending.*/ | |
| 103 .jqx-grid-column-sortascbutton-office { | |
| 104 background-image: url('images/office-icon-up.png'); | |
| 105 } | |
| 106 .jqx-grid-column-sortdescbutton-office { | |
| 107 background-image: url('images/office-icon-down.png'); | |
| 108 } | |
| 109 .jqx-checkbox-hover-office { | |
| 110 background: #fff; | |
| 111 } | |
| 112 .jqx-radiobutton-hover-office { | |
| 113 background: #fff; | |
| 114 } | |
| 115 .jqx-scrollbar-thumb-state-normal-horizontal-office, .jqx-scrollbar-thumb-state-normal-office { | |
| 116 background: #ffffff; border-color: #d4d4d4; | |
| 117 } | |
| 118 .jqx-scrollbar-thumb-state-hover-horizontal-office, .jqx-scrollbar-thumb-state-hover-office { | |
| 119 background: #f0f0f0; border-color: #d4d4d4; | |
| 120 } | |
| 121 .jqx-scrollbar-thumb-state-pressed-horizontal-office, .jqx-scrollbar-thumb-state-pressed-office { | |
| 122 background: #f0f0f0; border-color: #777777; | |
| 123 } | |
| 124 .jqx-scrollbar-button-state-normal-office | |
| 125 { | |
| 126 border: 1px solid #d4d4d4; | |
| 127 background: #fff; | |
| 128 } | |
| 129 /*applied to the scrollbar buttons in hovered state.*/ | |
| 130 .jqx-scrollbar-button-state-hover-office | |
| 131 { | |
| 132 border: 1px solid #777777; | |
| 133 background: #fff; | |
| 134 } | |
| 135 /*applied to the scrollbar buttons in pressed state.*/ | |
| 136 .jqx-scrollbar-button-state-pressed-office | |
| 137 { | |
| 138 border: 1px solid #777777; | |
| 139 background: #f0f0f0; | |
| 140 } | |
| 141 | |
| 142 /*icons*/ | |
| 143 .jqx-window-collapse-button-office | |
| 144 { | |
| 145 background-image: url(./images/office-icon-up.png); | |
| 146 background-repeat: no-repeat; | |
| 147 } | |
| 148 .jqx-window-collapse-button-collapsed-office { | |
| 149 background-image: url(./images/office-icon-down.png); | |
| 150 background-repeat: no-repeat; | |
| 151 } | |
| 152 .jqx-icon-arrow-up-office, .jqx-expander-arrow-bottom-office, .jqx-menu-item-arrow-up-office | |
| 153 { | |
| 154 background-image: url('images/office-icon-up.png'); | |
| 155 background-repeat: no-repeat; | |
| 156 background-position: center; | |
| 157 } | |
| 158 .jqx-icon-arrow-down-office, .jqx-expander-arrow-top-office, .jqx-tree-item-arrow-expand-office, .jqx-tree-item-arrow-expand-hover-office, .jqx-menu-item-arrow-down-office | |
| 159 { | |
| 160 background-image: url('images/office-icon-down.png'); | |
| 161 background-repeat: no-repeat; | |
| 162 background-position: center; | |
| 163 } | |
| 164 .jqx-icon-arrow-left-office, .jqx-menu-item-arrow-left-office | |
| 165 { | |
| 166 background-image: url('images/office-icon-left.png'); | |
| 167 background-repeat: no-repeat; | |
| 168 background-position: center; | |
| 169 } | |
| 170 .jqx-icon-arrow-right-office, .jqx-menu-item-arrow-right-office, .jqx-tree-item-arrow-collapse-office, .jqx-tree-item-arrow-collapse-hover-office | |
| 171 { | |
| 172 background-image: url('images/office-icon-right.png'); | |
| 173 background-repeat: no-repeat; | |
| 174 background-position: center; | |
| 175 } | |
| 176 .jqx-tabs-arrow-left-office, .jqx-tree-item-arrow-collapse-rtl-office, .jqx-tree-item-arrow-collapse-hover-rtl-office | |
| 177 { | |
| 178 background-image: url('images/office-icon-left.png'); | |
| 179 background-repeat: no-repeat; | |
| 180 } | |
| 181 .jqx-tabs-arrow-right-office | |
| 182 { | |
| 183 background-image: url('images/office-icon-right.png'); | |
| 184 background-repeat: no-repeat; | |
| 185 } | |
| 186 | |
| 187 .jqx-menu-item-arrow-up-selected-office, .jqx-icon-arrow-up-selected-office{background-image:url('images/office-icon-up.png');background-repeat:no-repeat;background-position:center;} | |
| 188 .jqx-menu-item-arrow-down-selected-office, .jqx-icon-arrow-down-selected-office{background-image:url('images/office-icon-down.png');background-repeat:no-repeat;background-position:center;} | |
| 189 .jqx-menu-item-arrow-left-selected-office, .jqx-icon-arrow-left-selected-office{background-image:url('images/office-icon-left.png');background-repeat:no-repeat;background-position:center;} | |
| 190 .jqx-menu-item-arrow-right-selected-office, .jqx-icon-arrow-right-selected-office{background-image:url('images/office-icon-right.png');background-repeat:no-repeat;background-position:center;} | |
| 191 .jqx-tabs-close-button-office{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 192 .jqx-tabs-close-button-selected-office{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 193 .jqx-tabs-close-button-hover-office{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 194 .jqx-expander-arrow-bottom-office,.jqx-scrollbar-office .jqx-icon-arrow-up-selected-office{background-image:url('images/office-icon-up.png'); background-repeat:no-repeat; background-position:center;} | |
| 195 .jqx-expander-arrow-top-office, .jqx-scrollbar-office .jqx-icon-arrow-down-selected-office{background-image:url('images/office-icon-down.png'); background-repeat:no-repeat; background-position:center;} | |
| 196 .jqx-scrollbar-office .jqx-icon-arrow-left-selected-office{background-image:url('images/office-icon-left.png'); background-repeat:no-repeat; background-position:center;} | |
| 197 .jqx-scrollbar-office .jqx-icon-arrow-right-selected-office{background-image:url('images/office-icon-right.png');background-repeat:no-repeat; background-position:center;} | |
| 198 .jqx-slider-slider-office | |
| 199 { | |
| 200 } | |
| 201 .jqx-slider-button-office | |
| 202 { | |
| 203 -moz-border-radius: 9px; | |
| 204 -webkit-border-radius: 9px; | |
| 205 border-radius: 9px; | |
| 206 } | |
| 207 .jqx-input-button-content-office | |
| 208 { | |
| 209 font-size: 10px; | |
| 210 } | |
| 211 | |
| 212 .jqx-dropdownlist-state-normal-office, .jqx-dropdownlist-state-hover-office, .jqx-dropdownlist-state-selected-office, | |
| 213 .jqx-scrollbar-button-state-hover-office, .jqx-scrollbar-button-state-normal-office, .jqx-scrollbar-button-state-pressed-office, | |
| 214 .jqx-scrollbar-thumb-state-normal-horizontal-office, .jqx-scrollbar-thumb-state-hover-horizontal-office, .jqx-scrollbar-thumb-state-pressed-horizontal-office, | |
| 215 .jqx-scrollbar-thumb-state-normal-office, .jqx-scrollbar-thumb-state-pressed-office, .jqx-button-office, .jqx-tree-item-hover-office, .jqx-tree-item-selected-office, | |
| 216 .jqx-tree-item-office, .jqx-menu-item-office, .jqx-menu-item-hover-office, .jqx-menu-item-selected-office, .jqx-menu-item-top-office, .jqx-menu-item-top-hover-office, | |
| 217 .jqx-menu-item-top-selected-office, .jqx-slider-button-office, .jqx-slider-slider-office | |
| 218 { | |
| 219 -webkit-transition: background-color 100ms linear; | |
| 220 -moz-transition: background-color 100ms linear; | |
| 221 -o-transition: background-color 100ms linear; | |
| 222 -ms-transition: background-color 100ms linear; | |
| 223 transition: background-color 100ms linear; | |
| 224 } | |
| 225 .jqx-switchbutton-office { | |
| 226 -moz-border-radius: 0px; | |
| 227 -webkit-border-radius: 0px; | |
| 228 border-radius: 0px; | |
| 229 border: 2px solid #a6a6a6; | |
| 230 } | |
| 231 .jqx-switchbutton-thumb-office { | |
| 232 width: 12px; | |
| 233 background: #000; | |
| 234 border: 1px solid #000; | |
| 235 } | |
| 236 .jqx-switchbutton-label-on-office { | |
| 237 background: #429366; | |
| 238 color: #429366; | |
| 239 } | |
| 240 .jqx-switchbutton-label-off-office { | |
| 241 background: #a6a6a6; | |
| 242 color: #a6a6a6; | |
| 243 } | |
| 244 .jqx-icon-arrow-first-metro | |
| 245 { | |
| 246 background-image: url('images/office-icon-first.png'); | |
| 247 background-repeat: no-repeat; | |
| 248 background-position: center; | |
| 249 } | |
| 250 .jqx-icon-arrow-last-metro | |
| 251 { | |
| 252 background-image: url('images/office-icon-last.png'); | |
| 253 background-repeat: no-repeat; | |
| 254 background-position: center; | |
| 255 } | |
| 256 | |
| 257 .jqx-switchbutton-wrapper-office { | |
| 258 } | |
| 259 .jqx-layout-office | |
| 260 { | |
| 261 background-color: #d4d4d4; | |
| 262 } | |
| 263 | |
| 264 /*applied to the timepicker labels*/ | |
| 265 .jqx-time-picker .jqx-header .jqx-hour-container-office:focus { | |
| 266 outline: 1px solid rgb(66, 147, 102) !important; | |
| 267 } | |
| 268 .jqx-time-picker .jqx-header .jqx-hour-container-office:hover { | |
| 269 outline: 1px solid rgb(66, 147, 102) !important; | |
| 270 background-color: rgb(134, 191, 160); | |
| 271 } | |
| 272 .jqx-time-picker .jqx-header .jqx-minute-container-office:focus { | |
| 273 outline: 1px solid rgb(66, 147, 102) !important; | |
| 274 } | |
| 275 .jqx-time-picker .jqx-header .jqx-minute-container-office:hover { | |
| 276 outline: 1px solid rgb(66, 147, 102) !important; | |
| 277 background-color: rgb(134, 191, 160); | |
| 278 } | |
| 279 .jqx-time-picker .jqx-header .jqx-am-container-office:focus { | |
| 280 outline: 1px solid rgb(66, 147, 102) !important; | |
| 281 } | |
| 282 .jqx-time-picker .jqx-header .jqx-am-container-office:hover { | |
| 283 outline: 1px solid rgb(66, 147, 102) !important; | |
| 284 background-color: rgb(134, 191, 160); | |
| 285 } | |
| 286 .jqx-time-picker .jqx-header .jqx-pm-container-office:focus { | |
| 287 outline: 1px solid rgb(66, 147, 102) !important; | |
| 288 } | |
| 289 .jqx-time-picker .jqx-header .jqx-pm-container-office:hover { | |
| 290 outline: 1px solid rgb(66, 147, 102) !important; | |
| 291 background-color: rgb(134, 191, 160); | |
| 292 } | |
| 293 .jqx-label-office { | |
| 294 fill: darkgray; | |
| 295 } | |
| 296 .jqx-header-office { | |
| 297 border-bottom: 1px solid rgb(212, 212, 212); | |
| 298 } | |
| 299 .jqx-svg-picker-office:focus { | |
| 300 border: 1px solid rgb(66, 147, 102) !important; | |
| 301 } | |
| 302 .jqx-needle-office { | |
| 303 fill: rgb(66, 147, 102); | |
| 304 } | |
| 305 .jqx-needle-central-circle-office { | |
| 306 fill: rgb(134, 191, 160); | |
| 307 stroke: rgb(66, 147, 102); | |
| 308 } | |
| 309 .jqx-time-picker .jqx-label.jqx-selected-office { | |
| 310 fill: black !important; | |
| 311 } |
