Skip to content

Instantly share code, notes, and snippets.

@loukamb
Last active November 10, 2024 04:58
Show Gist options
  • Save loukamb/4d954e2f3e5625f0ef08d8054dcba0f7 to your computer and use it in GitHub Desktop.
Save loukamb/4d954e2f3e5625f0ef08d8054dcba0f7 to your computer and use it in GitHub Desktop.
BibleGateway.com Dark CSS + Uncrust layout
/* This CSS (for use with the Stylus extension) makes biblegateway.com much less shitty to use and read */
nav {
max-width: 340px !important;
min-width: 340px !important;
margin-left: -30rem;
transition: margin-left 100ms;
background-color: white;
}
nav:hover {
margin-left: 0rem;
}
.top-nav li .text, nav .top-menu svg {
color: black;
fill: black;
}
.an-mobile-menu-closed {
background-color: white;
}
.resources, .sidebar-tabs, .copyright-table, .other-resources, .top-wrapper, .homepage-blocks, #app-cta {
display: none;
}
[role="main"] {
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
body {
filter: grayscale() invert() contrast(90%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment