diff --git a/static/css/style.css b/static/css/style.css
index 5935c00..407fa9a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -352,13 +352,13 @@ input.submitemail{
/*div#home-recent-title, div#browsethearchive-title, div#artistsindex-title, div#publishersindex-title, div#selfpublishedindex-title, div#zinesindex-title, */
div.pagetitle{
- margin-top: 60px;
- margin-bottom: 30px;
+ margin: 60px 80px 30px 80px;
font-size: 25px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
text-transform: uppercase;
- margin-left: 5%;
+ letter-spacing: 1.88px;
+ line-height: 35px;
}
/******************************************************/
@@ -370,35 +370,82 @@ div.pagetitle{
table, th, td {
border-bottom: 1px solid black;
border-collapse: collapse;
- padding: 10px 30px 10px 30px;
+ text-align: left;
}
+#artistsindex-table_wrapper{ overflow-x:auto; }
+#artistsindex-table, #publishersindex-table, #zinesindex-table, #selfpublishedindex-table {
+ width: 100%; }
+
+thead tr th:first-child { padding: 0px 0px 0px 80px }
+thead tr th:last-child { padding: 0px 80px 0px 0px }
+
+tr { padding: 10px 80px 10px 80px; }
+th { padding: 22px; }
+.idnumber { padding: 0px 0px 0px 80px }
+.label { font-weight: bold;}
+.altaliases {}
+.description { padding: 0px 80px 0px 0px }
thead tr th{
text-transform: uppercase;
color:#7f7f7f;
font-size: 16px;
+ letter-spacing: 1.5px;
+ line-height: 24px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
border-bottom: black 3px solid;
}
tbody tr th{
- font-size: 20px;
+ font-size: 18px;
+ line-height: 26px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
}
-tbody tr th.label a{
- font-weight: bold;
-}
-
tbody tr th a{
text-decoration: none;
color: #000000;
}
-tbody tr th.description{
- font-size: 16px;
+
+.dataTables_paginate {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-content: baseline;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 42px;
+ margin-bottom: 52px;
+ font-family: Roboto Condensed;
+ font-size: 14px;
+ line-height: 48px;
+ font-weight: bold;
+ font-stretch: condensed;
+ min-height: 48px;
+ max-width: 376px;
+}
+
+.dataTables_paginate span {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ width: 100%;
+}
+
+a.current {
+ height: 36px;
+ width: 36px;
+ border-radius: 6px;
+ background-color: #1B42D8;
+ margin: auto;
+ display: flex;
+ justify-content: center;
+ align-content: baseline;
+ line-height: 36px;
+ cursor: pointer;
}
/************ TEXT STYLES************/
@@ -428,8 +475,8 @@ tbody tr th.description{
/************ BUTTONS ************/
.primary-button {
- width: 365px;
- height: 48px;
+ max-width: 365px;
+ min-height: 48px;
font-family: Roboto;
font-size: 14px;
font-weight: bold;
@@ -481,7 +528,6 @@ div#home-top-div{
border:blue solid 1px;
}
-
img.home-recent-imgs{
width: 100%;
}
@@ -569,7 +615,6 @@ img.browsethearchive-imgs{
}
-
div.browsethearchive-items{
display: inline-block;
padding:10px;
@@ -652,20 +697,24 @@ text-align: center;
/************ BROWSE BY CATEGORY ************/
div#browsebycategory-listcategories{
- margin: 0px 80px;
+ margin: 0px 80px 60px 80px;
}
div.browsebycategory-categories{
margin: 22px 0px;
- padding: 10px;
+ padding: 16px;
border-radius: 6px;
background-color: var(--blue-blue);
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
}
div.browsebycategory-categories a {
+ font-family: Roboto Condensed;
color: #ffffff;
text-decoration: none;
- margin-top: auto;
- margin-bottom: auto;
+ margin: auto;
+ display: inline-block;
}
diff --git a/templates/artistsindex.html b/templates/artistsindex.html
index d43dcc3..c7597ec 100644
--- a/templates/artistsindex.html
+++ b/templates/artistsindex.html
@@ -15,9 +15,9 @@
{% for x in results['results']['bindings']%}
- | {{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }} |
+ {{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }} |
{{ x["creatorsLabel"]['value'] }} |
-
+ |
{% if "creatorsAltLabel" in x %}
{{ x["creatorsAltLabel"]["value"] }}
{% endif %}
diff --git a/templates/publishersindex.html b/templates/publishersindex.html
index e47f218..1381e6f 100644
--- a/templates/publishersindex.html
+++ b/templates/publishersindex.html
@@ -15,9 +15,9 @@
|
{% for x in results['results']['bindings']%}
- | {{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }} |
+ {{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }} |
{{ x["publishersLabel"]['value'] }} |
-
+ |
{% if "publishersAltLabel" in x %}
{{ x["publishersAltLabel"]["value"] }}
{% endif %}
diff --git a/templates/selfpublishedindex.html b/templates/selfpublishedindex.html
index cc0073c..f198c19 100644
--- a/templates/selfpublishedindex.html
+++ b/templates/selfpublishedindex.html
@@ -15,9 +15,9 @@
|
{% for x in results['results']['bindings']%}
- | {{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }} |
+ {{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }} |
{{ x["workLabel"]['value'] }} |
-
+ |
{% if "workAltLabel" in x %}
{{ x["workAltLabel"]["value"] }}
{% endif %}
diff --git a/templates/zinesindex.html b/templates/zinesindex.html
index 268d582..2d8afd2 100644
--- a/templates/zinesindex.html
+++ b/templates/zinesindex.html
@@ -15,9 +15,9 @@
|
{% for x in results['results']['bindings']%}
- | {{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }} |
+ {{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }} |
{{ x["workLabel"]['value'] }} |
-
+ |
{% if "workAltLabel" in x %}
{{ x["workAltLabel"]["value"] }}
{% endif %}
|