anki/qt/aqt/data/web/css/reviewer.scss

100 lines
1.6 KiB
SCSS
Raw Normal View History

2019-02-05 04:59:03 +01:00
/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
2017-08-12 08:14:32 +02:00
hr {
background-color: #ccc;
}
body {
2017-12-28 11:15:11 +01:00
margin: 20px;
overflow-wrap: break-word;
2017-08-12 08:14:32 +02:00
}
// explicit nightMode definition required
// to override default .card styling
2017-12-04 03:20:56 +01:00
body.nightMode {
background-color: var(--window-bg);
color: var(--text-fg);
2017-12-04 03:20:56 +01:00
}
2017-08-12 08:14:32 +02:00
img {
max-width: 95%;
max-height: 95vh;
2017-08-12 08:14:32 +02:00
}
#_flag {
2017-08-12 08:14:32 +02:00
position: fixed;
right: 10px;
2017-08-12 08:14:32 +02:00
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;
2017-08-12 08:14:32 +02:00
}
#typeans {
width: 100%;
// https://anki.tenderapp.com/discussions/beta-testing/1854-using-margin-auto-causes-horizontal-scrollbar-on-typesomething
box-sizing: border-box;
2017-08-12 08:14:32 +02:00
}
.night-mode #typeans {
background-color: var(--frame-bg);
color: var(--text-fg);
}
2017-08-12 08:14:32 +02:00
.typeGood {
background: #0f0;
}
.typeBad {
background: #f00;
}
.typeMissed {
background: #ccc;
}
2020-01-21 05:47:03 +01:00
.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;
}
}
}
2020-01-24 08:23:27 +01:00
.nightMode {
.latex {
filter: invert(100%);
}
}
2021-04-14 10:22:25 +02:00
.drawing {
zoom: 50%;
}
.nightMode img.drawing {
2021-04-14 10:22:25 +02:00
filter: unquote("invert(1) hue-rotate(180deg)");
}