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 350x17
          text run at (0,0) width 350: "Horizontal meters with the non-themed default style"
      RenderBlock {UL} at (3,21) size 778x63
        RenderListItem {LI} at (43,0) size 732x18
          RenderBlock {METER} at (0,1) size 80x16
            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 4x17
            text run at (80,0) width 4: " "
          RenderBlock {METER} at (84,1) size 80x16
            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 4x17
            text run at (164,0) width 4: " "
          RenderBlock {METER} at (168,1) size 80x16
            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,0) size 30x40
            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,23) size 4x17
            text run at (30,23) width 4: " "
          RenderBlock {METER} at (34,0) size 30x40
            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,23) size 4x17
            text run at (64,23) width 4: " "
          RenderBlock {METER} at (68,0) size 30x40
            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,86) size 778x19
        RenderText {#text} at (0,0) size 150x17
          text run at (0,0) width 150: "Providing meter styles"
      RenderBlock {DIV} at (0,107) size 784x70 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x70
          RenderListItem {LI} at (43,0) size 732x18
            RenderBlock {METER} at (0,1) size 80x16 [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 70x17
              text run at (80,0) width 70: " has border"
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x16 [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 80x17
              text run at (80,0) width 80: " has padding"
          RenderListItem {LI} at (43,42) size 732x28
            RenderBlock {METER} at (10,5) size 80x16 [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,9) size 73x17
              text run at (110,9) width 73: " has margin"
      RenderBlock {H2} at (3,179) size 778x19
        RenderText {#text} at (0,0) size 224x17
          text run at (0,0) width 224: "Providing bar and/or value styles"
      RenderBlock {DIV} at (0,201) size 784x167 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x82
          RenderBlock (anonymous) at (40,0) size 738x18
            RenderText {#text} at (0,0) size 475x17
              text run at (0,0) width 475: "default -webkit-appearance, thus should use platform theme (only for Mac.)"
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 212x17
              text run at (80,0) width 212: " has bar style but should ignore it."
          RenderListItem {LI} at (43,42) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 226x17
              text run at (80,0) width 226: " has value style but should ignore it."
          RenderListItem {LI} at (43,63) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 249x17
              text run at (80,0) width 249: " 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 461x17
              text run at (0,0) width 461: "-webkit-appearance: none, thus custom styled elements should be shown."
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 270x17
              text run at (80,0) width 270: " has bar style, should have solid value part."
          RenderListItem {LI} at (43,42) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 255x17
              text run at (80,0) width 255: " has value style, should be solid bar part."
          RenderListItem {LI} at (43,63) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 235x17
              text run at (80,0) width 235: " should have solid bar and value part."
      RenderBlock {H2} at (3,370) size 778x19
        RenderText {#text} at (0,0) size 156x17
          text run at (0,0) width 156: "Providing appearances"
      RenderBlock {DIV} at (0,391) size 784x40 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x40
          RenderListItem {LI} at (43,0) size 732x18
            RenderBlock {METER} at (0,1) size 80x16
              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 375x17
              text run at (80,0) width 375: " has \"none\" appearance, should be styled with default style."
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x16
              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 276x17
              text run at (80,0) width 276: " has \"meter\" appearance, should be themed."
      RenderBlock {H2} at (3,434) size 778x19
        RenderText {#text} at (0,0) size 161x17
          text run at (0,0) width 161: "Providing bar paddings"
      RenderBlock {DIV} at (0,455) size 784x19 [bgcolor=#EEEEEE]
        RenderBlock {METER} at (0,1) size 80x16
          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 165x17
          text run at (80,0) width 165: " has \"padding\" on the bar."