X-Git-Url: http://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=themes%2Fopenwrt%2Fhtdocs%2Fluci-static%2Fopenwrt.org%2Fcascade.css;h=e3228ecc7104f8a0765153cec2da63ea03d8b570;hp=75a74d1c511d946a0609abb11f6fe2bc38ea69f1;hb=e6dcd4630f6c0f550e6473fa4250cb9aafc1053b;hpb=438df402b04b9a086c6cdecc48b2f72473c6d5a5 diff --git a/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css b/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css index 75a74d1c5..e3228ecc7 100644 --- a/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css +++ b/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css @@ -5,6 +5,7 @@ html { min-height: 100%; height: auto; + position:relative; } body { @@ -28,10 +29,6 @@ a img { text-decoration: none; } -small { - white-space: nowrap; -} - ul.tabmenu { margin: 0; clear: both; @@ -165,6 +162,20 @@ div.hostinfo { padding: 0.5em; } +#xhr_poll_status { + cursor: pointer; +} + +#xhr_poll_status #xhr_poll_status_off { + font-weight: bold; + color: #FF0000; +} + +#xhr_poll_status #xhr_poll_status_on { + font-weight: bold; + color: #00FF00; +} + #menubar { position: relative; width: 100%; @@ -223,6 +234,8 @@ html #menubar a:visited.warning { color: #ffffff; list-style: none; margin-right: 1px; + margin-left: 2em; + float: right; } #modemenu li { @@ -232,7 +245,6 @@ html #menubar a:visited.warning { #savemenu { float: right; - margin-right: 2em; } .lang_de #submenu_admin_uci { @@ -255,6 +267,7 @@ textarea#syslog { clear: both; width: 96%; margin: 0 auto; + height:100%; } #maincontent { @@ -340,7 +353,11 @@ input:-webkit-input-placeholder { color: #AAAAAA; } -input:-moz-input-placeholder { +input:-moz-placeholder { + color: #AAAAAA; +} + +input:-ms-input-placeholder { color: #AAAAAA; } @@ -367,9 +384,7 @@ input[type=image] { input:focus, input:hover, select:focus, -select:hover, -textarea:focus, -textarea:hover { +select:hover { background-color: #ffffff; color: #000000; } @@ -386,38 +401,63 @@ td input[type=password] { width: 99%; } +img.cbi-image-button { + cursor: pointer; + margin: 0 2px; + vertical-align: middle; +} + +input.cbi-button { + background-color: #EEEEEE; + background-repeat: no-repeat; + background-position: 1px center; + border: 1px solid #CCCCCC; + border-radius: 3px; +} + +input.cbi-button:hover { + border-color: #4A6B7C; + background-color: #FFFFFF; +} + +input.cbi-button[disabled] { + color: #CCCCCC; + border-color: #CCCCCC; + background-color: #EEEEEE; + cursor: default; +} + input.cbi-input-user { - background: url('../resources/cbi/user.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/user.gif'); + background-repeat: no-repeat; + background-position: 1px center; color: #000000; text-indent: 17px; } input.cbi-input-password { - background: url('../resources/cbi/key.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/key.gif'); + background-repeat: no-repeat; + background-position: 1px center; color: #000000; text-indent: 17px; } input.cbi-input-find { - background: url('../resources/cbi/find.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/find.gif'); color: #000000; padding-left: 17px; } input.cbi-input-reload { - background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/reload.gif'); color: #000000; padding-left: 17px; } input.cbi-input-add, input.cbi-button-add { - background: url('../resources/cbi/add.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/add.gif'); color: #000000; padding-left: 17px; padding-right: 1px; @@ -425,8 +465,7 @@ input.cbi-button-add { input.cbi-input-fieldadd, input.cbi-button-fieldadd { - background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center; - background-color: inherit; + background-image: url(../resources/cbi/fieldadd.gif); color: #000000; padding-left: 17px; padding-right: 1px; @@ -434,8 +473,7 @@ input.cbi-button-fieldadd { input.cbi-input-reset, input.cbi-button-reset { - background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/reset.gif'); color: #000000; padding-left: 17px; padding-right: 1px; @@ -443,8 +481,7 @@ input.cbi-button-reset { input.cbi-input-save, input.cbi-button-save { - background: url('../resources/cbi/save.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/save.gif'); color: #000000; padding-left: 17px; padding-right: 1px; @@ -452,8 +489,7 @@ input.cbi-button-save { input.cbi-input-apply, input.cbi-button-apply { - background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/apply.gif'); color: #000000; padding-left: 17px; padding-right: 1px; @@ -461,8 +497,7 @@ input.cbi-button-apply { input.cbi-input-link, input.cbi-button-link { - background: url('../resources/cbi/link.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/link.gif'); color: #000000; padding-left: 17px; padding-right: 1px; @@ -470,8 +505,47 @@ input.cbi-button-link { input.cbi-input-remove, div.cbi-section-remove input { - background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center; - background-color: inherit; + background-image: url('../resources/cbi/remove.gif'); + color: #000000; + padding-left: 17px; + padding-right: 1px; +} + +input.cbi-button-up { + background-image: url('../resources/cbi/up.gif'); + padding-left: 11px; + padding-right: 1px; +} + +input.cbi-button-down { + background-image: url('../resources/cbi/down.gif'); + padding-left: 11px; + padding-right: 1px; +} + +input.cbi-button-edit { + background-image: url('../resources/cbi/edit.gif'); + color: #000000; + padding-left: 17px; + padding-right: 1px; +} + +input.cbi-button-reload { + background-image: url('../resources/cbi/reload.gif'); + color: #000000; + padding-left: 17px; + padding-right: 1px; +} + +input.cbi-button-reset { + background-image: url('../resources/cbi/reset.gif'); + color: #000000; + padding-left: 17px; + padding-right: 1px; +} + +input.cbi-button-remove { + background-image: url('../resources/cbi/remove.gif'); color: #000000; padding-left: 17px; padding-right: 1px; @@ -535,12 +609,22 @@ table.smalltext tr td { border-left: 1px solid #666666; } -table.cbi-section-table .cbi-rowstyle-1, -table.cbi-section-table .cbi-rowstyle-1>* { +table.cbi-section-table .cbi-rowstyle-1 { background-color: #eeeeff; color: #000000; } +table.cbi-section-table .cbi-rowstyle-1:hover, +table.cbi-section-table .cbi-rowstyle-2:hover { + background-color: #b2c8d4; + color: #000000; +} + +table.cbi-section-table .cbi-section-table-cell { + padding: 3px; + white-space: nowrap; +} + .cbi-section .cbi-rowstyle-1 h3 { background-color: #eeeeff; color: #555555; @@ -553,7 +637,7 @@ table.cbi-section-table .cbi-rowstyle-1>* { div.cbi-value { clear: left; vertical-align: middle; - padding: 0.25em; + padding: 0.25em 0.6em; border-bottom: 1px dotted #bbbbbb; } @@ -585,10 +669,6 @@ div.cbi-section-create { vertical-align: top; } -div.cbi-tblsection-create { - border-bottom: 1px dotted #bbbbbb; -} - div.cbi-section-create .cbi-button { margin: 0.25em; } @@ -612,11 +692,18 @@ div.cbi-section-remove { .cbi-section-node { clear: both; - border-top: 1px dotted #bbbbbb; - border-left: 1px dotted #bbbbbb; - border-right: 1px dotted #bbbbbb; - border-bottom: none; + border: 1px solid #BBBBBB; + border-radius: 3px; padding-bottom: 0; + position: relative; +} + +.cbi-section-node-tabbed { + border-top-left-radius: 0; +} + +.cbi-section-node .cbi-value-last { + border-bottom: none; } .cbi-section-node table div { @@ -678,11 +765,18 @@ td.cbi-value-error { padding: 3px; } +.cbi-value-field var { + color: #2222FF; +} + ul.cbi-tabmenu { padding: 3px 0; margin-left: 0 !important; - margin-bottom: -1px; list-style-type: none; + position: relative; + z-index: 10; + top: 4px; + line-height: 20px; } ul.cbi-tabmenu li.cbi-tab, @@ -696,8 +790,9 @@ ul.cbi-tabmenu li.cbi-tab-disabled a { text-decoration: none; padding: 3px 7px; margin-right: 3px; - border: 1px outset #000000; + border: 1px solid #BBBBBB; border-bottom: none; + border-radius: 3px 3px 0 0; background-color: #EEEEEE; color: #BBBBBB; } @@ -712,8 +807,6 @@ ul.cbi-tabmenu li a:hover { } ul.cbi-tabmenu li.cbi-tab a { - position: relative; - top: 1px; padding-top: 4px; color: #000000; background-color: #FFFFFF; @@ -728,15 +821,20 @@ div.cbi-tab-descr { padding: 0.5em 0.5em 0.5em 2em; } +.left { + text-align: left !important; +} + .right { - text-align: right; + text-align: right !important; } .luci { - position: fixed; + position: absolute; bottom: 0; - left: 0; - text-align: right; + left: 1em; + height: 1.5em; + font-size: 80%; } .luci a:link, @@ -766,6 +864,69 @@ div.cbi-tab-descr { margin-bottom: 5px; } +.errorbox a { + color: #000000 !important; +} + + +.ifacebox { + background-color: #FFFFFF; + border: 1px solid #CCCCCC; + margin: 0 10px; + text-align: center; + white-space: nowrap; +} + +.ifacebox .ifacebox-head { + border-bottom: 1px solid #CCCCCC; + padding: 2px; +} + +.ifacebox .ifacebox-body { + padding: 2px; +} + + +.ifacebadge { + background-color: #FFFFFF; + border: 1px solid #CCCCCC; + padding: 2px; + margin-left: 2px; + display: inline-block; +} + +.ifacebadge-active { + border-color: #000000; + font-weight: bold; +} + + +.zonebadge { + padding: 2px; + display: inline-block; + white-space: nowrap; + cursor: pointer; +} + +.zonebadge em, +.zonebadge strong { + margin: 3px; + display: inline-block; +} + +.zonebadge input { + width: 6em; + height: 1.5em; +} + +.zonebadge-empty { + border: 1px dashed #AAAAAA; + color: #AAAAAA; + font-style: italic; + font-size: smaller; +} + + .uci-change-list { font-family: monospace; } @@ -835,33 +996,4 @@ div.cbi-tab-descr { } -#memorybar { - width: 200px; - height: 8px; - border: 1px solid #bbb; - color: black; - background-color: red; -} - -#memfree, #membuffers, #memcached { - float: right; - border: 1px solid #bbb; - height: 6px; -} - -#memfree { - background-color: green; - color: black; -} - -#membuffers { - background-color: yellow; - color: black; -} - -#memcached { - background-color: #ffa500; - color: black; -} - }