From bab5b7425acd1c1f38fa093a004159bbec521bdf Mon Sep 17 00:00:00 2001 From: rudolfkoenig <> Date: Wed, 26 Mar 2014 07:09:08 +0000 Subject: [PATCH] CSS: center SVG text git-svn-id: https://svn.fhem.de/fhem/trunk@5325 2b470e98-0d58-463d-a4d8-8e2adae1ed80 --- fhem/www/pgm2/brightstyle.css | 2 +- fhem/www/pgm2/darkfloorplanstyle.css | 2 +- fhem/www/pgm2/darksmallscreenstyle.css | 2 +- fhem/www/pgm2/darkstyle.css | 2 +- fhem/www/pgm2/floorplanstyle.css | 2 +- fhem/www/pgm2/ios7floorplanstyle.css | 2 +- fhem/www/pgm2/ios7smallscreenfloorplanstyle.css | 2 +- fhem/www/pgm2/ios7smallscreenstyle.css | 2 +- fhem/www/pgm2/ios7style.css | 4 ++-- fhem/www/pgm2/ios7touchpadfloorplanstyle.css | 2 +- fhem/www/pgm2/smallscreenstyle.css | 2 +- fhem/www/pgm2/style.css | 2 +- fhem/www/pgm2/touchpadstyle.css | 2 +- 13 files changed, 14 insertions(+), 14 deletions(-) diff --git a/fhem/www/pgm2/brightstyle.css b/fhem/www/pgm2/brightstyle.css index ac3aee496..afd3e9d16 100644 --- a/fhem/www/pgm2/brightstyle.css +++ b/fhem/www/pgm2/brightstyle.css @@ -67,7 +67,7 @@ select { border:0px none; margin-left:5px; margin-right:5px; } border:2px solid; color:#309bbd; text-align:center; } .downText { margin-top:8px; font-weight:bold; } -svg { height:32px; width:32px; fill:#309bbd; } +svg { height:32px; width:32px; fill:#309bbd; vertical-align:middle; margin:2px 0; } g.on { fill:red; } div[id*="Kalender-"] { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div[id*="disp"] { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } diff --git a/fhem/www/pgm2/darkfloorplanstyle.css b/fhem/www/pgm2/darkfloorplanstyle.css index 3eb500090..1deef4eed 100644 --- a/fhem/www/pgm2/darkfloorplanstyle.css +++ b/fhem/www/pgm2/darkfloorplanstyle.css @@ -64,7 +64,7 @@ select { margin-left:5px; margin-right:5px; } .downText { margin-top:2px; } /* next lines are for openautomation-svg */ -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/darksmallscreenstyle.css b/fhem/www/pgm2/darksmallscreenstyle.css index f8ec1d414..1ea14c58e 100644 --- a/fhem/www/pgm2/darksmallscreenstyle.css +++ b/fhem/www/pgm2/darksmallscreenstyle.css @@ -78,7 +78,7 @@ select { margin-left:5px; margin-right:5px; } .downText,.makeSelect select { margin:0.7em; } -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/darkstyle.css b/fhem/www/pgm2/darkstyle.css index 225361d82..371f786f7 100644 --- a/fhem/www/pgm2/darkstyle.css +++ b/fhem/www/pgm2/darkstyle.css @@ -81,7 +81,7 @@ select { margin-left:5px; margin-right:5px; } .downText,.makeSelect select { margin:0.7em; } -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/floorplanstyle.css b/fhem/www/pgm2/floorplanstyle.css index ca8a0e8a2..03b63bdf9 100644 --- a/fhem/www/pgm2/floorplanstyle.css +++ b/fhem/www/pgm2/floorplanstyle.css @@ -64,7 +64,7 @@ select { margin-left:5px; margin-right:5px; } .downText { margin-top:2px; } /* next lines are for openautomation-svg */ -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/ios7floorplanstyle.css b/fhem/www/pgm2/ios7floorplanstyle.css index ca8a0e8a2..03b63bdf9 100644 --- a/fhem/www/pgm2/ios7floorplanstyle.css +++ b/fhem/www/pgm2/ios7floorplanstyle.css @@ -64,7 +64,7 @@ select { margin-left:5px; margin-right:5px; } .downText { margin-top:2px; } /* next lines are for openautomation-svg */ -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css b/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css index ca8a0e8a2..03b63bdf9 100644 --- a/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css +++ b/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css @@ -64,7 +64,7 @@ select { margin-left:5px; margin-right:5px; } .downText { margin-top:2px; } /* next lines are for openautomation-svg */ -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/ios7smallscreenstyle.css b/fhem/www/pgm2/ios7smallscreenstyle.css index ca08c5383..470ed0f47 100644 --- a/fhem/www/pgm2/ios7smallscreenstyle.css +++ b/fhem/www/pgm2/ios7smallscreenstyle.css @@ -75,5 +75,5 @@ button.dist { margin:5px; background:transparent; border:0px; cursor:pointer; } -webkit-user-select:none; -moz-user-select:none; -user-select:none; border:3px solid; color:#278727; text-align:center; } -svg { height:32px; width:32px; fill:#1c7efb; } +svg { height:32px; width:32px; fill:#1c7efb; vertical-align:middle; margin:2px 0; } g.on { fill:red; } diff --git a/fhem/www/pgm2/ios7style.css b/fhem/www/pgm2/ios7style.css index 372991c98..5208966b3 100644 --- a/fhem/www/pgm2/ios7style.css +++ b/fhem/www/pgm2/ios7style.css @@ -155,7 +155,7 @@ pre { white-space: pre-wrap; } /* ============== SVG ============== */ -svg { height:32px; width:32px; fill:#1c7efb; } +svg { height:32px; width:32px; fill:#1c7efb; vertical-align:middle; margin:2px 0; } table.room svg.icon { margin-left: -43px; margin-right:20px; } svg.icon { margin-left: 7px; margin-right:20px; } @@ -174,4 +174,4 @@ table#TYPE_remotecontrol td { padding: 5px 7px; } background: #e5e5e5; font-size:6px;} .rc_button { padding: 5px 7px;} .rc_button img { border-style: solid; border-width: 1px; border-color: transparent; } -.rc_button img:active { border-color: gray; } \ No newline at end of file +.rc_button img:active { border-color: gray; } diff --git a/fhem/www/pgm2/ios7touchpadfloorplanstyle.css b/fhem/www/pgm2/ios7touchpadfloorplanstyle.css index ca8a0e8a2..03b63bdf9 100644 --- a/fhem/www/pgm2/ios7touchpadfloorplanstyle.css +++ b/fhem/www/pgm2/ios7touchpadfloorplanstyle.css @@ -64,7 +64,7 @@ select { margin-left:5px; margin-right:5px; } .downText { margin-top:2px; } /* next lines are for openautomation-svg */ -svg { height:32px; width:32px; fill:#fff; } +svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/smallscreenstyle.css b/fhem/www/pgm2/smallscreenstyle.css index 8e13ee7d9..906ae1a7c 100644 --- a/fhem/www/pgm2/smallscreenstyle.css +++ b/fhem/www/pgm2/smallscreenstyle.css @@ -75,7 +75,7 @@ button.dist { margin:5px; background:transparent; border:0px; cursor:pointer; } -webkit-user-select:none; -moz-user-select:none; -user-select:none; border:3px solid; color:#278727; text-align:center; } -svg { height:32px; width:32px; fill:#278727; } +svg { height:32px; width:32px; fill:#278727; vertical-align:middle; margin:2px 0; } svg.on,svg.FS20_on { fill:orange; } .changed { color:red; } diff --git a/fhem/www/pgm2/style.css b/fhem/www/pgm2/style.css index 37b11daa1..2e134bcdd 100644 --- a/fhem/www/pgm2/style.css +++ b/fhem/www/pgm2/style.css @@ -65,7 +65,7 @@ select { margin-left:5px; margin-right:5px; } pre { white-space: pre-wrap; } -svg { height:32px; width:32px; fill:#278727; } +svg { height:32px; width:32px; fill:#278727; vertical-align:middle; margin:2px 0; } svg.on,svg.FS20_on { fill:orange; } /* next lines are for remotecontrol */ diff --git a/fhem/www/pgm2/touchpadstyle.css b/fhem/www/pgm2/touchpadstyle.css index 765a9db06..fcbf162b1 100644 --- a/fhem/www/pgm2/touchpadstyle.css +++ b/fhem/www/pgm2/touchpadstyle.css @@ -56,7 +56,7 @@ select { margin-left:5px; margin-right:5px; } border:3px solid; color:#278727; text-align:center; } .downText { margin-top:2px; } -svg { height:32px; width:32px; fill:#278727; } +svg { height:32px; width:32px; fill:#278727; vertical-align:middle; margin:2px 0; } g.on { fill:red; } /* next lines are for remotecontrol */