1 /* The person who associated a work with this deed has dedicated the
2 work to the public domain by waiving all of his or her rights to
3 the work worldwide under copyright law, including all related and
4 neighboring rights, to the extent allowed by law.
6 You can copy, modify, distribute and perform the work, even for
7 commercial purposes, all without asking permission.
9 See https://creativecommons.org/publicdomain/zero/1.0/ for details.
12 @import url
('themes.css');
18 src: url
('Celestia-Redux.woff') format
('woff');
25 src: url
('FiraSans-Regular.woff') format
('woff');
32 src: url
('AndroidEmoji.woff') format
('woff');
36 font-family: 'C', 'Sans', 'Emoji', sans-serif
;
47 *, *:after
, *:before
{
48 -webkit-user-select: none
;
49 -moz-user-select: none
;
51 -webkit-tap-highlight-color: rgba
(255, 255, 255, 0) !important
;
52 -webkit-focus-ring-color: rgba
(255, 255, 255, 0) !important
;
53 -webkit-tap-highlight-color: transparent
!important
;
56 text-decoration: none
;
58 border-color: inherit
;
62 box-sizing: border-box
;
63 outline: none
!important
;
71 -webkit-touch-callout: none
;
72 background-color: inherit
;
89 background-color: black
;
91 transition: opacity
0.5s;
92 -webkit-transition: opacity
0.5s;
106 background-color: inherit
;
108 transform: translateX
(150%);
109 -webkit-transform: translateX
(150%);
110 transition: transform
0.5s;
111 -webkit-transition: -webkit-transform
0.5s;
116 transform: translateX
(0);
117 -webkit-transform: translateX
(0);
120 .dialog.open ~ #overlay {
122 pointer-events: auto
;
161 font-family: Sans
, sans-serif
;
179 pointer-events: none
;
196 transform: rotateZ
(0deg);
197 transition: transform
1.5s, opacity
0.5s 6.5s;
198 -webkit-transform: rotateZ
(0deg);
199 -webkit-transition: -webkit-transform
1.5s, opacity
0.5s 6.5s;
202 pointer-events: none
;
206 display: inline-block
;
208 text-shadow: -1px 0 black
, 0 1px black
, 1px 0 black
, 0 -1px black
;
212 0% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
213 2% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
214 5% { opacity: 1; width: 1em; }
215 90% { opacity: 1; width: 1em; }
216 95% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
217 100% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
220 @-webkit-keyframes roll
{
221 0% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
222 2% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
223 5% { opacity: 1; width: 1em; }
224 90% { opacity: 1; width: 1em; }
225 95% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
226 100% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
230 display: inline-block
;
232 transform: rotateY
(0);
233 -webkit-transform: rotateY
(0);
234 transition: transform
1.5s linear
;
235 -webkit-transition: -webkit-transform
1.5s linear
;
240 vertical-align: middle
;
244 animation: roll
7.5s forwards
;
245 -webkit-animation: roll
7.5s forwards
;
255 background-color: rgba
(255, 255, 255, 0.85);
257 border-radius: 0.25em;
259 content: attr
(data-roll
);
264 display: inline-block
;
266 border-radius: 0.5em;