Myrddin Dundragon
6acbe95024
This was done because setting up a test even as an example was hard with the dependencies and other things. It may be doable, but the time required was not worth it.
107 lines
1.6 KiB
CSS
107 lines
1.6 KiB
CSS
/* App-wide styling */
|
|
body {
|
|
background-color: #0f1116;
|
|
color: #ffffff;
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
margin: 20px;
|
|
}
|
|
|
|
#hero {
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#links {
|
|
width: 400px;
|
|
text-align: left;
|
|
font-size: x-large;
|
|
color: white;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#links a {
|
|
color: white;
|
|
text-decoration: none;
|
|
margin-top: 20px;
|
|
margin: 10px 0px;
|
|
border: white 1px solid;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
}
|
|
|
|
#links a:hover {
|
|
background-color: #1f1f1f;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#header {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
/* Navbar */
|
|
#navbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
#navbar a {
|
|
color: #ffffff;
|
|
margin-right: 20px;
|
|
text-decoration: none;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
#navbar a:hover {
|
|
cursor: pointer;
|
|
color: #91a4d2;
|
|
}
|
|
|
|
/* Blog page */
|
|
#blog {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
#blog a {
|
|
color: #ffffff;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
/* Echo */
|
|
#echo {
|
|
width: 360px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 50px;
|
|
background-color: #1e222d;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#echo>h4 {
|
|
margin: 0px 0px 15px 0px;
|
|
}
|
|
|
|
|
|
#echo>input {
|
|
border: none;
|
|
border-bottom: 1px white solid;
|
|
background-color: transparent;
|
|
color: #ffffff;
|
|
transition: border-bottom-color 0.2s ease;
|
|
outline: none;
|
|
display: block;
|
|
padding: 0px 0px 5px 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
#echo>input:focus {
|
|
border-bottom-color: #6d85c6;
|
|
}
|
|
|
|
#echo>p {
|
|
margin: 20px 0px 0px auto;
|
|
} |