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