layout/reftests/forms/meter/default-style/default-style-ref.html

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <link rel='stylesheet' type='text/css' href='style.css'>
michael@0 4 <style>
michael@0 5 /* optimum = 0.0 */
michael@0 6 div:nth-child(1) > .meter-optimum { width: 0%; }
michael@0 7 div:nth-child(2) > .meter-optimum { width: 10%; }
michael@0 8 div:nth-child(3) > .meter-sub-optimum { width: 30%; }
michael@0 9 div:nth-child(4) > .meter-sub-optimum { width: 50%; }
michael@0 10 div:nth-child(5) > .meter-sub-optimum { width: 70%; }
michael@0 11 div:nth-child(6) > .meter-sub-sub-optimum { width: 80%; }
michael@0 12 div:nth-child(7) > .meter-sub-sub-optimum { width: 100%; }
michael@0 13
michael@0 14 /* optimum = 0.1 */
michael@0 15 div:nth-child(8) > .meter-optimum { width: 0%; }
michael@0 16 div:nth-child(9) > .meter-optimum { width: 10%; }
michael@0 17 div:nth-child(10) > .meter-sub-optimum { width: 30%; }
michael@0 18 div:nth-child(11) > .meter-sub-optimum { width: 50%; }
michael@0 19 div:nth-child(12) > .meter-sub-optimum { width: 70%; }
michael@0 20 div:nth-child(13) > .meter-sub-sub-optimum { width: 80%; }
michael@0 21 div:nth-child(14) > .meter-sub-sub-optimum { width: 100%; }
michael@0 22
michael@0 23 /* optimum = 0.3 */
michael@0 24 div:nth-child(15) > .meter-sub-optimum { width: 0%; }
michael@0 25 div:nth-child(16) > .meter-sub-optimum { width: 10%; }
michael@0 26 div:nth-child(17) > .meter-optimum { width: 30%; }
michael@0 27 div:nth-child(18) > .meter-optimum { width: 50%; }
michael@0 28 div:nth-child(19) > .meter-optimum { width: 70%; }
michael@0 29 div:nth-child(20) > .meter-sub-optimum { width: 80%; }
michael@0 30 div:nth-child(21) > .meter-sub-optimum { width: 100%; }
michael@0 31
michael@0 32 /* optimum = 0.5 */
michael@0 33 div:nth-child(22) > .meter-sub-optimum { width: 0%; }
michael@0 34 div:nth-child(23) > .meter-sub-optimum { width: 10%; }
michael@0 35 div:nth-child(24) > .meter-optimum { width: 30%; }
michael@0 36 div:nth-child(25) > .meter-optimum { width: 50%; }
michael@0 37 div:nth-child(26) > .meter-optimum { width: 70%; }
michael@0 38 div:nth-child(27) > .meter-sub-optimum { width: 80%; }
michael@0 39 div:nth-child(28) > .meter-sub-optimum { width: 100%; }
michael@0 40
michael@0 41 /* optimum = 0.7 */
michael@0 42 div:nth-child(29) > .meter-sub-optimum { width: 0%; }
michael@0 43 div:nth-child(30) > .meter-sub-optimum { width: 10%; }
michael@0 44 div:nth-child(31) > .meter-optimum { width: 30%; }
michael@0 45 div:nth-child(32) > .meter-optimum { width: 50%; }
michael@0 46 div:nth-child(33) > .meter-optimum { width: 70%; }
michael@0 47 div:nth-child(34) > .meter-sub-optimum { width: 80%; }
michael@0 48 div:nth-child(35) > .meter-sub-optimum { width: 100%; }
michael@0 49
michael@0 50 /* optimum = 0.8 */
michael@0 51 div:nth-child(36) > .meter-sub-sub-optimum { width: 0%; }
michael@0 52 div:nth-child(37) > .meter-sub-sub-optimum { width: 10%; }
michael@0 53 div:nth-child(38) > .meter-sub-optimum { width: 30%; }
michael@0 54 div:nth-child(39) > .meter-sub-optimum { width: 50%; }
michael@0 55 div:nth-child(40) > .meter-sub-optimum { width: 70%; }
michael@0 56 div:nth-child(41) > .meter-optimum { width: 80%; }
michael@0 57 div:nth-child(42) > .meter-optimum { width: 100%; }
michael@0 58
michael@0 59 /* optimum = 1.0 */
michael@0 60 div:nth-child(43) > .meter-sub-sub-optimum { width: 0%; }
michael@0 61 div:nth-child(44) > .meter-sub-sub-optimum { width: 10%; }
michael@0 62 div:nth-child(45) > .meter-sub-optimum { width: 30%; }
michael@0 63 div:nth-child(46) > .meter-sub-optimum { width: 50%; }
michael@0 64 div:nth-child(47) > .meter-sub-optimum { width: 70%; }
michael@0 65 div:nth-child(48) > .meter-optimum { width: 80%; }
michael@0 66 div:nth-child(49) > .meter-optimum { width: 100%; }
michael@0 67 </style>
michael@0 68 <body>
michael@0 69 <!-- optimum = 0.0 -->
michael@0 70 <div class="meter-element">
michael@0 71 <div class="meter-optimum">
michael@0 72 </div>
michael@0 73 </div>
michael@0 74 <div class="meter-element">
michael@0 75 <div class="meter-optimum">
michael@0 76 </div>
michael@0 77 </div>
michael@0 78 <div class="meter-element">
michael@0 79 <div class="meter-sub-optimum">
michael@0 80 </div>
michael@0 81 </div>
michael@0 82 <div class="meter-element">
michael@0 83 <div class="meter-sub-optimum">
michael@0 84 </div>
michael@0 85 </div>
michael@0 86 <div class="meter-element">
michael@0 87 <div class="meter-sub-optimum">
michael@0 88 </div>
michael@0 89 </div>
michael@0 90 <div class="meter-element">
michael@0 91 <div class="meter-sub-sub-optimum">
michael@0 92 </div>
michael@0 93 </div>
michael@0 94 <div class="meter-element">
michael@0 95 <div class="meter-sub-sub-optimum">
michael@0 96 </div>
michael@0 97 </div>
michael@0 98
michael@0 99 <!-- optimum = 0.1 -->
michael@0 100 <div class="meter-element">
michael@0 101 <div class="meter-optimum">
michael@0 102 </div>
michael@0 103 </div>
michael@0 104 <div class="meter-element">
michael@0 105 <div class="meter-optimum">
michael@0 106 </div>
michael@0 107 </div>
michael@0 108 <div class="meter-element">
michael@0 109 <div class="meter-sub-optimum">
michael@0 110 </div>
michael@0 111 </div>
michael@0 112 <div class="meter-element">
michael@0 113 <div class="meter-sub-optimum">
michael@0 114 </div>
michael@0 115 </div>
michael@0 116 <div class="meter-element">
michael@0 117 <div class="meter-sub-optimum">
michael@0 118 </div>
michael@0 119 </div>
michael@0 120 <div class="meter-element">
michael@0 121 <div class="meter-sub-sub-optimum">
michael@0 122 </div>
michael@0 123 </div>
michael@0 124 <div class="meter-element">
michael@0 125 <div class="meter-sub-sub-optimum">
michael@0 126 </div>
michael@0 127 </div>
michael@0 128
michael@0 129 <!-- optimum = 0.3 -->
michael@0 130 <div class="meter-element">
michael@0 131 <div class="meter-sub-optimum">
michael@0 132 </div>
michael@0 133 </div>
michael@0 134 <div class="meter-element">
michael@0 135 <div class="meter-sub-optimum">
michael@0 136 </div>
michael@0 137 </div>
michael@0 138 <div class="meter-element">
michael@0 139 <div class="meter-optimum">
michael@0 140 </div>
michael@0 141 </div>
michael@0 142 <div class="meter-element">
michael@0 143 <div class="meter-optimum">
michael@0 144 </div>
michael@0 145 </div>
michael@0 146 <div class="meter-element">
michael@0 147 <div class="meter-optimum">
michael@0 148 </div>
michael@0 149 </div>
michael@0 150 <div class="meter-element">
michael@0 151 <div class="meter-sub-optimum">
michael@0 152 </div>
michael@0 153 </div>
michael@0 154 <div class="meter-element">
michael@0 155 <div class="meter-sub-optimum">
michael@0 156 </div>
michael@0 157 </div>
michael@0 158
michael@0 159 <!-- optimum = 0.5 -->
michael@0 160 <div class="meter-element">
michael@0 161 <div class="meter-sub-optimum">
michael@0 162 </div>
michael@0 163 </div>
michael@0 164 <div class="meter-element">
michael@0 165 <div class="meter-sub-optimum">
michael@0 166 </div>
michael@0 167 </div>
michael@0 168 <div class="meter-element">
michael@0 169 <div class="meter-optimum">
michael@0 170 </div>
michael@0 171 </div>
michael@0 172 <div class="meter-element">
michael@0 173 <div class="meter-optimum">
michael@0 174 </div>
michael@0 175 </div>
michael@0 176 <div class="meter-element">
michael@0 177 <div class="meter-optimum">
michael@0 178 </div>
michael@0 179 </div>
michael@0 180 <div class="meter-element">
michael@0 181 <div class="meter-sub-optimum">
michael@0 182 </div>
michael@0 183 </div>
michael@0 184 <div class="meter-element">
michael@0 185 <div class="meter-sub-optimum">
michael@0 186 </div>
michael@0 187 </div>
michael@0 188
michael@0 189 <!-- optimum = 0.7 -->
michael@0 190 <div class="meter-element">
michael@0 191 <div class="meter-sub-optimum">
michael@0 192 </div>
michael@0 193 </div>
michael@0 194 <div class="meter-element">
michael@0 195 <div class="meter-sub-optimum">
michael@0 196 </div>
michael@0 197 </div>
michael@0 198 <div class="meter-element">
michael@0 199 <div class="meter-optimum">
michael@0 200 </div>
michael@0 201 </div>
michael@0 202 <div class="meter-element">
michael@0 203 <div class="meter-optimum">
michael@0 204 </div>
michael@0 205 </div>
michael@0 206 <div class="meter-element">
michael@0 207 <div class="meter-optimum">
michael@0 208 </div>
michael@0 209 </div>
michael@0 210 <div class="meter-element">
michael@0 211 <div class="meter-sub-optimum">
michael@0 212 </div>
michael@0 213 </div>
michael@0 214 <div class="meter-element">
michael@0 215 <div class="meter-sub-optimum">
michael@0 216 </div>
michael@0 217 </div>
michael@0 218
michael@0 219 <!-- optimum = 0.8 -->
michael@0 220 <div class="meter-element">
michael@0 221 <div class="meter-sub-sub-optimum">
michael@0 222 </div>
michael@0 223 </div>
michael@0 224 <div class="meter-element">
michael@0 225 <div class="meter-sub-sub-optimum">
michael@0 226 </div>
michael@0 227 </div>
michael@0 228 <div class="meter-element">
michael@0 229 <div class="meter-sub-optimum">
michael@0 230 </div>
michael@0 231 </div>
michael@0 232 <div class="meter-element">
michael@0 233 <div class="meter-sub-optimum">
michael@0 234 </div>
michael@0 235 </div>
michael@0 236 <div class="meter-element">
michael@0 237 <div class="meter-sub-optimum">
michael@0 238 </div>
michael@0 239 </div>
michael@0 240 <div class="meter-element">
michael@0 241 <div class="meter-optimum">
michael@0 242 </div>
michael@0 243 </div>
michael@0 244 <div class="meter-element">
michael@0 245 <div class="meter-optimum">
michael@0 246 </div>
michael@0 247 </div>
michael@0 248
michael@0 249 <!-- optimum = 1.0 -->
michael@0 250 <div class="meter-element">
michael@0 251 <div class="meter-sub-sub-optimum">
michael@0 252 </div>
michael@0 253 </div>
michael@0 254 <div class="meter-element">
michael@0 255 <div class="meter-sub-sub-optimum">
michael@0 256 </div>
michael@0 257 </div>
michael@0 258 <div class="meter-element">
michael@0 259 <div class="meter-sub-optimum">
michael@0 260 </div>
michael@0 261 </div>
michael@0 262 <div class="meter-element">
michael@0 263 <div class="meter-sub-optimum">
michael@0 264 </div>
michael@0 265 </div>
michael@0 266 <div class="meter-element">
michael@0 267 <div class="meter-sub-optimum">
michael@0 268 </div>
michael@0 269 </div>
michael@0 270 <div class="meter-element">
michael@0 271 <div class="meter-optimum">
michael@0 272 </div>
michael@0 273 </div>
michael@0 274 <div class="meter-element">
michael@0 275 <div class="meter-optimum">
michael@0 276 </div>
michael@0 277 </div>
michael@0 278 </body>
michael@0 279 </html>

mercurial