6d827acce48ee53f3a71eb3f57f23867272c2a73
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.
13 font-family: Oranienbaum
;
16 src: url
('Oranienbaum-Regular.woff') format
('woff');
23 src: url
('Cardo-Regular.woff') format
('woff');
30 src: url
('Cardo-Bold.woff') format
('woff');
37 src: url
('Cardo-Italic.woff') format
('woff');
56 list-style-type: none
;
57 display: inline-block
;
62 font-family: Cardo
, serif
;
64 background-color: black
;
69 @media (max-width: 639px) {
70 html
{ font-size: 14px; }
74 background-color: black
;
77 box-sizing: border-box
;
85 background-color: white
;
91 box-sizing: border-box
;
94 body
.standalone main
{
99 border-collapse: collapse
;
106 font-variant: small-caps
;
107 vertical-align: bottom
;
121 tbody
tr:nth-last-child
(odd
) {
122 background-color: hsl
(270, 30%, 85%);
125 #fate th:first-child
, #fate
td:first-child
{
132 -webkit-hyphens: auto
;
138 #abilities td:first-child
{
150 text-shadow: -0.08333em -0.08333em 0.25em #aec38b,
151 0.08333em -0.08333em 0.25em #aec38b,
152 0.08333em 0.08333em 0 #534f53,
153 -0.08333em 0.08333em 0 #534f53,
154 0 0.1667em 0 #414045;
155 -webkit-text-stroke: 0;
156 display: inline-block
;
166 margin-bottom: 0.5em;
167 font-family: Oranienbaum
, Cardo
, serif
;
168 color: hsl
(270, 25%, 75%);
171 border-bottom: solid hsl
(270, 25%, 50%) 0.0625em;
174 text-shadow: -1px 0 black
, 1px 0 black
,
175 0 1px black
, 0 -1px black
,
176 -0.707px -0.707px black
, 0.707px 0.707px black
,
177 -0.707px 0.707px black
, 0.707px -0.707px black
;
189 display: inline-block
;
195 font-family: Oranienbaum
, Cardo
, serif
;
197 letter-spacing: -1px;
199 border-bottom: solid hsl
(270, 30%, 85%) 0.25em;
202 margin-bottom: 0.5em;
206 a:link
, a:visited
, a:active
{
207 color: hsl
(270, 25%, 50%);
209 text-decoration: none
;
212 .fate-name { font-weight: bold
; }
213 .fate-effect { font-style: italic
; font-size: 0.95em; }
214 .fate-action { font-size: 0.95em; }
216 input
[type
=checkbox
] {
223 color: black
!important
;
224 background-color: hsl
(270, 30%, 85%);
226 padding: 0.375em 0.5em;
227 display: inline-block
;
228 border-radius: 0 0.5em 0 0.5em;
229 transition: box-shadow
0.167s, border-color
0.167s, opacity
0.333s;
230 -webkit-transition: box-shadow
0.167s, border-color
0.167s, opacity
0.333s;
231 box-shadow: 0.125em 0.125em 0.25em 0.0625em #aaa;
232 border: solid hsl
(270, 30%, 85%) 1px;
240 .button:hover, .button:focus {
241 box-shadow: 0.125em 0.125em 0.25em 0.0625em #888;
242 border-color: hsl
(270, 25%, 50%);
246 box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
256 display: inline-block
;
261 -webkit-appearance: none
;
262 -moz-appearance: none
;
264 font-family: Cardo
, serif
;
270 border: solid hsl
(270, 30%, 85%) 1px;
271 border-radius: 0 0.5em 0 0.5em;
272 background-color: hsl
(270, 30%, 85%);
273 box-shadow: 0.125em 0.125em 0.25em 0.0625em #aaa;
274 transition: box-shadow
0.167s, border-color
0.167s;
275 -webkit-transition: box-shadow
0.167s, border-color
0.167s;
276 text-align:-webkit-center
!important
;
280 select:hover
, select:focus
{
281 box-shadow: 0.125em 0.125em 0.25em 0.0625em #888;
282 border-color: hsl
(270, 25%, 50%);
287 box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
292 -webkit-appearance: none
;
293 -moz-appearance: none
;
295 font-family: Cardo
, serif
;
296 background-color: white
;
303 -webkit-hyphens: auto
;
310 margin-bottom: 0.5em;
318 margin-bottom: 0.5em;
322 @keyframes row-content-in
{
323 0% { max-height: 0; opacity: 0; }
324 50% { max-height: 10em; }
327 @-webkit-keyframes row-content-in
{
328 0% { max-height: 0; opacity: 0; }
329 50% { max-height: 10em; }
339 animation: row-content-in
0.6667s;
340 -webkit-animation: row-content-in
0.6667s;
343 #fate tbody
~ tfoot
{
344 transition: opacity
0.3333s, visibility
0s 0.3333s;
345 -webkit-transition: opacity
0.3333s, visibility
0s 0.3333s;
350 #fate tbody:empty
~ tfoot
{
363 background-color: white
;
364 display: inline-block
;
365 margin: 0.2em 0.375em;
366 border: solid
1px black
;
371 background-color: black
;
372 display: inline-block
;
373 margin: 0.2em 0.375em;
374 border: solid
1px black
;
385 background-color: black
;
388 body
.standalone #statusbar
{
392 h1
, h2
, [onclick
], label
{
393 -webkit-user-select: none
;
394 -moz-user-select: none
;
396 -webkit-tap-highlight-color: rgba
(0, 0, 0, 0);
400 [onclick
], select
, label
{
415 display: none
!important
;
419 background-color: white
;
428 @media screen and
(-webkit-min-device-pixel-ratio:0) {
431 -webkit-text-stroke: 1px black
;
432 latter-spacing: -1px;
436 display: none
!important
;