From 8ec88b566c5f3edc65f25adc0716c3493689cd08 Mon Sep 17 00:00:00 2001 From: Darkelarious Date: Fri, 26 Aug 2022 13:26:33 +0200 Subject: advanced filtering --- s/style/oldunreal/style.css | 102 +++++++++++++++++++++++++++++++++++--------- 1 file changed, 81 insertions(+), 21 deletions(-) (limited to 's/style/oldunreal/style.css') diff --git a/s/style/oldunreal/style.css b/s/style/oldunreal/style.css index 6aa36c1..f8af7f9 100644 --- a/s/style/oldunreal/style.css +++ b/s/style/oldunreal/style.css @@ -13,6 +13,7 @@ padding: 0; border: 0; outline:0; + } body { @@ -113,64 +114,123 @@ div.mainbox div.header { background: #111; } -/* navigation / search box "fieldset.search" */ +/* navigation / filter box */ -form input { +form input, +form select { border: 1px solid #0f0; background: #1c1c1c; color: #eee; } -form fieldset.search, -form fieldset#advancedsearch { +form input:disabled, +form select:disabled { + border: 1px solid #0f0; + background: #111; + 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 #0f0; margin: 0 6px; } -form fieldset.search a.sel, -form fieldset.search a:hover { +form fieldset a.sel, +form fieldset a:hover { border: 1px solid #090; color: #090; } -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 { -- cgit v1.2.3