/
reviewer.scss
103 lines (86 loc) · 1.71 KB
/
reviewer.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
hr {
background-color: #ccc;
}
body {
margin: 20px;
overflow-wrap: break-word;
background-color: var(--window-bg);
}
// explicit nightMode definition required
// to override default .card styling
body.nightMode {
background-color: var(--window-bg);
color: var(--text-fg);
}
img {
max-width: 100%;
max-height: 95vh;
}
#_flag {
position: fixed;
right: 10px;
top: 0;
font-size: 30px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
#_mark {
position: fixed;
left: 10px;
top: 0;
font-size: 30px;
color: yellow;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
#typeans {
width: 100%;
// https://anki.tenderapp.com/discussions/beta-testing/1854-using-margin-auto-causes-horizontal-scrollbar-on-typesomething
box-sizing: border-box;
}
.night-mode #typeans {
background-color: var(--frame-bg);
color: var(--text-fg);
}
.typeGood {
background: #afa;
color: black;
}
.typeBad {
color: black;
background: #faa;
}
.typeMissed {
color: black;
background: #ccc;
}
.replay-button {
text-decoration: none;
display: inline-flex;
vertical-align: middle;
margin: 3px;
svg {
width: 40px;
height: 40px;
circle {
fill: #fff;
stroke: #414141;
}
path {
fill: #414141;
}
}
}
.nightMode {
.latex {
filter: invert(100%);
}
}
.drawing {
zoom: 50%;
}
.nightMode img.drawing {
filter: unquote("invert(1) hue-rotate(180deg)");
}