Project

General

Profile

1
:root {
2
  /* Dashboard variables*/
3
  --sidebar-width: 320px;
4
  --sidebar-font-size: 16px;
5
  --header-height: 70px;
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
/************ TOPMENU-DASHBOARD ***********/
41

    
42
.app_my_theme #header_main {
43
  background: #fff;
44
  border-bottom: 1px solid #6299EC;
45
}
46

    
47
.dashboard #header_main circle, .dashboard #header_main .login svg {
48
  stroke: #707070;
49
}
50

    
51
.dashboard #header_main text {
52
  stroke: #707070;
53
}
54

    
55
/*********************************/
56

    
57
/************ SIDEBAR ***********/
58

    
59
.provideLogo {
60
  width: 151px;
61
}
62

    
63
.dashboard #sidebar_main {
64
  overflow: auto;
65
}
66

    
67
.dashboard #sidebar_main .menu_section {
68
  overflow: visible;
69
  margin-bottom: 15px;
70
  padding-bottom: 20px;
71
  flex: 0; /* it was set to 1 and each section would get equal space */
72
}
73

    
74
.dashboard #sidebar_main .menu_section.border_top {
75
  border-top: 1px solid #DEDEDE;
76
}
77

    
78
.dashboard #sidebar_main .menu_section.admin_menu_section {
79
  border-bottom: none;
80
  padding-bottom: 50px;
81
}
82

    
83
.dashboard #sidebar_main .menu_section > ul li > a {
84
  font-weight: 400;
85
  font-size: 14px;
86
  font-family: "Open Sans", sans-serif;
87
  /*font: Regular 14px/19px Open Sans;*/
88
  letter-spacing: 0;
89
  color: #000000;
90
  opacity: 0.7;
91
}
92

    
93
#sidebar_main .menu_section > ul > li.submenu_trigger > a::before {
94
  color: #000;
95
  font-size: 24px;
96
}
97

    
98
.dashboard #sidebar_main .menu_section .sidebar_heading {
99
  font-weight: 500;
100
  font-size: 14px;
101
  font-family: "Open Sans", sans-serif;
102
  letter-spacing: 0;
103
  color: #000000;
104
  opacity: 0.4;
105
  padding: 8px 20px;
106
  margin-top: 20px;
107
}
108

    
109
.dashboard #sidebar_main .menu_section .menu_icon {
110
  margin-right: 22px;
111
}
112

    
113
.dashboard #sidebar_main .menu_section .menu_icon .material-icons {
114
  color: #000;
115
}
116

    
117
.dashboard #sidebar_main .menu_section .menu_icon_circle_letter {
118
  width: 30px;
119
  line-height: 28px;
120
  border-radius: 50%;
121
  text-align: center;
122
  font-size: 16px;
123
  border: 1px solid #000;
124
  margin-right: 25px;
125
}
126

    
127
.dashboard #sidebar_main .menu_section .menu_icon_circle {
128
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
129
  border: 1px solid #000000;
130
  opacity: 1;
131
  border-radius: 50%;
132
  /*padding: 0px 8px;*/
133
  margin-right: 25px;
134
  width: 30px;
135

    
136
  background-size: contain;
137
  height: 30px;
138
  /*background-image: url("https://repositorium.sdum.uminho.pt/image/RepositoriUM.png");*/
139
  background-position: center;
140
  background-repeat: no-repeat;
141
}
142

    
143
.dashboard #sidebar_main .menu_section .menu_icon_circle span {
144
  display: block;
145
  width: 40%;
146
  margin: auto;
147
}
148

    
149
.app_my_theme #sidebar_main .menu_section > ul > li.current_section {
150
  background: #DEDEDE 0% 0% no-repeat padding-box;
151
}
152

    
153
.app_my_theme #sidebar_main .menu_section > ul > li.current_section > a .menu_title {
154
  color: #000;
155
  font-weight: 600;
156
}
157

    
158
.app_my_theme #sidebar_main .menu_section > ul > li ul a {
159
  padding: 8px 10px 8px 75px;
160
}
161

    
162
.app_my_theme #sidebar_main .menu_section > ul > li ul li.act_item a {
163
  color: #000;
164
  font-weight: 600;
165
  background: #DEDEDE 0% 0% no-repeat padding-box;
166
}
167

    
168

    
169
/*********************************/
170

    
171
/************ REPOSITORY MENU ***********/
172

    
173
.repositoryMenu, .repositoryAdminMenu {
174
  background: #F9F9F9 0% 0% no-repeat padding-box;
175
  opacity: 1;
176
  padding-top: 10px;
177
}
178

    
179
.repositoryAdminMenu {
180
  padding-bottom: 35px;
181
}
182

    
183
/*.repositoryMenu #top_bar {*/
184
#top_bar {
185
  background: #F9F9F9;
186
  -webkit-box-shadow: none !important;
187
  box-shadow: none !important;
188
  /*height: 40px;*/
189
  position: relative !important;
190
  padding: 0 15px;
191
  top: 0px;
192
  margin-left: 0px !important;
193
}
194

    
195
.repositoryMenu h3, .repositoryAdminMenu h3 {
196
  font-weight: 600;
197
  font-size: 21px;
198
  font-family: "Open Sans", sans-serif;
199
  /*font: Semibold 21px/28px Open Sans;*/
200
  letter-spacing: 0;
201
  color: #000000;
202
  opacity: 0.8;
203
}
204

    
205
.app_my_theme #top_bar .top_bar_nav > li.uk-active a {
206
  box-shadow: inset 0 -3px 0 #707070;
207
}
208

    
209
.app_my_theme #top_bar .top_bar_nav > li > a:hover {
210
  -webkit-box-shadow: inset 0 -3px 0 #707070;
211
  box-shadow: inset 0 -3px 0 #707070;
212
}
213

    
214
/****************************************/
215

    
216
/************ ADMIN RESULTS ***********/
217

    
218
.adminResultsHeader {
219
  border-top: 1px solid #6299EC;
220
}
221

    
222
.repositoryCard .uk-text-meta {
223
  font-size: 12px;
224
  color: #000;
225
  opacity: 0.6;
226
}
227

    
228
.repositoryCardHeader a {
229
  text-align: left;
230
  text-decoration: underline;
231
  font-weight: 400;
232
  font-size: 18px;
233
  font-family: "Open Sans", sans-serif;
234
  /*font: Regular 18px/24px Open Sans;*/
235
  letter-spacing: 0;
236
  color: #6299EC;
237
  opacity: 1;
238
}
239

    
240
.repositoryCard .uk-badge-primary {
241
  background: #6299EC;
242
}
243

    
244
.repositoryCard .mute-title {
245
  font-size: 12px;
246
  color: #A4A4A4;
247
}
248

    
249
.repositoryCard .small-content {
250
  font-size: 12px;
251
}
252

    
253
.filter-overlay-toolbar {
254
  position: fixed;
255
  z-index: 100;
256
  left: 320px;
257
  top: 45%;
258
}
259

    
260
.filter-overlay-button {
261
  background-color: #fff;
262
  /*position: fixed;*/
263
  /*z-index: 100;*/
264
  /*right: 25px;*/
265
  /*bottom: 25px;*/
266
  padding: 10px;
267
}
268

    
269
.filter-overlay-button span {
270
  background-color: #DEDEDE;
271
  border-radius: 2px;
272
  padding: 7px;
273
}
274

    
275
.filter-overlay-button span i {
276
  color: #6299EC;
277
}
278

    
279
.offcanvas-filters {
280
  left: 320px;
281
  z-index: 1200;
282
  /*top*/
283
}
284

    
285
.offcanvas-filters .uk-offcanvas-bar.uk-light {
286
  background: #F9F9F9 0% 0% no-repeat padding-box;
287
  box-shadow: 0px 3px 6px #00000029;
288
  color: #000;
289
  opacity: 1;
290
}
291

    
292
.offcanvas-filters .uk-offcanvas-bar h4 {
293
  font: Bold 18px/24px "Open Sans";
294
  letter-spacing: 0;
295
  color: #000000;
296
  opacity: 0.8;
297
}
298

    
299
.offcanvas-filters .uk-offcanvas-bar h5 {
300
  font-weight: 400;
301
  font-size: 18px;
302
  font-family: "Open Sans", sans-serif;
303
  letter-spacing: 0;
304
  color: #000000;
305
  opacity: 1;
306
}
307

    
308
.uk-offcanvas-bar.uk-light .uk-radio, .uk-offcanvas-bar.uk-light .uk-radio:checked {
309
  background-color: rgb(255, 255, 255);
310
  border-color: #00000066;
311
}
312

    
313
.uk-light hr {
314
  border-top-color: #ddd;
315
}
316

    
317
.repositoryAdminActions button.uk-button-link, .repositoryAdminActions button.uk-button-link:hover{
318
  color: #000;
319
}
320

    
321
.resultsInfo {
322
  font-weight: 400;
323
  font-size: 12px;
324
  font-family: "Open Sans", sans-serif;
325
  letter-spacing: 0;
326
  opacity: 1;
327
}
328

    
329
.resultsInfo .number {
330
  color: #6299EC;
331
}
332

    
333
/****************************************/
334

    
335
/************ PAGINATION ***********/
336

    
337
.app_my_theme .uk-pagination > li.uk-active > a, .app_my_theme .uk-pagination > li.uk-active > span {
338
  background: #6299EC;
339
}
340

    
341
.uk-pagination > li > a, .uk-pagination > li > span {
342
  border-radius: 15px;
343
}
344

    
345
.uk-pagination > li.uk-active > a {
346
  color: #6299EC;
347
}
348

    
349
.uk-pagination > li {
350
  text-align: center;
351
}
352

    
353
/****************************************/
354

    
355

    
356
.comment {
357
  font-size: 70%;
358
}
359

    
360
.uk-width-expand\@m {
361
  flex: 1;
362
  min-width: 1px;
363
}
364

    
365
.uk-grid {
366
  /*margin-left: -50px;*/
367
}
368

    
369
.inline-block {
370
  display: inline-block;
371
}
372

    
373
body.landing {
374
  padding-top: 0px;
375
}
376

    
377
/********* LOADERS *********/
378

    
379
.loading {
380
  position: relative;
381
  min-height: 200px;
382
}
383

    
384
.loading-medium {
385
  position: relative;
386
  min-height: 400px;
387
}
388

    
389
.loading-big {
390
  position: relative;
391
  min-height: 600px;
392
}
393

    
394
.loader-small {
395
  background: url("../imgs/loader-small.gif") no-repeat center;
396
  z-index: 110;
397
  width: 100%;
398
  height: 100%;
399
  position: absolute;
400
  top: 0;
401
  left: 0;
402
}
403

    
404
.loader-big {
405
  background: url("../imgs/loader-big.gif") no-repeat center;
406
  z-index: 110;
407
  width: 100%;
408
  height: 100%;
409
  position: absolute;
410
  top: 0;
411
  left: 0;
412
}
413

    
414
.whiteFilm {
415
  background: #ffffff;
416
  z-index: 105;
417
  width: 100%;
418
  height: 100%;
419
  opacity: 0.7;
420
  position: absolute;
421
  top: 0;
422
  left: 0;
423
}
424

    
425
.transparentFilm {
426
  background: transparent;
427
  z-index: 105;
428
  width: 100%;
429
  height: 100%;
430
  opacity: 0.7;
431
  position: absolute;
432
  top: 0;
433
  left: 0;
434
}
435
/**************************/
436

    
437
/********* FORM WIZARD *********/
438

    
439
.provide .wizard > .content {
440
  overflow: scroll;
441
  min-height: 480px;
442
}
443

    
444
.provide .wizard .content .body .uk-form-label {
445
  display: block;
446
  font-weight: 500;
447
  font-size: 14px;
448
  margin: -4px 0;
449
  padding-bottom: 8px;
450
}
451

    
452
/*******************************/
453

    
454
.repositoryTypeSelection .uk-card-body {
455
  padding: 20px 20px;
456
}
457

    
458
.repositoryTypeSelection .el-title {
459
  font-size: 16px;
460
}
461

    
462

    
463

    
464
/********* REGISTRATION FORMS *********/
465

    
466
.wizard > .content > .body {
467
  padding: 48px 24px 0px;
468
}
469

    
470
.radioButtonForm .uk-button {
471
  background: none;
472
  border: none;
473
  padding: 4px 0px;
474
}
475

    
476
.visible_uk_links:hover, .visible_uk_links:focus {
477
  color: #128DD5;
478
}
479

    
480
.interface-box.new {
481
  border: 2px dashed #e7eaec;
482
  min-height: 504px;
483
}
484

    
485
.interface-box.new a {
486
  display: block;
487
  text-align: center;
488
  text-decoration: none;
489
}
490

    
491
.interface-box.new i {
492
  color: #c4c4c4;
493
  display: block;
494
  font-size: 60px;
495
  margin-top: 155px;
496
}
497

    
498
.interface-box.new .info {
499
  color: #c4c4c4;
500
  display: inline-block;
501
  font-size: 21px;
502
  padding-top: 10px;
503
  text-align: center;
504
}
505

    
506
/**************************************/
507

    
508

    
509
/********** REPOSITORY LIST/GRID VIEW **********/
510

    
511
.provide .md-card .md-card-head-img {
512
  height: 80%;
513
  margin-top: 5%;
514
}
515

    
516
.provide a.md-card p {
517
  color: #444;
518
}
519

    
520
/***********************************************/
521

    
522
/********** TABS CARD **********/
523

    
524
.md-card.tabs .md-card-content {
525
  padding: 20px 30px;
526
}
527

    
528
/***********************************************/
529

    
530
/********** TIMELINE **********/
531

    
532
.timeline_icon_white {
533
  background: #fff;
534
}
535

    
536
.timeline_item .md-list > li {
537
  border-bottom: none;
538
}
539

    
540
/******************************/
541

    
542
/********* VALIDATION FORMS *********/
543

    
544
.selectAll label {
545
  display: block;
546
  width: 100%;
547
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
548
  border-bottom: 1px solid #dee3ea;
549
  border-top: 1px solid #d4dbe4;
550
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
551
  padding: 5px 5px;
552
  margin-left: -5px;
553
  margin-right: -5px;
554
}
555

    
556
.selectAll span {
557
  letter-spacing: 0.5px;
558
  margin-left: 15px;
559
}
560

    
561
.xPathPanel {
562
  display: block;
563
  width: 100%;
564
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
565
  border-bottom: 1px solid #dee3ea;
566
  border-top: 1px solid #d4dbe4;
567
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
568
  padding: 20px 10px;
569
  margin-left: -5px;
570
  margin-right: -5px;
571
}
572

    
573
/************************************/
574

    
575
/********* USAGE STATS *********/
576

    
577
.statsFrame {
578
  border: none;
579
  width: 100%;
580
  height: 400px;
581
}
582

    
583
/************************************/
584

    
585
.md-card.md-card-overlay-active .md-card-content {
586
  height: 500px;
587
}
588

    
589
.md-card.md-card-overlay-active .md-card-overlay-content {
590
  overflow: scroll;
591
}
592

    
593
.md-card.md-card-overlay .md-card-content {
594
  overflow: scroll;
595
}
596

    
597
.heading_a .sub-heading {
598
  display: inline-block;
599
}
    (1-1/1)