Files
pyShelf/static/css/main.css
Jon Banafato df4dd93347 Use pre-commit
[pre-commit](https://pre-commit.com/) automatically runs tools like
linters and fixers to make development easier. This change adds a simple
pre-commit config file with an example trailing whitespace fixer and
applies it to the existing project.

Additionally, don't ignore the lib directory (an error introduced in #8).
2019-11-09 10:35:32 -05:00

70 lines
1.2 KiB
CSS

body{
margin: 0px 10px 0px 10px;
padding: 0px;
background-color: #DCDCDD;
color: #46494C
}
#app{
display: grid;
grid-template-areas: "app_header"
"app_body"
"app_footer";
grid-template-rows: 5vh 90vh 5vh;
max-height: 100%
}
.app_header{
grid-area: app_header;
display: grid;
grid-template-areas: "title slogan";
align-items: center;
}
.app_hdr{
grid-area: title;
margin: 0px;
font-family: 'Audiowide', cursive;
font-size: 25px;
text-align: start;
}
.shadow{
text-shadow: #4c5c68 -5px 3px 5px;
}
.app_subhdr{
grid-area: slogan;
margin: 0px;
font-family: 'Audiowide', cursive;
font-size: 18px;
text-shadow: #4c5c68 -5px 3px 5px;
text-align: end;
}
.app_body{
display: grid;
grid-area: app_body;
grid-template-columns: 20% 80%;
grid-template-areas: "left_col shelf";
}
.app_footer{
grid-area: app_footer;
}
.left_col{
grid-area: left_col
}
.shelf{
grid-area: shelf;
margin: 0px auto 0px auto;
}
.shelf_contents{
display: flex;
flex-direction: column;
flex: 1;
}
.right_col{
grid-area: right_col
}
.python_logo{
}
#python_logo{
height: 50px;
width: 91px;
}