X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2FmkwsStyle.css;h=fe9bd54dc4f2962c67c0b54023244dcd606a992f;hb=1961bd80ed336c551905b49914c91c8e8b62c3a8;hp=4769c877a1f555d5f87602a90c0894ba1be41f8d;hpb=ecc14b22894f2c725de0303abbd36d141887d022;p=mkws-moved-to-github.git diff --git a/experiments/spclient/mkwsStyle.css b/experiments/spclient/mkwsStyle.css index 4769c87..fe9bd54 100644 --- a/experiments/spclient/mkwsStyle.css +++ b/experiments/spclient/mkwsStyle.css @@ -1,4 +1,4 @@ -#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat { +#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat, #mkwsShiftedTermlists { font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif; } @@ -8,6 +8,16 @@ padding-top: 0.4em; } +#mkwsLang a { + background: #d0e0ff; + padding: 1px 4px; +} + +#mkwsLang span { + border: solid 1px #d0e0ff; + padding: 0px 3px; +} + #mkwsSearch { float: right; } @@ -18,19 +28,20 @@ padding-top: 0.4em; } -#mkwsRecords { +#mkwsRecords, #mkwsShiftedTermlists { background-color: #fafafa; - border-bottom: 1px solid #156a16; } #mkwsTargets { background-color: #fafafa; - border-bottom: 1px solid #156a16; } #mkwsStat { + margin-top: 10px; + border-top: 1px solid #156a16; + padding-top: 5px; font-size: small; -} +} #mkwsStat span.head { font-weight: bold; @@ -44,16 +55,16 @@ content: "Retrieved records: "; } -#mkwsSwitch a, #mkwsLang a, #mkwsRecords a { - color: #005701; +#mkwsSwitch a, #mkwsLang a, #mkwsRecords a, #mkwsShiftedTermlists a { + color: #005701; text-decoration: none; } -#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsRecords a:hover { +#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsRecords a:hover, #mkwsShiftedTermlists a:hover { text-decoration: underline; } -#mkwsRecords a.crossout:hover { +#mkwsRecords a.crossout:hover, #mkwsShiftedTermlists a.crossout:hover #mkwsRecords a.crossout:hover { text-decoration: line-through; } @@ -71,27 +82,74 @@ } #mkwsSearch input#query { - border: 2px inset #34cc67; + border: 2px inset #e0f0ff; padding: 3px; font-size: 12px; + background: #f0f8ff; } -#mkwsRecords hr { +#mkwsRecords hr, #mkwsShiftedTermlists hr { display: none; } -#mkwsRecords div.termtitle { - margin: 4px; +#mkwsTermlists .title, #mkwsShiftedTermlists .title { + font-size: large; + font-weight: bold; + text-transform: uppercase; +} + +#mkwsTermlists, #mkwsShiftedTermlists div#termlist { + background: #d0e0ff; + padding: 0.7em; + font-size: small; + + border-top-right-radius: 10px; + -moz-border-top-right-radius: 10px; + -webkit-border-top-right-radius: 10px; +} + +#mkwsTermlists div.facet, #mkwsShiftedTermlists div.facet { + background: #e0f0ff; + padding: 0.7em; + margin-top: 0.7em; + + border-top-right-radius: 10px; + -moz-border-top-right-radius: 10px; + -webkit-border-top-right-radius: 10px; +} + +#mkwsTermlists div.termtitle, #mkwsShiftedTermlists div.termtitle { font-weight: bold; } -#mkwsRecords div.record { +#mkwsRecords div.record, #mkwsShiftedTermlists div.record { padding: 5px; } -#mkwsRecords div.details { - border: 3px solid gray; +#mkwsRecords div.details, #mkwsShiftedTermlists div.details { + border: 1px solid #404040; + background: #e8e8e8; color: darkgray; - padding: 5px; - margin: 4px; + padding: 5px 10px; + margin: 10px 0px; + box-shadow: 10px 10px 5px #808080; + + border-top-right-radius: 10px; + -moz-border-top-right-radius: 10px; + -webkit-border-top-right-radius: 10px; +} + +#mkwsRecords div.details th, #mkwsShiftedTermlists div.details th { + text-align: right; + vertical-align: top; + padding-right: 0.6em; +} + +#mkwsRecords div.details th:after, #mkwsShiftedTermlists div.details th:after { + content: ":"; +} + +#mkwsPager { + background: #e0e0e0; + padding: 0.3em; }