Blitz - WPT: quotes-036.xht

wpt / css / CSS2 / generated-content / quotes-036.xht

/css/CSS2/generated-content/quotes-036.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: CSS and Quotes: Counting Right (Evil Version)</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/002.xml" type="application/xhtml+xml"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes" />
  <link rel="match" href="quotes-035-ref.xht"/>
  <meta name="flags" content="may"/>
  <style type="text/css">
  <![CDATA[
     .party1 * { display: inline; }
     .party1 .a { quotes: "Isn"        "'"
                          "t"          "FAIL!"
                          "FAIL!"      " i"; }
     .party1 .b { quotes: ""           "FAIL!!"
                          " wonderful" "!!!"
                          " to "       " work"
                          "see "       " [FAIL to]"
                          "C"          "quotes"
                          "S"          " "; }
     .party1 .c { quotes: none; }
     .party1 .d { quotes: "FAIL!"      "FAIL!"
                          "FAIL!"      "FAIL!"
                          ""           ""; }
     .test { margin-left: 2em; }
     .test .no-open:before { content: no-open-quote; }
     .test .open:before { content: open-quote; }
     .test .triple-open:before { content: open-quote open-quote open-quote; }
     .test .no-close:after { content: no-close-quote; }
     .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
     .test .close:after { content: close-quote; }
     .test .triple-close:after { content: close-quote close-quote close-quote; }
     .test .no-close-open:before { content: no-close-quote open-quote; }

     /* hr br */
     .test hr, .test br { display: inline; margin: 0; padding: 0;
       height: auto; width: auto; border: none; color: inherit;
       background: transparent; }
     .test br:before { content: "" }
     .test br:after { content: "" }
  ]]>
  </style>
 </head>
 <body>

    <!--                                               Isn't it wonderful to see CSS quotes work!!!
    --><div class="test c party1"><!--               c 0
     --><div class="a open close"><!-- open          a 1 isn
     --></div><!-- close                             a 0 '
     --><div class="a"><!--                          a 0
      --><div class="c open"><!-- open               c 1
       --><div class="a open"><!-- open              a 2 t
       --></div><!--                                 a 2
      --></div><!--                                  c 2
      --><div class="no-open close"><!--             a 3 [FAIL!]
      --></div><!-- close                            a 2 i
     --></div><!--                                   a 2
     --><div class="no-close-open no-close a"><!--   a 2 [FAIL!] t
     --></div><!-- close                             a 1
     --><div class="d no-open no-close"><!-- open    d 2 [FAIL!]
      --><div class="open close"><!-- open           d 3
       --><div class="open close"><!-- open          d 4
       --></div><!-- close                           d 3
      --></div><!-- close                            d 2
     --></div><!-- close                             d 1 [FAIL!]
     --><div class="b no-close"><!--                 b 1
      --><br class="triple-no-close"/><!-- close     b 0 [FAIL!!]                  <<< EVIL
      --><hr class="triple-open"/><!-- open x 3      b 3 "", "wonderful ", "to "   <<< EVIL
      --><br class="triple-open"/><!-- open x 3      b 6 "see ", "C", "S"          <<< EVIL
      --><div class="open close"><!-- open           b 7 S
       --><div class="close"><!--                    b 7
        --><div class="no-close"><!--                b 7
         --><div class="close"><!--                  b 7
          --><div class="no-close"><!--              b 7
           --><div class="close"><!--                b 7
           --></div><!-- close                       b 6 " "
          --></div><!-- close                        b 5 [" "]
         --></div><!-- close                         b 4  quotes
        --></div><!-- close                          b 3 [ FAIL to]
       --></div><!-- close                           b 2  work
      --></div><!-- close                            b 1 !!!
     --></div><!-- close                             b 0 [FAIL!!]
    --></div><!--                                    b 0
    -->

 </body>
</html>

/css/CSS2/generated-content/quotes-035-ref.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Reftest Reference</title>
  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
  <style type="text/css"><![CDATA[
    .test { margin-left: 2em; }
  ]]></style>
 </head>
 <body>
   <div class="test">Isn't it wonderful to see CSS quotes work!!!</div>
 </body>
</html>