|
1 | 1 | /* Custom Fonts */ |
2 | 2 | @font-face { |
3 | | - font-family: 'Soutane'; |
4 | | - src: url('soutane-webfont.eot'); |
5 | | - src: url('soutane-webfont.eot?#iefix') format('embedded-opentype'), |
6 | | - url('soutane-webfont.woff') format('woff'), |
7 | | - url('soutane-webfont.ttf') format('truetype'), |
8 | | - url('soutane-webfont.svg#soutaneregular') format('svg'); |
9 | | - font-weight: normal; |
10 | | - font-style: normal; |
| 3 | + font-family: 'Soutane'; |
| 4 | + src: url('soutane-webfont.eot'); |
| 5 | + src: url('soutane-webfont.eot?#iefix') format('embedded-opentype'), |
| 6 | + url('soutane-webfont.woff') format('woff'), |
| 7 | + url('soutane-webfont.ttf') format('truetype'), |
| 8 | + url('soutane-webfont.svg#soutaneregular') format('svg'); |
| 9 | + font-weight: normal; |
| 10 | + font-style: normal; |
11 | 11 | } |
12 | 12 |
|
13 | 13 | @font-face { |
14 | | - font-family: 'Soutane'; |
15 | | - src: url('soutanebold-webfont.eot'); |
16 | | - src: url('soutanebold-webfont.eot?#iefix') format('embedded-opentype'), |
17 | | - url('soutanebold-webfont.woff') format('woff'), |
18 | | - url('soutanebold-webfont.ttf') format('truetype'), |
19 | | - url('soutanebold-webfont.svg#soutanebold') format('svg'); |
20 | | - font-weight: bold; |
21 | | - font-style: normal; |
| 14 | + font-family: 'Soutane'; |
| 15 | + src: url('soutanebold-webfont.eot'); |
| 16 | + src: url('soutanebold-webfont.eot?#iefix') format('embedded-opentype'), |
| 17 | + url('soutanebold-webfont.woff') format('woff'), |
| 18 | + url('soutanebold-webfont.ttf') format('truetype'), |
| 19 | + url('soutanebold-webfont.svg#soutanebold') format('svg'); |
| 20 | + font-weight: bold; |
| 21 | + font-style: normal; |
22 | 22 | } |
23 | 23 |
|
24 | 24 | @font-face { |
25 | | - font-family: 'Soutane'; |
26 | | - src: url('soutanebolditalic-webfont.eot'); |
27 | | - src: url('soutanebolditalic-webfont.eot?#iefix') format('embedded-opentype'), |
28 | | - url('soutanebolditalic-webfont.woff') format('woff'), |
29 | | - url('soutanebolditalic-webfont.ttf') format('truetype'), |
30 | | - url('soutanebolditalic-webfont.svg#soutanebold_italic') format('svg'); |
31 | | - font-weight: bold; |
32 | | - font-style: italic; |
| 25 | + font-family: 'Soutane'; |
| 26 | + src: url('soutanebolditalic-webfont.eot'); |
| 27 | + src: url('soutanebolditalic-webfont.eot?#iefix') format('embedded-opentype'), |
| 28 | + url('soutanebolditalic-webfont.woff') format('woff'), |
| 29 | + url('soutanebolditalic-webfont.ttf') format('truetype'), |
| 30 | + url('soutanebolditalic-webfont.svg#soutanebold_italic') format('svg'); |
| 31 | + font-weight: bold; |
| 32 | + font-style: italic; |
33 | 33 | } |
34 | 34 |
|
35 | 35 | @font-face { |
36 | | - font-family: 'Soutane'; |
37 | | - src: url('soutaneitalic-webfont.eot'); |
38 | | - src: url('soutaneitalic-webfont.eot?#iefix') format('embedded-opentype'), |
39 | | - url('soutaneitalic-webfont.woff') format('woff'), |
40 | | - url('soutaneitalic-webfont.ttf') format('truetype'), |
41 | | - url('soutaneitalic-webfont.svg#soutaneitalic') format('svg'); |
42 | | - font-weight: normal; |
43 | | - font-style: italic; |
| 36 | + font-family: 'Soutane'; |
| 37 | + src: url('soutaneitalic-webfont.eot'); |
| 38 | + src: url('soutaneitalic-webfont.eot?#iefix') format('embedded-opentype'), |
| 39 | + url('soutaneitalic-webfont.woff') format('woff'), |
| 40 | + url('soutaneitalic-webfont.ttf') format('truetype'), |
| 41 | + url('soutaneitalic-webfont.svg#soutaneitalic') format('svg'); |
| 42 | + font-weight: normal; |
| 43 | + font-style: italic; |
44 | 44 | } |
45 | 45 |
|
46 | 46 | @font-face { |
47 | | - font-family: 'SoutaneBlack'; |
48 | | - src: url('soutaneblack-webfont.eot'); |
49 | | - src: url('soutaneblack-webfont.eot?#iefix') format('embedded-opentype'), |
50 | | - url('soutaneblack-webfont.woff') format('woff'), |
51 | | - url('soutaneblack-webfont.ttf') format('truetype'), |
52 | | - url('soutaneblack-webfont.svg#soutaneblackregular') format('svg'); |
53 | | - font-weight: normal; |
54 | | - font-style: normal; |
| 47 | + font-family: 'SoutaneBlack'; |
| 48 | + src: url('soutaneblack-webfont.eot'); |
| 49 | + src: url('soutaneblack-webfont.eot?#iefix') format('embedded-opentype'), |
| 50 | + url('soutaneblack-webfont.woff') format('woff'), |
| 51 | + url('soutaneblack-webfont.ttf') format('truetype'), |
| 52 | + url('soutaneblack-webfont.svg#soutaneblackregular') format('svg'); |
| 53 | + font-weight: normal; |
| 54 | + font-style: normal; |
55 | 55 | } |
56 | 56 |
|
57 | 57 | @font-face { |
58 | | - font-family: 'TeX Gyre Adventor'; |
59 | | - src: url('texgyreadventor-regular-webfont.eot'); |
60 | | - src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), |
61 | | - url('texgyreadventor-regular-webfont.woff') format('woff'), |
62 | | - url('texgyreadventor-regular-webfont.ttf') format('truetype'), |
63 | | - url('texgyreadventor-regular-webfont.svg#tex_gyre_adventorregular') format('svg'); |
64 | | - font-weight: normal; |
65 | | - font-style: normal; |
| 58 | + font-family: 'TeX Gyre Adventor'; |
| 59 | + src: url('texgyreadventor-regular-webfont.eot'); |
| 60 | + src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), |
| 61 | + url('texgyreadventor-regular-webfont.woff') format('woff'), |
| 62 | + url('texgyreadventor-regular-webfont.ttf') format('truetype'), |
| 63 | + url('texgyreadventor-regular-webfont.svg#tex_gyre_adventorregular') format('svg'); |
| 64 | + font-weight: normal; |
| 65 | + font-style: normal; |
66 | 66 | } |
67 | 67 |
|
68 | 68 | @font-face { |
69 | | - font-family: 'TeX Gyre Adventor'; |
70 | | - src: url('texgyreadventor-italic-webfont.eot'); |
71 | | - src: url('texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), |
72 | | - url('texgyreadventor-italic-webfont.woff') format('woff'), |
73 | | - url('texgyreadventor-italic-webfont.ttf') format('truetype'), |
74 | | - url('texgyreadventor-italic-webfont.svg#tex_gyre_adventoritalic') format('svg'); |
75 | | - font-weight: normal; |
76 | | - font-style: italic; |
| 69 | + font-family: 'TeX Gyre Adventor'; |
| 70 | + src: url('texgyreadventor-italic-webfont.eot'); |
| 71 | + src: url('texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), |
| 72 | + url('texgyreadventor-italic-webfont.woff') format('woff'), |
| 73 | + url('texgyreadventor-italic-webfont.ttf') format('truetype'), |
| 74 | + url('texgyreadventor-italic-webfont.svg#tex_gyre_adventoritalic') format('svg'); |
| 75 | + font-weight: normal; |
| 76 | + font-style: italic; |
77 | 77 | } |
78 | 78 |
|
79 | 79 | @font-face { |
80 | | - font-family: 'TeX Gyre Adventor'; |
81 | | - src: url('texgyreadventor-bold-webfont.eot'); |
82 | | - src: url('texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), |
83 | | - url('texgyreadventor-bold-webfont.woff') format('woff'), |
84 | | - url('texgyreadventor-bold-webfont.ttf') format('truetype'), |
85 | | - url('texgyreadventor-bold-webfont.svg#tex_gyre_adventorbold') format('svg'); |
86 | | - font-weight: bold; |
87 | | - font-style: normal; |
| 80 | + font-family: 'TeX Gyre Adventor'; |
| 81 | + src: url('texgyreadventor-bold-webfont.eot'); |
| 82 | + src: url('texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), |
| 83 | + url('texgyreadventor-bold-webfont.woff') format('woff'), |
| 84 | + url('texgyreadventor-bold-webfont.ttf') format('truetype'), |
| 85 | + url('texgyreadventor-bold-webfont.svg#tex_gyre_adventorbold') format('svg'); |
| 86 | + font-weight: bold; |
| 87 | + font-style: normal; |
88 | 88 | } |
89 | 89 |
|
90 | 90 | @font-face { |
91 | | - font-family: 'TeX Gyre Adventor'; |
92 | | - src: url('texgyreadventor-bolditalic-webfont.eot'); |
93 | | - src: url('texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), |
94 | | - url('texgyreadventor-bolditalic-webfont.woff') format('woff'), |
95 | | - url('texgyreadventor-bolditalic-webfont.ttf') format('truetype'), |
96 | | - url('texgyreadventor-bolditalic-webfont.svg#tex_gyre_adventorbold_italic') format('svg'); |
97 | | - font-weight: bold; |
98 | | - font-style: italic; |
| 91 | + font-family: 'TeX Gyre Adventor'; |
| 92 | + src: url('texgyreadventor-bolditalic-webfont.eot'); |
| 93 | + src: url('texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), |
| 94 | + url('texgyreadventor-bolditalic-webfont.woff') format('woff'), |
| 95 | + url('texgyreadventor-bolditalic-webfont.ttf') format('truetype'), |
| 96 | + url('texgyreadventor-bolditalic-webfont.svg#tex_gyre_adventorbold_italic') format('svg'); |
| 97 | + font-weight: bold; |
| 98 | + font-style: italic; |
99 | 99 | } |
100 | 100 |
|
101 | 101 | /* Global styles */ |
102 | | -.game { |
103 | | - font-family: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-primary); |
104 | | -} |
105 | | - |
106 | | -.rollable:hover, .rollable:focus { |
| 102 | +@layer variables.base { |
| 103 | + body { |
| 104 | + --font-body: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
| 105 | + --font-primary: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
| 106 | + --font-h1: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
| 107 | + --font-h2: "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
| 108 | + --font-h3: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
| 109 | + } |
| 110 | + |
| 111 | + body .game .app { |
| 112 | + --font-primary: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
| 113 | + } |
| 114 | +} |
| 115 | + |
| 116 | +.rollable:hover, |
| 117 | +.rollable:focus { |
107 | 118 | color: #000; |
108 | 119 | text-shadow: 0 0 10px red; |
109 | 120 | cursor: pointer; |
110 | 121 | } |
111 | 122 |
|
112 | | -.chat-message { |
113 | | - font-family: "Century Gothic", "TeX Gyre Adventor", var(--font-primary); |
| 123 | +.chat-message, |
| 124 | +.chat-message h4 { |
| 125 | + font-family: "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
114 | 126 | } |
115 | 127 |
|
116 | 128 | .chat-message .chat-item-name { |
|
122 | 134 | } |
123 | 135 |
|
124 | 136 | .chat-message .chat-item-description { |
125 | | - font-family: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-primary); |
126 | | - font-size: 14px; |
| 137 | + /* font-family: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); */ |
| 138 | + font-size: 16px; |
127 | 139 | } |
128 | 140 |
|
129 | 141 | .basicfantasyrpg .success-text, |
|
374 | 386 | /* Styles limited to basicfantasyrpg sheets */ |
375 | 387 |
|
376 | 388 | .basicfantasyrpg.sheet.actor { |
377 | | - font-family: "Century Gothic", "TeX Gyre Adventor", "Soutane", var(--font-primary); |
| 389 | + font-family: "Century Gothic", "TeX Gyre Adventor", "Soutane", var(--font-sans); |
378 | 390 | } |
379 | 391 |
|
380 | 392 | .basicfantasyrpg .sheet-header { |
|
443 | 455 | } |
444 | 456 |
|
445 | 457 | .basicfantasyrpg .editor-content { |
446 | | - font-family: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-primary); |
| 458 | + font-family: "Soutane", "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
447 | 459 | font-size: 18px; |
448 | 460 | overflow-y: hidden; |
449 | 461 | } |
|
476 | 488 | font-weight: bold; |
477 | 489 | } |
478 | 490 |
|
479 | | -.basicfantasyrpg .items-header > * { |
| 491 | +.basicfantasyrpg .items-header>* { |
480 | 492 | font-size: 14px; |
481 | 493 | text-align: center; |
482 | 494 | } |
|
537 | 549 | display: flex; |
538 | 550 | } |
539 | 551 |
|
540 | | -.basicfantasyrpg .items-list .item-name h3, .basicfantasyrpg .items-list .item-name h4 { |
| 552 | +.basicfantasyrpg .items-list .item-name h3, |
| 553 | +.basicfantasyrpg .items-list .item-name h4 { |
541 | 554 | margin: 0; |
542 | 555 | white-space: nowrap; |
543 | 556 | overflow-x: hidden; |
| 557 | + font-family: "Century Gothic", "TeX Gyre Adventor", var(--font-sans); |
544 | 558 | } |
545 | 559 |
|
546 | 560 | .basicfantasyrpg .items-list .item-controls { |
|
613 | 627 | font-weight: bold; |
614 | 628 | } |
615 | 629 |
|
616 | | -.basicfantasyrpg .items-list .items-header > * { |
| 630 | +.basicfantasyrpg .items-list .items-header>* { |
617 | 631 | font-size: 12px; |
618 | 632 | text-align: center; |
619 | 633 | } |
|
0 commit comments