Skip to content

Instantly share code, notes, and snippets.

@Steampunkery
Created April 26, 2018 01:16
Show Gist options
  • Save Steampunkery/6bdfaa2833015a9ea3c7306c5bdf059e to your computer and use it in GitHub Desktop.
Save Steampunkery/6bdfaa2833015a9ea3c7306c5bdf059e to your computer and use it in GitHub Desktop.
.section {
height: 95vh;
width: 24.78vw;
margin:0px;
padding: 0px;
flex: 1 1 0px;
border: 2px solid black;
}
html, body {
margin:0px;
padding: 0px;
display: flex;
flex-direction: row;
}
h1 {
text-align: center;
}
#alerts-bar {
position:absolute;
bottom:0;
width:99.8vw;
height:5vh;
background-color: red;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
}
#alerts-label {
height: 100%;
width: 6%;
float: left;
}
#alerts-label-text {
padding: 0px;
margin: 0px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#alerts-text {
height: 100%;
width: 94%;
float: right;
}
.marquee {
position: relative;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
font-size: 2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment