1 |
56cc66d8
|
Lukáš Vlček
|
html,
|
2 |
|
|
body {
|
3 |
|
|
padding: 0;
|
4 |
|
|
margin: 0;
|
5 |
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
6 |
|
|
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
7 |
|
|
}
|
8 |
|
|
|
9 |
|
|
a {
|
10 |
|
|
color: inherit;
|
11 |
|
|
text-decoration: none;
|
12 |
|
|
}
|
13 |
|
|
|
14 |
|
|
* {
|
15 |
|
|
box-sizing: border-box;
|
16 |
|
|
}
|
17 |
6a250c18
|
Lukáš Vlček
|
|
18 |
|
|
.navbar-wrapper{
|
19 |
|
|
width: 100vw;
|
20 |
|
|
margin: 0;
|
21 |
|
|
display: flex;
|
22 |
|
|
justify-content: space-around;
|
23 |
|
|
padding-left: 10px;
|
24 |
|
|
padding-right: 10px;
|
25 |
|
|
background: #001529;
|
26 |
ef5792a8
|
Lukáš Vlček
|
}
|
27 |
|
|
|
28 |
|
|
.userTagWrapper{
|
29 |
|
|
padding: 2px;
|
30 |
|
|
position: relative;
|
31 |
|
|
cursor: pointer;
|
32 |
|
|
|
33 |
|
|
|
34 |
|
|
.userTag{
|
35 |
|
|
opacity: 1;
|
36 |
|
|
|
37 |
|
|
}
|
38 |
|
|
.remove {
|
39 |
d898158d
|
Vojtěch Bartička
|
transition: .4s ease;
|
40 |
ef5792a8
|
Lukáš Vlček
|
opacity: 0;
|
41 |
|
|
position: absolute;
|
42 |
d898158d
|
Vojtěch Bartička
|
top: 50%;
|
43 |
ef5792a8
|
Lukáš Vlček
|
left: 50%;
|
44 |
|
|
transform: translate(-50%, -50%);
|
45 |
|
|
-ms-transform: translate(-50%, -50%);
|
46 |
|
|
text-align: center;
|
47 |
|
|
}
|
48 |
|
|
}
|
49 |
|
|
|
50 |
|
|
.userTagWrapper:hover .remove{
|
51 |
|
|
opacity: 1;
|
52 |
|
|
}
|
53 |
|
|
|
54 |
|
|
.userTagWrapper:hover .userTag{
|
55 |
d898158d
|
Vojtěch Bartička
|
opacity: 0.1
|
56 |
ef5792a8
|
Lukáš Vlček
|
}
|