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

99 lines
1.4 KiB
SCSS

/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
.field {
border: 1px solid var(--border);
background: var(--frame-bg);
color: var(--text-fg);
padding: 5px;
overflow-wrap: break-word;
overflow: auto;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.fname {
vertical-align: middle;
padding: 0;
}
img {
max-width: 90%;
}
body {
margin: 0;
}
#topbutsOuter {
position: fixed;
top: 0;
padding: 2px;
left: 0;
right: 0;
z-index: 1;
}
.topbut {
width: 16px;
height: 16px;
margin-top: 4px;
}
.rainbow {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #f77),
color-stop(50%, #7f7),
color-stop(100%, #77f)
);
}
button.linkb {
-webkit-appearance: none;
border: 0;
box-shadow: none;
padding: 0px 2px;
background: transparent;
}
button.linkb:disabled {
opacity: 0.3;
cursor: not-allowed;
}
button.highlighted {
border-bottom: 3px solid #000;
}
#fields {
margin-top: 35px;
}
.dupe {
background: var(--flag1-bg);
}
#dupes a {
color: var(--link);
}
.nightMode {
button.linkb > img {
filter: invert(180);
}
}
.drawing {
zoom: 50%;
}
.nightMode img.drawing {
filter: unquote("invert() hue-rotate(180deg)");
}