todo_app_flask/app/static/css/todo.css

119 lines
1.7 KiB
CSS
Raw Normal View History

2021-01-20 01:36:22 -08:00
html {
overflow: scroll;
scrollbar-width: none;
}
:root {
font-size: 16px;
font-family: sans-serif;
}
body {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
#main {
width: 800px;
min-width: 70vw;
max-width: 100vw;
display: flex;
flex-direction: column;
}
#userGreeting {
padding-right: 20px;
line-height: 0;
height: 0;
position: absolute;
align-self: flex-end;
font-style: italic;
color: grey;
font-size: 1.2rem;
}
#navbarContainer {
background-color: black;
display: flex;
justify-content: center;
width: 100vw;
}
#navbar {
display: flex;
justify-content: space-between;
padding: 5px;
width: 100%;
max-width: 700px;
}
#navbar button {
font-size: 1.5rem;
padding: 5px 15px 5px 15px;
border-radius: 5px;
border: none;
background-color: black;
color: white;
}
input[type=submit] {
padding: 10px;
background-color: black;
color: white;
border-radius: 9px;
font-size: 1.4rem;
font-weight: bolder;
}
.extraFormLink {
white-space: nowrap;
color: black;
}
.formContainer {
font-size: 1.2rem;
display: flex;
flex-direction: column;
align-self: center;
width: 60%;
min-width: 280px;
}
.formWarning {
color: red;
white-space: nowrap;
line-height: 150%;
font-size: .9rem;
font-style: italic;
font-weight: bold;
}
.flashContainer {
margin-top: 40px;
padding: 10px;
background-color: grey;
color: black;
border-radius: 9px;
font-size: 1.1rem;
align-self: center;
}
.inputInfo {
color: grey;
font-style: italic;
font-size: 1rem;
}
.formButton {
padding: 10px;
margin-bottom: 20px;
border-radius: 9px;
font-size: 1.4rem;
font-weight: bolder;
color: white;
background-color: black;
}