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 778x20
        RenderText {#text} at (0,0) size 343x19
          text run at (0,0) width 343: "Horizontal meters with the non-themed default style"
      RenderBlock {UL} at (3,23) size 778x65
        RenderListItem {LI} at (43,0) size 732x20
          RenderBlock {METER} at (0,2) 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 4x19
            text run at (80,0) width 4: " "
          RenderBlock {METER} at (84,2) 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 4x19
            text run at (164,0) width 4: " "
          RenderBlock {METER} at (168,2) 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,23) size 732x42
          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,21) size 4x19
            text run at (30,21) 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,21) size 4x19
            text run at (64,21) 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,90) size 778x21
        RenderText {#text} at (0,0) size 149x19
          text run at (0,0) width 149: "Providing meter styles"
      RenderBlock {DIV} at (0,113) size 784x75 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x74
          RenderListItem {LI} at (43,0) size 732x20
            RenderBlock {METER} at (0,2) 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 69x19
              text run at (80,0) width 69: " has border"
          RenderListItem {LI} at (43,23) size 732x21
            RenderBlock {METER} at (0,2) 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 76x19
              text run at (80,0) width 76: " has padding"
          RenderListItem {LI} at (43,46) size 732x28
            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,7) size 68x19
              text run at (110,7) width 68: " has margin"
      RenderBlock {H2} at (3,190) size 778x21
        RenderText {#text} at (0,0) size 218x19
          text run at (0,0) width 218: "Providing bar and/or value styles"
      RenderBlock {DIV} at (0,213) size 784x183 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x90
          RenderBlock (anonymous) at (40,0) size 738x20
            RenderText {#text} at (0,0) size 456x19
              text run at (0,0) width 456: "default -webkit-appearance, thus should use platform theme (only for Mac.)"
          RenderListItem {LI} at (43,23) size 732x21
            RenderMeter {METER} at (0,2) size 80x17
            RenderText {#text} at (80,0) size 201x19
              text run at (80,0) width 201: " has bar style but should ignore it."
          RenderListItem {LI} at (43,46) size 732x21
            RenderMeter {METER} at (0,2) size 80x17
            RenderText {#text} at (80,0) size 212x19
              text run at (80,0) width 212: " has value style but should ignore it."
          RenderListItem {LI} at (43,69) size 732x21
            RenderMeter {METER} at (0,2) size 80x17
            RenderText {#text} at (80,0) size 236x19
              text run at (80,0) width 236: " has both styles but should ignore them."
        RenderBlock {UL} at (3,92) size 778x91
          RenderBlock (anonymous) at (40,0) size 738x20
            RenderText {#text} at (0,0) size 442x19
              text run at (0,0) width 442: "-webkit-appearance: none, thus custom styled elements should be shown."
          RenderListItem {LI} at (43,23) size 732x21
            RenderBlock {METER} at (0,2) 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 257x19
              text run at (80,0) width 257: " has bar style, should have solid value part."
          RenderListItem {LI} at (43,46) size 732x21
            RenderBlock {METER} at (0,2) 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 244x19
              text run at (80,0) width 244: " has value style, should be solid bar part."
          RenderListItem {LI} at (43,69) size 732x21
            RenderBlock {METER} at (0,2) 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 224x19
              text run at (80,0) width 224: " should have solid bar and value part."
      RenderBlock {H2} at (3,399) size 778x20
        RenderText {#text} at (0,0) size 151x19
          text run at (0,0) width 151: "Providing appearances"
      RenderBlock {DIV} at (0,422) size 784x44 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x44
          RenderListItem {LI} at (43,0) size 732x20
            RenderBlock {METER} at (0,2) 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 354x19
              text run at (80,0) width 354: " has \"none\" appearance, should be styled with default style."
          RenderListItem {LI} at (43,23) size 732x21
            RenderMeter {METER} at (0,2) size 80x17
            RenderText {#text} at (80,0) size 264x19
              text run at (80,0) width 264: " has \"meter\" appearance, should be themed."
      RenderBlock {H2} at (3,468) size 778x21
        RenderText {#text} at (0,0) size 152x19
          text run at (0,0) width 152: "Providing bar paddings"
      RenderBlock {DIV} at (0,491) size 784x21 [bgcolor=#EEEEEE]
        RenderBlock {METER} at (0,2) 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 155x19
          text run at (80,0) width 155: " has \"padding\" on the bar."