themes/openwrt: add extra CSS for IE8 ...

3 files changed, 23 insertions, 9 deletions

diff --git a/themes/openwrt/htdocs/luci-static/openwrt.org/ie7.css b/themes/openwrt/htdocs/luci-static/openwrt.org/ie7.css
index 7ae5ac5f3..9e569b28b 100644
--- a/themes/openwrt/htdocs/luci-static/openwrt.org/ie7.css
+++ b/themes/openwrt/htdocs/luci-static/openwrt.org/ie7.css
@@ -11,13 +11,6 @@ ul.l1 {
 }
 
 
-.cbi-section legend {
-	color: #555555;
-	margin-top: -1em;
-	margin-bottom: 1em;
-}
-
-
 table.cbi-section-table td .cbi-input-text,
 table.cbi-section-table td .cbi-input-select {
 	width: 95% !important;
@@ -33,11 +26,19 @@ table.cbi-section-table td .cbi-input-select {
 
 
 fieldset.cbi-section {
-	border: 1px solid #CCCCCC;
+	position: relative;
 	margin-top: 1em;
+	padding-top: 0.75em;
+	border: 1px solid #CCCCCC;
 	zoom: 1;
 }
 
+fieldset.cbi-section legend {
+	position: absolute;
+	top: -0.75em;
+	left: 0.5em;
+}
+
 
 ul.cbi-tabmenu {
 	margin-bottom: 0;
diff --git a/themes/openwrt/htdocs/luci-static/openwrt.org/ie8.css b/themes/openwrt/htdocs/luci-static/openwrt.org/ie8.css
new file mode 100644
index 000000000..890988c41
--- /dev/null
+++ b/themes/openwrt/htdocs/luci-static/openwrt.org/ie8.css
@@ -0,0 +1,12 @@
+fieldset.cbi-section {
+	position: relative;
+	margin-top: 1em;
+	padding-top: 0.75em;
+	border: 1px solid #CCCCCC;
+}
+
+fieldset.cbi-section legend {
+	position: absolute;
+	top: -0.75em;
+	left: 0.5em;
+}
diff --git a/themes/openwrt/luasrc/view/themes/openwrt.org/header.htm b/themes/openwrt/luasrc/view/themes/openwrt.org/header.htm
index 51752d621..6eea8af20 100644
--- a/themes/openwrt/luasrc/view/themes/openwrt.org/header.htm
+++ b/themes/openwrt/luasrc/view/themes/openwrt.org/header.htm
@@ -110,8 +110,9 @@ require("luci.http").prepare_content("application/xhtml+xml")
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/cascade.css" />
-<!--[if lt IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie6.css" /><![endif]-->
+<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie6.css" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie7.css" /><![endif]-->
+<!--[if IE 8]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie8.css" /><![endif]-->
 <% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" />
 <% end -%>
 <script type="text/javascript" src="<%=resource%>/xhr.js"></script>