* luci/themes/openwrt.org: fourth round of layout fixes, affects IE6 and IE7

This commit is contained in:
Jo-Philipp Wich 2008-10-15 20:06:50 +00:00
parent e69dcf68a2
commit 424f461e58
4 changed files with 92 additions and 77 deletions

View file

@ -136,32 +136,15 @@ ul.dropdowns li ul {
min-width: 10em; min-width: 10em;
} }
* html ul.dropdowns li ul {
width: 10em;
}
ul.dropdowns li li { ul.dropdowns li li {
float: none; float: none;
position: relative; position: relative;
} }
* html ul.dropdowns li li {
clear: both;
float: left;
}
* html ul.dropdowns li li {
width: 100%;
}
ul.dropdowns li a { ul.dropdowns li a {
display: block; display: block;
} }
* html ul.dropdowns li li a {
height: 1%;
}
ul.dropdowns ul li ul { ul.dropdowns ul li ul {
top: 0; top: 0;
} }
@ -397,25 +380,16 @@ html #menubar a:visited.warning {
color: #555555; color: #555555;
} }
*+html .cbi-section legend {
background-color: #ffffff;
color: #555555;
}
* html .cbi-section legend {
background-color: #ffffff;
color: #555555;
}
.cbi-section h2 { .cbi-section h2 {
margin: 0em 0 0.5em -0.5em !important; margin: 0em 0 0.5em -0.5em !important;
} }
.cbi-section h3 { .cbi-section h3 {
height: 1.5em; text-decoration: none !important;
font-size: 90%; font-weight: bold !important;
background-color: #ffffff; color: #555555 !important;
color: #555555; margin: 0.25em !important;
font-size: 100% !important;
} }
.cbi-section-descr { .cbi-section-descr {
@ -639,6 +613,7 @@ div.cbi-value:hover {
.cbi-value-title { .cbi-value-title {
float: left; float: left;
width: 40%; width: 40%;
line-height: 1.8em;
} }
div.cbi-value-field { div.cbi-value-field {
@ -811,50 +786,4 @@ td.cbi-value-error {
color: black; color: black;
} }
/* obligatory IE6 Voodoo Code */
* html body {
padding-left: 50% !important;
}
* html div#header {
margin-left: -100% !important;
}
* html div#menubar {
margin-left: -100% !important;
width: 200% !important;
}
* html div#maincontent {
margin-left: -80% !important;
width: 160% !important;
}
* html div.cbi-value-description {
width: auto !important;
}
* html div.cbi-value-field {
margin-left: 0 !important;
width: 100% !important;
}
* html .cbi-input-text,
* html .cbi-input-user,
* html .cbi-input-select,
* html .cbi-input-password {
width: 50% !important;
}
* html table.cbi-section-table td .cbi-input-text,
* html table.cbi-section-table td .cbi-input-select {
width: 100% !important;
}
* html div.cbi-page-actions {
text-align: right !important;
}
} }

View file

@ -0,0 +1,71 @@
/* obligatory IE6 Voodoo Code */
* html body {
padding-left: 50% !important;
}
* html div#header {
margin-left: -100% !important;
}
* html div#menubar {
margin-left: -100% !important;
width: 200% !important;
}
* html ul.dropdowns li ul {
width: 10em;
}
* html ul.dropdowns li li {
clear: both;
float: left;
}
* html ul.dropdowns li li {
width: 100%;
}
* html ul.dropdowns li li a {
height: 1%;
}
* html div#maincontent {
margin-left: -80% !important;
width: 160% !important;
}
* html div.cbi-value-description {
width: auto !important;
}
* html div.cbi-value-field {
margin-left: 0 !important;
width: 100% !important;
}
* html .cbi-input-text,
* html .cbi-input-user,
* html .cbi-input-select,
* html .cbi-input-password {
width: 50% !important;
}
* html .cbi-section legend {
background-color: #ffffff;
color: #555555;
}
* html table.cbi-section-table td .cbi-input-text,
* html table.cbi-section-table td .cbi-input-select {
width: 100% !important;
}
* html div.cbi-page-actions {
text-align: right !important;
}
* html div.cbi-value-field input,
* html div.cbi-value-field select {
font-size: 90% !important;
}

View file

@ -0,0 +1,13 @@
div.cbi-value-field {
margin-left: 0 !important;
}
.cbi-section legend {
background-color: #ffffff;
color: #555555;
}
table.cbi-section-table td .cbi-input-text,
table.cbi-section-table td .cbi-input-select {
width: 95% !important;
}

View file

@ -42,6 +42,8 @@ require("luci.http").prepare_content("application/xhtml+xml")
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/cascade.css" /> <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 7]><link rel="stylesheet" type="text/css" media="screen" href="<%=media%>/ie7.css" /><![endif]-->
<% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" /> <% if node and node.css then %><link rel="stylesheet" type="text/css" media="screen" href="<%=resource%>/<%=node.css%>" />
<% end -%> <% end -%>
<script type="text/javascript" src="<%=media%>/VarType.js"></script> <script type="text/javascript" src="<%=media%>/VarType.js"></script>