source: gs3-installations/eurovision-lod/trunk/interfaces/eurovision/style/custom.css@ 37280

Last change on this file since 37280 was 37280, checked in by davidb, 15 months ago

Change in approach to customise the CSS. Makes use of 'root' CSS variables

File size: 4.9 KB
Line 
1/*
2body {
3 background-color: #eae8da;
4}
5*/
6
7body {
8 background-color: rgb(47,9,70);
9}
10/*
11#topArea {
12 max-width: 1000px;
13}
14*/
15
16#container {
17 /* max-width: 1000px; */
18 background: none;
19}
20
21#gs_content {
22 /* background-color: rgba(71, 8, 94,0.5); */
23 background-color: hsla(284, 84%, 20%, 0.5);
24 border: 0;
25}
26
27
28#gs_banner, #gs_footer {
29 background: hsla(295, 47%, 24%, 0.7)
30}
31
32.ui-widget-header {
33 border: 1px solid hsl(295, 40%, 28%);
34}
35
36#resultsArea {
37 width: 600px;
38}
39
40.termHighlight {
41 background: hsl(195, 47%, 35%);;
42}
43
44
45.ui-button {
46 padding: 0.3em 0.75em;
47}
48
49.ui-widget-content a {
50 color: #fff;
51}
52
53.ui-widget-content a:hover {
54 color: #aaa;
55}
56
57.ui-widget-content a:visited {
58 color: #aaa;
59}
60
61.ui-widget-content {
62 color: #fff;
63}
64
65input[type="text"] {
66 padding-left: 6px;
67}
68
69.ui-widget-content input[type="text"], .ui-widget-content input[type="email"] {
70 color: #000;
71}
72
73
74/* NEW */
75.ui-menu-item a {
76 color: #000;
77 font-size: 12px;
78}
79
80/*
81.ui-menu-item a:hover, .ui-state-active {
82 background: hsl(195, 47%, 35%);
83 color: #000;
84}
85*/
86
87.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
88 border: 1px solid hsl(284, 88%, 35%);
89 background: hsl(195, 47%, 35%) none 50% 50% repeat-x;
90 font-weight: bold;
91 color: #000;
92}
93
94/*
95.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: #ffff00; text-decoration: none; }
96.ui-state-focus a, .ui-state-focus a:link, .ui-state-focus a:visited { background-color: #ffff00; text-decoration: none; }
97.ui-state-active { background-color: #ff00ff; text-decoration: none; }
98.ui-state-focus { background-color: #ff00ff; text-decoration: none; }
99*/
100
101/*
102.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active {
103 color: #303030;
104 background-color: red;
105 border: #fff 1px solid;
106}
107*/
108
109
110.ui-autocompleteXXX .ui-widget {
111 /*font-family: Verdana,Arial,sans-serif; */
112 font-size: 16px;
113 color: #000;
114 /* background-color: blue; */
115}
116
117/*
118.ui-state-hover {
119 background: #428BCA!important;
120}
121*/
122
123
124
125.ui-widget-content input[type="submit"] {
126 border: 1px solid hsl(284, 88%, 35%);
127 background-color: hsl(284, 84%, 20%);
128 padding-left: 6px;
129 padding-right: 6px;
130}
131
132.ui-widget-content input[type="submit"] {
133 color: #fff;
134}
135
136.ui-widget-content input[type="submit"]:hover {
137 background-color: hsl(295, 92%, 30%);
138}
139
140.ui-widget-content input[type="submit"]:active {
141 background-color: #fff;
142 color: #000;
143}
144
145
146.ui-widget-content #berrybasket a {
147 color: #000;
148}
149
150.ui-widget-content #berrybasket {
151 color: #000;
152}
153
154.ui-state-hover {
155 background: hsl(295, 92%, 30%);
156}
157
158.ui-state-active {
159 background: #fff;
160}
161
162
163.collectionLinkText {
164 color: #000;
165}
166
167
168#quicksearcharea ul {
169 margin-top: 5px;
170}
171
172#quicksearcharea li {
173 display: inline;
174 list-style: none;
175 margin-left: 5px;
176 padding: 4px 6px 4px 10px;
177 font-size: 10px;
178}
179
180form select, form input {
181 color: #000;
182 font-weight: normal;
183 font-size: 80%;
184}
185
186form input[type="submit"] {
187 padding-left: 6px;
188 padding-right: 6px;
189}
190
191#facetSelector .ui-widget-content {
192 color: #000;
193 font-size: 80%;
194}
195
196#facetSelector input[type="checkbox"] {
197 margin-left: 6px;
198 margin-right: 6px;
199}
200
201
202#facetSelector .ui-widget-content a {
203 color: #000;
204}
205
206li.expandFacetListfcCU, li.expandFacetListfcYE, li.collapseFacetListfcCU, li.collapseFacetListfcYE {
207 padding-left: 10px;
208}
209
210/* used in favourites basket page */
211
212.navList {
213 background-color: hsl(284, 84%, 20%);
214}
215
216.navList td.current {
217 background-color: #fff;
218 color: #000;
219}
220
221/* Undo some effects caused by the Eurovision CSS file */
222
223img {
224 /*display: inherit; */
225 display: inline-block;
226}
227
228#gs-nav li, #gs-nav li:hover a {
229 cursor: pointer;
230}
231
232/*
233#gs-nav li:hover {
234 background-color: hsl(295, 92%, 30%);
235}
236*/
237
238/* but keep the currently selected one white on-hover */
239/*
240#gs-nav li.ui-tabs-selected:hover, #gs-nav li.ui-tabs-selected:hover a {
241 background-color: #fff;
242 cursor: default;
243}
244*/
245
246
247#gs-nav li:hover {
248 background-color: var(--gs-primary-hover-bg);
249}
250
251
252#gs-nav li.ui-tabs-selected:hover, #gs-nav li.ui-tabs-selected:hover a {
253 background-color: var(--gs-primary-bg);
254 cursor: default;
255}
256
257
258
259
260h1, h2, h3 {
261 font-size: 130%;
262 font-weight: bold;
263 padding-top: 10px;
264 padding-bottom: 6px;
265}
266
267h3 {
268 /* color: hsl(195, 47%, 35%); */
269 color: #aaa;
270}
271
272ul {
273 list-style: inherit;
274 margin: inherit;
275 margin-left: 20px;
276 padding: inherit;
277}
278
279#about-desc a {
280 text-decoration: underline;
281}
282
283#about-desc div.turnstyle-header a {
284 text-decoration: none;
285}
286
287#about-desc p {
288 padding-bottom: 10px;
289}
290
291#resultsTable td {
292 padding-right: 6px;
293}
294
295input[type="checkbox"].optionCheckBox {
296 vertical-align: bottom;
297}
298
299
300
Note: See TracBrowser for help on using the repository browser.