0ef3b19e9d4c849d931eac6488084209828729c4
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 -webkit-animation: fadein
0.5s forwards
;
92 animation: fadein
0.5s forwards
;
95 @keyframes fadein
{ to
{ opacity: 0.5; } }
96 @-webkit-keyframes fadein
{ to
{ opacity: 0.5; } }
107 background-color: inherit
;
109 transform: translateX
(160%);
110 -webkit-transform: translateX
(160%);
111 transition: transform
0.5s;
112 -webkit-transition: -webkit-transform
0.5s;
116 transform: translateX
(25%);
117 -webkit-transform: translateX
(25%);
156 font-family: Sans
, sans-serif
;
174 pointer-events: none
;
191 transform: rotateZ
(0deg);
192 transition: transform
1.5s, opacity
0.5s 6.5s;
193 -webkit-transform: rotateZ
(0deg);
194 -webkit-transition: -webkit-transform
1.5s, opacity
0.5s 6.5s;
197 pointer-events: none
;
201 display: inline-block
;
203 text-shadow: -1px 0 black
, 0 1px black
, 1px 0 black
, 0 -1px black
;
207 0% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
208 2% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
209 5% { opacity: 1; width: 1em; }
210 90% { opacity: 1; width: 1em; }
211 95% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
212 100% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
215 @-webkit-keyframes roll
{
216 0% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
217 2% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
218 5% { opacity: 1; width: 1em; }
219 90% { opacity: 1; width: 1em; }
220 95% { opacity: 0; width: 1em; margin-left: 0.2em; margin-right: 0.2em; }
221 100% { opacity: 0; width: 0em; margin-left: 0; margin-right: 0; }
225 display: inline-block
;
227 transform: rotateY
(0);
228 -webkit-transform: rotateY
(0);
229 transition: transform
1.5s linear
;
230 -webkit-transition: -webkit-transform
1.5s linear
;
235 vertical-align: middle
;
239 animation: roll
7.5s forwards
;
240 -webkit-animation: roll
7.5s forwards
;
250 background-color: rgba
(255, 255, 255, 0.85);
252 border-radius: 0.25em;
254 content: attr
(data-roll
);
259 display: inline-block
;
262 border-radius: 0.5em;