blob: 63a2ced080e4fa9cb07256d1143e62d27e5978e3 (
plain)
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
|
#listmenu {
visibility: hidden;
}
#listmenu.visible {
visibility: visible;
}
#listmenu menu,
#listmenu.visible menu.slidedown {
transition: transform 0.3s ease;
transform: translateY(100%);
}
#listmenu.visible menu {
transform: translateY(0);
}
#listmenu menu button.icon,
#listmenu menu a[role="button"].icon {
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 45px;
background-size: 30px 30px;
}
/* 320x480 phones */
@media (orientation: portrait) and (width: 320px),
(orientation: landscape) and (width: 480px) {
#listmenu menu button.icon,
#listmenu menu a[role="button"].icon {
background-position: 5px center;
padding-left: 40px;
}
}
|