﻿<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<!--======================================================================-->
<!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
<!--=  Institute of Technology, Institut National de Recherche en        =-->
<!--=  Informatique et en Automatique, Keio University). All Rights      =-->
<!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="basic" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="ED" owner="CL" desc="dynamic pseudoclass test" status="accepted" version="$Revision: 1.5 $" testname="$RCSfile: styling-css-06-b.svg,v $">
    <OperatorScript>
      <Paragraph>
                Tests the dynamic pseudoclasses :link, :visited, :active, :hover and :focus. For the test to work, you must have previously visited ../linkingToc-t.svg which you can do by traversing the "Visited" link, then going back to this test file.</Paragraph>
             <Paragraph>The links marked "Visited" and "Hover me" should now be purple, while the "Unvisited" link is blue.</Paragraph>
             <Paragraph>If you do not have a pointing device, or if it provides pick but not hover (eg a stylus on a PDA) skip the hover portion of the test and mark this part as passed. Hover the pointing device over the "Hover me" and then, over the "And me, too!". As each of the two text strings text is hovered, it should turn a dark orange color while the other string should be black. </Paragraph>
<Paragraph> If the device you are using does not support text selection, eg a mobile phone, you may skip this part of the test and consider this partpassed. Finally, select some of the "Select me" text. As you do so, the whole "Select me" text should turn pale green.</Paragraph>
<Paragraph>Because this is a dynamic test  a single static image cannot fully capture all the states. The reference image simulates the state during the third subtest. Visited and unvisited links have the appropriate blue and purple colors. The color and presentation of the selected text are user-agent dependent, but the unselected part of the "Select me" text must be red and underlined.</Paragraph>
    </OperatorScript>
  </SVGTestCase>
  <title id="test-title">$RCSfile: styling-css-06-b.svg,v $</title>
  <g id="test-body-content">
    <style type="text/css">
    svg:hover {fill: none}
    text {fill: black} 
    :link {fill: #33F}
    :visited {fill: rgb(138, 43, 226)}
    text:active {text-decoration: underline; fill: red }
    :hover {fill: rgb(255, 140, 0) }
    rect:hover {fill: none }
    text#revision:hover {fill: black}
    :focus { fill:  	rgb( 0, 255, 127) }
  </style>
    <g font-size="30">
      <text x="50" y="100" id="act"><a xlink:href="resources/linkingToc-t.svg">Visited</a></text>
      <text x="250" y="100"><a xlink:href="http://example.com/not-there">Unvisited</a></text>
      <text x="50" y="170"><a xlink:href="resources/linkingToc-t.svg">Hover me</a></text>
      <text x="250" y="170">And me, too!</text>
      <text x="150" y="240" id="sel">Select me</text>
    </g>
  </g>
  <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.5 $</text>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>