www/jqwidgets/styles/jqx.glacier.css@f765249d57d7 (annotated)
www/jqwidgets/styles/jqx.glacier.css
Sat, 23 Feb 2019 19:55:42 +0100
- author
- Michiel Broek <mbroek@mbse.eu>
- date
- Sat, 23 Feb 2019 19:55:42 +0100
- changeset 282
- f765249d57d7
- parent 1
- 37f1a08315f3
- child 451
- 259c97782bf8
- permissions
- -rw-r--r--
ABV calculation uses Daniels method. sg_to_plato and plato_to_sg functions use brewersfriend calculation. Added sg_to_brix and brix_to_sg functions. Make brewdate tab read only when the primary fermentation is ready. Brix aid input functions for primary end sg and final sg fields. Added tooltips on the fermentation tab. Changes in the layout of the fermentation tab.
| 1 | 1 | |
| 2 | .jqx-widget-glacier { | |
| 3 | font-size: 12px; | |
| 4 | font-family: 'segoe ui', arial, sans-serif; | |
| 5 | } | |
| 6 | .jqx-widget-content-glacier{font-family: 'segoe ui', arial, sans-serif; border-color: #d7d7d7; color: #131619; background-color: #fff;} | |
| 7 | .jqx-widget-header-glacier{font-family: 'segoe ui', arial, sans-serif; color: #131619; border-color:#d7d7d7; background-color:#ebebeb;} | |
| 8 | .jqx-fill-state-normal-glacier{font-family: 'segoe ui', arial, sans-serif; border-color: #d7d7d7; color: #131619; background: #ffffff;} | |
| 9 | .jqx-fill-state-hover-glacier{border-color:#dedede; color: #131619; background-color:#dedede; | |
| 10 | ||
| 11 | } | |
| 12 | .jqx-fill-state-focus-glacier { border-color: #cdcdcd; } | |
| 13 | .jqx-fill-state-pressed-glacier{border-color:#006aae; color: #fff; background-color:#006aae;} | |
| 14 | .jqx-fill-state-pressed-glacier.jqx-calendar-cell-othermonth-glacier {color: #f7f3f2 !important;} | |
| 15 | .jqx-fill-state-pressed-glacier.jqx-grid-pager-number-glacier {color: #f7f3f2 !important;} | |
| 16 | .jqx-buttongroup-glacier .jqx-fill-state-pressed{border-color:#d7d7d7;} | |
| 17 | .jqx-listitem-state-group-glacier { | |
| 18 | color: #006aae; | |
| 19 | padding-left:6px; | |
| 20 | } | |
| 21 | ||
| 22 | .jqx-input-glacier { | |
| 23 | border-color: #d7d7d7; | |
| 24 | } | |
| 25 | .jqx-scrollbar-state-normal-glacier, .jqx-grid-bottomright-glacier, .jqx-panel-bottomright-glacier, .jqx-listbox-bottomright-glacier{background-color:#f4f4f4;} | |
| 26 | .jqx-widget-glacier .jqx-grid-column-header-glacier, .jqx-grid-cell-glacier, .jqx-widget-glacier .jqx-grid-cell-glacier, .jqx-widget-glacier .jqx-grid-group-cell-glacier, .jqx-grid-group-cell-glacier{font-family: 'segoe ui', arial, sans-serif; border-color:#d7d7d7;} | |
| 27 | .jqx-tabs-title-selected-bottom-glacier, .jqx-tabs-selection-tracker-bottom-glacier, .jqx-tabs-title-selected-top-glacier, .jqx-tabs-selection-tracker-top-glacier{color: #131619; border-color:#d7d7d7; border-bottom:1px solid #fff; background:#fff} | |
| 28 | .jqx-grid-cell-sort-alt-glacier, .jqx-grid-cell-filter-alt-glacier, .jqx-grid-cell-pinned-glacier, .jqx-grid-cell-alt-glacier, .jqx-grid-cell-sort-glacier{ background-color:#ededed; color: #131619;} | |
| 29 | .jqx-menu-vertical-glacier{background: #fff; border-color: #bcb6b8;} | |
| 30 | .jqx-widget-glacier .jqx-grid-cell-glacier, .jqx-widget-glacier .jqx-grid-column-header-glacier, .jqx-widget-glacier .jqx-grid-group-cell-glacier {color: #131619; border-color: #d7d7d7;} | |
| 31 | .jqx-widget-glacier .jqx-grid-column-menubutton-glacier, .jqx-widget-glacier .jqx-grid-column-sortascbutton-glacier, .jqx-widget-glacier .jqx-grid-column-sortdescbutton-glacier, .jqx-widget-glacier .jqx-grid-column-filterbutton-glacier { | |
| 32 | background-color: transparent; | |
| 33 | border-color: #d7d7d7; | |
| 34 | } | |
| 35 | .jqx-window-header-glacier, .jqx-input-button-header-glacier, .jqx-calendar-title-header-glacier, .jqx-grid-glacier .jqx-widget-header-glacier, .jqx-grid-header-glacier, .jqx-grid-column-header-glacier {font-family: 'segoe ui', arial, sans-serif; border-color:#d7d7d7; background-color:#ebebeb; color: #131619;} | |
| 36 | .jqx-grid-column-menubutton-glacier { | |
| 37 | background-image: url('images/metro-icon-down.png'); | |
| 38 | } | |
| 39 | .jqx-widget-glacier .jqx-grid-cell-selected-glacier, .jqx-grid-cell-selected-glacier{ background-color:#006aae; border-color: #006aae; color:#fff;} | |
| 40 | .jqx-grid-cell-hover-glacier{ background-color:#dedede;} | |
| 41 | /*applied to the column's sort button when the sort order is ascending.*/ | |
| 42 | .jqx-grid-column-sortascbutton-glacier { | |
| 43 | background-image: url('images/metro-icon-up.png'); | |
| 44 | } | |
| 45 | .jqx-grid-column-sortdescbutton-glacier { | |
| 46 | background-image: url('images/metro-icon-down.png'); | |
| 47 | } | |
| 48 | .jqx-checkbox-hover-glacier { | |
| 49 | background-color: #fff; | |
| 50 | } | |
| 51 | .jqx-radiobutton-hover-glacier { | |
| 52 | background-color: #fff; | |
| 53 | } | |
| 54 | .jqx-scrollbar-thumb-state-normal-horizontal-glacier, .jqx-scrollbar-thumb-state-normal-glacier { | |
| 55 | background: #cdcdcd; border-color: #cdcdcd; | |
| 56 | } | |
| 57 | .jqx-scrollbar-thumb-state-hover-horizontal-glacier, .jqx-scrollbar-thumb-state-hover-glacier { | |
| 58 | background: #a6a6a6; border-color: #a6a6a6; | |
| 59 | } | |
| 60 | .jqx-scrollbar-thumb-state-pressed-horizontal-glacier, .jqx-scrollbar-thumb-state-pressed-glacier { | |
| 61 | background: #606060; border-color: #606060; | |
| 62 | } | |
| 63 | .jqx-scrollbar-button-state-normal-glacier | |
| 64 | { | |
| 65 | border: 1px solid #f4f4f4; | |
| 66 | background: #f4f4f4; | |
| 67 | } | |
| 68 | /*applied to the scrollbar buttons in hovered state.*/ | |
| 69 | .jqx-scrollbar-button-state-hover-glacier | |
| 70 | { | |
| 71 | border: 1px solid #dadada; | |
| 72 | background: #dadada; | |
| 73 | } | |
| 74 | /*applied to the scrollbar buttons in pressed state.*/ | |
| 75 | .jqx-scrollbar-button-state-pressed-glacier | |
| 76 | { | |
| 77 | border: 1px solid #606060; | |
| 78 | background: #606060; | |
| 79 | } | |
| 80 | ||
| 81 | /*icons*/ | |
| 82 | .jqx-window-collapse-button-glacier | |
| 83 | { | |
| 84 | background-image: url(images/metro-icon-up.png); | |
| 85 | } | |
| 86 | .jqx-window-collapse-button-collapsed-glacier { | |
| 87 | background-image: url(images/metro-icon-down.png); | |
| 88 | } | |
| 89 | .jqx-icon-arrow-up-glacier, .jqx-expander-arrow-bottom-glacier, .jqx-menu-item-arrow-up-glacier | |
| 90 | { | |
| 91 | background-image: url('images/metro-icon-up.png'); | |
| 92 | } | |
| 93 | .jqx-icon-arrow-down-glacier, .jqx-expander-arrow-top-glacier, .jqx-tree-item-arrow-expand-glacier, .jqx-tree-item-arrow-expand-hover-glacier, .jqx-menu-item-arrow-down-glacier | |
| 94 | { | |
| 95 | background-image: url('images/metro-icon-down.png'); | |
| 96 | } | |
| 97 | .jqx-icon-arrow-left-glacier, .jqx-menu-item-arrow-left-glacier | |
| 98 | { | |
| 99 | background-image: url('images/metro-icon-left.png'); | |
| 100 | } | |
| 101 | .jqx-icon-arrow-right-glacier, .jqx-menu-item-arrow-right-glacier, .jqx-tree-item-arrow-collapse-glacier, .jqx-tree-item-arrow-collapse-hover-glacier | |
| 102 | { | |
| 103 | background-image: url('images/metro-icon-right.png'); | |
| 104 | } | |
| 105 | .jqx-tabs-arrow-left-glacier, .jqx-tree-item-arrow-collapse-rtl-glacier, .jqx-tree-item-arrow-collapse-hover-rtl-glacier | |
| 106 | { | |
| 107 | background-image: url('images/metro-icon-left.png'); | |
| 108 | } | |
| 109 | .jqx-tabs-arrow-right-glacier | |
| 110 | { | |
| 111 | background-image: url('images/metro-icon-right.png'); | |
| 112 | } | |
| 113 | .jqx-menu-item-arrow-up-selected-glacier, .jqx-icon-arrow-up-selected-glacier{background-image:url('images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;} | |
| 114 | .jqx-menu-item-arrow-down-selected-glacier, .jqx-icon-arrow-down-selected-glacier{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;} | |
| 115 | .jqx-menu-item-arrow-left-selected-glacier, .jqx-icon-arrow-left-selected-glacier{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;} | |
| 116 | .jqx-menu-item-arrow-right-selected-glacier, .jqx-icon-arrow-right-selected-glacier{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;} | |
| 117 | .jqx-tabs-close-button-glacier{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 118 | .jqx-tabs-close-button-selected-glacier{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 119 | .jqx-tabs-close-button-hover-glacier{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;} | |
| 120 | .jqx-scrollbar-glacier .jqx-icon-arrow-up-selected-glacier{background-image:url('images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 121 | .jqx-scrollbar-glacier .jqx-icon-arrow-down-selected-glacier{background-image:url('images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 122 | .jqx-scrollbar-glacier .jqx-icon-arrow-left-selected-glacier{background-image:url('images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;} | |
| 123 | .jqx-scrollbar-glacier .jqx-icon-arrow-right-selected-glacier{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;} | |
| 124 | .jqx-slider-slider-glacier | |
| 125 | { | |
| 126 | border-color:#cdcdcd; | |
| 127 | } | |
| 128 | .jqx-slider-button-glacier | |
| 129 | { | |
| 130 | -moz-border-radius: 9px; | |
| 131 | -webkit-border-radius: 9px; | |
| 132 | border-radius: 9px; | |
| 133 | border-color: #cdcdcd; | |
| 134 | } | |
| 135 | .jqx-input-button-content-glacier | |
| 136 | { | |
| 137 | font-size: 10px; | |
| 138 | } | |
| 139 | .jqx-dropdownlist-state-normal-glacier, .jqx-dropdownlist-state-hover-glacier, .jqx-dropdownlist-state-selected-glacier, | |
| 140 | .jqx-scrollbar-button-state-hover-glacier, .jqx-scrollbar-button-state-normal-glacier, .jqx-scrollbar-button-state-pressed-glacier, | |
| 141 | .jqx-scrollbar-thumb-state-normal-horizontal-glacier, .jqx-scrollbar-thumb-state-hover-horizontal-glacier, .jqx-scrollbar-thumb-state-pressed-horizontal-glacier, | |
| 142 | .jqx-scrollbar-thumb-state-normal-glacier, .jqx-scrollbar-thumb-state-pressed-glacier, .jqx-button-glacier, .jqx-tree-item-hover-glacier, .jqx-tree-item-selected-glacier, | |
| 143 | .jqx-tree-item-glacier, .jqx-menu-item-glacier, .jqx-menu-item-hover-glacier, .jqx-menu-item-selected-glacier, .jqx-menu-item-top-glacier, .jqx-menu-item-top-hover-glacier, | |
| 144 | .jqx-menu-item-top-selected-glacier, .jqx-slider-button-glacier, .jqx-slider-slider-glacier | |
| 145 | { | |
| 146 | -webkit-transition: background-color 100ms linear; | |
| 147 | -moz-transition: background-color 100ms linear; | |
| 148 | -o-transition: background-color 100ms linear; | |
| 149 | -ms-transition: background-color 100ms linear; | |
| 150 | transition: background-color 100ms linear; | |
| 151 | } | |
| 152 | .jqx-switchbutton-glacier { | |
| 153 | -moz-border-radius: 0px; | |
| 154 | -webkit-border-radius: 0px; | |
| 155 | border-radius: 0px; | |
| 156 | border: 2px solid #a6a6a6; | |
| 157 | } | |
| 158 | .jqx-switchbutton-thumb-glacier { | |
| 159 | width: 12px; | |
| 160 | background: #000; | |
| 161 | border: 1px solid #000; | |
| 162 | } | |
| 163 | .jqx-switchbutton-label-on-glacier { | |
| 164 | background: #006aae; | |
| 165 | color: #006aae; | |
| 166 | } | |
| 167 | .jqx-switchbutton-label-off-glacier { | |
| 168 | background: #a6a6a6; | |
| 169 | color: #a6a6a6; | |
| 170 | } | |
| 171 | ||
| 172 | .jqx-switchbutton-wrapper-glacier { | |
| 173 | } | |
| 174 | .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-expand-glacier { | |
| 175 | background-image: url('images/metro-icon-down-white.png'); | |
| 176 | background-repeat: no-repeat; | |
| 177 | background-position: center; | |
| 178 | } | |
| 179 | .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-collapse-glacier{ | |
| 180 | background-image: url('images/metro-icon-right-white.png'); | |
| 181 | background-repeat: no-repeat; | |
| 182 | background-position: center; | |
| 183 | } | |
| 184 | .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-collapse-rtl-glacier { | |
| 185 | background-image: url('images/metro-icon-left-white.png'); | |
| 186 | background-repeat: no-repeat; | |
| 187 | background-position: center; | |
| 188 | } | |
| 189 | .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-expand-rtl-glacier{ | |
| 190 | background-image: url('images/metro-icon-down-white.png'); | |
| 191 | background-repeat: no-repeat; | |
| 192 | background-position: center; | |
| 193 | } | |
| 194 | .jqx-grid-group-collapse-glacier { | |
| 195 | background-image: url(images/metro-icon-right.png); | |
| 196 | background-position: 50% 50%; | |
| 197 | background-repeat: no-repeat; | |
| 198 | } | |
| 199 | .jqx-grid-group-collapse-rtl-glacier | |
| 200 | { | |
| 201 | padding-right: 0px; | |
| 202 | background-image: url(images/metro-icon-left.png); | |
| 203 | background-position: 50% 50%; | |
| 204 | background-repeat: no-repeat; | |
| 205 | } | |
| 206 | .jqx-grid-group-expand-glacier, .jqx-grid-group-expand-rtl-glacier | |
| 207 | { | |
| 208 | padding-right: 0px; | |
| 209 | background-image: url(images/metro-icon-down.png); | |
| 210 | background-position: 50% 50%; | |
| 211 | background-repeat: no-repeat; | |
| 212 | } | |
| 213 | .jqx-icon-arrow-first-glacier | |
| 214 | { | |
| 215 | background-image: url('images/metro-icon-first.png'); | |
| 216 | background-repeat: no-repeat; | |
| 217 | background-position: center; | |
| 218 | } | |
| 219 | .jqx-icon-arrow-last-glacier | |
| 220 | { | |
| 221 | background-image: url('images/metro-icon-last.png'); | |
| 222 | background-repeat: no-repeat; | |
| 223 | background-position: center; | |
| 224 | } | |
| 225 | .jqx-icon-arrow-first-hover-glacier | |
| 226 | { | |
| 227 | background-image: url('images/metro-icon-first.png'); | |
| 228 | background-repeat: no-repeat; | |
| 229 | background-position: center; | |
| 230 | } | |
| 231 | .jqx-icon-arrow-last-hover-glacier | |
| 232 | { | |
| 233 | background-image: url('images/metro-icon-last.png'); | |
| 234 | background-repeat: no-repeat; | |
| 235 | background-position: center; | |
| 236 | } | |
| 237 | .jqx-icon-arrow-first-selected-glacier | |
| 238 | { | |
| 239 | background-image: url('images/metro-icon-first-white.png'); | |
| 240 | background-repeat: no-repeat; | |
| 241 | background-position: center; | |
| 242 | } | |
| 243 | .jqx-icon-arrow-last-selected-glacier | |
| 244 | { | |
| 245 | background-image: url('images/metro-icon-last-white.png'); | |
| 246 | background-repeat: no-repeat; | |
| 247 | background-position: center; | |
| 248 | } | |
| 249 | .jqx-tree-grid-collapse-button-glacier { | |
| 250 | margin-top: 1px; | |
| 251 | } | |
| 252 | .jqx-icon-calendar-pressed-glacier { | |
| 253 | background-image: url('images/icon-calendar-white.png'); | |
| 254 | } | |
| 255 | .jqx-icon-time-pressed-glacier { | |
| 256 | background-image: url('images/icon-time-white.png'); | |
| 257 | } |
