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=91771a78c3b296d658c2c9bc912d629dc8288887;hp=9edc15eeea9e1a2c5808480427f1672e58a3425f;hb=f372cbda9a3f40d889b0f4a9da399dfdf1435518;hpb=86b389f6eac17be4b64dcc3c253fa6b6ee032e37 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 9edc15eee..91771a78c 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 { @@ -559,6 +548,14 @@ div.cbi-section-remove input { padding-right: 1px; } +.cbi-input-invalid { + background-image: url('../resources/cbi/reset.gif'); + background-repeat: no-repeat; + background-position: right; + color: #FF0000 !important; + border-color: #FF0000; +} + div.cbi-section-remove input { border-bottom: none; } @@ -627,7 +624,7 @@ table.cbi-section-table .cbi-rowstyle-1 * { div.cbi-value { clear: left; vertical-align: middle; - padding-left: 0.25em; + padding: 0.25em; border-bottom: 1px dotted #bbbbbb; } @@ -639,6 +636,7 @@ div.cbi-value:hover { .cbi-value-title { float: left; width: 40%; + line-height: 1.8em; } div.cbi-value-field { @@ -655,6 +653,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 { @@ -708,14 +719,6 @@ td.cbi-section-table-optionals { padding-top: 1em; } -div.cbi-section-create { - border-bottom: 1px dotted #bbbbbb; -} - -div.cbi-section-create .cbi-button { - margin: 0.25em; -} - .cbi-value-helpicon img { vertical-align: bottom; } @@ -746,6 +749,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; } @@ -777,6 +830,12 @@ td.cbi-value-error { padding: 0.5em; } +.errorbox { + border: 1px solid #FF0000; + background-color: #FFCCCC; + padding: 5px; +} + #memorybar { width: 200px; height: 8px; @@ -806,45 +865,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 { - 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 div.cbi-page-actions { - text-align: right !important; -} - }