trent/todo_app_flask
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/todo_app_flask.git synced 2025-07-04 19:33:15 -07:00
Code Issues Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Trent Palmer
2021-01-20 01:36:22 -08:00
commit 368f89750b
45 changed files with 2821 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
app/static/css/todo.css Normal file
View File

@ -0,0 +1,118 @@
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;
}