Home | History | Annotate | Download | only in css 
      1 /*
      2  * The default style sheet used to render SVG.
      3  *
      4  * Copyright (C) 2005, 2006 Apple Computer, Inc.  All rights reserved.
      5  *
      6  * Redistribution and use in source and binary forms, with or without
      7  * modification, are permitted provided that the following conditions
      8  * are met:
      9  * 1. Redistributions of source code must retain the above copyright
     10  *    notice, this list of conditions and the following disclaimer.
     11  * 2. Redistributions in binary form must reproduce the above copyright
     12  *    notice, this list of conditions and the following disclaimer in the
     13  *    documentation and/or other materials provided with the distribution.
     14  *
     15  * THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
     16  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
     17  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
     18  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE COMPUTER, INC. OR
     19  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
     20  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
     21  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
     22  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
     23  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
     24  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
     25  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
     26  */
     27 
     28 @namespace "http://www.w3.org/2000/svg";
     29 @namespace html "http://www.w3.org/1999/xhtml";
     30 
     31 /*
     32     When an outermost SVG 'svg' element is stand-alone or embedded inline within a parent XML grammar
     33     which does not use CSS layout [CSS2-LAYOUT] or XSL formatting [XSL], the 'overflow' property on the
     34     outermost 'svg' element is ignored for the purposes of visual rendering and the initial clipping path is set
     35     to the bounds of the initial viewport.
     36 
     37     When an outermost 'svg' element is embedded inline within a parent XML grammar which uses CSS layout
     38     [CSS2-LAYOUT] or XSL formatting [XSL], if the 'overflow' property has the value hidden or scroll, then
     39     the user agent will establish an initial clipping path equal to the bounds of the initial viewport; otherwise,
     40     the initial clipping path is set according to the clipping rules as defined in [CSS2-overflow].
     41 
     42     Opera/Firefox & WebKit agreed on NOT setting "overflow: hidden" for the outermost svg element - SVG 1.1 Errata
     43     contains these changes as well as all future SVG specifications: see http://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0347.html
     44 */
     45 
     46 svg:not(:root), symbol, image, marker, pattern, foreignObject {
     47     overflow: hidden
     48 }
     49 
     50 svg:root {
     51     width: 100%;
     52     height: 100%
     53 }
     54 
     55 text, foreignObject {
     56     display: block
     57 }
     58 
     59 text {
     60    white-space: nowrap
     61 }
     62 
     63 tspan, textPath {
     64    white-space: inherit
     65 }
     66 
     67 /* states */
     68 
     69 :focus {
     70     outline: auto 5px -webkit-focus-ring-color
     71 }
     72 
     73 /* CSS transform specification: "transform-origin 0 0 for SVG elements without associated CSS layout box, 50% 50% for all other elements". */
     74 
     75 * {
     76     -webkit-transform-origin: 0 0;
     77 }
     78 
     79 html|* > svg {
     80     -webkit-transform-origin: 50% 50%;
     81 }
     82