style.css (1219B)
1 div.meter-element { 2 display: inline-block; 3 height: 1em; 4 width: 5em; 5 vertical-align: -0.2em; 6 7 background: linear-gradient(#e6e6e6, #e6e6e6, #eeeeee 20%, #cccccc 45%, #cccccc 55%); 8 } 9 10 div.meter-optimum { 11 float: none ! important; 12 13 height: 100%; 14 /* 15 * We can't apply the following style to the reference because it will have 16 * underisable effectes: 17 * width: 100%; 18 */ 19 20 /* green. */ 21 background: linear-gradient(#ad7, #ad7, #cea 20%, #7a3 45%, #7a3 55%); 22 } 23 24 div.meter-sub-optimum { 25 float: none ! important; 26 27 height: 100%; 28 /* 29 * We can't apply the following style to the reference because it will have 30 * underisable effectes: 31 * width: 100%; 32 */ 33 34 /* orange. */ 35 background: linear-gradient(#fe7, #fe7, #ffc 20%, #db3 45%, #db3 55%); 36 } 37 38 div.meter-sub-sub-optimum { 39 float: none ! important; 40 41 height: 100%; 42 /* 43 * We can't apply the following style to the reference because it will have 44 * underisable effectes: 45 * width: 100%; 46 */ 47 48 /* red. */ 49 background: linear-gradient(#f77, #f77, #fcc 20%, #d44 45%, #d44 55%); 50 } 51 52 meter, meter::-moz-meter-bar, div.meter-element, div.meter-optimum, div.meter-sub-optimum, div.meter-sub-sub-optimum { 53 -moz-appearance: none; 54 }