X-Git-Url: https://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=themes%2Fopenwrt.org%2Fhtdocs%2Fluci-static%2Fopenwrt.org%2Fcascade.css;h=07e53b806d41c7faf4024331f4785a5291183b5a;hp=85934d915f36c4693c54fa7c7c0eb092751642d4;hb=626225288e7566f04bb9c376609028385f2fe1a3;hpb=9cacdbc05cf66bb452598b29d3ac57ea69cbadca diff --git a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css index 85934d915..07e53b806 100644 --- a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css +++ b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css @@ -2,20 +2,21 @@ @media all { -html, +html { + min-height: 100%; + height: auto; +} + body { + color: #ffffff; background-color: #4a6b7c; background-image: url(bg.jpg); background-position: bottom center; - background-attachment: fixed; background-repeat: repeat-x; - color: #ffffff; -} - -body { font-family: Verdana, Arial, sans-serif; font-size: 101%; line-height: 100%; + padding-bottom: 1.5em; } * { @@ -136,32 +137,15 @@ ul.dropdowns li ul { min-width: 10em; } -* html ul.dropdowns li ul { - width: 10em; -} - ul.dropdowns li li { float: none; position: relative; } -* html ul.dropdowns li li { - clear: both; - float: left; -} - -* html ul.dropdowns li li { - width: 100%; -} - ul.dropdowns li a { display: block; } -* html ul.dropdowns li li a { - height: 1%; -} - ul.dropdowns ul li ul { top: 0; } @@ -350,6 +334,14 @@ html #menubar a:visited.warning { width: 11.5em; } +textarea#syslog { + width: 98%; + min-height: 500px; + border: 3px solid #cccccc; + padding: 5px; + font-family: monospace; +} + #maincontent { clear: both; width: 80%; @@ -364,16 +356,22 @@ html #menubar a:visited.warning { } #maincontent h2 { - margin: 0.25em 0 0.5em 0; font-size: 150%; - font-weight: normal; + font-family: Trebuchet MS, Verdana, sans-serif; + font-weight: bold; + margin: 0.25em 0 0.7em 0; + border-bottom: 1px solid; + padding-top: 10px; + padding-bottom: 4px; } #maincontent h3 { - margin: 0.5em 0; - font-size: 120%; - font-weight: normal; - text-decoration: underline; + margin: 0.5em 0 1.1em 0; + font-size: 125%; + font-weight: bold; + font-style: italic; + font-family: Trebuchet MS, Verdana, sans-serif; + color: #27408B; } #maincontent p { @@ -397,25 +395,16 @@ html #menubar a:visited.warning { color: #555555; } -*+html .cbi-section legend { - background-color: #ffffff; - color: #555555; -} - -* html .cbi-section legend { - background-color: #ffffff; - color: #555555; -} - .cbi-section h2 { margin: 0em 0 0.5em -0.5em !important; } .cbi-section h3 { - height: 1.5em; - font-size: 90%; - background-color: #ffffff; - color: #555555; + text-decoration: none !important; + font-weight: bold !important; + color: #555555 !important; + margin: 0.25em !important; + font-size: 100% !important; } .cbi-section-descr { @@ -481,14 +470,14 @@ input.cbi-input-user { background: url('../resources/cbi/user.gif') no-repeat scroll 1px center; background-color: inherit; color: #000000; - padding-left: 17px; + text-indent: 17px; } input.cbi-input-password { background: url('../resources/cbi/key.gif') no-repeat scroll 1px center; background-color: inherit; color: #000000; - padding-left: 17px; + text-indent: 17px; } input.cbi-input-find { @@ -574,6 +563,11 @@ form > div > input[type=reset] { margin-left: 0.5em; } +table td, +table th { + color: #000000; +} + table.smalltext { background: #f5f5f5; color: #000000; @@ -616,6 +610,7 @@ table.cbi-section-table .cbi-rowstyle-1 * { } .cbi-rowstyle-2 { + color: #000000; } div.cbi-value { @@ -633,6 +628,7 @@ div.cbi-value:hover { .cbi-value-title { float: left; width: 40%; + line-height: 1.8em; } div.cbi-value-field { @@ -649,6 +645,19 @@ div.cbi-value-description { div.cbi-section-create { clear: left; white-space: nowrap; + vertical-align: top; +} + +div.cbi-tblsection-create { + border-bottom: 1px dotted #bbbbbb; +} + +div.cbi-section-create .cbi-button { + margin: 0.25em; +} + +input.cbi-section-create-name { + margin-right: -0.25em; } div.cbi-map-descr { @@ -732,6 +741,56 @@ td.cbi-value-error { padding: 3px; } +ul.cbi-tabmenu { + padding: 3px 0; + margin-left: 0 !important; + margin-bottom: -1px; + list-style-type: none; +} + +ul.cbi-tabmenu li.cbi-tab, +ul.cbi-tabmenu li.cbi-tab-disabled { + display: inline; + margin: 0; +} + +ul.cbi-tabmenu li.cbi-tab a, +ul.cbi-tabmenu li.cbi-tab-disabled a { + text-decoration: none; + padding: 3px 7px; + margin-right: 3px; + border: 1px outset #000000; + border-bottom: none; + background-color: #EEEEEE; + color: #BBBBBB; +} + +ul.cbi-tabmenu li.cbi-tab-highlighted a { + color: #000000; + background-color: #FFEEAA; +} + +ul.cbi-tabmenu li a:hover { + color: #000000; +} + +ul.cbi-tabmenu li.cbi-tab a { + position: relative; + top: 1px; + padding-top: 4px; + color: #000000; + background-color: #FFFFFF; +} + +div.cbi-tab-descr { + background-image: url(/luci-static/resources/cbi/help.gif); + background-position: 0.25em 50%; + background-repeat: no-repeat; + border-bottom: 1px solid #CCCCCC; + margin: 0.25em 0.25em 2em; + padding: 0.5em 0.5em 0.5em 2em; +} + .right { text-align: right; } @@ -792,29 +851,4 @@ td.cbi-value-error { 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 { - margin-left: 40%; -} - }