-
Notifications
You must be signed in to change notification settings - Fork 4
/
MMM-TouchNavigation.css
44 lines (38 loc) · 1.07 KB
/
MMM-TouchNavigation.css
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
/*****************************************************
* Magic Mirror *
* Custom CSS for MMM-TouchNavigation *
* *
* By Brian Janssen *
* MIT Licensed. *
* *
*****************************************************/
.navigation-menu {
display: flex;
align-items: stretch;
}
.navigation-button {
z-index: 1;
/* Border */
border-style: solid;
border-width: 2px;
border-color: #999;
border-radius: 5px;
/* as container */
display: flex;
justify-content: center;
align-items: center;
margin: 7px;
padding: 5px 12px;
}
.navigation-picture {
margin: 5px 0;
}
.navigation-text {
margin: -5px 0;
}
.navigation-button.current-profile {
border-color: #666;
background-color: rgba(255, 255, 255, 0.08);
/* basically the same as background-color: #111; but then with a opacity */
color: #fff;
}