Browse Source

connected styles to zinesindex and selfpublishedindex

master
JoBCB 4 years ago
parent
commit
2354a59851
  1. 55
      static/css/style.css

55
static/css/style.css

@ -479,6 +479,7 @@ a.current {
width: 36px;
border-radius: 6px;
background-color: #1B42D8;
color: white;
display: flex;
align-content: baseline;
margin-top: 6px;
@ -783,11 +784,11 @@ div#home-top-div{
/* ARCHIVE PREVIEW */
img.home-recent-imgs, img.browsethearchive-imgs{
img.home-recent-imgs, img.browsethearchive-imgs, img.selfpublishedindex-imgs, img.zinesindex-imgs {
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-family: 'Roboto Condensed', sans-serif;
margin: 0 auto;
@ -798,7 +799,7 @@ div.home-recent-items, div.browsethearchive-items{
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;
line-height: 26px;
font-family: 'Roboto Condensed Bold', sans-serif;
@ -813,13 +814,13 @@ div.home-recent-items a, div.browsethearchive-items a {
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;
flex-direction: column;
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;
flex-direction: column;
flex-shrink: 0;
@ -827,9 +828,11 @@ div.home-recent-items-bottom, div.browsethearchive-items-bottom {
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%;
padding: 0px 80px;
display: grid;
@ -857,13 +860,13 @@ div.home-show-wrapper a:hover {
}
@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) {
#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) {
#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 {
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;
font-weight: bold;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
#browsethearchive-pagin li a{
color: #000000;
#browsethearchive-pagin li a, #zinesindex-pagin li a, #selfpublishedindex-pagin li a {
color: #000000;
font-weight: bold;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
ul#browsethearchive-pagin{
ul#browsethearchive-pagin, ul#zinesindex-pagin, ul#selfpublishedindex-pagin {
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: center; /*space-around */
align-content: baseline;
margin-left: auto;
margin-right: auto;
padding-top: 42px;
padding-bottom: 52px;
padding-left: 80px;
padding-right: 80px;
font-family: Roboto Condensed;
font-size: 14px;
line-height: 48px;
font-weight: bold;
font-stretch: condensed;
min-height: 48px;
max-width: 376px;
/*min-height: 48px;
max-width: 376px;*/
}
#browsethearchive-pagin li {
display: flex;
align-items: center;
justify-content: center;
#browsethearchive-pagin li, #zinesindex-pagin li, #selfpublishedindex-pagin li {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 6px;
}
div#browsethearchive-pagination{
div#browsethearchive-pagination, div#zinesindex-pagination, div#selfpublishedindex-pagination {
width: 100%;
background-color: #e9e9e9;
border-top: black solid 3px;
height: 139px;
text-align: center;
border-top: black solid 3px;
height: 139px;
text-align: center;
}

Loading…
Cancel
Save