Skip to content

Instantly share code, notes, and snippets.

@MrModest
Last active February 26, 2023 10:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MrModest/39d0bc5414bbe044aedf0d89e69263b5 to your computer and use it in GitHub Desktop.
Save MrModest/39d0bc5414bbe044aedf0d89e69263b5 to your computer and use it in GitHub Desktop.
/*
Source: https://www.reddit.com/r/Anki/comments/ggt5uf/edits_to_nightmode_not_working_trying_to_change/
*/
html {
overflow: scroll;
overflow-x: hidden;
}
/* CONTAINER FOR YOUR CARDS */
#kard {
padding: 0px 0px;
max-width: 700px; /* CHANGE CARD SIZE HERE */
margin: 0 auto; /* CENTERS THE CARD IN THE MIDDLE OF THE WINDOW */
word-wrap: break-word; /* BREAKS UP LONG WORKS */
}
ul {
display: inline-block;
text-align: left;
}
ol {
display: inline-block;
text-align: left;
}
/* APPLIES TO THE WHOLE CARD */
.card {
font-family: calibri;
font-size: 16px; /* FONT SIZE */
text-align: center; /* ALIGN TEXT */
color: black; /* FONT COLOR */
line-height: 1.2em;
background-color: white; /* BACKGROUND COLOR */
}
/* STYLE FOR CLOZE DELETIONS */
.cloze, .cloze b, .cloze u, .cloze i {
font-weight: normal;
color: MediumSeaGreen !important;
}
/* STYLE FOR EXTRA PORTION ON BACK OF CARD */
#extra, #extra i {
font-size: normal;
color: normal;
font-style: ;
}
/* STYLE TAGS TO APPEAR WHEN HOVERING OVER TOP OF CARD */
.tags {
color: #A6ABB9;
opacity: 0;
font-size: 10px;
width: 100%;
text-align: center;
text-transform: uppercase;
position: fixed;
padding: 0;
top:0;
right: 0;
}
.tags:hover {
opacity: 1;
position: fixed;
}
/* IMAGE STYLE */
img {
display: block;
max-width: 100%;
max-height: none;
margin-left: auto;
margin: 10px auto 10px auto;
}
tr {
font-size: 12px;
}
/* COLOR ACCENTS FOR BOLD-ITALICS-UNDERLINE */
b { /* BOLD STYLE */
color: normal !important;
}
u { /* UNDERLINE STYLE */
font-weight: bold;
text-decoration: none;
color: IndianRed;
}
i { /* ITALICS STYLE */
font-style: normal;
color: #5F89B2;
}
a { /* LINK STYLE */
color: LightGray !important;
text-decoration: none;
font-size: 10px;
font-style: normal;
}
/* ADJUSTMENT FOR NIGHT MODE */
.nightmode.card, .night_mode.card {
color: #D7DEE9; /* FONT COLOR */
background-color: white; /* BACKGROUND COLOR */
}
/* ADJUSTMENT FOR NIGHT MODE CLOZE DELETIONS */
.nightmode .cloze, .night_mode .cloze {
font-weight: normal;
color: MediumSeaGreen !important; /* FONT COLOR */
}
/* ADJUSTMENT FOR MOBILE DEVICES */
.mobile .card {
color: #D7DEE9;
background-color: #333B45;
}
.mobile .tags:hover {
opacity: 1;
position: relative;
}
/*AMBOSS UNDERLINE*/
.amboss-mark {
border-bottom: 2px solid rgba(72,74,74,0.2) !important;
padding-bottom: .2px;
text-decoration: none !important;
}
.amboss-mark:hover {
border-bottom: rgba(72,74,74,.8) !important;
background-color: grey;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment