Project

General

Profile

1 35007 stefania.m
/** Add css rules here for your application. */
2
3
body {
4
    background-color: #f6be8a !important;
5
    color: #3c3d3e;
6
    font: 13px/20px Open Sans !important;
7
    padding-top: 0px !important;
8
}
9
10
.wrapper {
11
    max-width: 980px;
12
    box-sizing: border-box;
13
    margin: auto;
14
}
15
16
.float-right {
17
    float: right;
18
}
19
20 35292 stefania.m
.float-left {
21
    float: left;
22
}
23
24
.inlineBlock {
25
    display: inline-block;
26
}
27
28 35007 stefania.m
#block-header {
29
    background-attachment: scroll !important;
30
    background-color: #f6be8a !important;
31
    background-image: url("https://blogs.openaire.eu/wp-content/uploads/2014/12/programme_top_header.png") !important;
32
    background-position: left top !important;
33
    background-repeat: no-repeat !important;
34
    min-height: 150px;
35
    position: fixed;
36
    top: 0;
37
    width: 100%;
38
    z-index: 10;
39
}
40
41
#block-toolbar {
42
    padding: 5px 0;
43 35292 stefania.m
    height: 25px;
44 35007 stefania.m
}
45
46
#footer, #toolbar {
47
    font-size: 12px;
48
    line-height: 26px;
49
}
50
51
#toolbar a {
52
    color: #646464;
53
    padding: 0 10px;
54
}
55
56
#toolbar a:hover, #toolbar a:focus {
57
    cursor: pointer !important;
58
}
59
60 35292 stefania.m
.secondToolbarButton {
61
    border-left: 1px solid #646464;
62 35007 stefania.m
}
63
64 35292 stefania.m
#toolbar, #header, #footer {
65
    margin: 0 5px;
66 35007 stefania.m
}
67 35292 stefania.m
#header {
68
    position: relative;
69
    border-bottom: 1px solid #ee964a;
70
}
71 35007 stefania.m
72 35292 stefania.m
#logo {
73
    /*height: 100px;*/
74
    margin-top: 15px;
75
}
76
77
#logo, #logo > img, #menu {
78
    float: left;
79
}
80
81
#menubar {
82
    bottom: 0;
83
    position: absolute;
84
    right: 0;
85
}
86
#menubar {
87
    float: right;
88
}
89
90
.nav {
91
    margin-bottom: 0px !important;
92
}
93
94
#menu .caret {
95
    border: none !important;
96
}
97
98
/*ul.nav li.dropdown:hover > ul.dropdown-menu {
99
    display: block;
100
}
101
102
.nav .dropdown-menu {
103
 margin-top: 0px;
104
}*/
105
106
107
108
109
110
111
112
113
114
115
116 35007 stefania.m
#block-main {
117 35292 stefania.m
    padding-top: 1px;
118
    margin-top: 171px;
119 35007 stefania.m
    min-height: 400px;
120
}
121
122
#content {
123
    /*background-color: #f2b076;*/
124
    /*background-color: #f5f5f5;
125
    background-color: #f5f5d9*/
126
    background-color: #fafafa;
127
    min-height: 600px;
128
    padding: 20px;
129
}
130
131 35292 stefania.m
.userRegistrationForm {
132
    margin: 15px;
133
    /*width: 65%;*/
134 35007 stefania.m
}
135
136 35292 stefania.m
.userRegistrationForm select {
137
    width: 513px !important;
138 35007 stefania.m
}
139
140 35292 stefania.m
.userLoginForm {
141
    margin: 15px;
142
    width: 65%;
143
}
144
145
.userLoginForm .control-label {
146
    width: 240px !important;
147
}
148
149
.userLoginForm .controls {
150
    margin-left: 250px !important;
151
}
152
153 35007 stefania.m
.formAccordion {
154
    width: 80%;
155
    margin-left: 15px;
156
}
157
158
.contentLabel {
159
    padding: 20px;
160
}
161
162 35292 stefania.m
.stepWidgetLabel {
163
    font-size: 16px;
164
    font-weight: bold;
165
    padding-bottom: 10px;
166
}
167
168
.researcherInfoPanel {
169
    border: 1px solid #ccc;
170 35483 stefania.m
    border-radius: 4px;
171 35292 stefania.m
    margin: 15px;
172 35483 stefania.m
    width: 85%;
173 35292 stefania.m
}
174
175
.researcherInfoPanel .contentLabel {
176
    font-size: 15px;
177
    font-weight: bold;
178
    text-align: center;
179
}
180
181 35520 stefania.m
.researcherInfoPanel .alertLabel {
182
    margin-left: 20px !important;
183
    margin-right: 20px !important;
184
}
185
186 35292 stefania.m
.commentLabel {
187
    font-size: 12px;
188
    padding: 10px 10px 20px 20px;
189
}
190
191
.organizationInfoPanel {
192
    border: 1px solid #ccc;
193
    margin: 0 15px 0 0;
194
}
195
196
.organizationForm {
197
    margin: 20px 0 0 !important;
198
}
199
200
.accountingForm {
201
}
202
203
.accountingForm input[type="file"] {
204
    border-radius: 4px;
205
    height: 30px;
206
    line-height: 28px;
207
}
208
209 35007 stefania.m
.alertLabel {
210 35519 stefania.m
    margin: 10px 0px 20px !important;
211 35007 stefania.m
}
212
213 35292 stefania.m
.wizardBreadcrumb {
214
    padding-left: 20px;
215
}
216
217 35007 stefania.m
.wizardBreadcrumb a:before {
218
    border-bottom: 20px solid transparent;
219
    border-left: 30px solid white;
220
    border-top: 20px solid transparent;
221
    content: " ";
222
    display: block;
223
    height: 0;
224
    left: 100%;
225
    margin-left: 1px;
226
    margin-top: -20px;
227
    position: absolute;
228
    top: 50%;
229
    width: 0;
230
    z-index: 1;
231
}
232
233
.wizardBreadcrumb a.show:after {
234
    border-left-color: #ee964a !important;
235
}
236
237
.wizardBreadcrumb a:after {
238
    border-bottom: 20px solid transparent;
239
    border-left: 30px solid hsla(0, 0%, 84%, 1);
240
    border-top: 20px solid transparent;
241
    content: " ";
242
    display: block;
243
    height: 0;
244
    left: 100%;
245
    margin-top: -20px;
246
    position: absolute;
247
    top: 50%;
248
    width: 0;
249
    z-index: 2;
250
}
251
252
.wizardBreadcrumb a.show {
253
    background: none repeat scroll 0 0 #ee964a !important;
254
}
255
256
.wizardBreadcrumb a {
257
    background: none repeat scroll 0 0 hsla(0, 0%, 84%, 1);
258
    color: white;
259
    cursor: default;
260
    display: block;
261
    float: left;
262
    padding: 10px 10px 10px 65px;
263
    position: relative;
264
    text-decoration: none;
265
    font-weight: bold;
266
}
267
268
.wizardBreadcrumb a:hover, .wizardBreadcrumb a:focus {
269
    color: white !important;
270
    text-decoration: none !important;
271
}
272
273 35292 stefania.m
a.firstWizardBreadcrumb {
274
    padding-left: 35px;
275 35007 stefania.m
}
276
277
.fundingWizardStepPanel {
278
    padding-top: 60px;
279
    padding-bottom: 20px;
280 35510 stefania.m
    padding-left: 20px;
281 35007 stefania.m
}
282
283
.backAndNextButtons {
284 35292 stefania.m
    padding-left: 20px;
285 35007 stefania.m
}
286
287 35292 stefania.m
.autoCompleteWidget {
288
    position: relative;
289
}
290
291 35007 stefania.m
.filterTextBox {
292
    border-radius: 4px !important;
293 35292 stefania.m
    /*margin-bottom: 25px !important;*/
294 35007 stefania.m
    padding-left: 35px !important;
295
    background: url("./imgs/search.png") no-repeat 3% 50%;
296
    background-size: 8% 80%;
297 35292 stefania.m
    width: 241px !important;
298 35007 stefania.m
}
299
300
.suggestionList {
301
    border: 1px solid #ccc;
302 35292 stefania.m
    position: absolute;
303
    width: 282px !important;
304 35007 stefania.m
    border-radius: 4px;
305 35292 stefania.m
    top: 32px;
306
    background-color: #fff;
307
    border-color: rgba(82, 168, 236, 0.8);
308
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
309
    outline: 0 none;
310
    z-index: 100;
311
    max-height: 200px;
312
    overflow-y: scroll;
313 35007 stefania.m
}
314
315
.suggestionItem {
316
    padding: 5px 10px;
317
}
318
319
.suggestionItem:hover {
320
    background-color: rgba(82, 168, 236, 0.8);
321
    /*background-color: #ee964a;*/
322
    color: #ffffff;
323
}
324
325 35292 stefania.m
.suggestionInfoItem {
326
    padding: 5px 10px;
327
    background-color: #f4f4f4;
328 35007 stefania.m
}
329
330 35292 stefania.m
.userRegistrationCoordinatedProject input.filterTextBox {
331
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
332
    width: 471px !important;
333 35007 stefania.m
}
334
335 35292 stefania.m
.userRegistrationCoordinatedProject .suggestionList {
336
    width: 512px !important;
337
}
338 35007 stefania.m
339 35292 stefania.m
.radioGroupPanel .radio {
340
    margin-left: 20px;
341
}
342 35007 stefania.m
343 35292 stefania.m
.projectForm {
344
    margin-top: 15px !important;
345
    margin-bottom: 0px !important;
346
}
347 35007 stefania.m
348 35292 stefania.m
.projectForm .control-label {
349
    margin-top: -10px;
350
    width: 207px !important;
351 35510 stefania.m
    margin-left: -20px;
352 35292 stefania.m
}
353
354
.projectForm .controls {
355 35510 stefania.m
    margin-left: 207px !important;
356 35292 stefania.m
}
357
358
.projectForm input.filterTextBox {
359
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
360
    width: 471px !important;
361
}
362
363
.projectForm .suggestionList {
364
    width: 512px !important;
365
}
366
367
.displayInfoElement {
368
    border: 1px solid #ccc;
369
    border-radius: 4px;
370
    padding: 20px;
371 35483 stefania.m
    width: 80%;
372 35292 stefania.m
}
373
374
.displayInfoElementTitle {
375
    font-size: 14px;
376
    font-weight: bold;
377
    padding-left: 57px;
378
}
379
380
.eligibilityInfo {
381
    border-radius: 4px;
382 35483 stefania.m
    width: 79%;
383 35292 stefania.m
}
384
385
.publicationDOIForm {
386
    padding-top: 20px;
387
    width: 85%;
388
}
389
390
a.resolveIcon {
391
    color: #777 !important;
392
}
393
394
/*.publicationDOIForm .control-label {
395
    width: 50px !important;
396
}
397
398
.publicationDOIForm .controls {
399
    margin-left: 60px !important;
400
}*/
401
402
.publicationInfoForm {
403
    border: 1px solid #ccc;
404
    border-radius: 4px;
405
    padding-top: 20px;
406
    width: 85%;
407
}
408
409
.publicationInfoForm textarea {
410
    width: 505px !important;
411
}
412
413 35520 stefania.m
.publicationInfoForm  .alertLabel {
414
    margin-left: 20px !important;
415
    margin-right: 20px !important;
416
}
417
418 35292 stefania.m
.radio.inlineBlock {
419
    margin-right: 10px;
420
}
421
422
a.deleteIcon {
423
    color: #777 !important;
424
}
425
426
.affiliationPanel {
427
    margin-bottom: 5px;
428
}
429
430
.authorInfo {
431
    margin-bottom: 10px;
432
}
433
434
.authorInfo input {
435
    margin-bottom: 3px !important;
436
}
437
438
.identifierInfo {
439
    margin-bottom: 10px;
440
}
441
442
.identifierInfo select {
443
    margin-right: 5px;
444
    width: 225px !important;
445
}
446
447
.journalInfoForm {
448
    border: 1px solid #ccc;
449
    border-radius: 4px;
450
    padding-top: 20px;
451
    width: 85%;
452
}
453
454 35520 stefania.m
.journalInfoForm .alertLabel {
455
    margin-left: 20px !important;
456
    margin-right: 20px !important;
457
}
458
459 35292 stefania.m
.journalAutoCompleteForm {
460
    padding-top: 20px;
461
    width: 85%;
462
}
463
464
.journalAutoCompleteForm input.filterTextBox {
465
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
466
    width: 471px !important;
467
}
468
469
.journalAutoCompleteForm .suggestionList {
470
    width: 512px !important;
471
}
472
473
.publisherAutoCompleteForm {
474
    padding-top: 20px;
475
    width: 85%;
476
}
477
478
.publisherAutoCompleteForm input.filterTextBox {
479
    background: url("./imgs/search.png") no-repeat scroll 1% 50% / 5% 80% rgba(0, 0, 0, 0) !important;
480
    width: 471px !important;
481
}
482
483
.publisherAutoCompleteForm .suggestionList {
484
    width: 512px !important;
485
}
486
487 35515 stefania.m
.uploadInvoicePanel {
488
    border: 1px solid #ccc;
489
    border-radius: 4px;
490
    width: 80%;
491 35520 stefania.m
    margin-top: 10px;
492 35515 stefania.m
}
493 35292 stefania.m
494 35520 stefania.m
.uploadInvoicePanel .alertLabel {
495
    margin-left: 20px !important;
496
    margin-right: 20px !important;
497
}
498
499 35515 stefania.m
.uploadInvoiceLabel {
500
    font-size: 14px;
501
    font-weight: bold;
502
    padding: 15px 25px;
503
}
504
505 35520 stefania.m
.accountingInformationPanel {
506
    border: 1px solid #ccc;
507
    border-radius: 4px;
508
    width: 80%;
509
    margin-top: 30px;
510
}
511 35515 stefania.m
512 35520 stefania.m
.accountingInformationLabel {
513
    font-size: 14px;
514
    font-weight: bold;
515
    padding: 15px 25px;
516
}
517
518
.accountingInformationPanel .alertLabel {
519
    margin-left: 20px !important;
520
    margin-right: 20px !important;
521
}
522
523
524 35347 stefania.m
/********************************/
525 35292 stefania.m
526 35347 stefania.m
/* My Account */
527 35292 stefania.m
528 35347 stefania.m
.myAccountPanel {
529
    margin: 20px;
530
}
531 35292 stefania.m
532 35347 stefania.m
.myAccountTitle {
533
    border-bottom: 1px solid #e1e1e1;
534
    padding-bottom: 5px;
535
}
536 35292 stefania.m
537 35347 stefania.m
.personalInfoPanel {
538
    border: 1px solid #ccc;
539
    border-radius: 4px;
540
    margin-top: 20px;
541
    width: 50%;
542
    display: inline-block;
543
}
544 35292 stefania.m
545 35347 stefania.m
.recentActivityPanel {
546
    border: 1px solid #ccc;
547
    border-radius: 4px;
548
    margin-top: 20px;
549
    width: 40%;
550
    display: inline-block;
551
    float: right;
552
}
553 35292 stefania.m
554 35347 stefania.m
.panelHeader {
555
    background: none repeat scroll 0 0 #e1e1e1;
556
    padding: 10px 20px;
557
}
558 35292 stefania.m
559 35347 stefania.m
.panelHeader a {
560
    margin-left: 20px;
561
    color: #777;
562
}
563 35292 stefania.m
564 35347 stefania.m
.panelBody {
565
    padding: 10px 20px;
566
}
567
568
.personalInfoPanel dd {
569
    margin-left: 0px !important;
570
}
571
572 35007 stefania.m
/********************************/
573
574 35483 stefania.m
.comment {
575
    font-size: 12px;
576
}
577 35347 stefania.m
578 35483 stefania.m
.width80 {
579 35510 stefania.m
    width: 80% !important;
580 35483 stefania.m
}
581 35347 stefania.m
582 35510 stefania.m
.width100 {
583
    width: 100% !important;
584
}
585 35347 stefania.m
586 35629 stefania.m
.clearButton {
587
    float: right;
588
    margin-right: 137px;
589
}
590 35347 stefania.m
591
592
593
594
595
596
597
598
599
600
601
602 35510 stefania.m
603 35347 stefania.m
/********************************/
604
605 35007 stefania.m
/* Bootstrap overrides */
606
607
.accordion-group {
608
    margin-bottom: 10px !important;
609
}
610
611 35292 stefania.m
/*.btn-primary {
612 35007 stefania.m
    background-color: #ee964a !important;
613
    background-image: none !important;
614 35292 stefania.m
}*/
615
616
.breadcrumb {
617
    background: none !important;
618
    margin: 0px !important;
619
    padding: 8px !important;
620 35007 stefania.m
}
621
622 35292 stefania.m
.breadcrumb > li {
623
    text-shadow: none !important;
624
}
625
626
label, input, button, select, textarea {
627
    font-size: 13px !important;
628
}
629
630
.input-mini {
631
    width: 41px !important;
632
}
633
634
.input-xxlarge {
635
    width: 499px !important;
636
}
637
638
input {
639
    margin-right: 5px !important;
640
}