1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/forms/meter/default-style/default-style-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,279 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 + <link rel='stylesheet' type='text/css' href='style.css'>
1.7 + <style>
1.8 + /* optimum = 0.0 */
1.9 + div:nth-child(1) > .meter-optimum { width: 0%; }
1.10 + div:nth-child(2) > .meter-optimum { width: 10%; }
1.11 + div:nth-child(3) > .meter-sub-optimum { width: 30%; }
1.12 + div:nth-child(4) > .meter-sub-optimum { width: 50%; }
1.13 + div:nth-child(5) > .meter-sub-optimum { width: 70%; }
1.14 + div:nth-child(6) > .meter-sub-sub-optimum { width: 80%; }
1.15 + div:nth-child(7) > .meter-sub-sub-optimum { width: 100%; }
1.16 +
1.17 + /* optimum = 0.1 */
1.18 + div:nth-child(8) > .meter-optimum { width: 0%; }
1.19 + div:nth-child(9) > .meter-optimum { width: 10%; }
1.20 + div:nth-child(10) > .meter-sub-optimum { width: 30%; }
1.21 + div:nth-child(11) > .meter-sub-optimum { width: 50%; }
1.22 + div:nth-child(12) > .meter-sub-optimum { width: 70%; }
1.23 + div:nth-child(13) > .meter-sub-sub-optimum { width: 80%; }
1.24 + div:nth-child(14) > .meter-sub-sub-optimum { width: 100%; }
1.25 +
1.26 + /* optimum = 0.3 */
1.27 + div:nth-child(15) > .meter-sub-optimum { width: 0%; }
1.28 + div:nth-child(16) > .meter-sub-optimum { width: 10%; }
1.29 + div:nth-child(17) > .meter-optimum { width: 30%; }
1.30 + div:nth-child(18) > .meter-optimum { width: 50%; }
1.31 + div:nth-child(19) > .meter-optimum { width: 70%; }
1.32 + div:nth-child(20) > .meter-sub-optimum { width: 80%; }
1.33 + div:nth-child(21) > .meter-sub-optimum { width: 100%; }
1.34 +
1.35 + /* optimum = 0.5 */
1.36 + div:nth-child(22) > .meter-sub-optimum { width: 0%; }
1.37 + div:nth-child(23) > .meter-sub-optimum { width: 10%; }
1.38 + div:nth-child(24) > .meter-optimum { width: 30%; }
1.39 + div:nth-child(25) > .meter-optimum { width: 50%; }
1.40 + div:nth-child(26) > .meter-optimum { width: 70%; }
1.41 + div:nth-child(27) > .meter-sub-optimum { width: 80%; }
1.42 + div:nth-child(28) > .meter-sub-optimum { width: 100%; }
1.43 +
1.44 + /* optimum = 0.7 */
1.45 + div:nth-child(29) > .meter-sub-optimum { width: 0%; }
1.46 + div:nth-child(30) > .meter-sub-optimum { width: 10%; }
1.47 + div:nth-child(31) > .meter-optimum { width: 30%; }
1.48 + div:nth-child(32) > .meter-optimum { width: 50%; }
1.49 + div:nth-child(33) > .meter-optimum { width: 70%; }
1.50 + div:nth-child(34) > .meter-sub-optimum { width: 80%; }
1.51 + div:nth-child(35) > .meter-sub-optimum { width: 100%; }
1.52 +
1.53 + /* optimum = 0.8 */
1.54 + div:nth-child(36) > .meter-sub-sub-optimum { width: 0%; }
1.55 + div:nth-child(37) > .meter-sub-sub-optimum { width: 10%; }
1.56 + div:nth-child(38) > .meter-sub-optimum { width: 30%; }
1.57 + div:nth-child(39) > .meter-sub-optimum { width: 50%; }
1.58 + div:nth-child(40) > .meter-sub-optimum { width: 70%; }
1.59 + div:nth-child(41) > .meter-optimum { width: 80%; }
1.60 + div:nth-child(42) > .meter-optimum { width: 100%; }
1.61 +
1.62 + /* optimum = 1.0 */
1.63 + div:nth-child(43) > .meter-sub-sub-optimum { width: 0%; }
1.64 + div:nth-child(44) > .meter-sub-sub-optimum { width: 10%; }
1.65 + div:nth-child(45) > .meter-sub-optimum { width: 30%; }
1.66 + div:nth-child(46) > .meter-sub-optimum { width: 50%; }
1.67 + div:nth-child(47) > .meter-sub-optimum { width: 70%; }
1.68 + div:nth-child(48) > .meter-optimum { width: 80%; }
1.69 + div:nth-child(49) > .meter-optimum { width: 100%; }
1.70 + </style>
1.71 + <body>
1.72 + <!-- optimum = 0.0 -->
1.73 + <div class="meter-element">
1.74 + <div class="meter-optimum">
1.75 + </div>
1.76 + </div>
1.77 + <div class="meter-element">
1.78 + <div class="meter-optimum">
1.79 + </div>
1.80 + </div>
1.81 + <div class="meter-element">
1.82 + <div class="meter-sub-optimum">
1.83 + </div>
1.84 + </div>
1.85 + <div class="meter-element">
1.86 + <div class="meter-sub-optimum">
1.87 + </div>
1.88 + </div>
1.89 + <div class="meter-element">
1.90 + <div class="meter-sub-optimum">
1.91 + </div>
1.92 + </div>
1.93 + <div class="meter-element">
1.94 + <div class="meter-sub-sub-optimum">
1.95 + </div>
1.96 + </div>
1.97 + <div class="meter-element">
1.98 + <div class="meter-sub-sub-optimum">
1.99 + </div>
1.100 + </div>
1.101 +
1.102 + <!-- optimum = 0.1 -->
1.103 + <div class="meter-element">
1.104 + <div class="meter-optimum">
1.105 + </div>
1.106 + </div>
1.107 + <div class="meter-element">
1.108 + <div class="meter-optimum">
1.109 + </div>
1.110 + </div>
1.111 + <div class="meter-element">
1.112 + <div class="meter-sub-optimum">
1.113 + </div>
1.114 + </div>
1.115 + <div class="meter-element">
1.116 + <div class="meter-sub-optimum">
1.117 + </div>
1.118 + </div>
1.119 + <div class="meter-element">
1.120 + <div class="meter-sub-optimum">
1.121 + </div>
1.122 + </div>
1.123 + <div class="meter-element">
1.124 + <div class="meter-sub-sub-optimum">
1.125 + </div>
1.126 + </div>
1.127 + <div class="meter-element">
1.128 + <div class="meter-sub-sub-optimum">
1.129 + </div>
1.130 + </div>
1.131 +
1.132 + <!-- optimum = 0.3 -->
1.133 + <div class="meter-element">
1.134 + <div class="meter-sub-optimum">
1.135 + </div>
1.136 + </div>
1.137 + <div class="meter-element">
1.138 + <div class="meter-sub-optimum">
1.139 + </div>
1.140 + </div>
1.141 + <div class="meter-element">
1.142 + <div class="meter-optimum">
1.143 + </div>
1.144 + </div>
1.145 + <div class="meter-element">
1.146 + <div class="meter-optimum">
1.147 + </div>
1.148 + </div>
1.149 + <div class="meter-element">
1.150 + <div class="meter-optimum">
1.151 + </div>
1.152 + </div>
1.153 + <div class="meter-element">
1.154 + <div class="meter-sub-optimum">
1.155 + </div>
1.156 + </div>
1.157 + <div class="meter-element">
1.158 + <div class="meter-sub-optimum">
1.159 + </div>
1.160 + </div>
1.161 +
1.162 + <!-- optimum = 0.5 -->
1.163 + <div class="meter-element">
1.164 + <div class="meter-sub-optimum">
1.165 + </div>
1.166 + </div>
1.167 + <div class="meter-element">
1.168 + <div class="meter-sub-optimum">
1.169 + </div>
1.170 + </div>
1.171 + <div class="meter-element">
1.172 + <div class="meter-optimum">
1.173 + </div>
1.174 + </div>
1.175 + <div class="meter-element">
1.176 + <div class="meter-optimum">
1.177 + </div>
1.178 + </div>
1.179 + <div class="meter-element">
1.180 + <div class="meter-optimum">
1.181 + </div>
1.182 + </div>
1.183 + <div class="meter-element">
1.184 + <div class="meter-sub-optimum">
1.185 + </div>
1.186 + </div>
1.187 + <div class="meter-element">
1.188 + <div class="meter-sub-optimum">
1.189 + </div>
1.190 + </div>
1.191 +
1.192 + <!-- optimum = 0.7 -->
1.193 + <div class="meter-element">
1.194 + <div class="meter-sub-optimum">
1.195 + </div>
1.196 + </div>
1.197 + <div class="meter-element">
1.198 + <div class="meter-sub-optimum">
1.199 + </div>
1.200 + </div>
1.201 + <div class="meter-element">
1.202 + <div class="meter-optimum">
1.203 + </div>
1.204 + </div>
1.205 + <div class="meter-element">
1.206 + <div class="meter-optimum">
1.207 + </div>
1.208 + </div>
1.209 + <div class="meter-element">
1.210 + <div class="meter-optimum">
1.211 + </div>
1.212 + </div>
1.213 + <div class="meter-element">
1.214 + <div class="meter-sub-optimum">
1.215 + </div>
1.216 + </div>
1.217 + <div class="meter-element">
1.218 + <div class="meter-sub-optimum">
1.219 + </div>
1.220 + </div>
1.221 +
1.222 + <!-- optimum = 0.8 -->
1.223 + <div class="meter-element">
1.224 + <div class="meter-sub-sub-optimum">
1.225 + </div>
1.226 + </div>
1.227 + <div class="meter-element">
1.228 + <div class="meter-sub-sub-optimum">
1.229 + </div>
1.230 + </div>
1.231 + <div class="meter-element">
1.232 + <div class="meter-sub-optimum">
1.233 + </div>
1.234 + </div>
1.235 + <div class="meter-element">
1.236 + <div class="meter-sub-optimum">
1.237 + </div>
1.238 + </div>
1.239 + <div class="meter-element">
1.240 + <div class="meter-sub-optimum">
1.241 + </div>
1.242 + </div>
1.243 + <div class="meter-element">
1.244 + <div class="meter-optimum">
1.245 + </div>
1.246 + </div>
1.247 + <div class="meter-element">
1.248 + <div class="meter-optimum">
1.249 + </div>
1.250 + </div>
1.251 +
1.252 + <!-- optimum = 1.0 -->
1.253 + <div class="meter-element">
1.254 + <div class="meter-sub-sub-optimum">
1.255 + </div>
1.256 + </div>
1.257 + <div class="meter-element">
1.258 + <div class="meter-sub-sub-optimum">
1.259 + </div>
1.260 + </div>
1.261 + <div class="meter-element">
1.262 + <div class="meter-sub-optimum">
1.263 + </div>
1.264 + </div>
1.265 + <div class="meter-element">
1.266 + <div class="meter-sub-optimum">
1.267 + </div>
1.268 + </div>
1.269 + <div class="meter-element">
1.270 + <div class="meter-sub-optimum">
1.271 + </div>
1.272 + </div>
1.273 + <div class="meter-element">
1.274 + <div class="meter-optimum">
1.275 + </div>
1.276 + </div>
1.277 + <div class="meter-element">
1.278 + <div class="meter-optimum">
1.279 + </div>
1.280 + </div>
1.281 + </body>
1.282 +</html>
