More independence from #mkwsResults container.
[mkws-moved-to-github.git] / experiments / spclient / mkwsStyle.css
1 #mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsTermlists, #mkwsRanking,
2 #mkwsPager, #mkwsNavi, #mkwsRecords, #mkwsTargets, #mkwsStat,
3 #mkwsShiftedTermlists {
4     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
5 }
6
7 #mkwsLang {
8     float: left;
9     padding-left: 1em;
10     padding-top: 0.4em;
11 }
12
13 #mkwsLang a {
14     background: #d0e0ff;
15     padding: 1px 4px;
16 }
17
18 #mkwsLang span {
19     border: solid 1px #d0e0ff;
20     padding: 0px 3px;
21 }
22
23 #mkwsSearch {
24     float: right;
25 }
26
27 #mkwsSwitch {
28     float: right;
29     padding-left: 1em;
30     padding-top: 0.4em;
31 }
32
33 #mkwsTargets {
34     background-color: #fafafa;
35 }
36
37 #mkwsStat {
38     margin-top: 10px;
39     border-top: 1px solid  #156a16;
40     padding-top: 5px;
41     font-size: small;
42 }
43
44 #mkwsStat span.head {
45     font-weight: bold;
46 }
47
48 #mkwsStat span.clients:before {
49     content: "Active clients: ";
50 }
51
52 #mkwsStat span.records:before {
53     content: "Retrieved records: ";
54 }
55
56 #mkwsSwitch a,
57 #mkwsLang a,
58 #mkwsResults a,
59 #mkwsTermlists a,
60 #mkwsPager a,
61 #mkwsNavi a,
62 #mkwsRecords a,
63 #mkwsShiftedTermlists a {
64     color: #005701;
65     text-decoration: none;
66 }
67
68 #mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsResults a:hover, #mkwsShiftedTermlists a:hover {
69     text-decoration: underline;
70 }
71
72 #mkwsResults a.crossout:hover, #mkwsShiftedTermlists a.crossout:hover #mkwsResults a.crossout:hover {
73     text-decoration: line-through;
74 }
75
76 #mkwsSearch input#mkwsButton {
77     border: 3px outset #132194;
78     background-color: #132194;
79     padding: 2px;
80     width: 6em;
81     color: #FFFFFF;
82     font-weight: bold;
83     text-transform: uppercase;
84     font-size: 10px;
85     margin-left: 8px;
86     cursor: pointer;
87 }
88
89 #mkwsSearch input#mkwsQuery {
90     border: 2px inset #e0f0ff;
91     padding: 3px;
92     font-size: 12px;
93     background: #f0f8ff;
94 }
95
96 #mkwsResults hr, #mkwsShiftedTermlists hr {
97     display: none;
98 }
99
100 #mkwsTermlists .title, #mkwsShiftedTermlists .title {
101     font-size: large;
102     font-weight: bold;
103     text-transform: uppercase;
104 }
105
106 #mkwsTermlists, #mkwsShiftedTermlists div#termlist  {
107     background: #d0e0ff;
108     padding: 0.7em;
109     font-size: small;
110
111     border-top-right-radius: 10px;
112     -moz-border-top-right-radius: 10px;
113     -webkit-border-top-right-radius: 10px;
114 }
115
116 #mkwsTermlists div.facet, #mkwsShiftedTermlists div.facet {
117     background: #e0f0ff;
118     padding: 0.7em;
119     margin-top: 0.7em;
120
121     border-top-right-radius: 10px;
122     -moz-border-top-right-radius: 10px;
123     -webkit-border-top-right-radius: 10px;
124 }
125
126 #mkwsTermlists div.termtitle, #mkwsShiftedTermlists div.termtitle {
127     font-weight: bold;
128 }
129
130 #mkwsResults div.record, #mkwsShiftedTermlists div.record {
131     padding: 5px;
132 }
133
134 #mkwsResults div.details, #mkwsShiftedTermlists div.details {
135     border: 1px solid #404040;
136     background: #e8e8e8;
137     color: darkgray;
138     padding: 5px 10px;
139     margin: 10px 0px;
140     box-shadow: 10px 10px 5px #808080;
141
142     border-top-right-radius: 10px;
143     -moz-border-top-right-radius: 10px;
144     -webkit-border-top-right-radius: 10px;
145 }
146
147 #mkwsResults div.details th, #mkwsShiftedTermlists div.details th {
148     text-align: right;
149     vertical-align: top;
150     padding-right: 0.6em;
151 }
152
153 #mkwsResults div.details th:after, #mkwsShiftedTermlists div.details th:after {
154     content: ":";
155 }
156
157 #mkwsPager {
158     background: #e0e0e0;
159     padding: 0.3em;
160 }
161
162 #mkwsBytarget table thead tr td {
163     background-color: #132194;
164     color: white;
165     font-weight: bold;
166     padding: 0.2em 0.5em;
167 }
168
169 #mkwsBytarget table tbody tr:nth-child(odd) {
170     background-color: #e0f0ff;
171 }
172
173 #mkwsBytarget table tbody tr:nth-child(even) {
174     background-color: #d0e0ff;
175 }
176
177 #mkwsBytarget table tbody tr td {
178     padding: 0.2em 0.5em;
179 }