Hi all,

I have some Christmas gifts for you!  That is, if you use Firefox:

http://wwwpub.zih.tu-dresden.de/~s9783698/svg/css-presents.svg

As code:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns="http://www.w3.org/2000/svg";
   version="1.1"
   xmlns:xlink="http://www.w3.org/1999/xlink";
>
  <defs>
    <style>
      .redbox .boxtop {fill:#e33}
      .redbox .boxside {fill:#a11}
      .redbox .boxfront {fill:#c22}
      .redbox .ribbontop {fill:#3e3}
      .redbox .ribbonside {fill:#1a1}
      .redbox .ribbonfront {fill:#2c2}

      .bluebox .boxtop {fill:#33e}
      .bluebox .boxside {fill:#11a}
      .bluebox .boxfront {fill:#22c}
      .bluebox .ribbontop {fill:#e33}
      .bluebox .ribbonside {fill:#a11}
      .bluebox .ribbonfront {fill:#a22}

      .greenbox .boxtop {fill:#3e3}
      .greenbox .boxside {fill:#1a1}
      .greenbox .boxfront {fill:#2c2}
      .greenbox .ribbontop {fill:#33e}
      .greenbox .ribbonside {fill:#11a}
      .greenbox .ribbonfront {fill:#22c}
    </style>
    <g id="giftbox" >
      <path class="boxtop" d="m0,0 36,12 48,-12 -36,-12z"/>
      <path class="boxfront" d="m36,12 48,-12 0,48 -48,12z"/>
      <path class="boxside" d="m0,0 36,12 0,48 -36,-12z"/>
      <path class="ribbonside" d="m15,5 6,2 0,48 -6,-2z"/>
      <path class="ribbontop" d="m15,5 48,-12 6,2 -48,12z"/>
      <path class="ribbontop" d="m20,-5 36,12 8,-2 -36,-12z"/>
      <path class="ribbonfront" d="m56,7 0,48 8,-2 0,-48z"/>
    </g>
  </defs>
  <use xlink:href="#giftbox" class="redbox" x="30" y="20"/>
  <use xlink:href="#giftbox" class="greenbox" x="70" y="50"/>
  <use xlink:href="#giftbox" class="bluebox" x="15" y="75"/>
</svg>

This works perfectly in Firefox, but not in Opera, Chrome, Batik, Inkscape or 
librsvg.  Is this a bug or a feature in Firefox?

Season's greetings
Thomas W.



------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
----Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    [email protected] 
    [email protected]

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/

Reply via email to