Add styling
This commit is contained in:
parent
925164e21d
commit
f5fe17fa5c
3 changed files with 58 additions and 0 deletions
26
static/css/styles.css
Normal file
26
static/css/styles.css
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
body {
|
||||||
|
background-image: url("/random");
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
body nav {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
width: 100vw;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
body nav ul > li {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
body nav ul > li :hover {
|
||||||
|
color: #13678A;
|
||||||
|
animation: ease-in;
|
||||||
|
}
|
||||||
|
body h1 {
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=styles.css.map */
|
1
static/css/styles.css.map
Normal file
1
static/css/styles.css.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE,OAnBD;EAoBC;;AAKN;EACE;EACA","file":"styles.css"}
|
|
@ -0,0 +1,31 @@
|
||||||
|
// Variables
|
||||||
|
$blue: #13678A;
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url("/random");
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
|
||||||
|
nav {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
width: 100vw;
|
||||||
|
padding: 0 20px;
|
||||||
|
|
||||||
|
ul > li {
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
:hover {
|
||||||
|
color: $blue;
|
||||||
|
animation: ease-in;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue