X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2FmkwsStyle.css;h=49f3b9fa031eeb9ed9930313dfe4a9ba3c0acfdf;hb=8dda95d66aaa1e5aaab7d2bf67e4ec1a13201b24;hp=c2fc0d0baf6017156832e011f6fdb53ddf2a95f9;hpb=49255d6cafeb31da51bf207e10200300ea184152;p=mkws-moved-to-github.git diff --git a/experiments/spclient/mkwsStyle.css b/experiments/spclient/mkwsStyle.css index c2fc0d0..49f3b9f 100644 --- a/experiments/spclient/mkwsStyle.css +++ b/experiments/spclient/mkwsStyle.css @@ -1,4 +1,14 @@ -#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat { +#mkwsLang, +#mkwsSwitch, +#mkwsSearch, +#mkwsTermlists, +#mkwsRanking, +#mkwsPager, +#mkwsNavi, +#mkwsRecords, +#mkwsTargets, +#mkwsStat, +#mkwsShiftedTermlists { font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif; } @@ -8,6 +18,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,10 +38,6 @@ padding-top: 0.4em; } -#mkwsRecords { - background-color: #fafafa; -} - #mkwsTargets { background-color: #fafafa; } @@ -31,7 +47,7 @@ border-top: 1px solid #156a16; padding-top: 5px; font-size: small; -} +} #mkwsStat span.head { font-weight: bold; @@ -45,20 +61,32 @@ content: "Retrieved records: "; } -#mkwsSwitch a, #mkwsLang a, #mkwsRecords a { - color: #005701; +#mkwsSwitch a, +#mkwsLang a, +#mkwsTermlists a, +#mkwsRanking a, +#mkwsPager a, +#mkwsNavi 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, +#mkwsTermlists a:hover, +#mkwsPager a:hover, +#mkwsRecords a:hover, +#mkwsShiftedTermlists a:hover { text-decoration: underline; } -#mkwsRecords a.crossout:hover { +#mkwsNavi a.crossout:hover { text-decoration: line-through; } -#mkwsSearch input#button { +#mkwsSearch input#mkwsButton { border: 3px outset #132194; background-color: #132194; padding: 2px; @@ -71,32 +99,33 @@ cursor: pointer; } -#mkwsSearch input#query { - border: 2px inset #34cc67; +#mkwsSearch input#mkwsQuery { + border: 2px inset #e0f0ff; padding: 3px; font-size: 12px; + background: #f0f8ff; } -#mkwsRecords hr { - display: none; -} - -#mkwsRecords div#termlist .title { +#mkwsTermlists .title, +#mkwsShiftedTermlists .title { font-size: large; font-weight: bold; text-transform: uppercase; } -#mkwsRecords div#termlist { +#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; } -#mkwsRecords div.facet { +#mkwsTermlists div.facet, +#mkwsShiftedTermlists div.facet { background: #e0f0ff; padding: 0.7em; margin-top: 0.7em; @@ -106,11 +135,13 @@ -webkit-border-top-right-radius: 10px; } -#mkwsRecords div.termtitle { +#mkwsTermlists div.termtitle, +#mkwsShiftedTermlists div.termtitle { font-weight: bold; } -#mkwsRecords div.record { +#mkwsRecords div.record, +#mkwsShiftedTermlists div.record { padding: 5px; } @@ -118,8 +149,8 @@ border: 1px solid #404040; background: #e8e8e8; color: darkgray; - padding: 0px 5px; - margin: 10px 4px; + padding: 5px 10px; + margin: 10px 0px; box-shadow: 10px 10px 5px #808080; border-top-right-radius: 10px; @@ -127,7 +158,38 @@ -webkit-border-top-right-radius: 10px; } -#mkwsRecords #pager { +#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; } + +#mkwsBytarget table thead tr td { + background-color: #132194; + color: white; + font-weight: bold; + padding: 0.2em 0.5em; +} + +#mkwsBytarget table tbody tr:nth-child(odd) { + background-color: #e0f0ff; +} + +#mkwsBytarget table tbody tr:nth-child(even) { + background-color: #d0e0ff; +} + +#mkwsBytarget table tbody tr td { + padding: 0.2em 0.5em; +}