Skip to content

Instantly share code, notes, and snippets.

@bakaiadam
Created November 29, 2020 18:44
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 bakaiadam/9f514b332da70c8b822eb82386275c39 to your computer and use it in GitHub Desktop.
Save bakaiadam/9f514b332da70c8b822eb82386275c39 to your computer and use it in GitHub Desktop.
make html pretty dark
<style>
html, body, button {
margin: 0!important;
padding: 0!important;
background-color: black;
color:white;
}
video {
width: auto;
max-width: 100%;
}
a:link {
color: lightgreen;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: lightpink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
.range-wrap {
position: relative;
margin: 0 auto 3rem;
}
.range {
width: 100%;
}
.bubble {
background: red;
color: white;
padding: 4px 12px;
position: absolute;
border-radius: 4px;
left: 50%;
transform: translateX(-50%);
}
.bubble::after {
content: "";
position: absolute;
width: 2px;
height: 2px;
background: red;
top: -1px;
left: 50%;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment