Skip to content

Instantly share code, notes, and snippets.

@R3V1Z3
Last active November 13, 2017 07:52
Show Gist options
  • Save R3V1Z3/1e46bee3b3340ba0f96f2a14ff373780 to your computer and use it in GitHub Desktop.
Save R3V1Z3/1e46bee3b3340ba0f96f2a14ff373780 to your computer and use it in GitHub Desktop.
Monstercat style visualization theme for GitDown: https://ugotsta.github.io/beatdown/?css=1e46bee3b3340ba0f96f2a14ff373780
@import url('https://fonts.googleapis.com/css?family=Montserrat');
$primary-color: magenta;
* {
font-family: 'Montserrat', serif;
color: white;
}
#custom .inner {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
background: black;
box-shadow: none;
background-blend-mode: normal;
overflow: hidden;
}
#custom .section {
position: fixed;
max-width: unset;
min-width: unset;
max-height: unset;
min-height: unset;
top: 36%;
bottom: 0;
left: 0;
right: 0;
padding: 0;
font-size: 140%;
margin: auto;
width: 85vw;
height: 30%;
overflow: hidden;
background: none;
border: none;
box-shadow: none;
mix-blend-mode: normal;
}
#gd-beatdown .handle-heading {
display: none;
}
span#gd-track-title a, span#gd-track-user a {
text-decoration: none;
text-transform: uppercase;
color: white;
font-weight: 100;
font-size: 1.2em;
}
span#gd-track-title a {
font-weight: 900;
font-size: 1.5em;
}
#custom .eq {
position: absolute;
max-width: unset;
min-width: unset;
max-height: unset;
min-height: unset;
top: 0;
bottom: 40%;
left: 0;
right: 0;
padding: 0;
margin: auto;
width: 85vw;
height: 40vh;
background: none;
mix-blend-mode: normal;
opacity: 1;
z-index: 1;
}
#custom .eq .band {
background: $primary-color;
border-top: 3px solid $primary-color;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment