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

    
469

    
470
/****************************************/
471

    
472

    
473
.comment {
474
  font-size: 70%;
475
}
476

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

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

    
486
.inline-block {
487
  display: inline-block;
488
}
489

    
490
body.landing {
491
  padding-top: 0px;
492
}
493

    
494
/********* LOADERS *********/
495

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

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

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

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

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

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

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

    
554
/********* FORM WIZARD *********/
555

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

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

    
569
/*******************************/
570

    
571
.repositoryTypeSelection .uk-card-body {
572
  padding: 20px 20px;
573
}
574

    
575
.repositoryTypeSelection .el-title {
576
  font-size: 16px;
577
}
578

    
579

    
580

    
581
/********* REGISTRATION FORMS *********/
582

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

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

    
593
.visible_uk_links:hover, .visible_uk_links:focus {
594
  color: #128DD5;
595
}
596

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

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

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

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

    
623
/**************************************/
624

    
625

    
626
/********** REPOSITORY LIST/GRID VIEW **********/
627

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

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

    
637
/***********************************************/
638

    
639
/********** TABS CARD **********/
640

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

    
645
/***********************************************/
646

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

    
649
.timeline_icon_white {
650
  background: #fff;
651
}
652

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

    
657
/******************************/
658

    
659
/********* VALIDATION FORMS *********/
660

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

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

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

    
690
/************************************/
691

    
692
/********* USAGE STATS *********/
693

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

    
700
/************************************/
701

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

    
706
.md-card.md-card-overlay-active .md-card-overlay-content {
707
  overflow: scroll;
708
}
709

    
710
.md-card.md-card-overlay .md-card-content {
711
  overflow: scroll;
712
}
713

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