diff options
| author | Darkelarious <darkelarious@333networks.com> | 2022-08-26 13:26:33 +0200 |
|---|---|---|
| committer | Darkelarious <darkelarious@333networks.com> | 2022-08-26 13:26:33 +0200 |
| commit | 8ec88b566c5f3edc65f25adc0716c3493689cd08 (patch) | |
| tree | dbbde9a694f6b4052ec39a45f0010955c668da3c /s/style/gonespy | |
| parent | c5f43733533fe9b5708bd065a12c5fac86ccebed (diff) | |
| download | WebInterface-Perl-8ec88b566c5f3edc65f25adc0716c3493689cd08.tar.gz WebInterface-Perl-8ec88b566c5f3edc65f25adc0716c3493689cd08.zip | |
advanced filtering
Diffstat (limited to 's/style/gonespy')
| -rw-r--r-- | s/style/gonespy/style.css | 102 |
1 files changed, 81 insertions, 21 deletions
diff --git a/s/style/gonespy/style.css b/s/style/gonespy/style.css index dbc8074..973ed92 100644 --- a/s/style/gonespy/style.css +++ b/s/style/gonespy/style.css @@ -13,6 +13,7 @@ padding: 0; border: 0; outline:0; + } body { @@ -113,64 +114,123 @@ div.mainbox div.header { background: #222; } -/* navigation / search box "fieldset.search" */ +/* navigation / filter box */ -form input { +form input, +form select { border: 1px solid #0e0; background: #1c1c1c; color: #eee; } -form fieldset.search, -form fieldset#advancedsearch { +form input:disabled, +form select:disabled { + border: 1px solid #0e0; + background: #222; + color: #777; +} + +form fieldset { display: block; margin:12px 0 12px 0; width: 100%; text-align:center; + } +form fieldset.simple { height:22px; } -form fieldset.search input.text, -form fieldset#advancedsearch input.text { +form fieldset input.text { width: 300px; margin-left:20px; padding:1px 1px 1px 5px; font-style: italic; } -form fieldset.search input.submit { +form fieldset.simple input.submit { display:none; } -form fieldset.search a { +form fieldset a { padding: 1px 5px; border: 1px solid #0e0; margin: 0 6px; } -form fieldset.search a.sel, -form fieldset.search a:hover { +form fieldset a.sel, +form fieldset a:hover { border: 1px solid #0ee; color: #0ee; } -form div.dropdown a { +form.advancedfilter table { + /*width:70%; */ + table-layout:fixed; + border-collapse:collapse; + margin: 12pt auto; + text-align: right; +} + + +form.advancedfilter table tr { +} + + +form.advancedfilter table tr td { + margin: 3pt; + text-align: right; + padding: 7px; +} + +form.advancedfilter table tr td.desc { + width: 100px; + text-align: left; +} +form.advancedfilter table tr td.param { + width: 400px; + text-align: right; +} + +form.advancedfilter input.submit, +form.advancedfilter input.text, +form.advancedfilter select { + padding: 2px; + margin: auto 5px; + width: 400px +} +form.advancedfilter input.text { + width: 394px +} +form.advancedfilter input.submit { + font-weight: bold; +} + +form.advancedfilter span.errorsel { + font-size: x-small; + color: #f55; + padding-left:5px; +} + +div.simpleadvanced a { display:block; width:100%; text-align:center; font-size: x-small; } -form fieldset#advancedsearch { - display:none; -} -form fieldset#advancedsearch input.submit { - padding: 1px; - margin: auto 5px; +/* DEBUG code block */ +div.mainbox .codeblock { + font-family:"Lucida Console"; + font-size: 9pt; + text-align:left; + background: #1c1c1c; + border:1px solid #777; + display:block; + margin:12pt auto; + width:90%; + padding: 7px; + overflow-x:auto; + box-shadow: 3px 3px 2px #1c1c1c; } - -/* TODO: advanced search function styling */ - - /* browse table tabs */ ul.maintabs { |
