source: VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/vcr.scss @ 5559

Last change on this file since 5559 was 5559, checked in by Twan Goosen, 10 years ago

Initial step towards integration of CLARIN style: adapted base page, menu & login, removed some overlapping vcr styling
Refs #594
  • Property svn:eol-style set to native
File size: 11.7 KB
Line 
1@import 'CLARIN';
2
3noscript {
4    margin: 0 auto;
5    padding: 0;
6    width: 1024px;
7}
8
9#noscript-warning {
10    color: #FFFFFF;
11    background-color: #AE0000;
12    font-size: 13px;
13    font-weight: bold;
14    text-align: center;
15    line-height: 24px;
16    margin: 0 auto;
17    padding: 0;
18    text-align: center;
19    vertical-align: middle;
20    position: fixed;
21    top: 0;
22    left: 0;
23    width: 100%;
24    z-index: 101;
25}
26
27/*
28 * wizard
29 */
30div.wizard .wicketExtensionsWizardHeaderTitle {
31    padding: 0px 10px;
32    font-size: 16px;
33    font-weight: bold;
34}
35
36div.wizard .wicketExtensionsWizardHeaderSummary {
37    padding: 5px 10px 0 10px;
38    font-style: italics;
39}
40
41div.wizard .wizardHeader {
42    border-bottom: 1px solid #000000;
43    margin: 0 0 10px 0;
44    padding: 0 0 10px 0;
45}
46
47form.wizard {
48    margin: 5px 4px;
49    padding: 0;
50    font-size: 100%;
51    width: 978px;
52    min-width: 978px;
53}
54
55form.wizard fieldset,
56div.wizard div.fieldset {
57    clear: both;
58    font-size: 100%;
59    border: none;
60    padding: 0 10px 0 10px;
61    margin: 0 0 0 0;
62}
63
64form.wizard div,
65div.editDialog div {
66    clear: left;
67    display: block;
68    /*  width: 354px;
69      zoom: 1;
70      margin: 5px 0 0 0;
71      padding: 1px 3px;
72    */
73}
74
75form.wizard .extrainfo {
76    margin-left: 50px;
77}
78
79form.wizard .extrainfo a.extrainfotoggle {
80    display: inline-block;
81    float: right;
82    vertical-align: top;
83    width: 16px;
84    height: 16px;
85    background-image: url(help-128.png); /* from http://www.iconsdb.com/ */
86    background-size: 16px 16px;
87    background-repeat: no-repeat;
88}
89
90form.wizard .extrainfo a.extrainfotoggle span {
91    display: none;
92}
93
94form.wizard div.notes, form.wizard div.sidenotes {
95    display: inline-block;
96    height: auto;
97    padding: 5px;
98    border: 1px solid #666666;
99    background-color: #ffffe1;
100    color: #666666;
101}
102
103form.wizard div.notes {
104    width: 80%;
105    margin: 0 0 10px 70px;
106}
107
108form.wizard div.sidenotes {
109    float: right;
110    width: 198px;
111    margin: 0 0 10px 10px;
112}
113
114form.wizard div.notes h4 {
115    /*
116    background-image: url(/images/icon_info.gif);
117    background-repeat: no-repeat;
118    background-position: top left;
119    */
120    text-align: center;
121    padding: 3px 0 3px 0; /*27px; */
122    margin: 0 0 3px 0;
123    border-width: 0 0 1px 0;
124    border-style: solid;
125    border-color: #666666;
126    color: #666666;
127    font-size: 100%;
128}
129
130form.wizard div.notes p {
131    margin: 0em 0em 0.5em 0em;
132    color: #666666;
133    font-size: 80%;
134}
135
136form.wizard div.notes p.last {
137    margin: 0em;
138}
139
140form.wizard div label {
141    display: block;
142    float: left;
143    width: 140px;
144    padding: 3px 5px;
145    margin: 0 0 5px 0;
146    text-align: right;
147    font-weight: normal;
148}
149
150div.required label,
151label.required {
152    font-weight: bold !important;
153}
154
155form.wizard textarea {
156    font-family: Verdana, sans-serif;
157    font-size: 100%;
158    width: 570px;
159    overflow: auto;
160    margin-bottom: 5px;
161}
162
163#feedback ul {
164    padding-left: 0px;
165}
166
167#feedback ul li {
168    font-weight: bold;
169    padding: 5px;
170    list-style: none;   
171}
172
173#feedback ul li.feedbackPanelERROR {
174    background: red;
175}
176
177form.wizard .wizardButtons {
178    border-top: 1px solid #000000;
179    margin: 10px 0 0 0;
180    clear: both;
181}
182
183form.wizard .buttonbar {
184    margin: 10px 220px 0 0;
185    padding: 0 10px 0 0;
186    text-align: right; 
187}
188
189input.button {
190    padding: 1px 4px;
191    margin: 0 2px;
192    color: #000000;
193    background-color: #E9EEF7;
194    border: 2px solid #D4DEEF;
195    border-radius: 4px;
196    -moz-border-radius: 4px;
197}
198
199form.wizard .buttonbar input.button:hover,
200div.modalDialog div.modalDialogButtons input.button:hover {
201    color: #AE0000;
202    background-color: #E9EEF7;
203}
204
205form.wizard .buttonbar  input.button[disabled],
206form.wizard .buttonbar  input.button[disabled]:hover,
207div.modalDialog div.modalDialogButtons input.button[disabled],
208div.modalDialog div.modalDialogButtons input.button[disabled]:hover {
209    color: #AFAFAF;
210    border-color: #EFEFEF;
211}
212
213/*
214 * modal dialog
215 */
216div.modalDialog {
217    margin: 0;
218    padding: 0;
219}
220
221div.modalDialog div.modalDialogContent {
222    margin: 10px;
223}
224
225div.modalDialog div.modalDialogContent p {
226    margin: 1em;
227}
228
229div.modalDialog div.modalDialogButtons {
230    border-top: 1px solid #BBBBBB;
231    margin: 0 5px 5px 5px;
232    padding: 5px 0 0 0;
233    text-align: center;
234}
235
236div.confirmationDialog {
237    text-align: center;
238}
239
240div.longConfirmationDialog {
241    text-align: left;
242}
243
244div.editDialog fieldset {
245    border: none;
246    margin: 0;
247    padding: 0;
248}
249
250div.editDialog fieldset label {
251    display: block;
252    float: left;
253    /* width: 100px; */
254    padding: 3px 5px 3px 0;
255    margin: 0 0 5px 0;
256    text-align: right;
257}
258
259
260/*
261 * dialog customizations
262 */
263div.editCreatorDialog  fieldset label {
264    width: 90px;
265}
266
267div.editCreatorDialog fieldset input,
268div.editCreatorDialog fieldset textarea {
269    width: 255px;
270}
271
272div.editResourceDialog fieldset label {
273    width: 70px;
274}
275
276div.editResourceDialog fieldset input,
277div.editResourceDialog fieldset textarea {
278    width: 475px;
279}
280
281div.addResourcesDialog fieldset label {
282    width: 85px;
283}
284
285div.addResourcesDialog fieldset input,
286div.addResourcesDialog fieldset textarea {
287    width: 460px;
288}
289
290div.addKeywordDialog fieldset input {
291    width: 285px;
292}
293
294/*
295 * create virtual collection wizard
296 */
297div.wizard a {
298    font-weight: normal;
299}
300
301/*
302table {
303    font-size: 100%;
304    border-collapse: collapse;
305}
306
307table th,
308table td {
309    padding: 2px;
310    text-align: left;
311    vertical-align: top;
312}
313
314table thead,
315table tfoot {
316    color: inherit;
317    background-color: #D4DEEF;
318    border-top: 1px solid #000000;
319    border-bottom: 1px solid #000000;
320}*/
321
322table td.action {
323    width: 8em;
324    text-align: right;
325}
326
327table.resourcesTable td.move {
328    width: 5em;
329}
330
331table.resourcesTable tr.moving {
332    background: #ccc;
333}
334
335table.moving tr:hover td {
336    border-top: 6px solid #ccc;
337}
338
339table.moving tr.moving:hover td {
340    border-top: 0px;
341}
342
343table.resourcesTable tr.moving td, table.resourcesTable tr.moving td a {
344    color: #333;
345}
346
347/*
348table td.norecords-td {
349    text-align: center;
350    color: inherit;
351    background-color: #FFFFFF;
352}
353
354table thead tr.navigation {
355    border-bottom: 1px dotted #BBBBBB;
356}
357
358table tr.navigation div {
359    clear: none !important;
360}
361*/
362
363table.creatorsTable,
364table.resourcesTable {
365    width: 805px;
366}
367
368table.creatorsTable td {
369    width: 252px;
370    overflow: hidden;
371}
372
373table td.type {
374    width: 60px;
375}
376
377div.keywordsList {
378    clear: none !important;
379    width: 602px;
380    margin-left: 160px;
381    padding: 3px 0;
382}
383
384div.keywordsList div {
385    clear: none;
386}
387
388div.keywordsList ul {
389    list-style-type: square;
390    margin: 0;
391    padding: 0 0 0 16px;
392}
393
394div.keywordsList ul li {
395    margin-top: 2px;
396}
397
398div.keywordsList ul li.first {
399    margin-top: 0;
400}
401
402table.collectionsTable {
403    width: auto;
404    table-layout: fixed;
405}
406
407table.collectionsTable th,
408table.collectionsTable td {
409    vertical-align: top;
410}
411
412table.collectionsTable.public th.name,
413table.collectionsTable.public td.name {
414    width: 796px;
415}
416
417table.collectionsTable.private th.name,
418table.collectionsTable.private td.name {
419    width: 732px;
420}
421
422table.collectionsTable td.name div.name {
423    padding-left: 16px;
424    background-image: url('../icons/bullet_arrow_down.png');
425    background-repeat: no-repeat;
426    background-position: center left;
427    cursor: pointer;
428}
429
430table.collectionsTable td.name div.name:hover {
431    color: #AE0000;
432    background-color: inherit;
433}
434
435table.collectionsTable td.name div.name.detailsShown {
436    padding-left: 16px;
437    background-image: url('../icons/bullet_arrow_up.png');
438    background-repeat: no-repeat;
439    background-position: center left;
440}
441
442table.collectionsTable td.name div.name.noDetails{
443    background-image: none;
444}
445
446table.collectionsTable td.name div.details {
447    margin-left: 16px;
448    margin-right: -248px;
449    width: 964px;
450}
451
452table.collectionsTable td.name div.desc {
453    text-align: justify;
454    padding: 4px 0 0 0;
455}
456
457table.collectionsTable td.name div.actions {
458    margin: 4px 0 2px 0;
459}
460
461table.collectionsTable th.state,
462table.collectionsTable td.state {
463    width: 60px;
464}
465
466table.collectionsTable th.type,
467table.collectionsTable td.type {
468    width: 80px;
469}
470
471table.collectionsTable th.created,
472table.collectionsTable td.created {
473    width: 80px;
474}
475
476table.collectionsTable td.action,
477table.collectionsTable th.action {
478    width: 12px;
479}
480
481table.collectionsTable.public td.action span,
482table.collectionsTable.private td.action div.popupTrigger span {
483    display: none;
484}
485
486table.collectionsTable.public td.action a {
487    display: block;
488    width: 12px;
489    height: 12px;
490    margin-right: 2px;
491    background: transparent url('../icons/magnifier.png') no-repeat center center;
492}
493
494table.collectionsTable.private td.action div.popupTrigger {
495    display: block;
496    width: 12px;
497    height: 12px;
498    margin-right: 2px;
499    background: transparent url('../icons/wrench.png') no-repeat center center;
500}
501
502tr.headers a.wicket_orderNone {
503    padding-right: 7px;
504    background: transparent url('../icons/order_none.png') no-repeat center right;
505}
506
507tr.headers a.wicket_orderUp {
508    padding-right: 7px;
509    background: transparent url('../icons/order_up.png') no-repeat center right;
510}
511
512tr.headers a.wicket_orderDown {
513    padding-right: 7px;
514    background: transparent url('../icons/order_down.png') no-repeat center right;
515}
516
517div.toggleBorder {
518    border-top: 1px solid #000000;
519}
520
521div.toggleBorder div.toggleBorderHeader {
522    margin: 0;
523    padding: 2px 2px 2px 16px;
524    border-bottom: 1px solid #000000;
525    color: inherit;
526    background-color: #D4DEEF;
527    background-image: url('../icons/bullet_arrow_up.png');
528    background-repeat: no-repeat;
529    background-position: center left;
530    cursor: pointer;
531}
532
533div.toggleBorder div.toggleBorderHeader span {
534    font-weight: bold;
535}
536
537div.toggleBorder div.toggleBorderHeader.collapsed {
538    background-image: url('../icons/bullet_arrow_down.png');
539    background-repeat: no-repeat;
540    background-position: center left;
541}
542
543div.toggleBorder div.toggleBorderContent {
544    margin: 0;
545    padding: 5px;
546}
547
548form.filterForm {
549    margin: 0;
550    padding: 0;
551}
552
553form.filterForm fieldset {
554    padding: 0;
555    margin: 0;
556    border: none;
557}
558
559form.filterForm div.optional {
560    margin-bottom: 4px;
561}
562
563form.filterForm label {
564    width: 75px !important;
565}
566
567form.filterForm input.name,
568form.filterForm input.desc {
569    width: 790px;
570}
571
572div.popupMenu {
573    -moz-box-shadow: 3px 3px 3px #888;
574    -webkit-box-shadow: 3px 3px 3px #888;
575    box-shadow: 3px 3px 3px #888;
576    -moz-border-radius: 4px;
577    border-radius: 4px;
578}
579
580div.popupMenu li a {
581    color: #000000;
582}
583
584div.popupMenu li a:hover {
585    color: #AE0000;
586}
587
588div.popupTrigger span.title {
589    color: #AE0000;
590}
591
592
593div.collectionDetails div.property {
594    clear: both;
595    font-size: 100%;
596    border: none;
597    padding: 0 10px 0 10px;
598    margin: 0 0 4px 0;
599}
600
601div.collectionDetails div label {
602    display: block;
603    float: left;
604    width: 140px;
605    padding: 0px 2px;
606    margin: 0;
607    text-align: right;
608    font-weight: normal;
609}
610
611div.collectionDetails div label:after {
612    content: ':';
613}
614
615div.collectionDetails div div {
616    display: block;
617    clear: none;
618    padding: 0px 2px;
619    margin-left: 144px;
620}
621
622div.collectionDetails ul.keywords {
623    margin: 0 0 0 16px;
624    padding: 0;
625    list-style: square;
626}
627
628div.collectionDetails ul.creators {
629    margin: 0;
630    padding: 0;
631    list-style: none;
632}
633
634div.collectionDetails ul.creators li {
635    border-top: 1px dotted #000000;
636    margin-top: 4px;
637    padding-top: 4px;
638}
639
640div.collectionDetails ul.creators li.first {
641    border-top: none;
642    margin-top: 0;
643    padding-top: 0;
644}
645
646div.collectionDetails.resources {
647    padding: 0 !important;
648}
649
650div.collectionDetails.resources table {
651    width: 100%;
652}
653
654div.collectionDetails.buttons {
655    margin: 10px 0 10px 0;
656    text-align: center;
657}
658
659.tooltipparent .tooltip {
660    display: none;
661}
Note: See TracBrowser for help on using the repository browser.