Project

General

Profile

1
:root {
2
  /* Dashboard variables*/
3
  --sidebar-width: 320px;
4
  --sidebar-font-size: 16px;
5
  --header-height: 53px;
6
  --primary-color: #0d47a1;
7
  --secondary-color: #1CA9D5;
8

    
9
  --monitor-header-menu-height: 100px;
10
}
11

    
12
.clear-style {
13
  padding-left: 0px !important;
14
}
15

    
16
.ellipsis {
17
  text-overflow: ellipsis;
18
  /* Required for text-overflow to do anything */
19
  white-space: nowrap;
20
  overflow: hidden;
21
}
22

    
23
.uk-button {
24
  text-transform: none;
25
  line-height: 34px;
26
}
27

    
28
.uk-button-primary {
29
  background-color: #13BDFF;
30
  border-radius: 80px;
31
}
32

    
33
.uk-button-primary:hover {
34
  /*background-color: #3a8fa3;*/
35
  background-color: #13BDFF;
36
  color: #fff;
37
  border-color: #13BDFF;
38
}
39

    
40
.whiteBackground {
41
  background-color: #fff;
42
}
43

    
44
.uk-alert-info {
45
  background: #CCF1FF 0% 0% no-repeat padding-box !important;
46
  border: 1px solid #23C1FF;
47
  color: #1987B3;
48
  box-shadow: 1px 1px 6px #00000029;
49
  border-radius: 3px;
50
  opacity: 1;
51
}
52

    
53
.uk-alert-success {
54
  background: #F2FFFE 0% 0% no-repeat padding-box !important;
55
  box-shadow: 1px 1px 6px #00000029;
56
  border: 1px solid #278A85;
57
  color: #278A85;
58
  border-radius: 3px;
59
  opacity: 1;
60
}
61

    
62
.uk-alert-warning {
63
  background: #FCF7CA 0% 0% no-repeat padding-box !important;
64
  box-shadow: 1px 1px 6px #00000029;
65
  border: 1px solid #807B24;
66
  color: #807B24;
67
  border-radius: 3px;
68
  opacity: 1;
69
}
70

    
71
.uk-alert-danger {
72
  background: #FFD9D9 0% 0% no-repeat padding-box !important;
73
  box-shadow: 1px 1px 6px #00000029;
74
  border: 1px solid #B31B1B;
75
  color: #B31B1B;
76
  border-radius: 3px;
77
  opacity: 1;
78
}
79

    
80
/************ TOPMENU-DASHBOARD ***********/
81

    
82
.app_my_theme #header_main {
83
  background: #fff;
84
  border-bottom: 1px solid #23C1FF;
85
  box-shadow: 0px 1px 6px #0000004D;
86
}
87

    
88
.dashboard #header_main circle, .dashboard #header_main .login svg {
89
  /*stroke: #707070;*/
90
  stroke: #23C1FF;
91
  fill: #23C1FF;
92
}
93

    
94
.dashboard #header_main text {
95
  /*stroke: #707070;*/
96
  stroke: white;
97
  fill: white;
98
}
99

    
100
/*********************************/
101

    
102
/************ SIDEBAR ***********/
103

    
104
.provideLogo {
105
  width: 90%;
106
}
107

    
108
.dashboard #sidebar_main {
109
  overflow: auto;
110
  box-shadow: 1px 0px 6px #0000004D;
111
}
112

    
113
.dashboard #sidebar_main .menu_section {
114
  overflow: visible;
115
  margin-bottom: 15px;
116
  padding-bottom: 20px;
117
  flex: 0; /* it was set to 1 and each section would get equal space */
118
}
119

    
120
.dashboard #sidebar_main .menu_section.border_top {
121
  border-top: 1px solid #DEDEDE;
122
}
123

    
124
.dashboard #sidebar_main .menu_section.admin_menu_section {
125
  border-bottom: none;
126
  padding-bottom: 50px;
127
}
128

    
129
.dashboard #sidebar_main .menu_section > ul li > a {
130
  font-weight: 400;
131
  font-size: 14px;
132
  font-family: "Open Sans", sans-serif;
133
  /*font: Regular 14px/19px Open Sans;*/
134
  letter-spacing: 0;
135
  color: #000000;
136
  opacity: 0.7;
137
}
138

    
139
#sidebar_main .menu_section > ul > li.submenu_trigger > a::before {
140
  color: #000;
141
  font-size: 24px;
142
}
143

    
144
.dashboard #sidebar_main .menu_section .sidebar_heading {
145
  font-weight: 500;
146
  font-size: 14px;
147
  font-family: "Open Sans", sans-serif;
148
  letter-spacing: 0;
149
  color: #000000;
150
  opacity: 0.4;
151
  padding: 8px 20px;
152
  margin-top: 20px;
153
}
154

    
155
.dashboard #sidebar_main .menu_section .menu_icon {
156
  margin-right: 22px;
157
}
158

    
159
.dashboard #sidebar_main .menu_section .menu_icon .material-icons {
160
  color: #000;
161
}
162

    
163
.dashboard #sidebar_main .menu_section .menu_icon_circle_letter {
164
  width: 30px;
165
  line-height: 28px;
166
  border-radius: 50%;
167
  text-align: center;
168
  font-size: 16px;
169
  margin-right: 25px;
170
  /*border: 1px solid #000;*/
171
  border: 1px solid #23C1FF;
172
  background-color: #23C1FF;
173
  color: #fff;
174
}
175

    
176
.dashboard #sidebar_main .menu_section .menu_icon_circle {
177
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
178
  border: 1px solid #cccccc;
179
  opacity: 1;
180
  border-radius: 50%;
181
  /*padding: 0px 8px;*/
182
  margin-right: 25px;
183
  width: 30px;
184

    
185
  background-size: contain;
186
  height: 30px;
187
  /*background-image: url("https://repositorium.sdum.uminho.pt/image/RepositoriUM.png");*/
188
  background-position: center;
189
  background-repeat: no-repeat;
190
}
191

    
192
.dashboard #sidebar_main .menu_section .menu_icon_circle span {
193
  display: block;
194
  width: 40%;
195
  margin: auto;
196
}
197

    
198
.app_my_theme #sidebar_main .menu_section > ul > li.current_section {
199
  background: #DEDEDE 0% 0% no-repeat padding-box;
200
}
201

    
202
.app_my_theme #sidebar_main .menu_section > ul > li.current_section > a .menu_title {
203
  color: #000;
204
  font-weight: 600;
205
}
206

    
207
.app_my_theme #sidebar_main .menu_section > ul > li ul a {
208
  padding: 8px 10px 8px 75px;
209
}
210

    
211
.app_my_theme #sidebar_main .menu_section > ul > li ul li.act_item a {
212
  color: #000;
213
  font-weight: 600;
214
  background: #DEDEDE 0% 0% no-repeat padding-box;
215
}
216

    
217
.dashboard .sidebar_main_active #hide_controls {
218
  width: 319px;
219
}
220

    
221

    
222
/*********************************/
223

    
224
/************ REPOSITORY MENU ***********/
225

    
226
.repositoryMenu, .repositoryAdminMenu {
227
  background: #F9F9F9 0% 0% no-repeat padding-box;
228
  opacity: 1;
229
  padding-top: 10px;
230
}
231

    
232
.repositoryAdminMenu {
233
  padding-bottom: 35px;
234
}
235

    
236
/*.repositoryMenu #top_bar {*/
237
#top_bar {
238
  background: #F9F9F9;
239
  -webkit-box-shadow: none !important;
240
  box-shadow: none !important;
241
  /*height: 40px;*/
242
  position: relative !important;
243
  padding: 0 15px;
244
  top: 0px;
245
  margin-left: 0px !important;
246
}
247

    
248
.repositoryMenu h3, .repositoryAdminMenu h3 {
249
  font-weight: 600;
250
  font-size: 21px;
251
  font-family: "Open Sans", sans-serif;
252
  /*font: Semibold 21px/28px Open Sans;*/
253
  letter-spacing: 0;
254
  color: #000000;
255
  opacity: 0.8;
256
}
257

    
258
.app_my_theme #top_bar .top_bar_nav > li.uk-active a {
259
  box-shadow: inset 0 -3px 0 #707070;
260
}
261

    
262
.app_my_theme #top_bar .top_bar_nav > li > a:hover {
263
  -webkit-box-shadow: inset 0 -3px 0 #707070;
264
  box-shadow: inset 0 -3px 0 #707070;
265
}
266

    
267
/****************************************/
268

    
269
/************ ADMIN RESULTS + RESULTS GENERAL ***********/
270

    
271
.adminResultsHeader {
272
  border-top: 1px solid #6299EC;
273
}
274

    
275
.repositoryCard .uk-text-meta, .eventCard .uk-text-meta {
276
  font-size: 12px;
277
  color: #000;
278
  opacity: 0.6;
279
}
280

    
281
.repositoryCardHeader a {
282
  text-align: left;
283
  text-decoration: underline;
284
  font-weight: 400;
285
  font-size: 18px;
286
  font-family: "Open Sans", sans-serif;
287
  /*font: Regular 18px/24px Open Sans;*/
288
  letter-spacing: 0;
289
  color: #6299EC;
290
  opacity: 1;
291
}
292

    
293
.repositoryCard .uk-badge-primary, .eventCard .uk-badge-primary {
294
  background: #6299EC;
295
}
296

    
297
.repositoryCard .uk-badge-success, .eventCard .uk-badge-success {
298
  background: #34AA34;
299
  opacity: 0.8;
300
}
301

    
302
.eventCard .highlightIndex {
303
  color: #34AA34;
304
}
305

    
306
.eventCard hr {
307
  border-top: 1px solid #000000;
308
  opacity: 0.5;
309
  /*margin: 30px 0 30px 0;*/
310
}
311

    
312
.repositoryCard .mute-title, .eventCard .mute-title {
313
  font-size: 12px;
314
  color: #A4A4A4;
315
}
316

    
317
.repositoryCard .small-content, .eventCard .small-content {
318
  font-size: 12px;
319
}
320

    
321
.filter-overlay-toolbar {
322
  position: fixed;
323
  z-index: 100;
324
  left: 320px;
325
  top: 45%;
326
}
327

    
328
.filter-overlay-button {
329
  background-color: #fff;
330
  /*position: fixed;*/
331
  /*z-index: 100;*/
332
  /*right: 25px;*/
333
  /*bottom: 25px;*/
334
  padding: 10px;
335
}
336

    
337
.filter-overlay-button span {
338
  background-color: #DEDEDE;
339
  border-radius: 2px;
340
  padding: 7px;
341
}
342

    
343
.filter-overlay-button span i {
344
  color: #6299EC;
345
}
346

    
347
.offcanvas-filters {
348
  left: 320px;
349
  z-index: 1200;
350
  /*top*/
351
}
352

    
353
.offcanvas-filters .uk-offcanvas-bar.uk-light {
354
  background: #F9F9F9 0% 0% no-repeat padding-box;
355
  box-shadow: 0px 3px 6px #00000029;
356
  color: #000;
357
  opacity: 1;
358
}
359

    
360
.offcanvas-filters .uk-offcanvas-bar h4 {
361
  font: Bold 18px/24px "Open Sans";
362
  letter-spacing: 0;
363
  color: #000000;
364
  opacity: 0.8;
365
}
366

    
367
.offcanvas-filters .uk-offcanvas-bar h5 {
368
  font-weight: 400;
369
  font-size: 18px;
370
  font-family: "Open Sans", sans-serif;
371
  letter-spacing: 0;
372
  color: #000000;
373
  opacity: 1;
374
}
375

    
376
.uk-offcanvas-bar.uk-light .uk-radio, .uk-offcanvas-bar.uk-light .uk-radio:checked {
377
  background-color: rgb(255, 255, 255);
378
  border-color: #00000066;
379
}
380

    
381
.uk-light hr {
382
  border-top-color: #ddd;
383
}
384

    
385
.repositoryAdminActions button.uk-button-link, .repositoryAdminActions button.uk-button-link:hover{
386
  color: #000;
387
}
388

    
389
.resultsInfo {
390
  font-weight: 400;
391
  font-size: 12px;
392
  font-family: "Open Sans", sans-serif;
393
  letter-spacing: 0;
394
  opacity: 1;
395
}
396

    
397
.resultsInfo .number {
398
  color: #6299EC;
399
}
400

    
401
/****************************************/
402

    
403
/************ PAGINATION ***********/
404

    
405
.app_my_theme .uk-pagination > li.uk-active > a, .app_my_theme .uk-pagination > li.uk-active > span {
406
  background: #6299EC;
407
}
408

    
409
.uk-pagination > li > a, .uk-pagination > li > span {
410
  border-radius: 15px;
411
}
412

    
413
.uk-pagination > li.uk-active > a {
414
  color: #6299EC;
415
}
416

    
417
.uk-pagination > li {
418
  text-align: center;
419
}
420

    
421
.app_my_theme .uk-pagination>li>a:hover {
422
  color: #fff;
423
}
424

    
425
.app_my_theme .uk-pagination>li>a.pagination_arrow:hover {
426
  color: #5693f1;
427
  background: none;
428
}
429

    
430
/****************************************/
431

    
432
/************ FILTERS OFF-CANVAS ***********/
433

    
434
.advancedSearch, .clearCriteria {
435
  color: #6299EC !important;
436
}
437

    
438
/****************************************/
439

    
440
/************ DATASOURCE TYPE SELECTION ***********/
441

    
442
.datasourceTypeCard {
443
  background: #F6FAFD 0% 0% no-repeat padding-box;
444
  box-shadow: 1px 1px 6px #00000029;
445
  border-radius: 5px;
446
  opacity: 1;
447
}
448

    
449
/****************************************/
450

    
451
/************ WIZARD ***********/
452

    
453
.app_my_theme .wizard>.steps>ul>li.current a, .app_my_theme .wizard>.steps>ul>li.current a:active, .app_my_theme .wizard>.steps>ul>li.current a:hover {
454
  background: #34BDB6 0% 0% no-repeat padding-box;
455
  border-right: 1px solid #24847F;
456
}
457

    
458
.wizard>.steps>ul>li a, .wizard>.steps>ul>li a:active, .wizard>.steps>ul>li a:hover {
459
  background: #299791 0% 0% no-repeat padding-box;
460
  border-right: 1px solid #24847F;
461
  /*border-right: #299791;*/
462
}
463

    
464
.wizard>.steps>ul>li+li a {
465
  border-right: 1px solid #24847F;
466
}
467

    
468
.app_my_theme .wizard>.steps {
469
  background: #24847F;
470
}
471

    
472
/****************************************/
473

    
474

    
475
.comment {
476
  font-size: 70%;
477
}
478

    
479
.uk-width-expand\@m {
480
  flex: 1;
481
  min-width: 1px;
482
}
483

    
484
.uk-grid {
485
  /*margin-left: -50px;*/
486
}
487

    
488
.inline-block {
489
  display: inline-block;
490
}
491

    
492
body.landing {
493
  padding-top: 0px;
494
}
495

    
496
/********* LOADERS *********/
497

    
498
.loading {
499
  position: relative;
500
  min-height: 200px;
501
}
502

    
503
.loading-medium {
504
  position: relative;
505
  min-height: 400px;
506
}
507

    
508
.loading-big {
509
  position: relative;
510
  min-height: 600px;
511
}
512

    
513
.loader-small {
514
  background: url("../imgs/loader-small.gif") no-repeat center;
515
  z-index: 110;
516
  width: 100%;
517
  height: 100%;
518
  position: absolute;
519
  top: 0;
520
  left: 0;
521
}
522

    
523
.loader-big {
524
  background: url("../imgs/loader-big.gif") no-repeat center;
525
  z-index: 110;
526
  width: 100%;
527
  height: 100%;
528
  position: absolute;
529
  top: 0;
530
  left: 0;
531
}
532

    
533
.whiteFilm {
534
  background: #ffffff;
535
  z-index: 105;
536
  width: 100%;
537
  height: 100%;
538
  opacity: 0.7;
539
  position: absolute;
540
  top: 0;
541
  left: 0;
542
}
543

    
544
.transparentFilm {
545
  background: transparent;
546
  z-index: 105;
547
  width: 100%;
548
  height: 100%;
549
  opacity: 0.7;
550
  position: absolute;
551
  top: 0;
552
  left: 0;
553
}
554
/**************************/
555

    
556
/********* FORM WIZARD *********/
557

    
558
.provide .wizard > .content {
559
  overflow: scroll;
560
  min-height: 480px;
561
}
562

    
563
.provide .wizard .content .body .uk-form-label {
564
  display: block;
565
  font-weight: 500;
566
  font-size: 14px;
567
  margin: -4px 0;
568
  padding-bottom: 8px;
569
}
570

    
571
/*******************************/
572

    
573
.repositoryTypeSelection .uk-card-body {
574
  padding: 20px 20px;
575
}
576

    
577
.repositoryTypeSelection .el-title {
578
  font-size: 16px;
579
}
580

    
581

    
582

    
583
/********* REGISTRATION FORMS *********/
584

    
585
.wizard > .content > .body {
586
  padding: 48px 24px 0px;
587
}
588

    
589
.radioButtonForm .uk-button {
590
  background: none;
591
  border: none;
592
  padding: 4px 0px;
593
}
594

    
595
.visible_uk_links:hover, .visible_uk_links:focus {
596
  color: #128DD5;
597
}
598

    
599
.interface-box.new {
600
  border: 2px dashed #e7eaec;
601
  min-height: 504px;
602
}
603

    
604
.interface-box.new a {
605
  display: block;
606
  text-align: center;
607
  text-decoration: none;
608
}
609

    
610
.interface-box.new i {
611
  color: #c4c4c4;
612
  display: block;
613
  font-size: 60px;
614
  margin-top: 155px;
615
}
616

    
617
.interface-box.new .info {
618
  color: #c4c4c4;
619
  display: inline-block;
620
  font-size: 21px;
621
  padding-top: 10px;
622
  text-align: center;
623
}
624

    
625
/**************************************/
626

    
627

    
628
/********** REPOSITORY LIST/GRID VIEW **********/
629

    
630
.provide .md-card .md-card-head-img {
631
  height: 80%;
632
  margin-top: 5%;
633
}
634

    
635
.provide a.md-card p {
636
  color: #444;
637
}
638

    
639
/***********************************************/
640

    
641
/********** TABS CARD **********/
642

    
643
.md-card.tabs .md-card-content {
644
  padding: 20px 30px;
645
}
646

    
647
/***********************************************/
648

    
649
/********** TIMELINE **********/
650

    
651
.timeline_icon_white {
652
  background: #fff;
653
}
654

    
655
.timeline_item .md-list > li {
656
  border-bottom: none;
657
}
658

    
659
/******************************/
660

    
661
/********* VALIDATION FORMS *********/
662

    
663
.selectAll label {
664
  display: block;
665
  width: 100%;
666
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
667
  border-bottom: 1px solid #dee3ea;
668
  border-top: 1px solid #d4dbe4;
669
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
670
  padding: 5px 5px;
671
  margin-left: -5px;
672
  margin-right: -5px;
673
}
674

    
675
.selectAll span {
676
  letter-spacing: 0.5px;
677
  margin-left: 15px;
678
}
679

    
680
.xPathPanel {
681
  display: block;
682
  width: 100%;
683
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
684
  border-bottom: 1px solid #dee3ea;
685
  border-top: 1px solid #d4dbe4;
686
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
687
  padding: 20px 10px;
688
  margin-left: -5px;
689
  margin-right: -5px;
690
}
691

    
692
/************************************/
693

    
694
/********* USAGE STATS *********/
695

    
696
.statsFrame {
697
  border: none;
698
  width: 100%;
699
  height: 400px;
700
}
701

    
702
/************************************/
703

    
704
.md-card.md-card-overlay-active .md-card-content {
705
  height: 500px;
706
}
707

    
708
.md-card.md-card-overlay-active .md-card-overlay-content {
709
  overflow: scroll;
710
}
711

    
712
.md-card.md-card-overlay .md-card-content {
713
  overflow: scroll;
714
}
715

    
716
.heading_a .sub-heading {
717
  display: inline-block;
718
}
    (1-1/1)