mirror of
https://github.com/th3r00t/pyShelf.git
synced 2026-04-28 01:59:35 -04:00
Collections, and installer patches
This commit is contained in:
Raelon Masters
264
src/interface/static/css/main.css
vendored
264
src/interface/static/css/main.css
vendored
@@ -1,49 +1,56 @@
|
||||
body{
|
||||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #DCDCDD;
|
||||
color: #fff;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#app{
|
||||
|
||||
#app {
|
||||
display: grid;
|
||||
grid-template-areas: "app_header"
|
||||
"app_body"
|
||||
"app_footer";
|
||||
"app_body"
|
||||
"app_footer";
|
||||
grid-template-rows: auto auto auto;
|
||||
max-height: 100%;
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.app_header{
|
||||
|
||||
.app_header {
|
||||
grid-area: app_header;
|
||||
margin: 0px;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"title slogan subhdr"
|
||||
"nav_left_top nav_center_top nav_right_top";
|
||||
"title slogan subhdr"
|
||||
"nav_left_top nav_center_top nav_right_top";
|
||||
align-items: center;
|
||||
background-color: #2b2b2b;
|
||||
padding: 4px 0px 4px;
|
||||
grid-auto-columns: auto;
|
||||
}
|
||||
.nav_left_top{
|
||||
grid-area: nav_left_top;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
|
||||
.nav_left_top {
|
||||
grid-area: nav_left_top;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
.nav_center_top{
|
||||
grid-area: nav_center_top;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.nav_center_top {
|
||||
grid-area: nav_center_top;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.nav_right_top{
|
||||
grid-area: nav_right_top;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.nav_right_top {
|
||||
grid-area: nav_right_top;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.app_hdr{
|
||||
|
||||
.app_hdr {
|
||||
grid-area: title;
|
||||
margin: 0px 0px 5px 0px;
|
||||
font-family: 'Gruppo', cursive;
|
||||
@@ -51,32 +58,52 @@ body{
|
||||
text-align: start;
|
||||
padding: 0px 0px 0px 5px;
|
||||
}
|
||||
.shadow{
|
||||
|
||||
.shadow {
|
||||
text-shadow: #4c5c68 -5px 3px 5px;
|
||||
}
|
||||
.app_subhdr{
|
||||
|
||||
.app_subhdr {
|
||||
grid-area: subhdr;
|
||||
margin: 0px 5px;
|
||||
font-family: 'Gruppo', cursive;
|
||||
font-size: 18px;
|
||||
text-align: end;
|
||||
}
|
||||
.app_slogan{
|
||||
grid-area: slogan;
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-family: 'Gruppo', cursive;
|
||||
text-align: center;
|
||||
|
||||
.app_slogan {
|
||||
grid-area: slogan;
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-family: 'Gruppo', cursive;
|
||||
text-align: center;
|
||||
}
|
||||
.app_body{
|
||||
|
||||
.app_body {
|
||||
display: grid;
|
||||
grid-area: app_body;
|
||||
grid-template-rows: auto;
|
||||
grid-template-areas: "shelf";
|
||||
grid-template-areas: "nav_l shelf";
|
||||
justify-items: center;
|
||||
background-color: dimgray;
|
||||
}
|
||||
.app_footer{
|
||||
|
||||
.nav_l {
|
||||
display: grid;
|
||||
grid-area: nav_l;
|
||||
}
|
||||
|
||||
.nav_l_hdr {}
|
||||
|
||||
.nav_l_0 {}
|
||||
|
||||
.nav_l_1 {}
|
||||
|
||||
#vert-nav {}
|
||||
|
||||
.vert-nav-item {}
|
||||
|
||||
.app_footer {
|
||||
grid-area: app_footer;
|
||||
display: grid;
|
||||
grid-template-areas: "python_badge gplv3_badge contact";
|
||||
@@ -88,110 +115,123 @@ body{
|
||||
font-family: Audiowide, cursive;
|
||||
font-size: 15px;
|
||||
}
|
||||
.web_footer_link{
|
||||
text-decoration: none;
|
||||
color: #a5a3a3;
|
||||
|
||||
.web_footer_link {
|
||||
text-decoration: none;
|
||||
color: #a5a3a3;
|
||||
}
|
||||
.copyright{
|
||||
grid-area: gplv3_badge;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
font-family: Audiowide, cursive;
|
||||
font-size: 9px;
|
||||
justify-self: left;
|
||||
|
||||
.copyright {
|
||||
grid-area: gplv3_badge;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
font-family: Audiowide, cursive;
|
||||
font-size: 9px;
|
||||
justify-self: left;
|
||||
}
|
||||
.footer_contact{
|
||||
grid-area: contact;
|
||||
display: inline-grid;
|
||||
align-content: center;
|
||||
justify-items: right;
|
||||
font-size: 12px;
|
||||
|
||||
.footer_contact {
|
||||
grid-area: contact;
|
||||
display: inline-grid;
|
||||
align-content: center;
|
||||
justify-items: right;
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
.nav_top{
|
||||
|
||||
.nav_top {
|
||||
grid-area: nav_top;
|
||||
display: grid;
|
||||
grid-template-areas: "left center right";
|
||||
grid-template-columns: auto auto auto;
|
||||
}
|
||||
.navbar{
|
||||
list-style-type: none;
|
||||
}
|
||||
.left_align{
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
.center_align{
|
||||
display: flex;
|
||||
justify-content:center;
|
||||
}
|
||||
.right_align{
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
}
|
||||
.top{
|
||||
|
||||
.navbar {
|
||||
list-style-type: none;
|
||||
}
|
||||
.inline{
|
||||
|
||||
.left_align {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
.inline_txt{
|
||||
|
||||
.center_align {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.button{
|
||||
|
||||
.right_align {
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
}
|
||||
.discord-button{
|
||||
max-width: 78px;
|
||||
max-height: 26px;
|
||||
}
|
||||
.nav_button{
|
||||
background-color:darkgray;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #999;
|
||||
min-width: 110px;
|
||||
margin: 0px 5px 0px 0px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.nav_search{
|
||||
margin: 0px 5px 0px 0px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
.search{
|
||||
|
||||
.top {}
|
||||
|
||||
.inline {}
|
||||
|
||||
.inline_txt {}
|
||||
|
||||
.button {}
|
||||
|
||||
.discord-button {
|
||||
max-width: 78px;
|
||||
max-height: 26px;
|
||||
}
|
||||
.search_details{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 0px 0px 5px 0px;
|
||||
|
||||
.nav_button {
|
||||
background-color: darkgray;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #999;
|
||||
min-width: 110px;
|
||||
margin: 0px 5px 0px 0px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.shelf{
|
||||
|
||||
.nav_search {
|
||||
margin: 0px 5px 0px 0px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
.search {}
|
||||
|
||||
.search_details {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.shelf {
|
||||
grid-area: shelf;
|
||||
margin: 0px 0px;
|
||||
padding: 10px 0px 10px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.shelf_contents{
|
||||
}
|
||||
.right_col{
|
||||
|
||||
.shelf_contents {}
|
||||
|
||||
.right_col {
|
||||
grid-area: right_col
|
||||
}
|
||||
.python_logo{
|
||||
grid-area: python_badge;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
|
||||
.python_logo {
|
||||
grid-area: python_badge;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
|
||||
}
|
||||
p{
|
||||
margin: 0px;
|
||||
|
||||
p {
|
||||
margin: 0px;
|
||||
}
|
||||
#python_logo{
|
||||
|
||||
#python_logo {
|
||||
height: 37px;
|
||||
width: 91px;
|
||||
}
|
||||
#book_shelf{
|
||||
|
||||
#book_shelf {
|
||||
display: grid;
|
||||
grid-template-columns: 25% 25% 25% 25%;
|
||||
list-style-type: none;
|
||||
@@ -201,7 +241,8 @@ p{
|
||||
margin: 0px;
|
||||
min-width: 99vw;
|
||||
}
|
||||
.shelf_item{
|
||||
|
||||
.shelf_item {
|
||||
display: grid;
|
||||
background-color: burlywood;
|
||||
margin: 0 10px 10px 10px;
|
||||
@@ -209,14 +250,17 @@ p{
|
||||
max-height: 75vh;
|
||||
text-align: center;
|
||||
}
|
||||
.book_thumb{
|
||||
|
||||
.book_thumb {
|
||||
width: 23vw;
|
||||
height: 50vh;
|
||||
}
|
||||
a.book_link{
|
||||
|
||||
a.book_link {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.nav_link{
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
|
||||
a.nav_link {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user