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
/************ TOPMENU-DASHBOARD ***********/
24

    
25
.app_my_theme #header_main {
26
  background: #fff;
27
  border-bottom: 1px solid #6299EC;
28
}
29

    
30
.dashboard #header_main circle, .dashboard #header_main .login svg {
31
  stroke: #707070;
32
}
33

    
34
.dashboard #header_main text {
35
  stroke: #707070;
36
}
37

    
38
/*********************************/
39

    
40
/************ SIDEBAR ***********/
41

    
42
.provideLogo {
43
  width: 151px;
44
}
45

    
46
.dashboard #sidebar_main {
47
  overflow: auto;
48
}
49

    
50
.dashboard #sidebar_main .menu_section {
51
  overflow: visible;
52
  margin-bottom: 15px;
53
  padding-bottom: 20px;
54
  flex: 0; /* it was set to 1 and each section would get equal space */
55
}
56

    
57
.dashboard #sidebar_main .menu_section.border_top {
58
  border-top: 1px solid #DEDEDE;
59
}
60

    
61
.dashboard #sidebar_main .menu_section.admin_menu_section {
62
  border-bottom: none;
63
  padding-bottom: 50px;
64
}
65

    
66
.dashboard #sidebar_main .menu_section > ul li > a {
67
  font-weight: 400;
68
  font-size: 14px;
69
  font-family: "Open Sans", sans-serif;
70
  /*font: Regular 14px/19px Open Sans;*/
71
  letter-spacing: 0;
72
  color: #000000;
73
  opacity: 0.7;
74
}
75

    
76
#sidebar_main .menu_section > ul > li.submenu_trigger > a::before {
77
  color: #000;
78
  font-size: 24px;
79
}
80

    
81
.dashboard #sidebar_main .menu_section .sidebar_heading {
82
  font-weight: 500;
83
  font-size: 14px;
84
  font-family: "Open Sans", sans-serif;
85
  letter-spacing: 0;
86
  color: #000000;
87
  opacity: 0.4;
88
  padding: 8px 20px;
89
  margin-top: 20px;
90
}
91

    
92
.dashboard #sidebar_main .menu_section .menu_icon {
93
  margin-right: 22px;
94
}
95

    
96
.dashboard #sidebar_main .menu_section .menu_icon .material-icons {
97
  color: #000;
98
}
99

    
100
.dashboard #sidebar_main .menu_section .menu_icon_circle_letter {
101
  width: 30px;
102
  line-height: 28px;
103
  border-radius: 50%;
104
  text-align: center;
105
  font-size: 16px;
106
  border: 1px solid #000;
107
  margin-right: 25px;
108
}
109

    
110
.dashboard #sidebar_main .menu_section .menu_icon_circle {
111
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
112
  border: 1px solid #000000;
113
  opacity: 1;
114
  border-radius: 50%;
115
  /*padding: 0px 8px;*/
116
  margin-right: 25px;
117
  width: 30px;
118

    
119
  background-size: contain;
120
  height: 30px;
121
  /*background-image: url("https://repositorium.sdum.uminho.pt/image/RepositoriUM.png");*/
122
  background-position: center;
123
  background-repeat: no-repeat;
124
}
125

    
126
.dashboard #sidebar_main .menu_section .menu_icon_circle span {
127
  display: block;
128
  width: 40%;
129
  margin: auto;
130
}
131

    
132
.app_my_theme #sidebar_main .menu_section > ul > li.current_section {
133
  background: #DEDEDE 0% 0% no-repeat padding-box;
134
}
135

    
136
.app_my_theme #sidebar_main .menu_section > ul > li.current_section > a .menu_title {
137
  color: #000;
138
  font-weight: 600;
139
}
140

    
141
.app_my_theme #sidebar_main .menu_section > ul > li ul a {
142
  padding: 8px 10px 8px 75px;
143
}
144

    
145
.app_my_theme #sidebar_main .menu_section > ul > li ul li.act_item a {
146
  color: #000;
147
  font-weight: 600;
148
  background: #DEDEDE 0% 0% no-repeat padding-box;
149
}
150

    
151

    
152
/*********************************/
153

    
154
/************ REPOSITORY MENU ***********/
155

    
156
.repositoryMenu {
157
  background: #F9F9F9 0% 0% no-repeat padding-box;
158
  opacity: 1;
159
  padding-top: 10px;
160
}
161

    
162
/*.repositoryMenu #top_bar {*/
163
#top_bar {
164
  background: #F9F9F9;
165
  -webkit-box-shadow: none !important;
166
  box-shadow: none !important;
167
  /*height: 40px;*/
168
  position: relative !important;
169
  padding: 0 15px;
170
  top: 0px;
171
  margin-left: 0px !important;
172
}
173

    
174
.repositoryMenu h3 {
175
  font-weight: 600;
176
  font-size: 21px;
177
  font-family: "Open Sans", sans-serif;
178
  /*font: Semibold 21px/28px Open Sans;*/
179
  letter-spacing: 0;
180
  color: #000000;
181
  opacity: 0.8;
182
}
183

    
184
.app_my_theme #top_bar .top_bar_nav > li.uk-active a {
185
  box-shadow: inset 0 -3px 0 #707070;
186
}
187

    
188
/****************************************/
189

    
190

    
191
.comment {
192
  font-size: 70%;
193
}
194

    
195
.uk-width-expand\@m {
196
  flex: 1;
197
  min-width: 1px;
198
}
199

    
200
.uk-grid {
201
  /*margin-left: -50px;*/
202
}
203

    
204
.inline-block {
205
  display: inline-block;
206
}
207

    
208
body.landing {
209
  padding-top: 0px;
210
}
211

    
212
/********* LOADERS *********/
213

    
214
.loading {
215
  position: relative;
216
  min-height: 200px;
217
}
218

    
219
.loading-medium {
220
  position: relative;
221
  min-height: 400px;
222
}
223

    
224
.loading-big {
225
  position: relative;
226
  min-height: 600px;
227
}
228

    
229
.loader-small {
230
  background: url("../imgs/loader-small.gif") no-repeat center;
231
  z-index: 110;
232
  width: 100%;
233
  height: 100%;
234
  position: absolute;
235
  top: 0;
236
  left: 0;
237
}
238

    
239
.loader-big {
240
  background: url("../imgs/loader-big.gif") no-repeat center;
241
  z-index: 110;
242
  width: 100%;
243
  height: 100%;
244
  position: absolute;
245
  top: 0;
246
  left: 0;
247
}
248

    
249
.whiteFilm {
250
  background: #ffffff;
251
  z-index: 105;
252
  width: 100%;
253
  height: 100%;
254
  opacity: 0.7;
255
  position: absolute;
256
  top: 0;
257
  left: 0;
258
}
259

    
260
.transparentFilm {
261
  background: transparent;
262
  z-index: 105;
263
  width: 100%;
264
  height: 100%;
265
  opacity: 0.7;
266
  position: absolute;
267
  top: 0;
268
  left: 0;
269
}
270
/**************************/
271

    
272
/********* FORM WIZARD *********/
273

    
274
.provide .wizard > .content {
275
  overflow: scroll;
276
  min-height: 480px;
277
}
278

    
279
.provide .wizard .content .body .uk-form-label {
280
  display: block;
281
  font-weight: 500;
282
  font-size: 14px;
283
  margin: -4px 0;
284
  padding-bottom: 8px;
285
}
286

    
287
/*******************************/
288

    
289
.repositoryTypeSelection .uk-card-body {
290
  padding: 20px 20px;
291
}
292

    
293
.repositoryTypeSelection .el-title {
294
  font-size: 16px;
295
}
296

    
297

    
298

    
299
/********* REGISTRATION FORMS *********/
300

    
301
.wizard > .content > .body {
302
  padding: 48px 24px 0px;
303
}
304

    
305
.radioButtonForm .uk-button {
306
  background: none;
307
  border: none;
308
  padding: 4px 0px;
309
}
310

    
311
.visible_uk_links:hover, .visible_uk_links:focus {
312
  color: #128DD5;
313
}
314

    
315
.interface-box.new {
316
  border: 2px dashed #e7eaec;
317
  min-height: 504px;
318
}
319

    
320
.interface-box.new a {
321
  display: block;
322
  text-align: center;
323
  text-decoration: none;
324
}
325

    
326
.interface-box.new i {
327
  color: #c4c4c4;
328
  display: block;
329
  font-size: 60px;
330
  margin-top: 155px;
331
}
332

    
333
.interface-box.new .info {
334
  color: #c4c4c4;
335
  display: inline-block;
336
  font-size: 21px;
337
  padding-top: 10px;
338
  text-align: center;
339
}
340

    
341
/**************************************/
342

    
343

    
344
/********** REPOSITORY LIST/GRID VIEW **********/
345

    
346
.provide .md-card .md-card-head-img {
347
  height: 80%;
348
  margin-top: 5%;
349
}
350

    
351
.provide a.md-card p {
352
  color: #444;
353
}
354

    
355
/***********************************************/
356

    
357
/********** TABS CARD **********/
358

    
359
.md-card.tabs .md-card-content {
360
  padding: 20px 30px;
361
}
362

    
363
/***********************************************/
364

    
365
/********** TIMELINE **********/
366

    
367
.timeline_icon_white {
368
  background: #fff;
369
}
370

    
371
.timeline_item .md-list > li {
372
  border-bottom: none;
373
}
374

    
375
/******************************/
376

    
377
/********* VALIDATION FORMS *********/
378

    
379
.selectAll label {
380
  display: block;
381
  width: 100%;
382
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
383
  border-bottom: 1px solid #dee3ea;
384
  border-top: 1px solid #d4dbe4;
385
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
386
  padding: 5px 5px;
387
  margin-left: -5px;
388
  margin-right: -5px;
389
}
390

    
391
.selectAll span {
392
  letter-spacing: 0.5px;
393
  margin-left: 15px;
394
}
395

    
396
.xPathPanel {
397
  display: block;
398
  width: 100%;
399
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
400
  border-bottom: 1px solid #dee3ea;
401
  border-top: 1px solid #d4dbe4;
402
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
403
  padding: 20px 10px;
404
  margin-left: -5px;
405
  margin-right: -5px;
406
}
407

    
408
/************************************/
409

    
410
/********* USAGE STATS *********/
411

    
412
.statsFrame {
413
  border: none;
414
  width: 100%;
415
  height: 400px;
416
}
417

    
418
/************************************/
419

    
420
.md-card.md-card-overlay-active .md-card-content {
421
  height: 500px;
422
}
423

    
424
.md-card.md-card-overlay-active .md-card-overlay-content {
425
  overflow: scroll;
426
}
427

    
428
.md-card.md-card-overlay .md-card-content {
429
  overflow: scroll;
430
}
431

    
432
.heading_a .sub-heading {
433
  display: inline-block;
434
}
    (1-1/1)