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
;
53 text-decoration: none
;
55 border-color: inherit
;
59 box-sizing: border-box
;
67 -webkit-touch-callout: none
;
68 background-color: inherit
;
85 background-color: black
;
87 -webkit-animation: fadein
0.5s forwards
;
88 animation: fadein
0.5s forwards
;
91 @keyframes fadein
{ to
{ opacity: 0.5; } }
92 @-webkit-keyframes fadein
{ to
{ opacity: 0.5; } }
103 background-color: inherit
;
105 transform: translateX
(160%);
106 -webkit-transform: translateX
(160%);
107 transition: transform
0.5s;
108 -webkit-transition: -webkit-transform
0.5s;
112 transform: translateX
(25%);
113 -webkit-transform: translateX
(25%);
152 font-family: Sans
, sans-serif
;
170 pointer-events: none
;
187 transform: rotateZ
(0deg);
188 transition: transform
1.5s, opacity
0.5s 6.5s;
189 -webkit-transform: rotateZ
(0deg);
190 -webkit-transition: -webkit-transform
1.5s, opacity
0.5s 6.5s;
193 pointer-events: none
;
197 display: inline-block
;
199 text-shadow: -1px 0 black
, 0 1px black
, 1px 0 black
, 0 -1px black
;
203 0% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
204 2% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
205 5% { opacity: 1; width: 1em; }
206 90% { opacity: 1; width: 1em; }
207 95% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
208 100% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
211 @-webkit-keyframes roll
{
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; }
221 display: inline-block
;
223 transform: rotateY
(0);
224 -webkit-transform: rotateY
(0);
225 transition: transform
1.5s linear
;
226 -webkit-transition: -webkit-transform
1.5s linear
;
231 vertical-align: middle
;
235 animation: roll
7.5s forwards
;
236 -webkit-animation: roll
7.5s forwards
;
246 background-color: rgba
(255, 255, 255, 0.85);
248 border-radius: 0.25em;
250 content: attr
(data-roll
);
255 display: inline-block
;
258 border-radius: 0.5em;