ondemand-vub/files/html/custom_styles.css_sofia at 91ef3eb44447d46046ac94b75240635c4dff3e0f · vub-hpc/ondemand-vub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/* import VUB Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* define VUB colors as variables */
:root {
  --headergrey: #212630;
  --sofiayellow: #f5c501;
  --sofiablue: #003399;
  --sofialightblue: #75b9e5;
  /* dark grey */
  --defaultcol: #505050;
  --defaultbg: #e9ecef;
}

/* set default font to Roboto */
body {
  font-family: Roboto, sans-serif;
}

/* new "All Apps" button */
/* replaces "all available apps" link */
.allapps_button {
  color: var(--defaultcol);
  background-color: var(--defaultbg);
  border: none;
  font-weight: 300;
  font-size: 24px;
  float: right;
}

/* scale "All Apps" button when hovering over it (press effect) */
.allapps_button:hover {
  transform: scale(0.9);
}

/* override app-launcher border and color */
/* changes app tiles style */
.app-launcher .launcher-click {
  border: 0px;
  color: var(--defaultcol);
  background-color: white;
}

/* override h4 font-weight (light weight) */
/* changes "VUB Ondemand" title */
h4 {
  font-weight: 300;
}

/* override h3 color, background-color and font-weight */
/* changes "Pinnned Apps" style */
h2, h3 {
  color: var(--defaultcol);
  background-color: var(--defaultbg);
  font-weight: 300;
  font-size: 24px;
  width: 100%;
  padding-left: 105px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

/* override apps-section-header-blue color and background-color */
/* changes "Recently Used Apps" style */
.apps-section-header-blue {
  margin-top: 20px;
  margin-bottom: 15px;
  color: var(--defaultcol);
  background-color: var(--defaultbg);
  padding-top: 5px;
  padding-bottom: 5px;
}

/* override text-muted font-size */
/* removes "System Installed App" text */
.text-muted {
  font-size: 0;
}

/* override app-launcher image size and margins */
/* makes images smaller and more centered */
.app-launcher img {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4rem;
}

/* override app-launcher icon size and margins */
/* makes icons smaller and more centered */
.app-launcher i {
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 4rem;
}

/* override app-launcher title margin-bottom */
/* removes excessive space below the title */
.app-launcher p.app-title {
  margin-bottom: -5px;
}

/* override interactive apps header background-color on interactive sessions page */
.system-and-shared-apps-header {
  background-color: var(--headergrey);
}

/* set background color of the dashboard */
.col-md-8 {
   background-color: var(--defaultbg);
}

/* increase dashboard logo size and center */
img.py-2 {
  height: 5rem;
  margin-left: 16.6%;
}

/* Make the top bar text lightblue (except for the username) */
.nav-link[role="menuitem"]:not(.disabled) {
  color: var(--sofialightblue);
}