franta-hg@60: <?xml version="1.0"?>
franta-hg@60: <svg width="1000" height="1000"
franta-hg@60:      xmlns="http://www.w3.org/2000/svg"
franta-hg@60:      xmlns:xlink="http://www.w3.org/1999/xlink">
franta-hg@60: 
franta-hg@60: 
franta-hg@60:     <!--
franta-hg@60:     <a xlink:href="http://frantovo.cz"  xlink:title="Moje stránky!">
franta-hg@60: 	<circle cx="150" cy="100" r="50" style="fill:red; stroke-width: 3; stroke:rgb(0,0,0)"/>
franta-hg@60:     </a>
franta-hg@60: 
franta-hg@60:     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="Nečum!">
franta-hg@60: 	<circle cx="200" cy="100" r="50" style="fill:blue; stroke-width: 3; stroke:rgb(0,0,0)"/>
franta-hg@60:     </a>
franta-hg@60:     -->
franta-hg@60: 
franta-hg@60:     <style type="text/css">
franta-hg@105: 	rect.ne {
franta-hg@105: 	fill:  url(#ne_prechod);
franta-hg@105: 	stroke: black;
franta-hg@60: 	}
franta-hg@105: 	rect.ano {
franta-hg@105: 	fill: url(#ano_prechod);
franta-hg@105: 	stroke: black;
franta-hg@60: 	}
franta-hg@105: 
franta-hg@105: 	a:hover rect.ano, a:hover rect.ne {
franta-hg@105: 	fill: url(#zvyrazneny_prechod);
franta-hg@105: 	}
franta-hg@105: 
franta-hg@105: 	a:hover text {
franta-hg@105: 	fill: green;
franta-hg@105: 	}
franta-hg@105: 
franta-hg@105: 	line.ramecek {
franta-hg@105: 	stroke: black;
franta-hg@105: 	stroke-width: 2;
franta-hg@105: 	}
franta-hg@105: 
franta-hg@105: 
franta-hg@105: 	rect.pozadi {
franta-hg@105: 	fill: url(#pozadi_prechod);
franta-hg@105: 	}
franta-hg@105: 
franta-hg@105: 	text {
franta-hg@105: 	font-size: 12px;
franta-hg@105: 	font-family: Sans;
franta-hg@105: 	}
franta-hg@105: 
franta-hg@60:     </style>
franta-hg@60: 
franta-hg@105:     <!-- pozadí – přechod -->
franta-hg@105:     <defs>
franta-hg@105: 	<linearGradient id="pozadi_prechod" x1="0%" y1="0%" x2="100%" y2="100%">
franta-hg@105: 	    <stop offset="0%" style="stop-color:silver; stop-opacity:1"/>
franta-hg@105: 	    <stop offset="100%" style="stop-color:gray; stop-opacity:1"/>
franta-hg@105: 	</linearGradient>
franta-hg@105:     </defs>
franta-hg@60: 
franta-hg@105:     <!-- nekuřácký graf – přechod -->
franta-hg@105:     <defs>
franta-hg@105: 	<linearGradient id="ne_prechod" x1="0%" y1="0%" x2="100%" y2="100%">
franta-hg@105: 	    <stop offset="0%" style="stop-color:white; stop-opacity:1"/>
franta-hg@105: 	    <stop offset="100%" style="stop-color:blue; stop-opacity:1"/>
franta-hg@105: 	</linearGradient>
franta-hg@105:     </defs>
franta-hg@60: 
franta-hg@105:     <!-- zvýrazněný graf – přechod -->
franta-hg@105:     <defs>
franta-hg@105: 	<linearGradient id="zvyrazneny_prechod" x1="0%" y1="0%" x2="100%" y2="100%">
franta-hg@105: 	    <stop offset="0%" style="stop-color:white; stop-opacity:1"/>
franta-hg@105: 	    <stop offset="100%" style="stop-color:green; stop-opacity:1"/>
franta-hg@105: 	</linearGradient>
franta-hg@105:     </defs>
franta-hg@60: 
franta-hg@105:     <!-- kuřácký graf – přechod -->
franta-hg@105:     <defs>
franta-hg@105: 	<linearGradient id="ano_prechod" x1="0%" y1="0%" x2="100%" y2="100%">
franta-hg@105: 	    <stop offset="0%" style="stop-color:white; stop-opacity:1"/>
franta-hg@105: 	    <stop offset="100%" style="stop-color:red; stop-opacity:1"/>
franta-hg@105: 	</linearGradient>
franta-hg@105:     </defs>
franta-hg@60: 
franta-hg@105:     <!-- pozadí a linka -->
franta-hg@105:     <rect x="0" y="0" width="200" height="200" class="pozadi"/>
franta-hg@105:     <line x1="10" y1="180" x2="190" y2="180" class="ramecek"/>
franta-hg@105: 
franta-hg@105:     <!-- Nadpis grafu -->
franta-hg@105:     <text x="60" y="20">Mělo by se tu:</text>
franta-hg@105: 
franta-hg@105:     <!-- nekuřáci -->
franta-hg@105:     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="xxx nekouřit">
franta-hg@105: 	<text x="30" y="195" class="ne">nekouřit</text>
franta-hg@105: 	<rect x="30" y="30" width="50" height="150" class="ne"/>
franta-hg@105:     </a>
franta-hg@105: 
franta-hg@105:     <!-- kuřáci -->
franta-hg@105:     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="xxx kouřit">
franta-hg@105: 	<text x="130" y="195" class="ano">kouřit</text>
franta-hg@105: 	<rect x="120" y="30" width="50" height="150" class="ano"/>
franta-hg@105:     </a>
franta-hg@60: </svg>