comparison: www/jqwidgets/styles/jqx.shinyblack.css
www/jqwidgets/styles/jqx.shinyblack.css
- changeset 1
- 37f1a08315f3
- child 451
- 259c97782bf8
equal
deleted
inserted
replaced
| 0:033898178630 | 1:37f1a08315f3 |
|---|---|
| 1 .jqx-widget-shinyblack{border-color:#222} | |
| 2 .jqx-widget-content-shinyblack{color:#222; border-color:#262626} | |
| 3 .jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url(images/bg_black.png) left center scroll repeat-x} | |
| 4 .jqx-fill-state-hover-shinyblack{background:transparent url(images/bg_blackhover.png) left center scroll repeat-x; border-color:#262626; color:#fff} | |
| 5 .jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url(images/bg_blackpressed.png) left center scroll repeat-x; border-color:#262626; color:#fff} | |
| 6 | |
| 7 .jqx-checkbox-check-checked-shinyblack{background:transparent url(images/check_white.png) left top no-repeat} | |
| 8 .jqx-checkbox-check-indeterminate-shinyblack{background:transparent url(images/check_indeterminate_white.png) left top no-repeat} | |
| 9 .jqx-grid-shinyblack, .jqx-grid-header-shinyblack, .jqx-grid-cell-shinyblack{border-color:#262626} | |
| 10 .jqx-widget-shinyblack .jqx-grid-cell-shinyblack, .jqx-widget-shinyblack .jqx-grid-group-cell-shinyblack{border-color:#262626} | |
| 11 .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortascbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortdescbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-filterbutton-shinyblack{border-color:#262626} | |
| 12 .jqx-widget-shinyblack .jqx-grid-column-header-shinyblack{border-color:#262626} | |
| 13 .jqx-grid-bottomright-shinyblack, .jqx-panel-bottomright-shinyblack, .jqx-listbox-bottomright-shinyblack{background-color:#262626} | |
| 14 .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-menu-vertical-shinyblack{background-color:#262626; border-color:#262626} | |
| 15 .jqx-grid-selectionarea-shinyblack{background-color:#262626; border:1px solid #262626; opacity:0.5} | |
| 16 .jqx-grid-group-cell-shinyblack{border-color:#262626; background-color:#fff} | |
| 17 .jqx-grid-cell-sort-shinyblack, .jqx-grid-cell-filter-shinyblack, .jqx-grid-cell-pinned-shinyblack{ background-color:#eaf8ff} | |
| 18 .jqx-grid-cell-alt-shinyblack, .jqx-grid-cell-sort-alt-shinyblack, .jqx-grid-cell-filter-alt-shinyblack{ background-color:#deedf5} | |
| 19 .jqx-grid-cell-selected-shinyblack{background:#262626; color:#fff} | |
| 20 .jqx-grid-cell-hover-shinyblack{background:#646464; color:#fff} | |
| 21 .jqx-menu-vertical-shinyblack{background: #222; color:#fff;} | |
| 22 .jqx-scrollbar-state-normal-shinyblack{background:#555; border:1px solid #555} | |
| 23 .jqx-scrollbar-button-state-normal-shinyblack{border:1px solid #555; background:#555} | |
| 24 .jqx-scrollbar-button-state-hover-shinyblack{background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000} | |
| 25 .jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000} | |
| 26 .jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url(images/bg_black.png) left top scroll repeat-x; border:1px solid #000} | |
| 27 .jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000} | |
| 28 .jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000} | |
| 29 .jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url(images/bg_black_horizontal.png) left top scroll repeat-x; border:1px solid #000} | |
| 30 .jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url(images/bg_blackhover_horizontal.png) left top scroll repeat-x; border:1px solid #000} | |
| 31 .jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed_horizontal.png) left top scroll repeat-x; border:1px solid #000} | |
| 32 .jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-splitbar-vertical-shinyblack, .jqx-splitter-splitbar-hover-shinyblack, .jqx-splitter-splitbar-hover-horizontal-shinyblack{background: #555;} | |
| 33 .jqx-splitter-collapse-button-horizontal-shinyblack, .jqx-splitter-collapse-button-vertical-shinyblack{background: #7f7f7f;} | |
| 34 .jqx-grid-column-sortascbutton-shinyblack, .jqx-expander-arrow-bottom-shinyblack, .jqx-window-collapse-button-shinyblack, .jqx-menu-item-arrow-up-shinyblack, .jqx-menu-item-arrow-up-selected-shinyblack, .jqx-menu-item-arrow-top-up-shinyblack, .jqx-icon-arrow-up-shinyblack, .jqx-icon-arrow-up-hover-shinyblack, .jqx-icon-arrow-up-selected-shinyblack{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center} | |
| 35 .jqx-grid-column-menubutton-shinyblack, .jqx-grid-column-sortdescbutton-shinyblack, .jqx-expander-arrow-top-shinyblack, .jqx-window-collapse-button-collapsed-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-menu-item-arrow-down-selected-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-icon-arrow-down-shinyblack, .jqx-icon-arrow-down-hover-shinyblack, .jqx-icon-arrow-down-selected-shinyblack{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center} | |
| 36 | |
| 37 .jqx-icon-arrow-left-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center} | |
| 38 .jqx-icon-arrow-right-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center} | |
| 39 .jqx-menu-item-arrow-left-shinyblack{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center} | |
| 40 .jqx-menu-item-arrow-right-shinyblack{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center} | |
| 41 | |
| 42 .jqx-tabs-arrow-left-shinyblack, .jqx-menu-item-arrow-left-selected-shinyblack, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-down-left-shinyblack, .jqx-icon-arrow-left-selected-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center} | |
| 43 .jqx-tabs-arrow-right-shinyblack, .jqx-menu-item-arrow-right-selected-shinyblack, .jqx-menu-item-arrow-top-right-shinyblack, .jqx-icon-arrow-right-hover-shinyblack, .jqx-icon-arrow-right-selected-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center} | |
| 44 .jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center} | |
| 45 /*applied to the progressbar's value element*/ | |
| 46 .jqx-progressbar-value-shinyblack{background: #555;} | |
| 47 .jqx-progressbar-value-vertical-shinyblack{background: #555;} | |
| 48 .jqx-icon-arrow-first-shinyblack | |
| 49 { | |
| 50 background-image: url('images/icon-first-white.png'); | |
| 51 background-repeat: no-repeat; | |
| 52 background-position: center; | |
| 53 } | |
| 54 .jqx-icon-arrow-last-shinyblack | |
| 55 { | |
| 56 background-image: url('images/icon-last-white.png'); | |
| 57 background-repeat: no-repeat; | |
| 58 background-position: center; | |
| 59 } | |
| 60 | |
| 61 .jqx-grid-group-expand-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-expand-shinyblack, .jqx-tree-item-arrow-expand-shinyblack { | |
| 62 background-image: url('images/icon-down.png'); | |
| 63 background-repeat: no-repeat; | |
| 64 background-position: center; | |
| 65 } | |
| 66 .jqx-grid-group-collapse-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-collapse-shinyblack, .jqx-tree-item-arrow-collapse-shinyblack { | |
| 67 background-image: url('images/icon-right.png'); | |
| 68 background-repeat: no-repeat; | |
| 69 background-position: center; | |
| 70 } | |
| 71 .jqx-grid-group-collapse-rtl-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack, .jqx-tree-item-arrow-collapse-rtl-shinyblack { | |
| 72 background-image: url('images/icon-left.png'); | |
| 73 background-repeat: no-repeat; | |
| 74 background-position: center; | |
| 75 } | |
| 76 .jqx-grid-group-expand-rtl-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-expand-rtl-shinyblack { | |
| 77 background-image: url('images/icon-down.png'); | |
| 78 background-repeat: no-repeat; | |
| 79 background-position: center; | |
| 80 } | |
| 81 .jqx-date-time-input-popup-shinyblack .jqx-icon-arrow-down-shinyblack { | |
| 82 background-image: url('images/icon-down.png'); | |
| 83 background-repeat: no-repeat; | |
| 84 background-position: center; | |
| 85 } | |
| 86 .jqx-date-time-input-popup-shinyblack .jqx-icon-arrow-up-shinyblack { | |
| 87 background-image: url('images/icon-up.png'); | |
| 88 background-repeat: no-repeat; | |
| 89 background-position: center; | |
| 90 } | |
| 91 | |
| 92 .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-expand-shinyblack, | |
| 93 .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-expand-shinyblack { | |
| 94 background-image: url('images/icon-down-white.png'); | |
| 95 background-repeat: no-repeat; | |
| 96 background-position: center; | |
| 97 } | |
| 98 .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-collapse-shinyblack, | |
| 99 .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-collapse-shinyblack { | |
| 100 background-image: url('images/icon-right-white.png'); | |
| 101 background-repeat: no-repeat; | |
| 102 background-position: center; | |
| 103 } | |
| 104 .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack, | |
| 105 .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack { | |
| 106 background-image: url('images/icon-left-white.png'); | |
| 107 background-repeat: no-repeat; | |
| 108 background-position: center; | |
| 109 } | |
| 110 .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-expand-rtl-shinyblack, | |
| 111 .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-expand-rtl-shinyblack { | |
| 112 background-image: url('images/icon-down-white.png'); | |
| 113 background-repeat: no-repeat; | |
| 114 background-position: center; | |
| 115 } | |
| 116 .jqx-icon-search-shinyblack | |
| 117 { | |
| 118 background-image: url(images/search_white.png); | |
| 119 background-repeat: no-repeat; | |
| 120 background-position: center; | |
| 121 } | |
| 122 .jqx-icon-calendar-shinyblack, .jqx-icon-calendar-hover-shinyblack, .jqx-icon-calendar-pressed-shinyblack { | |
| 123 background-image: url('images/icon-calendar-white.png'); | |
| 124 } | |
| 125 .jqx-icon-time-shinyblack, .jqx-icon-time-hover-shinyblack, .jqx-icon-time-pressed-shinyblack { | |
| 126 background-image: url('images/icon-time-white.png'); | |
| 127 } | |
| 128 .jqx-icon-delete-shinyblack | |
| 129 { | |
| 130 background-image: url('images/icon-delete-white.png'); | |
| 131 } | |
| 132 .jqx-icon-edit-shinyblack | |
| 133 { | |
| 134 background-image: url('images/icon-edit-white.png'); | |
| 135 } | |
| 136 .jqx-icon-save-shinyblack | |
| 137 { | |
| 138 background-image: url('images/icon-save-white.png'); | |
| 139 } | |
| 140 .jqx-icon-cancel-shinyblack | |
| 141 { | |
| 142 background-image: url('images/icon-cancel-white.png'); | |
| 143 } | |
| 144 .jqx-icon-search-shinyblack | |
| 145 { | |
| 146 background-image: url(images/search_white.png); | |
| 147 } | |
| 148 .jqx-icon-plus-shinyblack | |
| 149 { | |
| 150 background-image: url(images/plus_white.png); | |
| 151 } | |
| 152 .jqx-menu-minimized-button-shinyblack { | |
| 153 background-image: url('images/icon-menu-minimized-white.png'); | |
| 154 } | |
| 155 .jqx-editor-toolbar-icon-shinyblack { | |
| 156 background: url('images/html_editor_white.png') no-repeat; | |
| 157 } | |
| 158 .jqx-layout-shinyblack | |
| 159 { | |
| 160 background-color: #000; | |
| 161 } | |
| 162 .jqx-layout-pseudo-window-pin-icon-shinyblack | |
| 163 { | |
| 164 background-image: url("images/pin-white.png"); | |
| 165 } | |
| 166 .jqx-layout-pseudo-window-pinned-icon-shinyblack | |
| 167 { | |
| 168 background-image: url("images/pinned-white.png"); | |
| 169 } | |
| 170 .jqx-scheduler-month-cell-shinyblack, .jqx-scheduler-time-column-shinyblack, .jqx-scheduler-toolbar-shinyblack | |
| 171 { | |
| 172 background: #35353A !important; | |
| 173 color: #fff !important; | |
| 174 } | |
| 175 .jqx-widget-shinyblack .jqx-scheduler-middle-cell-shinyblack, .jqx-scheduler-middle-cell-shinyblack { | |
| 176 border-bottom-color: #35353A !important; | |
| 177 } | |
| 178 .jqx-kanban-item-shinyblack { | |
| 179 box-shadow:none; | |
| 180 } | |
| 181 | |
| 182 .jqx-grid-column-menubutton-shinyblack { | |
| 183 border-style: solid; | |
| 184 border-width: 0px 0px 0px 1px; | |
| 185 border-color: transparent; | |
| 186 background-image: url('images/icon-menu-small-white.png') !important; | |
| 187 background-repeat: no-repeat; | |
| 188 background-position: center; | |
| 189 cursor: pointer; | |
| 190 } | |
| 191 .jqx-item-shinyblack .jqx-grid-sortasc-icon | |
| 192 { | |
| 193 background-image: url('images/icon-sort-asc-white.png'); | |
| 194 background-repeat: no-repeat; | |
| 195 background-position: left center; | |
| 196 width: 16px; | |
| 197 height: 16px; | |
| 198 float: left; | |
| 199 margin-left: -4px; | |
| 200 margin-right: 4px; | |
| 201 } | |
| 202 /*applied to the sort ascending menu item in the Grid's Context Menu*/ | |
| 203 .jqx-item-shinyblack .jqx-grid-sortdesc-icon | |
| 204 { | |
| 205 background-image: url('images/icon-sort-desc-white.png'); | |
| 206 background-repeat: no-repeat; | |
| 207 background-position: left center; | |
| 208 width: 16px; | |
| 209 height: 16px; | |
| 210 float: left; | |
| 211 margin-left: -4px; | |
| 212 margin-right: 4px; | |
| 213 } | |
| 214 /*applied to the grid menu's sort remove item/*/ | |
| 215 .jqx-item-shinyblack .jqx-grid-sortremove-icon | |
| 216 { | |
| 217 background-image: url('images/icon-sort-remove-white.png'); | |
| 218 background-repeat: no-repeat; | |
| 219 background-position: left center; | |
| 220 width: 16px; | |
| 221 height: 16px; | |
| 222 float: left; | |
| 223 margin-left: -4px; | |
| 224 margin-right: 4px; | |
| 225 } |
