Last part of MKWS-322 (Use "facets" widget in place of "termlists")
[mkws-moved-to-github.git] / tools / htdocs / mkws.css
1 .mkwsLang, .mkws-lang,
2 .mkwsSwitch, .mkws-switch,
3 .mkwsSearch, .mkws-search,
4 .mkwsTermlists, .mkws-facets,
5 .mkwsFacet, .mkws-facet,
6 .mkwsRanking, .mkws-ranking,
7 .mkwsPager, .mkws-pager,
8 .mkwsNavi, .mkws-navi,
9 .mkwsRecords, .mkws-records,
10 .mkwsRecord, .mkws-record,
11 .mkwsTargets, .mkws-targets,
12 .mkwsStat, .mkws-stat,
13 .mkwsMOTD, .mkws-motd,
14 .mkwsAuthname, .mkws-auth-name {
15     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
16 }
17
18 .mkwsLang, .mkws-lang {
19     float: left;
20     padding-left: 1em;
21     padding-top: 0.4em;
22 }
23
24 .mkwsLang a, .mkws-lang a {
25     background: #d0e0ff;
26     padding: 1px 4px;
27 }
28
29 .mkwsLang span, .mkws-lang span {
30     border: solid 1px #d0e0ff;
31     padding: 0px 3px;
32 }
33
34 .mkwsSearch, .mkws-search {
35     float: right;
36 }
37
38 .mkwsSwitch, .mkws-switch {
39     float: right;
40     padding-left: 1em;
41     padding-top: 0.4em;
42 }
43
44 .mkwsTargets, .mkws-targets {
45     background-color: #fafafa;
46 }
47
48 .mkwsStat, .mkws-stat {
49     margin-top: 10px;
50     border-top: 1px solid  #156a16;
51     padding-top: 5px;
52     font-size: small;
53 }
54
55 .mkwsStat:before, .mkws-stat:before {
56     content: "Status info";
57     font-weight: bold;
58 }
59
60 .mkwsSwitch a, .mkws-switch a,
61 .mkwsLang a, .mkws-lang a,
62 .mkwsFacet a, .mkws-facet a,
63 .mkwsRanking a, .mkws-ranking a,
64 .mkwsPager a, .mkws-pager a,
65 .mkwsNavi a, .mkws-navi a,
66 .mkwsRecords a, .mkws-records a,
67 .mkwsRecord a, .mkws-record a {
68     color: #005701;
69     text-decoration: none;
70 }
71
72 .mkwsSwitch a:hover, .mkws-switch a:hover,
73 .mkwsLang a:hover, .mkws-lang a:hover,
74 .mkwsFacet a:hover, .mkws-facet a:hover,
75 .mkwsPager a:hover, .mkws-pager a:hover,
76 .mkwsRecords a:hover, .mkws-records a:hover,
77 .mkwsRecord a:hover, .mkws-record a:hover {
78     text-decoration: underline;
79 }
80
81 .mkwsNavi a.mkwsRemovable:hover, .mkws-navi a.mkws-removable:hover {
82     text-decoration: line-through;
83 }
84
85 .mkwsSearch input.mkwsButton, .mkws-search input.mkws-button {
86     border: 3px outset #132194;
87     background-color: #132194;
88     padding: 2px;
89     width: 6em;
90     color: #FFFFFF;
91     font-weight: bold;
92     text-transform: uppercase;
93     font-size: 10px;
94     margin-left: 8px;
95     cursor: pointer;
96 }
97
98 .mkwsAuthname, .mkws-auth-name {
99     color: #132194;
100 }
101
102 .mkwsSearch input.mkwsQuery, .mkws-search input.mkws-query {
103     border: 2px inset #e0f0ff;
104     padding: 3px;
105     font-size: 12px;
106     background: #f0f8ff;
107 }
108
109 .mkwsTermlistsTitle, .mkws-facets-title {
110     font-size: large;
111     font-weight: bold;
112     text-transform: uppercase;
113 }
114
115 .mkwsTermlists, .mkws-facets {
116     background: #d0e0ff;
117     padding: 0.7em;
118     font-size: small;
119     display: none;
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.active, .mkws-facets.active {
127     display: block;
128 }
129
130 .mkwsFacet, .mkws-facet {
131     background: #e0f0ff;
132     padding: 0.7em;
133     margin-top: 0.7em;
134
135     border-top-right-radius: 10px;
136     -moz-border-top-right-radius: 10px;
137     -webkit-border-top-right-radius: 10px;
138 }
139
140 .mkwsTerm, .mkws-term {
141     clear: both;
142 }
143
144 .mkwsTerm span, .mkws-term span {
145     float: right;
146 }
147
148 .mkwsFacetTitle, .mkws-facet-title {
149     font-weight: bold;
150 }
151
152 .mkwsSummary, .mkws-summary {
153     padding: 5px;
154 }
155
156 .mkwsDetails, .mkws-details {
157     border: 1px solid #404040;
158     background: #e8e8e8;
159     color: black;
160     padding: 5px 10px;
161     margin: 10px 0px;
162     box-shadow: 10px 10px 5px #808080;
163
164     border-top-right-radius: 10px;
165     -moz-border-top-right-radius: 10px;
166     -webkit-border-top-right-radius: 10px;
167 }
168
169 .mkwsDetails th, .mkws-details th {
170     text-align: right;
171     vertical-align: top;
172     padding-right: 0.6em;
173 }
174
175 .mkwsDetails th:after, .mkws-details th:after {
176     content: ":";
177 }
178
179 .mkwsPager, .mkws-pager {
180     background: #e0e0e0;
181     padding: 0.3em;
182 }
183
184 .mkwsTargets table thead tr td, .mkws-targets table thead tr td {
185     background-color: #132194;
186     color: white;
187     font-weight: bold;
188     padding: 0.2em 0.5em;
189 }
190
191 .mkwsTargets table tbody tr:nth-child(odd), .mkws-targets table tbody tr:nth-child(odd) {
192     background-color: #e0f0ff;
193 }
194
195 .mkwsTargets table tbody tr:nth-child(even), .mkws-targets table tbody tr:nth-child(even) {
196     background-color: #d0e0ff;
197 }
198
199 .mkwsTargets table tbody tr td, .mkws-targets table tbody tr td {
200     padding: 0.2em 0.5em;
201 }
202
203 .mkwsCurrentPage, .mkws-current-page {
204     padding: 0.1em 0.5em;
205     background: #508751;
206     color: white;
207 }
208
209 .mkwsProgress, .mkws-progress {
210     border: 1px solid #c0c0c0;
211     float: left;
212     margin-left: 2em;
213     margin-top: 0.2em;
214     padding: 0 0.3em;
215 }
216
217 .mkwsProgress .mkwsDone, .mkws-progress .mkws-done { color: #005701 }
218 .mkwsProgress .mkwsWaiting, .mkws-progress .mkws-waiting { color: #c0c0c0 }
219
220 .mkwsResults table, .mkws-results table {
221   display: inline-table /* only for Firefox! */
222 }
223