jules/DAAP_interface
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

connected styles to zinesindex and selfpublishedindex

Browse Source
This commit is contained in:
JoBCB 2020-11-15 12:52:17 +00:00
parent 3cbf7a4930
commit 2354a59851
1 changed files with 30 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
static/css/style.css
View File

@ -479,6 +479,7 @@ a.current {
width: 36px; width: 36px;
border-radius: 6px; border-radius: 6px;
background-color: #1B42D8; background-color: #1B42D8;
color: white;
display: flex; display: flex;
align-content: baseline; align-content: baseline;
margin-top: 6px; margin-top: 6px;
@ -783,11 +784,11 @@ div#home-top-div{
/* ARCHIVE PREVIEW */ /* ARCHIVE PREVIEW */
img.home-recent-imgs, img.browsethearchive-imgs{ img.home-recent-imgs, img.browsethearchive-imgs, img.selfpublishedindex-imgs, img.zinesindex-imgs {
width: 100%; width: 100%;
} }
div.home-recent-items, div.browsethearchive-items{ div.home-recent-items, div.browsethearchive-items, div.zinesindex-items, div.selfpublishedindex-items {
font-size: 16px; font-size: 16px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
margin: 0 auto; margin: 0 auto;
@ -798,7 +799,7 @@ div.home-recent-items, div.browsethearchive-items{
height: 100%; height: 100%;
} }
div.home-recent-items a, div.browsethearchive-items a { div.home-recent-items a, div.browsethearchive-items a, div.zinesindex-items a, div.selfpublishedindex-items a {
font-size: 18px; font-size: 18px;
line-height: 26px; line-height: 26px;
font-family: 'Roboto Condensed Bold', sans-serif; font-family: 'Roboto Condensed Bold', sans-serif;
@ -813,13 +814,13 @@ div.home-recent-items a, div.browsethearchive-items a {
justify-content: left; justify-content: left;
} }
*/ */
div.home-recent-items-top, div.browsethearchive-items-top { div.home-recent-items-top, div.browsethearchive-items-top, div.selfpublishedindex-items-top, div.zinesindex-items-top {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
} }
div.home-recent-items-bottom, div.browsethearchive-items-bottom { div.home-recent-items-bottom, div.browsethearchive-items-bottom, div.selfpublishedindex-items-bottom, div.zinesindex-items-bottom {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-shrink: 0; flex-shrink: 0;
@ -827,9 +828,11 @@ div.home-recent-items-bottom, div.browsethearchive-items-bottom {
justify-content: flex-start; justify-content: flex-start;
} }
div.browsethearchive-items-bottom { padding: 20px 0px 0px 0px;} div.browsethearchive-items-bottom, div.selfpublishedindex-items-bottom, div.zinesindex-items-bottom {
padding: 20px 0px 0px 0px;
}
div#home-recent-grid, div#browsethearchive-grid{ div#home-recent-grid, div#browsethearchive-grid, div#selfpublishedindex-grid, div#zinesindex-grid {
width: 100%; width: 100%;
padding: 0px 80px; padding: 0px 80px;
display: grid; display: grid;
@ -857,13 +860,13 @@ div.home-show-wrapper a:hover {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#home-recent-grid, #browsethearchive-grid { grid-template-columns: repeat(2, 1fr); } #home-recent-grid, #browsethearchive-grid, #selfpublishedindex-grid, #zinesindex-grid { grid-template-columns: repeat(2, 1fr); }
} }
@media (min-width: 1000px) { @media (min-width: 1000px) {
#home-recent-grid, #browsethearchive-grid { grid-template-columns: repeat(4, 1fr); } #home-recent-grid, #browsethearchive-grid, #selfpublishedindex-grid, #zinesindex-grid { grid-template-columns: repeat(4, 1fr); }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
#home-recent-grid, #browsethearchive-grid { grid-template-columns: repeat(6, 1fr); } #home-recent-grid, #browsethearchive-grid, #selfpublishedindex-grid, #zinesindex-grid { grid-template-columns: repeat(6, 1fr); }
} }
@ -1016,51 +1019,53 @@ a:hover , .mw-parser-output a:hover {
.current { .current {
background-color: #1b42d8; background-color: #1b42d8;
} }
#browsethearchive-pagin li.current a{ #browsethearchive-pagin li.current a, #zinesindex-pagin li.current a, #selfpublishedindex-pagin li.current a{
color: #FFFFFF; color: #FFFFFF;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
} }
#browsethearchive-pagin li a{ #browsethearchive-pagin li a, #zinesindex-pagin li a, #selfpublishedindex-pagin li a {
color: #000000; color: #000000;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
} }
ul#browsethearchive-pagin{ ul#browsethearchive-pagin, ul#zinesindex-pagin, ul#selfpublishedindex-pagin {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: center; /*space-around */
align-content: baseline; align-content: baseline;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-top: 42px; padding-top: 42px;
padding-bottom: 52px; padding-bottom: 52px;
padding-left: 80px;
padding-right: 80px;
font-family: Roboto Condensed; font-family: Roboto Condensed;
font-size: 14px; font-size: 14px;
line-height: 48px; line-height: 48px;
font-weight: bold; font-weight: bold;
font-stretch: condensed; font-stretch: condensed;
min-height: 48px; /*min-height: 48px;
max-width: 376px; max-width: 376px;*/
} }
#browsethearchive-pagin li { #browsethearchive-pagin li, #zinesindex-pagin li, #selfpublishedindex-pagin li {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 6px; border-radius: 6px;
} }
div#browsethearchive-pagination{ div#browsethearchive-pagination, div#zinesindex-pagination, div#selfpublishedindex-pagination {
width: 100%; width: 100%;
background-color: #e9e9e9; background-color: #e9e9e9;
border-top: black solid 3px; border-top: black solid 3px;
height: 139px; height: 139px;
text-align: center; text-align: center;
} }