layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x584
      RenderBlock {H2} at (3,0) size 778x18
        RenderText {#text} at (0,0) size 357x18
          text run at (0,0) width 357: "Horizontal meters with the non-themed default style"
      RenderBlock {UL} at (3,21) size 778x62
        RenderListItem {LI} at (43,0) size 732x18
          RenderBlock {METER} at (0,1) size 80x17
            RenderBlock {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 20x16
          RenderText {#text} at (80,0) size 4x18
            text run at (80,0) width 4: " "
          RenderBlock {METER} at (84,1) size 80x17
            RenderBlock {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 36x16
          RenderText {#text} at (164,0) size 4x18
            text run at (164,0) width 4: " "
          RenderBlock {METER} at (168,1) size 80x17
            RenderBlock {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 60x16
        RenderListItem {LI} at (43,21) size 732x41
          RenderBlock {METER} at (0,-1) size 30x41
            RenderBlock {DIV} at (0,0) size 30x40
              RenderBlock {DIV} at (0,0) size 30x40
                RenderBlock {DIV} at (0,0) size 8x40
          RenderText {#text} at (30,22) size 4x18
            text run at (30,22) width 4: " "
          RenderBlock {METER} at (34,-1) size 30x41
            RenderBlock {DIV} at (0,0) size 30x40
              RenderBlock {DIV} at (0,0) size 30x40
                RenderBlock {DIV} at (0,0) size 14x40
          RenderText {#text} at (64,22) size 4x18
            text run at (64,22) width 4: " "
          RenderBlock {METER} at (68,-1) size 30x41
            RenderBlock {DIV} at (0,0) size 30x40
              RenderBlock {DIV} at (0,0) size 30x40
                RenderBlock {DIV} at (0,0) size 23x40
      RenderBlock {H2} at (3,85) size 778x19
        RenderText {#text} at (0,0) size 153x18
          text run at (0,0) width 153: "Providing meter styles"
      RenderBlock {DIV} at (0,106) size 784x70 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x69
          RenderListItem {LI} at (43,0) size 732x18
            RenderBlock {METER} at (0,1) size 80x17 [bgcolor=#AAAACC] [border: (5px solid #222244) (20px solid #222244) (5px solid #222244) (10px solid #222244)]
              RenderBlock {DIV} at (10,5) size 50x6
                RenderBlock {DIV} at (0,0) size 50x6
                  RenderBlock {DIV} at (0,0) size 40x6
            RenderText {#text} at (80,0) size 72x18
              text run at (80,0) width 72: " has border"
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x17 [bgcolor=#AAAACC]
              RenderBlock {DIV} at (10,5) size 50x6
                RenderBlock {DIV} at (0,0) size 50x6
                  RenderBlock {DIV} at (0,0) size 40x6
            RenderText {#text} at (80,0) size 81x18
              text run at (80,0) width 81: " has padding"
          RenderListItem {LI} at (43,42) size 732x27
            RenderBlock {METER} at (10,4) size 80x17 [bgcolor=#AAAACC]
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16
                  RenderBlock {DIV} at (0,0) size 64x16
            RenderText {#text} at (110,8) size 75x18
              text run at (110,8) width 75: " has margin"
      RenderBlock {H2} at (3,178) size 778x19
        RenderText {#text} at (0,0) size 226x18
          text run at (0,0) width 226: "Providing bar and/or value styles"
      RenderBlock {DIV} at (0,199) size 784x167 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x82
          RenderBlock (anonymous) at (40,0) size 738x18
            RenderText {#text} at (0,0) size 486x18
              text run at (0,0) width 486: "default -webkit-appearance, thus should use platform theme (only for Mac.)"
          RenderListItem {LI} at (43,21) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 217x18
              text run at (80,0) width 217: " has bar style but should ignore it."
          RenderListItem {LI} at (43,42) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 232x18
              text run at (80,0) width 232: " has value style but should ignore it."
          RenderListItem {LI} at (43,63) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 255x18
              text run at (80,0) width 255: " has both styles but should ignore them."
        RenderBlock {UL} at (3,84) size 778x83
          RenderBlock (anonymous) at (40,0) size 738x18
            RenderText {#text} at (0,0) size 470x18
              text run at (0,0) width 470: "-webkit-appearance: none, thus custom styled elements should be shown."
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x17
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16
                  RenderBlock {DIV} at (0,0) size 64x16 [bgcolor=#008000] [border: (2px solid #77CC77)]
            RenderText {#text} at (80,0) size 276x18
              text run at (80,0) width 276: " has bar style, should have solid value part."
          RenderListItem {LI} at (43,42) size 732x19
            RenderBlock {METER} at (0,1) size 80x17
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border: (2px solid #222222)]
                  RenderBlock {DIV} at (2,2) size 61x12
            RenderText {#text} at (80,0) size 261x18
              text run at (80,0) width 261: " has value style, should be solid bar part."
          RenderListItem {LI} at (43,63) size 732x19
            RenderBlock {METER} at (0,1) size 80x17
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border: (2px solid #222222)]
                  RenderBlock {DIV} at (2,2) size 61x12 [bgcolor=#008000] [border: (2px solid #77CC77)]
            RenderText {#text} at (80,0) size 240x18
              text run at (80,0) width 240: " should have solid bar and value part."
      RenderBlock {H2} at (3,369) size 778x18
        RenderText {#text} at (0,0) size 157x18
          text run at (0,0) width 157: "Providing appearances"
      RenderBlock {DIV} at (0,390) size 784x40 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x40
          RenderListItem {LI} at (43,0) size 732x18
            RenderBlock {METER} at (0,1) size 80x17
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16
                  RenderBlock {DIV} at (0,0) size 64x16
            RenderText {#text} at (80,0) size 381x18
              text run at (80,0) width 381: " has \"none\" appearance, should be styled with default style."
          RenderListItem {LI} at (43,21) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 280x18
              text run at (80,0) width 280: " has \"meter\" appearance, should be themed."
      RenderBlock {H2} at (3,432) size 778x19
        RenderText {#text} at (0,0) size 162x18
          text run at (0,0) width 162: "Providing bar paddings"
      RenderBlock {DIV} at (0,453) size 784x19 [bgcolor=#EEEEEE]
        RenderBlock {METER} at (0,1) size 80x17
          RenderBlock {DIV} at (0,0) size 80x16
            RenderBlock {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (5,5) size 35x6
        RenderText {#text} at (80,0) size 166x18
          text run at (80,0) width 166: " has \"padding\" on the bar."