-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
71 lines (68 loc) · 3.85 KB
/
style.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
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
/* IDS
*/
#footer { text-align: center; }
#maemotes { display: flex;
flex-wrap: wrap; }
#maemotes-input { margin: 0 4px 8px 4px;
width: 214px; }
#open-maemotes-button { align-items: center;
display: flex;
font-size: 20px; }
/* CLASSES
*/
.close-maemotes-button { display: none; }
.easter-0 { background: url("../maemotes/artwork/default/easter/easter-0.jpg") !important;
color: #eee !important;
text-shadow: 1px 1px 1px #000; }
.easter-0 #maemotes-input { background-color: #dad8cc; }
.easter-1 { background-image: url("../maemotes/artwork/default/easter/easter-1.gif");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: calc(100% - 30px);
margin: -8px 0 0 -8px;
opacity: .5;
pointer-events: none;
position: absolute;
width: 100%; }
.halloween-0 { background: url("../maemotes/artwork/default/halloween/halloween-0.jpg") !important;
color: #eee !important;
text-shadow: 1px 1px 1px #000; }
.halloween-0 #maemotes-input { background-color: #dad8cc; }
.halloween-1 { background-image: url("../maemotes/artwork/default/halloween/halloween-1.gif");
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
height: calc(100% - 30px);
margin: -8px 0 0 -8px;
opacity: .5;
pointer-events: none;
position: absolute;
width: 100%; }
.summer-0 { background: url("../maemotes/artwork/default/summer/summer-0.jpg") !important;
color: #eee !important;
text-shadow: 1px 1px 1px #000; }
.summer-0 #maemotes-input { background-color: #dad8cc; }
.summer-1 { background-image: url("../maemotes/artwork/default/summer/summer-1.gif");
background-position: center;
background-repeat: no-repeat;
height: calc(100% - 30px);
margin: -8px 0 0 -8px;
opacity: .5;
pointer-events: none;
position: absolute;
width: 100%; }
.winter-0 { background: url("../maemotes/artwork/default/winter/winter-0.jpg") !important;
color: #eee !important;
text-shadow: 1px 1px 1px #000; }
.winter-0 #maemotes-input { background-color: #dad8cc; }
.winter-1 { background-image: url("../maemotes/artwork/default/winter/winter-1.gif");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: calc(100% - 30px);
margin: -8px 0 0 -8px;
opacity: .5;
pointer-events: none;
position: absolute;
width: 100%; }