Browse Source

updated style on templates both css and html files

master
JoBCB 4 years ago
parent
commit
9c1eaf2c75
  1. 87
      static/css/style.css
  2. 4
      templates/artistsindex.html
  3. 4
      templates/publishersindex.html
  4. 4
      templates/selfpublishedindex.html
  5. 4
      templates/zinesindex.html

87
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#home-recent-title, div#browsethearchive-title, div#artistsindex-title, div#publishersindex-title, div#selfpublishedindex-title, div#zinesindex-title, */
div.pagetitle{ div.pagetitle{
margin-top: 60px; margin: 60px 80px 30px 80px;
margin-bottom: 30px;
font-size: 25px; font-size: 25px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
margin-left: 5%; letter-spacing: 1.88px;
line-height: 35px;
} }
/******************************************************/ /******************************************************/
@ -370,35 +370,82 @@ div.pagetitle{
table, th, td { table, th, td {
border-bottom: 1px solid black; border-bottom: 1px solid black;
border-collapse: collapse; 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{ thead tr th{
text-transform: uppercase; text-transform: uppercase;
color:#7f7f7f; color:#7f7f7f;
font-size: 16px; font-size: 16px;
letter-spacing: 1.5px;
line-height: 24px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: normal; font-weight: normal;
border-bottom: black 3px solid; border-bottom: black 3px solid;
} }
tbody tr th{ tbody tr th{
font-size: 20px; font-size: 18px;
line-height: 26px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: normal; font-weight: normal;
} }
tbody tr th.label a{
font-weight: bold;
}
tbody tr th a{ tbody tr th a{
text-decoration: none; text-decoration: none;
color: #000000; 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************/ /************ TEXT STYLES************/
@ -428,8 +475,8 @@ tbody tr th.description{
/************ BUTTONS ************/ /************ BUTTONS ************/
.primary-button { .primary-button {
width: 365px; max-width: 365px;
height: 48px; min-height: 48px;
font-family: Roboto; font-family: Roboto;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
@ -481,7 +528,6 @@ div#home-top-div{
border:blue solid 1px; border:blue solid 1px;
} }
img.home-recent-imgs{ img.home-recent-imgs{
width: 100%; width: 100%;
} }
@ -569,7 +615,6 @@ img.browsethearchive-imgs{
} }
div.browsethearchive-items{ div.browsethearchive-items{
display: inline-block; display: inline-block;
padding:10px; padding:10px;
@ -652,20 +697,24 @@ text-align: center;
/************ BROWSE BY CATEGORY ************/ /************ BROWSE BY CATEGORY ************/
div#browsebycategory-listcategories{ div#browsebycategory-listcategories{
margin: 0px 80px; margin: 0px 80px 60px 80px;
} }
div.browsebycategory-categories{ div.browsebycategory-categories{
margin: 22px 0px; margin: 22px 0px;
padding: 10px; padding: 16px;
border-radius: 6px; border-radius: 6px;
background-color: var(--blue-blue); background-color: var(--blue-blue);
display: flex;
flex-direction: row;
flex-wrap: wrap;
} }
div.browsebycategory-categories a { div.browsebycategory-categories a {
font-family: Roboto Condensed;
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
margin-top: auto; margin: auto;
margin-bottom: auto; display: inline-block;
} }

4
templates/artistsindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["creatorsLabel"]['value'] }}</a></th> <th class="label"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["creatorsLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "creatorsAltLabel" in x %} {% if "creatorsAltLabel" in x %}
{{ x["creatorsAltLabel"]["value"] }} {{ x["creatorsAltLabel"]["value"] }}
{% endif %} {% endif %}

4
templates/publishersindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["publishersLabel"]['value'] }}</a></th> <th class="label"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["publishersLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "publishersAltLabel" in x %} {% if "publishersAltLabel" in x %}
{{ x["publishersAltLabel"]["value"] }} {{ x["publishersAltLabel"]["value"] }}
{% endif %} {% endif %}

4
templates/selfpublishedindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th> <th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "workAltLabel" in x %} {% if "workAltLabel" in x %}
{{ x["workAltLabel"]["value"] }} {{ x["workAltLabel"]["value"] }}
{% endif %} {% endif %}

4
templates/zinesindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th> <th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "workAltLabel" in x %} {% if "workAltLabel" in x %}
{{ x["workAltLabel"]["value"] }} {{ x["workAltLabel"]["value"] }}
{% endif %} {% endif %}

Loading…
Cancel
Save