From 2354a598512f5b86c20497e695319260be5ddc89 Mon Sep 17 00:00:00 2001
From: JoBCB <joaninha_quelhas@hotmail.com>
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;
 }