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

connected styles to zinesindex and selfpublishedindex

master
JoBCB 4 years ago
parent
3cbf7a4930
commit
2354a59851
1 changed files with 30 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 55
      static/css/style.css

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;
} }

Write Preview
Loading…
Cancel
Save