From 2354a598512f5b86c20497e695319260be5ddc89 Mon Sep 17 00:00:00 2001 From: JoBCB Date: Sun, 15 Nov 2020 12:52:17 +0000 Subject: [PATCH] connected styles to zinesindex and selfpublishedindex --- static/css/style.css | 55 ++++++++++++++++++++++++-------------------- 1 file changed, 30 insertions(+), 25 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 09f9da1..4a4a62d 100644 --- a/static/css/style.css +++ b/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; }