mermaid/test/web_style.svg
2015-01-11 16:16:50 +01:00

12 lines
12 KiB
XML

<svg height="363.8000030517578" id="mermaidChart0" width="1686.8499908447266" xmlns="http://www.w3.org/2000/svg"><style title="mermaid-svg-internal-css" type="text/css">/* <![CDATA[ */
.node { fill:#eaeaea; stroke:#666; stroke-width:1.5px; }
.node text { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
.edgeLabel text { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
.node-square { stroke-width: 4px; stroke: rgb(51, 153, 51); fill: rgb(153, 153, 0); font-weight: 300; font-family: "Helvetica Neue",Helvetica,Arial,sans-serf; font-size: 14px; }
.node-odd-override { stroke-width: 3.5px; stroke: rgb(51, 153, 0); fill: rgb(0, 153, 153); }
.node-odd-override { fill:#BB00BB; stroke:#666622; }
.node-cyr { fill:#BB0099; stroke:#666622; }
.node-e1 { fill:#990066; stroke:#666622; }
.node-e2 { fill:#990066; stroke:#666622; }
/* ]]> */
</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead16)" d="M72.03333282470703,140.9000015258789L72.03333282470703,258.8000030517578L144.04626852007056,307.8000030517578" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead16"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead17)" d="M268.96666717529297,209.8000030517578L268.96666717529297,258.8000030517578L196.95373147992944,307.8000030517578" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead17"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead18)" d="M489.44166564941406,140.9000015258789L489.44166564941406,258.8000030517578L489.44166564941406,307.8000030517578" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead18"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead19)" d="M721.8333282470703,149.4000015258789L721.3333282470703,258.8000030517578L805.5414126381945,307.8000030517578" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead19"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead20)" d="M951.6166610717773,140.9000015258789L951.6166610717773,258.8000030517578L867.4085766806531,307.8000030517578" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead20"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead21)" d="M1136.9333267211914,176.25L1136.9333267211914,258.8000030517578L1276.016658782959,309.08465076804856" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead21"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead22)" d="M1322.2499923706055,148.9000015258789L1322.2499923706055,258.8000030517578L1322.2499923706055,307.8000030517578" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead22"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" class="edgePath"><path style="stroke: #333; stroke-width: 1.5px;fill:none" marker-end="url(#arrowhead23)" d="M1557.0333251953125,157.40000152587893L1556.5333251953125,258.8000030517578L1368.483325958252,312.5782628919915" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead23"><path style="fill: #333" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g transform="" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(0,0)"><text><tspan x="1" dy="1em" xml:space="preserve"></tspan></text></g></g><g transform="" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(0,0)"><text><tspan x="1" dy="1em" xml:space="preserve"></tspan></text></g></g><g transform="" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(0,0)"><text><tspan x="1" dy="1em" xml:space="preserve"></tspan></text></g></g><g transform="translate(721.3333282470703,258.8000030517578)" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(-57.775001525878906,-8)"><text><tspan x="1" dy="1em" xml:space="preserve">Simple edge label</tspan></text></g></g><g transform="translate(951.6166610717773,258.8000030517578)" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(-33.13333511352539,-24)"><text><tspan x="1" dy="1em" xml:space="preserve">Complex</tspan><tspan x="1" dy="1em" xml:space="preserve">multiline</tspan><tspan x="1" dy="1em" xml:space="preserve">edge label</tspan></text></g></g><g transform="" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(0,0)"><text><tspan x="1" dy="1em" xml:space="preserve"></tspan></text></g></g><g transform="" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(0,0)"><text><tspan x="1" dy="1em" xml:space="preserve"></tspan></text></g></g><g transform="" style="opacity: 1;" class="edgeLabel"><g class="label" transform="translate(0,0)"><text><tspan x="1" dy="1em" xml:space="preserve"></tspan></text></g></g></g><g class="nodes"><g transform="translate(72.03333282470703,114.9000015258789)" id="noc" style="opacity: 1;" class="node"><rect height="52" width="104.06666564941406" y="-26" x="-52.03333282470703" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-42.03333282470703,-16)"><text><tspan x="1" dy="1em" xml:space="preserve">No class</tspan><tspan x="1" dy="1em" xml:space="preserve">using default</tspan></text></g></g></g><g transform="translate(268.96666717529297,114.9000015258789)" id="cyr2" style="opacity: 1;" class="node node-cyr-undefined"><circle r="94.9000015258789" y="-26" x="-94.9000015258789"></circle><g transform="translate(0,0)" class="label"><g transform="translate(-84.9000015258789,-16)"><text><tspan x="1" dy="1em" xml:space="preserve">Class node-cyr-undefined</tspan><tspan x="1" dy="1em" xml:space="preserve">is undefined, using default</tspan></text></g></g></g><g transform="translate(170.5,325.8000030517578)" id="ndef" style="opacity: 1;" class="node"><rect height="36" width="103.11666870117188" y="-18" x="-51.55833435058594" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-41.55833435058594,-8)"><text><tspan x="1" dy="1em" xml:space="preserve">Default style</tspan></text></g></g></g><g transform="translate(489.44166564941406,114.9000015258789)" id="sq" style="opacity: 1;" class="node node-square"><rect height="52" width="151.14999389648438" y="-26" x="-75.57499694824219" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-65.57499694824219,-16)"><text><tspan x="1" dy="1em" xml:space="preserve">Class node-square</tspan><tspan x="1" dy="1em" xml:space="preserve">defined in page CSS</tspan></text></g></g></g><g transform="translate(489.44166564941406,325.8000030517578)" id="ncss" style="opacity: 1;" class="node"><rect height="36" width="118.69999694824219" y="-18" x="-59.349998474121094" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-49.349998474121094,-8)"><text><tspan x="1" dy="1em" xml:space="preserve">Page CSS style</tspan></text></g></g></g><g transform="translate(951.6166610717773,114.9000015258789)" id="cyr" style="opacity: 1;" class="node node-cyr"><rect height="52" width="147.93333435058594" y="-26" x="-73.96666717529297" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-63.96666717529297,-16)"><text><tspan x="1" dy="1em" xml:space="preserve">Class node-cyr</tspan><tspan x="1" dy="1em" xml:space="preserve">defined by classDef</tspan></text></g></g></g><g transform="translate(721.3333282470703,114.9000015258789)" id="od2" style="opacity: 1;" class="node node-odd-override"><polygon transform="translate(-89.31666564941406,34)" points="-34,0 178.63333129882812,0 178.63333129882812,-68 -34,-68 0,-34"></polygon><g transform="translate(0,0)" class="label"><g transform="translate(-79.31666564941406,-24)"><text><tspan x="1" dy="1em" xml:space="preserve">Class node-odd-override</tspan><tspan x="1" dy="1em" xml:space="preserve">defined in page CSS</tspan><tspan x="1" dy="1em" xml:space="preserve">and defined by classDef</tspan></text></g></g></g><g transform="translate(836.4749946594238,325.8000030517578)" id="ncdef" style="opacity: 1;" class="node"><rect height="36" width="110.21666717529297" y="-18" x="-55.108333587646484" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-45.108333587646484,-8)"><text><tspan x="1" dy="1em" xml:space="preserve">classDef style</tspan></text></g></g></g><g transform="translate(1322.2499923706055,114.9000015258789)" id="e1" style="opacity: 1;" class="node node-e1"><rect style="fill:#FF0000;" height="68" width="147.93333435058594" y="-34" x="-73.96666717529297" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-63.96666717529297,-24)"><text><tspan x="1" dy="1em" xml:space="preserve">Class node-cyr</tspan><tspan x="1" dy="1em" xml:space="preserve">defined by classDef</tspan><tspan x="1" dy="1em" xml:space="preserve">and inline style</tspan></text></g></g></g><g transform="translate(1556.5333251953125,114.9000015258789)" id="e2" style="opacity: 1;" class="node node-e2"><polygon style="fill:#FF0000;" transform="translate(-89.31666564941406,42)" points="-42,0 178.63333129882812,0 178.63333129882812,-84 -42,-84 0,-42"></polygon><g transform="translate(0,0)" class="label"><g transform="translate(-79.31666564941406,-32)"><text><tspan x="1" dy="1em" xml:space="preserve">Class node-odd-override</tspan><tspan x="1" dy="1em" xml:space="preserve">defined in page CSS</tspan><tspan x="1" dy="1em" xml:space="preserve">and defined by classDef</tspan><tspan x="1" dy="1em" xml:space="preserve">and inline style</tspan></text></g></g></g><g transform="translate(1136.9333267211914,114.9000015258789)" id="e" style="opacity: 1;" class="node"><circle style="fill:#FF0000;" r="61.349998474121094" y="-26" x="-61.349998474121094"></circle><g transform="translate(0,0)" class="label"><g transform="translate(-51.349998474121094,-16)"><text><tspan x="1" dy="1em" xml:space="preserve">Inline style in</tspan><tspan x="1" dy="1em" xml:space="preserve">graph definition</tspan></text></g></g></g><g transform="translate(1322.2499923706055,325.8000030517578)" id="ninl" style="opacity: 1;" class="node"><rect height="36" width="92.46666717529297" y="-18" x="-46.233333587646484" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-36.233333587646484,-8)"><text><tspan x="1" dy="1em" xml:space="preserve">Inline style</tspan></text></g></g></g></g></g></g></svg>