-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.css
executable file
·112 lines (101 loc) · 2.07 KB
/
styles.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
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
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
div, header, article, footer {
box-sizing: border-box;
}
body {
width: 100vw;
height: 100vh;
background: -webkit-linear-gradient(90deg, rgb(207, 138, 61) 0%, rgb(184, 173, 120) 53%, rgb(149, 198, 186) 58%, rgb(66, 128, 166) 100%);
}
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
padding: 12px 13px;
}
footer button {
color: white;
background: transparent;
border: 1px solid white;
border-radius: 100%;
width: 30px;
height: 30px;
font-family: inherit;
font-weight: 100;
font-size: 30px;
line-height: 0.8;
margin-right: 6px;
text-align: center;
position: relative;
}
footer button span {
position: absolute;
top: -1px;
left: 5px;
}
footer button.minus span {
left: 6px;
}
footer button.last {
float: right;
margin-right: 0;
}
body {
font-family: "Helvetica Neue";
}
body .workarea {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: calc(100vh - 55px);
position: relative;
}
body .workarea object {
position: absolute;
background: rgba(0, 0, 0, 0.5);
}
/*# sourceMappingURL=styles.css.map */