Last active
February 26, 2023 10:00
-
-
Save MrModest/39d0bc5414bbe044aedf0d89e69263b5 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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