mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-03-03 10:46:53 +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
@ -1,121 +1,121 @@
|
||||
/* jQuery-UI mods */
|
||||
|
||||
/*.ui-dialog {
|
||||
top: 150px !important;
|
||||
left: 300px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.ui-corner-all {
|
||||
border-radius: 7px !important;
|
||||
}
|
||||
.ui-widget {
|
||||
}
|
||||
.ui-widget-content {
|
||||
color:inherit !important;
|
||||
}
|
||||
.ui-dialog table {
|
||||
border-spacing:5px!important;
|
||||
margin:0px!important;
|
||||
padding:0px!important;
|
||||
width:100%!important;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar { display:none; }
|
||||
.ui-dialog-buttonset .ui-button {
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0px -1px #000000 !important;
|
||||
background:none !important;
|
||||
background-color:transparent !important;
|
||||
border:none !important;
|
||||
}
|
||||
.ui-widget-overlay {
|
||||
background:none !important;
|
||||
background-color:#000000 !important;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.ui-dialog-buttonpane {
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #C0E2FC),
|
||||
color-stop(0.02, #44AAF8),
|
||||
color-stop(0.04, #0589F5),
|
||||
color-stop(0.96, #015DE6),
|
||||
color-stop(0.98, #0157D8),
|
||||
color-stop(1, #014BBB),
|
||||
color-stop(1, #1B72FF)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
height:44px;
|
||||
border-radius: 0px 0px 10px 10px !important;
|
||||
}
|
||||
.ui-dialog {
|
||||
background:none !important;
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #F8F9FA),
|
||||
color-stop(0.02, #EBEDEF),
|
||||
color-stop(0.04, #E4E6EA),
|
||||
color-stop(0.96, #E2E5E8),
|
||||
color-stop(0.98, #D4D7D9),
|
||||
color-stop(1, #B7B9BB)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
|
||||
}
|
||||
|
||||
.uzsuSelect.ui-buttonset {
|
||||
display: block !important;
|
||||
margin: 6px 0px !important;
|
||||
}
|
||||
|
||||
.uzsuTimerEntry div:nth-child(2) {
|
||||
display: inline-grid !important;
|
||||
margin: 0px 10px 5px 0px !important;
|
||||
}
|
||||
|
||||
|
||||
.colorpicker_ct .slider { background: url(../jscolor/ct_background.svg); }
|
||||
.colorpicker_ct_mired .slider { background: url(../jscolor/ct_mired_background.svg); }
|
||||
.colorpicker_hue .slider { background: url(../jscolor/hue_background.svg); }
|
||||
.get,.set,.attr { margin-bottom:5px; float:left; }
|
||||
select.svgSrc { width:100px; }
|
||||
select.svgColumn { width:50px; }
|
||||
select.svgRegexp { width:120px; }
|
||||
|
||||
/* jQuery-UI mods */
|
||||
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
||||
div.ui-widget-content { background:#FFFFE7; }
|
||||
#fwmenu {
|
||||
position: absolute; z-index:1005;
|
||||
text-align:left; max-width:600px;
|
||||
font-weight: normal; font-size: 100%;
|
||||
background:#FFFFE7; border:1px solid #278727;
|
||||
}
|
||||
#fwmenu li a { color:#278727; }
|
||||
|
||||
div#svgmarker {
|
||||
position: absolute; z-index:1005; padding: 6px 10px;
|
||||
text-align:left; max-width:600px;
|
||||
color:black; background:#999;
|
||||
border:1px solid #fff; border-radius:4px;
|
||||
}
|
||||
|
||||
svg.zw_nr .zwBox { stroke:#c0c0c0; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwDongle { stroke:red; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwMargin { stroke:#c0c0c0; stroke-width:1px; fill:none; }
|
||||
svg.zw_nr .zwLine { stroke:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr .zwArrowHead { fill:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr { height:auto; width:auto; margin:0; }
|
||||
/* jQuery-UI mods */
|
||||
|
||||
/*.ui-dialog {
|
||||
top: 150px !important;
|
||||
left: 300px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.ui-corner-all {
|
||||
border-radius: 7px !important;
|
||||
}
|
||||
.ui-widget {
|
||||
}
|
||||
.ui-widget-content {
|
||||
color:inherit !important;
|
||||
}
|
||||
.ui-dialog table {
|
||||
border-spacing:5px!important;
|
||||
margin:0px!important;
|
||||
padding:0px!important;
|
||||
width:100%!important;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar { display:none; }
|
||||
.ui-dialog-buttonset .ui-button {
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0px -1px #000000 !important;
|
||||
background:none !important;
|
||||
background-color:transparent !important;
|
||||
border:none !important;
|
||||
}
|
||||
.ui-widget-overlay {
|
||||
background:none !important;
|
||||
background-color:#000000 !important;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.ui-dialog-buttonpane {
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #C0E2FC),
|
||||
color-stop(0.02, #44AAF8),
|
||||
color-stop(0.04, #0589F5),
|
||||
color-stop(0.96, #015DE6),
|
||||
color-stop(0.98, #0157D8),
|
||||
color-stop(1, #014BBB),
|
||||
color-stop(1, #1B72FF)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
height:44px;
|
||||
border-radius: 0px 0px 10px 10px !important;
|
||||
}
|
||||
.ui-dialog {
|
||||
background:none !important;
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #F8F9FA),
|
||||
color-stop(0.02, #EBEDEF),
|
||||
color-stop(0.04, #E4E6EA),
|
||||
color-stop(0.96, #E2E5E8),
|
||||
color-stop(0.98, #D4D7D9),
|
||||
color-stop(1, #B7B9BB)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
|
||||
}
|
||||
|
||||
.uzsuSelect.ui-buttonset {
|
||||
display: block !important;
|
||||
margin: 6px 0px !important;
|
||||
}
|
||||
|
||||
.uzsuTimerEntry div:nth-child(2) {
|
||||
display: inline-grid !important;
|
||||
margin: 0px 10px 5px 0px !important;
|
||||
}
|
||||
|
||||
|
||||
.colorpicker_ct .slider { background: url(../jscolor/ct_background.svg); }
|
||||
.colorpicker_ct_mired .slider { background: url(../jscolor/ct_mired_background.svg); }
|
||||
.colorpicker_hue .slider { background: url(../jscolor/hue_background.svg); }
|
||||
.get,.set,.attr { margin-bottom:5px; float:left; }
|
||||
select.svgSrc { width:100px; }
|
||||
select.svgColumn { width:50px; }
|
||||
select.svgRegexp { width:120px; }
|
||||
|
||||
/* jQuery-UI mods */
|
||||
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
||||
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:#FFF; border:1px solid black;
|
||||
}
|
||||
#fwmenu li a { color:black; }
|
||||
|
||||
div#svgmarker {
|
||||
position: absolute; z-index:1005; padding: 6px 10px;
|
||||
text-align:left; max-width:600px;
|
||||
color:black; background:#999;
|
||||
border:1px solid #fff; border-radius:4px;
|
||||
}
|
||||
|
||||
svg.zw_nr .zwBox { stroke:#c0c0c0; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwDongle { stroke:red; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwMargin { stroke:#c0c0c0; stroke-width:1px; fill:none; }
|
||||
svg.zw_nr .zwLine { stroke:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr .zwArrowHead { fill:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr { height:auto; width:auto; margin:0; }
|
||||
|
||||
@ -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>
|
||||
@ -2,10 +2,10 @@
|
||||
/* by Sandra Ohmayer */
|
||||
/* http://www.foodcat.de */
|
||||
|
||||
.background { fill:#f7f7f7;
|
||||
.background { fill:#f7f7f7;
|
||||
}
|
||||
|
||||
text {
|
||||
text {
|
||||
font: normal 10px Helvetica, Sans-serif;
|
||||
fill:#000000;}
|
||||
text.title {
|
||||
@ -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; }
|
||||
@ -27,31 +28,58 @@ polyline.SVGplot { stroke:black; fill:none; }
|
||||
.hgrid { stroke:gray; stroke-dasharray:2,6;}
|
||||
.pasted { stroke:black; stroke-dasharray:1,1;}
|
||||
|
||||
.SVGplot.l0 { stroke:red; }
|
||||
.SVGplot.l1 { stroke:green; }
|
||||
.SVGplot.l2 { stroke:blue; }
|
||||
.SVGplot.l3 { stroke:magenta; }
|
||||
.SVGplot.l4 { stroke:brown; }
|
||||
.SVGplot.l5 { stroke:black; }
|
||||
.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);}
|
||||
.SVGplot.l0 { stroke:red; }
|
||||
.SVGplot.l1 { stroke:green; }
|
||||
.SVGplot.l2 { stroke:blue; }
|
||||
.SVGplot.l3 { stroke:magenta; }
|
||||
.SVGplot.l4 { stroke:brown; }
|
||||
.SVGplot.l5 { stroke:black; }
|
||||
.SVGplot.l6 { stroke:olive; }
|
||||
.SVGplot.l7 { stroke:gray; }
|
||||
.SVGplot.l8 { stroke:yellow; }
|
||||
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
text.SVGplot.l1 { stroke:none; fill:green; }
|
||||
.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; }
|
||||
text.SVGplot.l3 { stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4 { stroke:none; fill:brown; }
|
||||
@ -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.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.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.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
|
||||
|
||||
@ -1,126 +1,126 @@
|
||||
/* jQuery-UI mods */
|
||||
|
||||
/*.ui-dialog {
|
||||
top: 150px !important;
|
||||
left: 300px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.ui-corner-all {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
.ui-widget {
|
||||
font-family: Helvetica, Sans-serif !important;
|
||||
font-size: 14px !important;
|
||||
font-weight:bold !important;
|
||||
color:#000000 !important;
|
||||
text-shadow: 0px 1px #FFFFFF !important;
|
||||
}
|
||||
.ui-widget-content {
|
||||
color:inherit !important;
|
||||
}
|
||||
.ui-dialog table {
|
||||
border-spacing:5px!important;
|
||||
margin:0px!important;
|
||||
padding:0px!important;
|
||||
width:100%!important;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar { display:none; }
|
||||
.ui-dialog-buttonset .ui-button {
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0px -1px #000000 !important;
|
||||
background:none !important;
|
||||
background-color:transparent !important;
|
||||
border:none !important;
|
||||
}
|
||||
.ui-widget-overlay {
|
||||
background:none !important;
|
||||
background-color:#000000 !important;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.ui-dialog-buttonpane {
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #C0E2FC),
|
||||
color-stop(0.02, #44AAF8),
|
||||
color-stop(0.04, #0589F5),
|
||||
color-stop(0.96, #015DE6),
|
||||
color-stop(0.98, #0157D8),
|
||||
color-stop(1, #014BBB),
|
||||
color-stop(1, #1B72FF)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
height:44px;
|
||||
border-radius: 0px 0px 10px 10px !important;
|
||||
}
|
||||
.ui-dialog {
|
||||
background:none !important;
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #F8F9FA),
|
||||
color-stop(0.02, #EBEDEF),
|
||||
color-stop(0.04, #E4E6EA),
|
||||
color-stop(0.96, #E2E5E8),
|
||||
color-stop(0.98, #D4D7D9),
|
||||
color-stop(1, #B7B9BB)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
|
||||
}
|
||||
|
||||
.uzsuSelect.ui-buttonset {
|
||||
display: block !important;
|
||||
margin: 6px 0px !important;
|
||||
}
|
||||
|
||||
.uzsuTimerEntry div:nth-child(2) {
|
||||
display: inline-grid !important;
|
||||
margin: 0px 10px 5px 0px !important;
|
||||
}
|
||||
|
||||
|
||||
.colorpicker_ct .slider { background: url(../jscolor/ct_background.svg); }
|
||||
.colorpicker_ct_mired .slider { background: url(../jscolor/ct_mired_background.svg); }
|
||||
.colorpicker_hue .slider { background: url(../jscolor/hue_background.svg); }
|
||||
.get,.set,.attr { margin-bottom:5px; float:left; }
|
||||
select.svgSrc { width:100px; }
|
||||
select.svgColumn { width:50px; }
|
||||
select.svgRegexp { width:120px; }
|
||||
|
||||
/* jQuery-UI mods */
|
||||
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
||||
div.ui-widget-content { background:#FFFFE7; }
|
||||
#fwmenu {
|
||||
position: absolute; z-index:1005;
|
||||
text-align:left; max-width:600px;
|
||||
font-weight: normal; font-size: 100%;
|
||||
background:#FFFFE7; border:1px solid #278727;
|
||||
}
|
||||
#fwmenu li a { color:#278727; }
|
||||
|
||||
div#svgmarker {
|
||||
position: absolute; z-index:1005; padding: 6px 10px;
|
||||
text-align:left; max-width:600px;
|
||||
color:black; background:#999;
|
||||
border:1px solid #fff; border-radius:4px;
|
||||
}
|
||||
|
||||
svg.zw_nr .zwBox { stroke:#c0c0c0; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwDongle { stroke:red; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwMargin { stroke:#c0c0c0; stroke-width:1px; fill:none; }
|
||||
svg.zw_nr .zwLine { stroke:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr .zwArrowHead { fill:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr { height:auto; width:auto; margin:0; }
|
||||
/* jQuery-UI mods */
|
||||
|
||||
/*.ui-dialog {
|
||||
top: 150px !important;
|
||||
left: 300px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.ui-corner-all {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
.ui-widget {
|
||||
font-family: Helvetica, Sans-serif !important;
|
||||
font-size: 14px !important;
|
||||
font-weight:bold !important;
|
||||
color:#000000 !important;
|
||||
text-shadow: 0px 1px #FFFFFF !important;
|
||||
}
|
||||
.ui-widget-content {
|
||||
color:inherit !important;
|
||||
}
|
||||
.ui-dialog table {
|
||||
border-spacing:5px!important;
|
||||
margin:0px!important;
|
||||
padding:0px!important;
|
||||
width:100%!important;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar { display:none; }
|
||||
.ui-dialog-buttonset .ui-button {
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0px -1px #000000 !important;
|
||||
background:none !important;
|
||||
background-color:transparent !important;
|
||||
border:none !important;
|
||||
}
|
||||
.ui-widget-overlay {
|
||||
background:none !important;
|
||||
background-color:#000000 !important;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.ui-dialog-buttonpane {
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #C0E2FC),
|
||||
color-stop(0.02, #44AAF8),
|
||||
color-stop(0.04, #0589F5),
|
||||
color-stop(0.96, #015DE6),
|
||||
color-stop(0.98, #0157D8),
|
||||
color-stop(1, #014BBB),
|
||||
color-stop(1, #1B72FF)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #C0E2FC 0%, #44AAF8 2%, #0589F5 4%, #015DE6 96%, #0157D8 98%, #014BBB 100%, #1B72FF 100%) !important;
|
||||
height:44px;
|
||||
border-radius: 0px 0px 10px 10px !important;
|
||||
}
|
||||
.ui-dialog {
|
||||
background:none !important;
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
right bottom,
|
||||
color-stop(0, #F8F9FA),
|
||||
color-stop(0.02, #EBEDEF),
|
||||
color-stop(0.04, #E4E6EA),
|
||||
color-stop(0.96, #E2E5E8),
|
||||
color-stop(0.98, #D4D7D9),
|
||||
color-stop(1, #B7B9BB)
|
||||
) !important;
|
||||
background-image: -o-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -webkit-linear-gradient(top, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: -ms-linear-gradient(bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
background-image: linear-gradient(to bottom, #F8F9FA 0%, #EBEDEF 2%, #E4E6EA 4%, #E2E5E8 96%, #D4D7D9 98%, #B7B9BB 100%) !important;
|
||||
|
||||
}
|
||||
|
||||
.uzsuSelect.ui-buttonset {
|
||||
display: block !important;
|
||||
margin: 6px 0px !important;
|
||||
}
|
||||
|
||||
.uzsuTimerEntry div:nth-child(2) {
|
||||
display: inline-grid !important;
|
||||
margin: 0px 10px 5px 0px !important;
|
||||
}
|
||||
|
||||
|
||||
.colorpicker_ct .slider { background: url(../jscolor/ct_background.svg); }
|
||||
.colorpicker_ct_mired .slider { background: url(../jscolor/ct_mired_background.svg); }
|
||||
.colorpicker_hue .slider { background: url(../jscolor/hue_background.svg); }
|
||||
.get,.set,.attr { margin-bottom:5px; float:left; }
|
||||
select.svgSrc { width:100px; }
|
||||
select.svgColumn { width:50px; }
|
||||
select.svgRegexp { width:120px; }
|
||||
|
||||
/* jQuery-UI mods */
|
||||
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
||||
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:#D7DADF; border:1px solid black;
|
||||
}
|
||||
#fwmenu li a { color:black; }
|
||||
|
||||
div#svgmarker {
|
||||
position: absolute; z-index:1005; padding: 6px 10px;
|
||||
text-align:left; max-width:600px;
|
||||
color:black; background:#999;
|
||||
border:1px solid #fff; border-radius:4px;
|
||||
}
|
||||
|
||||
svg.zw_nr .zwBox { stroke:#c0c0c0; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwDongle { stroke:red; stroke-width:2px; fill:#f7f7f7; }
|
||||
svg.zw_nr .zwMargin { stroke:#c0c0c0; stroke-width:1px; fill:none; }
|
||||
svg.zw_nr .zwLine { stroke:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr .zwArrowHead { fill:#c0c0c0; stroke-width:1px; }
|
||||
svg.zw_nr { height:auto; width:auto; margin:0; }
|
||||
|
||||
@ -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>
|
||||
@ -2,10 +2,10 @@
|
||||
/* by Sandra Ohmayer */
|
||||
/* http://www.animeschatten.net */
|
||||
|
||||
.background { fill:#f7f7f7;
|
||||
.background { fill:#f7f7f7;
|
||||
}
|
||||
|
||||
text {
|
||||
text {
|
||||
font: normal 10px Helvetica, Sans-serif;
|
||||
fill:#000000;}
|
||||
text.title {
|
||||
@ -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; }
|
||||
@ -27,31 +28,58 @@ polyline.SVGplot { stroke:black; fill:none; }
|
||||
.hgrid { stroke:gray; stroke-dasharray:2,6;}
|
||||
.pasted { stroke:black; stroke-dasharray:1,1;}
|
||||
|
||||
.SVGplot.l0 { stroke:red; }
|
||||
.SVGplot.l1 { stroke:green; }
|
||||
.SVGplot.l2 { stroke:blue; }
|
||||
.SVGplot.l3 { stroke:magenta; }
|
||||
.SVGplot.l4 { stroke:brown; }
|
||||
.SVGplot.l5 { stroke:black; }
|
||||
.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);}
|
||||
.SVGplot.l0 { stroke:red; }
|
||||
.SVGplot.l1 { stroke:green; }
|
||||
.SVGplot.l2 { stroke:blue; }
|
||||
.SVGplot.l3 { stroke:magenta; }
|
||||
.SVGplot.l4 { stroke:brown; }
|
||||
.SVGplot.l5 { stroke:black; }
|
||||
.SVGplot.l6 { stroke:olive; }
|
||||
.SVGplot.l7 { stroke:gray; }
|
||||
.SVGplot.l8 { stroke:yellow; }
|
||||
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
text.SVGplot.l0 { stroke:none; fill:red; }
|
||||
text.SVGplot.l1 { stroke:none; fill:green; }
|
||||
.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; }
|
||||
text.SVGplot.l3 { stroke:none; fill:magenta; }
|
||||
text.SVGplot.l4 { stroke:none; fill:brown; }
|
||||
@ -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.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.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.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; }
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user