e9eea8c4aa660af16d1d4ec9c193b1a8aa63e606
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
;
105 padding-top: 0.125em;
106 padding-bottom: 0.125em;
111 font-variant: small-caps
;
112 vertical-align: bottom
;
126 tbody
tr:nth-last-child
(odd
) {
127 background-color: hsl
(270, 30%, 85%);
130 #fate th:first-child
, #fate
td:first-child
{
137 -webkit-hyphens: auto
;
143 #abilities td:first-child
{
155 text-shadow: -0.08333em -0.08333em 0.25em #aec38b,
156 0.08333em -0.08333em 0.25em #aec38b,
157 0.08333em 0.08333em 0 #534f53,
158 -0.08333em 0.08333em 0 #534f53,
159 0 0.1667em 0 #414045;
160 -webkit-text-stroke: 0;
161 display: inline-block
;
171 margin-bottom: 0.5em;
172 font-family: Oranienbaum
, Cardo
, serif
;
173 color: hsl
(270, 25%, 75%);
176 border-bottom: solid hsl
(270, 25%, 50%) 0.0625em;
179 text-shadow: -1px 0 black
, 1px 0 black
,
180 0 1px black
, 0 -1px black
,
181 -0.707px -0.707px black
, 0.707px 0.707px black
,
182 -0.707px 0.707px black
, 0.707px -0.707px black
;
194 display: inline-block
;
200 font-family: Oranienbaum
, Cardo
, serif
;
202 letter-spacing: -1px;
204 border-bottom: solid hsl
(270, 30%, 85%) 0.25em;
207 margin-bottom: 0.5em;
211 a:link
, a:visited
, a:active
{
212 color: hsl
(270, 25%, 50%);
214 text-decoration: none
;
217 .fate-name { font-weight: bold
; }
218 .fate-effect { font-style: italic
; font-size: 0.95em; }
219 .fate-action { font-size: 0.95em; }
221 input
[type
=checkbox
] {
228 color: black
!important
;
229 background-color: hsl
(270, 30%, 85%);
231 padding: 0.375em 0.5em;
232 display: inline-block
;
233 border-radius: 0 0.5em 0 0.5em;
234 transition: box-shadow
0.167s, border-color
0.167s, opacity
0.333s;
235 -webkit-transition: box-shadow
0.167s, border-color
0.167s, opacity
0.333s;
236 box-shadow: 0.125em 0.125em 0.25em 0.0625em #aaa;
237 border: solid hsl
(270, 30%, 85%) 1px;
245 .button:hover, .button:focus {
246 box-shadow: 0.125em 0.125em 0.25em 0.0625em #888;
247 border-color: hsl
(270, 25%, 50%);
251 box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
254 main
> div
, main
> noscript
{
262 display: inline-block
;
267 -webkit-appearance: none
;
268 -moz-appearance: none
;
270 font-family: Cardo
, serif
;
276 border: solid hsl
(270, 30%, 85%) 1px;
277 border-radius: 0 0.5em 0 0.5em;
278 background-color: hsl
(270, 30%, 85%);
279 box-shadow: 0.125em 0.125em 0.25em 0.0625em #aaa;
280 transition: box-shadow
0.167s, border-color
0.167s;
281 -webkit-transition: box-shadow
0.167s, border-color
0.167s;
282 text-align:-webkit-center
!important
;
286 select:hover
, select:focus
{
287 box-shadow: 0.125em 0.125em 0.25em 0.0625em #888;
288 border-color: hsl
(270, 25%, 50%);
293 box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
298 -webkit-appearance: none
;
299 -moz-appearance: none
;
301 font-family: Cardo
, serif
;
302 background-color: white
;
309 -webkit-hyphens: auto
;
316 margin-bottom: 0.5em;
324 margin-bottom: 0.5em;
328 @keyframes row-content-in
{
329 0% { max-height: 0; opacity: 0; }
330 50% { max-height: 10em; }
333 @-webkit-keyframes row-content-in
{
334 0% { max-height: 0; opacity: 0; }
335 50% { max-height: 10em; }
345 animation: row-content-in
0.6667s;
346 -webkit-animation: row-content-in
0.6667s;
349 #fate tbody
~ tfoot
{
350 transition: opacity
0.3333s, visibility
0s 0.3333s;
351 -webkit-transition: opacity
0.3333s, visibility
0s 0.3333s;
356 #fate tbody:empty
~ tfoot
{
362 display: inline-block
;
371 background-color: white
;
372 display: inline-block
;
373 margin: 0.2em 0.375em;
374 border: solid
1px black
;
379 background-color: black
;
380 display: inline-block
;
381 margin: 0.2em 0.375em;
382 border: solid
1px black
;
410 background-image: url
(card.png);
411 background-size: cover
;
425 .card.adventurer .name, .card.adventurer .type {
426 background-color: #4ba12f;
429 .card.object .name, .card.object .type {
430 background-color: #cdab4c;
438 border: solid white
0.1em;
439 border-radius: 0.4em;
447 box-sizing: border-box
;
448 text-shadow: 0 0 0.5em black
;
453 letter-spacing: 0.05em;
455 text-shadow: -0.0707em -0.0707em rgba
(255, 255, 255, 0.7),
456 0.0707em -0.0707em rgba
(255, 255, 255, 0.7),
457 -0.0707em 0.0707em rgba
(255, 255, 255, 0.7),
458 0.0707em 0.0707em rgba
(255, 255, 255, 0.7),
459 0.1em 0 rgba
(255, 255, 255, 0.7),
460 -0.1em 0 rgba
(255, 255, 255, 0.7),
461 0 0.1em rgba
(255, 255, 255, 0.7),
462 0 -0.1em rgba
(255, 255, 255, 0.7);
470 box-sizing: border-box
;
471 padding-left: 0.6667em;
474 box-shadow: inset
0 0 0.25em black
;
506 border-radius: 1.5em;
507 border: solid black
0.75em;
508 display: inline-block
;
509 box-sizing: border-box
;
510 margin: 0.5em 0.05em;
511 box-shadow: 0 0 0.05em 0.05em black
;
514 .card .cost span:before {
520 line-height: 1.333em;
527 .card .cost .r:before { content: 'r'; }
528 .card .cost .g:before { content: 'g'; }
531 background-color: #e4573c;
532 border-color: #e4573c;
535 background-color: #abbc45;
536 border-color: #abbc45;
539 .card .abilities .skill:before {
545 .card .abilities .temporary:before {
546 content: "Temporary power: ";
551 .card .abilities .ultimate:before {
552 content: "Ultimate power: ";
584 text-shadow: -0.0433em -0.0433em black
,
585 0.0433em -0.0433em black
,
586 -0.0433em 0.0433em black
,
587 0.0433em 0.0433em black
,
601 background-color: black
;
604 body
.standalone #statusbar
{
608 h1
, h2
, [onclick
], label
{
609 -webkit-user-select: none
;
610 -moz-user-select: none
;
612 -webkit-tap-highlight-color: rgba
(0, 0, 0, 0);
616 [onclick
], select
, label
{
631 display: none
!important
;
635 background-color: white
;
644 @media screen and
(-webkit-min-device-pixel-ratio:0) {
647 -webkit-text-stroke: 1px black
;
648 latter-spacing: -1px;
652 display: none
!important
;