mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-03-03 16:56:54 +00:00
ios12 Theme: SVG Color added / position changed and uppercase deleted
ios6 Theme: SVG Color added / position changed git-svn-id: https://svn.fhem.de/fhem/trunk@20843 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
Blackcat
parent
87da052625
commit
2713a1987b
@ -97,14 +97,14 @@ select.svgRegexp { width:120px; }
|
||||
|
||||
/* jQuery-UI mods */
|
||||
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
||||
div.ui-widget-content { background:#FFFFE7; }
|
||||
div.ui-widget-content { background:#FFF; }
|
||||
#fwmenu {
|
||||
position: absolute; z-index:1005;
|
||||
text-align:left; max-width:600px;
|
||||
font-weight: normal; font-size: 100%;
|
||||
background:#FFFFE7; border:1px solid #278727;
|
||||
background:#FFF; border:1px solid black;
|
||||
}
|
||||
#fwmenu li a { color:#278727; }
|
||||
#fwmenu li a { color:black; }
|
||||
|
||||
div#svgmarker {
|
||||
position: absolute; z-index:1005; padding: 6px 10px;
|
||||
|
||||
@ -26,18 +26,127 @@
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_4" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ff0; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ff8; stop-opacity:.4"/>
|
||||
<stop offset="0%" style="stop-color:yellow; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_5" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#0ff; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#8ff; stop-opacity:.4"/>
|
||||
<stop offset="0%" style="stop-color:cyan; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#80ffff; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_6" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#000; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ccc; stop-opacity:.4"/>
|
||||
<stop offset="0%" style="stop-color:black; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#bfbfbf; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_7" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:brown; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#e59a9a; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_8" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:olive; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ffff88; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<pattern id="gr0_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="red" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr1_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="green" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr2_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="blue" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr3_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="magenta" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr4_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="brown" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr5_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="black" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr6_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="olive" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr7_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="gray" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr8_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="yellow" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<linearGradient id="gr0_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:red; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#ffff00; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#00ff00; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr1_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:green; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#008080; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#000080; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr2_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:blue; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#ff00ff; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ff0000; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr3_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:magenta; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#ff0000; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ffbf00; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr4_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:brown; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#a6a62b; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#2ba62b; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr5_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:black; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#666666; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr6_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:olive; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#008000; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#008080; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr7_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:gray; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#a6a6a6; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr8_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:yellow; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#00ff00; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#00ffff; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
</defs>
|
||||
@ -18,6 +18,7 @@ text-shadow: 0px 1px #FFFFFF;
|
||||
text.legend{ cursor:pointer; }
|
||||
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
|
||||
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
|
||||
circle#svgmarker { color:#278727; opacity:0.5; }
|
||||
|
||||
|
||||
path.SVGplot { stroke:black; fill:none; }
|
||||
@ -36,20 +37,47 @@ polyline.SVGplot { stroke:black; fill:none; }
|
||||
.SVGplot.l6 { stroke:olive; }
|
||||
.SVGplot.l7 { stroke:gray; }
|
||||
.SVGplot.l8 { stroke:yellow; }
|
||||
.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
|
||||
.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
|
||||
.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
|
||||
.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
|
||||
.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
|
||||
.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
|
||||
.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
|
||||
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
|
||||
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
|
||||
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
|
||||
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
|
||||
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
|
||||
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
.SVGplot.l0fill { stroke:red; fill:url(#gr_0); }
|
||||
.SVGplot.l1fill { stroke:forestgreen; fill:url(#gr_1); }
|
||||
.SVGplot.l2fill { stroke:blue; fill:url(#gr_2); }
|
||||
.SVGplot.l3fill { stroke:magenta; fill:url(#gr_3); }
|
||||
.SVGplot.l4fill { stroke:yellow; fill:url(#gr_4); }
|
||||
.SVGplot.l5fill { stroke:cyan; fill:url(#gr_5); }
|
||||
.SVGplot.l6fill { stroke:black; fill:url(#gr_6); }
|
||||
.SVGplot.l7fill { stroke:brown; fill:url(#gr_7); }
|
||||
.SVGplot.l8fill { stroke:olive; fill:url(#gr_8); }
|
||||
|
||||
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
|
||||
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
|
||||
.SVGplot.l2dot { stroke:blue; stroke-dasharray:2,4; }
|
||||
.SVGplot.l3dot { stroke:magenta; stroke-dasharray:2,4; }
|
||||
.SVGplot.l4dot { stroke:brown; stroke-dasharray:2,4; }
|
||||
.SVGplot.l5dot { stroke:black; stroke-dasharray:2,4; }
|
||||
.SVGplot.l6dot { stroke:olive; stroke-dasharray:2,4; }
|
||||
.SVGplot.l7dot { stroke:gray; stroke-dasharray:2,4; }
|
||||
.SVGplot.l8dot { stroke:yellow; stroke-dasharray:2,4; }
|
||||
|
||||
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
|
||||
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
|
||||
.SVGplot.l2fill_stripe { stroke:blue; fill:url(#gr2_stripe);}
|
||||
.SVGplot.l3fill_stripe { stroke:magenta; fill:url(#gr3_stripe);}
|
||||
.SVGplot.l4fill_stripe { stroke:brown; fill:url(#gr4_stripe);}
|
||||
.SVGplot.l5fill_stripe { stroke:black; fill:url(#gr5_stripe);}
|
||||
.SVGplot.l6fill_stripe { stroke:olive; fill:url(#gr6_stripe);}
|
||||
.SVGplot.l7fill_stripe { stroke:gray; fill:url(#gr7_stripe);}
|
||||
.SVGplot.l8fill_stripe { stroke:yellow; fill:url(#gr8_stripe);}
|
||||
|
||||
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
|
||||
.SVGplot.l1fill_gyr { stroke:green; fill:url(#gr1_gyr);}
|
||||
.SVGplot.l2fill_gyr { stroke:blue; fill:url(#gr2_gyr);}
|
||||
.SVGplot.l3fill_gyr { stroke:magenta; fill:url(#gr3_gyr);}
|
||||
.SVGplot.l4fill_gyr { stroke:brown; fill:url(#gr4_gyr);}
|
||||
.SVGplot.l5fill_gyr { stroke:black; fill:url(#gr5_gyr);}
|
||||
.SVGplot.l6fill_gyr { stroke:olive; fill:url(#gr6_gyr);}
|
||||
.SVGplot.l7fill_gyr { stroke:gray; fill:url(#gr7_gyr);}
|
||||
.SVGplot.l8fill_gyr { stroke:yellow; fill:url(#gr8_gyr);}
|
||||
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
text.SVGplot.l1 { stroke:none; fill:green; }
|
||||
text.SVGplot.l2 { stroke:none; fill:blue; }
|
||||
@ -59,15 +87,43 @@ text.SVGplot.l5 { stroke:none; fill:black; }
|
||||
text.SVGplot.l6 { stroke:none; fill:olive; }
|
||||
text.SVGplot.l7 { stroke:none; fill:gray; }
|
||||
text.SVGplot.l8 { stroke:none; fill:yellow; }
|
||||
text.SVGplot.l0fill { stroke:none; fill:#f00; }
|
||||
text.SVGplot.l1fill { stroke:none; fill:#291; }
|
||||
text.SVGplot.l2fill { stroke:none; fill:#00f; }
|
||||
text.SVGplot.l3fill { stroke:none; fill:#f0f; }
|
||||
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
|
||||
text.SVGplot.l5fill { stroke:none; fill:#0ff; }
|
||||
text.SVGplot.l6fill { stroke:none; fill:#000; }
|
||||
|
||||
text.SVGplot.l0fill { stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill { stroke:none; fill:forestgreen; }
|
||||
text.SVGplot.l2fill { stroke:none; fill:blue; }
|
||||
text.SVGplot.l3fill { stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4fill { stroke:none; fill:yellow; }
|
||||
text.SVGplot.l5fill { stroke:none; fill:cyan; }
|
||||
text.SVGplot.l6fill { stroke:none; fill:black; }
|
||||
text.SVGplot.l7fill { stroke:none; fill:brown; }
|
||||
text.SVGplot.l8fill { stroke:none; fill:olive; }
|
||||
|
||||
text.SVGplot.l0dot { stroke:none; fill:red; }
|
||||
text.SVGplot.l1dot { stroke:none; fill:green; }
|
||||
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
|
||||
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }
|
||||
text.SVGplot.l2dot { stroke:none; fill:blue; }
|
||||
text.SVGplot.l3dot { stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4dot { stroke:none; fill:brown; }
|
||||
text.SVGplot.l5dot { stroke:none; fill:black; }
|
||||
text.SVGplot.l6dot { stroke:none; fill:olive; }
|
||||
text.SVGplot.l7dot { stroke:none; fill:gray; }
|
||||
text.SVGplot.l8dot { stroke:none; fill:yellow; }
|
||||
|
||||
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill_stripe {stroke:none; fill:green; }
|
||||
text.SVGplot.l2fill_stripe {stroke:none; fill:blue; }
|
||||
text.SVGplot.l3fill_stripe {stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4fill_stripe {stroke:none; fill:brown; }
|
||||
text.SVGplot.l5fill_stripe {stroke:none; fill:black; }
|
||||
text.SVGplot.l6fill_stripe {stroke:none; fill:olive; }
|
||||
text.SVGplot.l7fill_stripe {stroke:none; fill:gray; }
|
||||
text.SVGplot.l8fill_stripe {stroke:none; fill:yellow; }
|
||||
|
||||
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill_gyr {stroke:none; fill:green; }
|
||||
text.SVGplot.l2fill_gyr {stroke:none; fill:blue; }
|
||||
text.SVGplot.l3fill_gyr {stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4fill_gyr {stroke:none; fill:brown; }
|
||||
text.SVGplot.l5fill_gyr {stroke:none; fill:black; }
|
||||
text.SVGplot.l6fill_gyr {stroke:none; fill:olive; }
|
||||
text.SVGplot.l7fill_gyr {stroke:none; fill:gray; }
|
||||
text.SVGplot.l8fill_gyr {stroke:none; fill:yellow; }
|
||||
|
||||
@ -51,10 +51,6 @@ body {
|
||||
width:calc(100% - 60px)
|
||||
}
|
||||
|
||||
.SVGplot {
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.SVGplot embed {
|
||||
-o-transition:scale(-o-calc(100vw - 260px),100px);
|
||||
-ms-transition:scale(c-ms-alc(100vw - 260px),100px);
|
||||
@ -504,7 +500,6 @@ table.room tr.sel a svg {
|
||||
|
||||
.devType,.devType a,.makeTable,.makeTable a {
|
||||
font-weight:400;
|
||||
text-transform: uppercase;
|
||||
color:#8A8A8F;
|
||||
font-size:13px;
|
||||
padding:20px 0 0
|
||||
|
||||
@ -102,14 +102,14 @@ select.svgRegexp { width:120px; }
|
||||
|
||||
/* jQuery-UI mods */
|
||||
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
||||
div.ui-widget-content { background:#FFFFE7; }
|
||||
div.ui-widget-content { background:#D7DADF; }
|
||||
#fwmenu {
|
||||
position: absolute; z-index:1005;
|
||||
text-align:left; max-width:600px;
|
||||
font-weight: normal; font-size: 100%;
|
||||
background:#FFFFE7; border:1px solid #278727;
|
||||
background:#D7DADF; border:1px solid black;
|
||||
}
|
||||
#fwmenu li a { color:#278727; }
|
||||
#fwmenu li a { color:black; }
|
||||
|
||||
div#svgmarker {
|
||||
position: absolute; z-index:1005; padding: 6px 10px;
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<!-- will be included in each svg plot -->
|
||||
<defs>
|
||||
<linearGradient id="gr_bg" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#eee; stop-opacity:1"/>
|
||||
<stop offset="100%" style="stop-color:#fff; stop-opacity:1"/>
|
||||
<stop offset="0%" style="stop-color:#eeeeee; stop-opacity:1"/>
|
||||
<stop offset="100%" style="stop-color:#ffffff; stop-opacity:1"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_0" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
@ -26,18 +26,127 @@
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_4" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ff0; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ff8; stop-opacity:.4"/>
|
||||
<stop offset="0%" style="stop-color:yellow; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_5" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#0ff; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#8ff; stop-opacity:.4"/>
|
||||
<stop offset="0%" style="stop-color:cyan; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#80ffff; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_6" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#000; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ccc; stop-opacity:.4"/>
|
||||
<stop offset="0%" style="stop-color:black; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#bfbfbf; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_7" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:brown; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#e59a9a; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr_8" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:olive; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ffff88; stop-opacity:.4"/>
|
||||
</linearGradient>
|
||||
|
||||
<pattern id="gr0_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="red" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr1_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="green" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr2_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="blue" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr3_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="magenta" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr4_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="brown" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr5_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="black" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr6_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="olive" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr7_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="gray" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<pattern id="gr8_stripe" width="4" height="4"
|
||||
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
|
||||
<path d="M -1,2 l 6,0" stroke="yellow" stroke-width="0.5"/>
|
||||
</pattern>
|
||||
|
||||
<linearGradient id="gr0_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:red; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#ffff00; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#00ff00; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr1_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:green; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#008080; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#000080; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr2_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:blue; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#ff00ff; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ff0000; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr3_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:magenta; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#ff0000; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#ffbf00; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr4_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:brown; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#a6a62b; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#2ba62b; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr5_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:black; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#666666; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr6_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:olive; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#008000; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#008080; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr7_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:gray; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#a6a6a6; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="gr8_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset= "0%" style="stop-color:yellow; stop-opacity:.6"/>
|
||||
<stop offset= "50%" style="stop-color:#00ff00; stop-opacity:.6"/>
|
||||
<stop offset="100%" style="stop-color:#00ffff; stop-opacity:.6"/>
|
||||
</linearGradient>
|
||||
|
||||
</defs>
|
||||
@ -18,6 +18,7 @@ text-shadow: 0px 1px #FFFFFF;
|
||||
text.legend{ cursor:pointer; }
|
||||
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
|
||||
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
|
||||
circle#svgmarker { color:#278727; opacity:0.5; }
|
||||
|
||||
|
||||
path.SVGplot { stroke:black; fill:none; }
|
||||
@ -36,20 +37,47 @@ polyline.SVGplot { stroke:black; fill:none; }
|
||||
.SVGplot.l6 { stroke:olive; }
|
||||
.SVGplot.l7 { stroke:gray; }
|
||||
.SVGplot.l8 { stroke:yellow; }
|
||||
.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
|
||||
.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
|
||||
.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
|
||||
.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
|
||||
.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
|
||||
.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
|
||||
.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
|
||||
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
|
||||
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
|
||||
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
|
||||
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
|
||||
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
|
||||
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
.SVGplot.l0fill { stroke:red; fill:url(#gr_0); }
|
||||
.SVGplot.l1fill { stroke:forestgreen; fill:url(#gr_1); }
|
||||
.SVGplot.l2fill { stroke:blue; fill:url(#gr_2); }
|
||||
.SVGplot.l3fill { stroke:magenta; fill:url(#gr_3); }
|
||||
.SVGplot.l4fill { stroke:yellow; fill:url(#gr_4); }
|
||||
.SVGplot.l5fill { stroke:cyan; fill:url(#gr_5); }
|
||||
.SVGplot.l6fill { stroke:black; fill:url(#gr_6); }
|
||||
.SVGplot.l7fill { stroke:brown; fill:url(#gr_7); }
|
||||
.SVGplot.l8fill { stroke:olive; fill:url(#gr_8); }
|
||||
|
||||
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
|
||||
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
|
||||
.SVGplot.l2dot { stroke:blue; stroke-dasharray:2,4; }
|
||||
.SVGplot.l3dot { stroke:magenta; stroke-dasharray:2,4; }
|
||||
.SVGplot.l4dot { stroke:brown; stroke-dasharray:2,4; }
|
||||
.SVGplot.l5dot { stroke:black; stroke-dasharray:2,4; }
|
||||
.SVGplot.l6dot { stroke:olive; stroke-dasharray:2,4; }
|
||||
.SVGplot.l7dot { stroke:gray; stroke-dasharray:2,4; }
|
||||
.SVGplot.l8dot { stroke:yellow; stroke-dasharray:2,4; }
|
||||
|
||||
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
|
||||
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
|
||||
.SVGplot.l2fill_stripe { stroke:blue; fill:url(#gr2_stripe);}
|
||||
.SVGplot.l3fill_stripe { stroke:magenta; fill:url(#gr3_stripe);}
|
||||
.SVGplot.l4fill_stripe { stroke:brown; fill:url(#gr4_stripe);}
|
||||
.SVGplot.l5fill_stripe { stroke:black; fill:url(#gr5_stripe);}
|
||||
.SVGplot.l6fill_stripe { stroke:olive; fill:url(#gr6_stripe);}
|
||||
.SVGplot.l7fill_stripe { stroke:gray; fill:url(#gr7_stripe);}
|
||||
.SVGplot.l8fill_stripe { stroke:yellow; fill:url(#gr8_stripe);}
|
||||
|
||||
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
|
||||
.SVGplot.l1fill_gyr { stroke:green; fill:url(#gr1_gyr);}
|
||||
.SVGplot.l2fill_gyr { stroke:blue; fill:url(#gr2_gyr);}
|
||||
.SVGplot.l3fill_gyr { stroke:magenta; fill:url(#gr3_gyr);}
|
||||
.SVGplot.l4fill_gyr { stroke:brown; fill:url(#gr4_gyr);}
|
||||
.SVGplot.l5fill_gyr { stroke:black; fill:url(#gr5_gyr);}
|
||||
.SVGplot.l6fill_gyr { stroke:olive; fill:url(#gr6_gyr);}
|
||||
.SVGplot.l7fill_gyr { stroke:gray; fill:url(#gr7_gyr);}
|
||||
.SVGplot.l8fill_gyr { stroke:yellow; fill:url(#gr8_gyr);}
|
||||
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
text.SVGplot.l1 { stroke:none; fill:green; }
|
||||
text.SVGplot.l2 { stroke:none; fill:blue; }
|
||||
@ -59,15 +87,43 @@ text.SVGplot.l5 { stroke:none; fill:black; }
|
||||
text.SVGplot.l6 { stroke:none; fill:olive; }
|
||||
text.SVGplot.l7 { stroke:none; fill:gray; }
|
||||
text.SVGplot.l8 { stroke:none; fill:yellow; }
|
||||
text.SVGplot.l0fill { stroke:none; fill:#f00; }
|
||||
text.SVGplot.l1fill { stroke:none; fill:#291; }
|
||||
text.SVGplot.l2fill { stroke:none; fill:#00f; }
|
||||
text.SVGplot.l3fill { stroke:none; fill:#f0f; }
|
||||
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
|
||||
text.SVGplot.l5fill { stroke:none; fill:#0ff; }
|
||||
text.SVGplot.l6fill { stroke:none; fill:#000; }
|
||||
|
||||
text.SVGplot.l0fill { stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill { stroke:none; fill:forestgreen; }
|
||||
text.SVGplot.l2fill { stroke:none; fill:blue; }
|
||||
text.SVGplot.l3fill { stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4fill { stroke:none; fill:yellow; }
|
||||
text.SVGplot.l5fill { stroke:none; fill:cyan; }
|
||||
text.SVGplot.l6fill { stroke:none; fill:black; }
|
||||
text.SVGplot.l7fill { stroke:none; fill:brown; }
|
||||
text.SVGplot.l8fill { stroke:none; fill:olive; }
|
||||
|
||||
text.SVGplot.l0dot { stroke:none; fill:red; }
|
||||
text.SVGplot.l1dot { stroke:none; fill:green; }
|
||||
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
|
||||
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }
|
||||
text.SVGplot.l2dot { stroke:none; fill:blue; }
|
||||
text.SVGplot.l3dot { stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4dot { stroke:none; fill:brown; }
|
||||
text.SVGplot.l5dot { stroke:none; fill:black; }
|
||||
text.SVGplot.l6dot { stroke:none; fill:olive; }
|
||||
text.SVGplot.l7dot { stroke:none; fill:gray; }
|
||||
text.SVGplot.l8dot { stroke:none; fill:yellow; }
|
||||
|
||||
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill_stripe {stroke:none; fill:green; }
|
||||
text.SVGplot.l2fill_stripe {stroke:none; fill:blue; }
|
||||
text.SVGplot.l3fill_stripe {stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4fill_stripe {stroke:none; fill:brown; }
|
||||
text.SVGplot.l5fill_stripe {stroke:none; fill:black; }
|
||||
text.SVGplot.l6fill_stripe {stroke:none; fill:olive; }
|
||||
text.SVGplot.l7fill_stripe {stroke:none; fill:gray; }
|
||||
text.SVGplot.l8fill_stripe {stroke:none; fill:yellow; }
|
||||
|
||||
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }
|
||||
text.SVGplot.l1fill_gyr {stroke:none; fill:green; }
|
||||
text.SVGplot.l2fill_gyr {stroke:none; fill:blue; }
|
||||
text.SVGplot.l3fill_gyr {stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4fill_gyr {stroke:none; fill:brown; }
|
||||
text.SVGplot.l5fill_gyr {stroke:none; fill:black; }
|
||||
text.SVGplot.l6fill_gyr {stroke:none; fill:olive; }
|
||||
text.SVGplot.l7fill_gyr {stroke:none; fill:gray; }
|
||||
text.SVGplot.l8fill_gyr {stroke:none; fill:yellow; }
|
||||
|
||||
@ -50,11 +50,6 @@ body {
|
||||
/* Standard */
|
||||
width:calc(100% - 60px)
|
||||
}
|
||||
|
||||
.SVGplot {
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.SVGplot embed {
|
||||
-o-transition:scale(-o-calc(100vw - 260px),100px);
|
||||
-ms-transition:scale(c-ms-alc(100vw - 260px),100px);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user