Public/fhem-mirror
1
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-05-04 22:19:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

SVG tweaks

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk@649 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2010-07-06 11:29:20 +00:00
parent c3f5537bd4
commit 9eeafba508
5 changed files with 46 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
fhem/webfrontend/pgm2/98_SVG.pm
View File

@ -67,10 +67,17 @@ SVG_render($$$$$$)
} }
pO "]]></style>"; pO "]]></style>";
if(open(FH, "$__dir/svg_defs.svg")) { # gradient definitions
pO join("", <FH>);
close(FH);
} else {
Log 0, "Can't open $__dir/svg_defs.svg"
}
# Background # Background
pO "<rect width =\"$ow\" height=\"$oh\" class=\"background\"/>"; pO "<rect width =\"$ow\" height=\"$oh\" class=\"background\"/>";
# Rectangle # Rectangle
pO "<rect x=\"$x\" y=\"$y\" width =\"$w\" height =\"$h\" ". pO "<rect x=\"$x\" y=\"$y\" width =\"$w\" height =\"$h\" rx=\"8\" ry=\"8\" ".
"fill=\"none\" class=\"border\"/>"; "fill=\"none\" class=\"border\"/>";
my ($off1,$off2) = ($ow/2, 3*$y/4); my ($off1,$off2) = ($ow/2, 3*$y/4);

2
fhem/webfrontend/pgm2/style.css
View File

@ -8,7 +8,7 @@ a { color: #278727; }
table.block { border:1px solid gray; width: 100%; background: #F8F8E0; } table.block { border:1px solid gray; width: 100%; background: #F8F8E0; }
table.block tr.odd { background: #F0F0D8; } table.block tr.odd { background: #F0F0D8; }
table.block tr.sel { background: #F0F0D8; } table.block tr.sel { background: #F0F0D8; }
table { -moz-border-radius:8px; } table { -moz-border-radius:8px; -webkit-border-radius:8px; }
table#room { background: #D7FFFF; } table#room { background: #D7FFFF; }
table#room tr.sel { background: #A0FFFF; } table#room tr.sel { background: #A0FFFF; }

3
fhem/webfrontend/pgm2/style_smallscreen.css
View File

@ -3,13 +3,12 @@ body { background-color: #FFFFE7;}
#menu { position:absolute; top:10px; left:85px; } #menu { position:absolute; top:10px; left:85px; }
#hdr { position:absolute; top:40px; left:85px; } #hdr { position:absolute; top:40px; left:85px; }
#content { position:absolute; top:85px; left:10px; } #content { position:absolute; top:85px; left:10px; }
a { color: #278727; } a { color: #278727; }
table.block { border:1px solid gray; width: 100%; background: #F8F8E0; } table.block { border:1px solid gray; width: 100%; background: #F8F8E0; }
table.block tr.odd { background: #F0F0D8; } table.block tr.odd { background: #F0F0D8; }
table.block tr.sel { background: #F0F0D8; } table.block tr.sel { background: #F0F0D8; }
table { -moz-border-radius:8px; } table { -moz-border-radius:8px; -webkit-border-radius:8px; }
table#room { background: #D7FFFF; } table#room { background: #D7FFFF; }
table#room tr.sel { background: #A0FFFF; } table#room tr.sel { background: #A0FFFF; }

7
fhem/webfrontend/pgm2/svg_defs.svg Normal file
View File

@ -0,0 +1,7 @@
<!-- will be included in each svg plot -->
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFFFF7; stop-opacity:1"/>
<stop offset="100%" style="stop-color:#FFFFC7; stop-opacity:1"/>
</linearGradient>
</defs>

44
fhem/webfrontend/pgm2/svg_style.css
View File

@ -1,22 +1,32 @@
.background { fill:#FFFFE7; }
text { font-family:Times; font-size:12px; } text { font-family:Times; font-size:12px; }
text.title { font-size:16px; } text.title { font-size:16px; }
text.copy { font-size:16px; stroke:none; fill:blue; } text.copy { text-decoration:underline; stroke:none; fill:blue; }
text.paste { font-size:16px; stroke:none; fill:blue; } text.paste { text-decoration:underline; stroke:none; fill:blue; }
text.l0 { test-decoration:underline; stroke:none; fill:red; }
text.l1 { test-decoration:underline; stroke:none; fill:green; }
text.l2 { test-decoration:underline; stroke:none; fill:blue; }
text.l3 { test-decoration:underline; stroke:none; fill:magenta; }
text.l4 { test-decoration:underline; stroke:none; fill:brown; }
text.l5 { test-decoration:underline; stroke:none; fill:black; }
text.l6 { test-decoration:underline; stroke:none; fill:olive; }
text.l7 { test-decoration:underline; stroke:none; fill:gray; }
text.l8 { test-decoration:underline; stroke:none; fill:yellow; }
.background { fill:#FFFFE7; }
.border { stroke:black; stroke-width:1px; }
polyline { stroke:black; fill:none; } polyline { stroke:black; fill:none; }
;.border { stroke:black; fill:none; }
.border { stroke:black; fill:url(#grad1); }
.vgrid { stroke:gray; stroke-dasharray:2,6; }
.hgrid { stroke:gray; stroke-dasharray:2,6; }
.pasted { stroke:black; stroke-dasharray:1,1; }
.vgrid { stroke-dasharray:2,6; stroke:gray; } .l0 { stroke:red; }
.hgrid { stroke-dasharray:2,6; stroke:gray; } .l1 { stroke:green; }
.l2 { stroke:blue; }
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; } .l3 { stroke:magenta; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; } .l4 { stroke:brown; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; } .l5 { stroke:black; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; } .l6 { stroke:olive; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; } .l7 { stroke:gray; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; } .l8 { stroke:yellow; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; }
.pasted { stroke-dasharray:1,1; stroke:black; }