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