Flask application repository for Banner Repeater's DAAP (Digital Archive of Artists Publishing).
SPARQL queries by Lozana Rossenova, CSS and JS by Joana Chicau, python and Jinja by Julie Boschat-Thorez.
See https://daap.network
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
269 lines
4.5 KiB
269 lines
4.5 KiB
|
|
/************ FONTS ************/
|
|
|
|
@font-face {
|
|
font-family: 'Roboto Condensed';
|
|
src: url('webfonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Roboto Condensed';
|
|
src: url('webfonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
|
|
|
|
/************ LAYOUT ************/
|
|
html,body{
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
/*Header*/
|
|
div#header{
|
|
width: 100%;
|
|
border:1px solid blue;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
div#header-top div#header-title{
|
|
font-family: 'Roboto Condensed', sans-serif;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
}
|
|
div#header-top div#header-keyword-search{
|
|
/*float: right;*/
|
|
border: 1px solid lime;
|
|
}
|
|
div#header-top, div#navigation{
|
|
border:red 1px solid;
|
|
width: 100%;
|
|
}
|
|
div#header-top div, div#navigation div{
|
|
display: inline-block;
|
|
padding: 3px;
|
|
}
|
|
div#navigation a{
|
|
font-family: 'Roboto Condensed', sans-serif;
|
|
text-decoration: none;
|
|
color: black;
|
|
|
|
}
|
|
div#navigation div#nav-right-side{
|
|
float: right;
|
|
}
|
|
|
|
/*Footer*/
|
|
div#footer{
|
|
width: 100%;
|
|
border: blue 1px solid;
|
|
position: absolute;
|
|
bottom: 0;
|
|
background-color: black;
|
|
color:white;
|
|
display: none;
|
|
}
|
|
|
|
div#footer div#footer-top,
|
|
div#footer div#footer-bottom{
|
|
border: red solid 1px;
|
|
width: 100%;
|
|
}
|
|
div#footer div #footertop{
|
|
/*position: absolute;*/
|
|
}
|
|
|
|
div#footer div#footer-top div#footer-top-left,
|
|
div#footer div#footer-top div#footer-top-right{
|
|
display: inline-flex;
|
|
border:lime 1px solid;
|
|
}
|
|
div#footer div#footer-top div#footer-top-left{
|
|
left: 0px;
|
|
width: 30%;
|
|
/*display: contents;*/
|
|
}
|
|
div#footer div#footer-top div#footer-top-right{
|
|
right: 0px;
|
|
width: 30%;
|
|
float: right;
|
|
/*position: absolute;*/
|
|
}
|
|
|
|
|
|
div#footer div#footer-top div#footer-top-left div,
|
|
div#footer div#footer-top div#footer-top-right div{
|
|
display: inline-block;
|
|
border:cyan 1px solid;
|
|
}
|
|
|
|
div#footer-bottom{
|
|
display: none;
|
|
}
|
|
input#newslettersubs{
|
|
background-color: #000000;
|
|
color:#FFFFFF;
|
|
border-radius: 6px;
|
|
height: 48px;
|
|
border: solid 1px;
|
|
|
|
}
|
|
input.submitemail{
|
|
background-color: #1B42D8;
|
|
color: #FFFFFF;
|
|
border:none;
|
|
border-radius: 6px;
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
|
|
|
|
|
|
/******************************************************/
|
|
/************ BROWSING SEARCHING INDEXING ************/
|
|
/****************************************************/
|
|
|
|
|
|
/************ INDEXES ************/
|
|
table, th, td {
|
|
border-bottom: 1px solid black;
|
|
border-collapse: collapse;
|
|
padding: 10px 30px 10px 30px;
|
|
}
|
|
|
|
|
|
|
|
/************ BROWSE THE ARCHIVE ************/
|
|
|
|
img.browsethearchive-imgs{
|
|
max-height: 200px;
|
|
max-width: 200px;
|
|
}
|
|
|
|
div.browsethearchive-items{
|
|
display: inline-block;
|
|
width: 250px;
|
|
height: 250px;
|
|
padding:10px;
|
|
/*border: red 1px solid;*/
|
|
margin: 0 auto;
|
|
}
|
|
div#browsethearchive-grid{
|
|
max-width: 90%;
|
|
margin: 0 auto;
|
|
display: grid;
|
|
grid-gap: 2rem;
|
|
/*border: 1px solid blue;*/
|
|
text-align: center;
|
|
}
|
|
|
|
.current {
|
|
color: red;
|
|
}
|
|
|
|
#pagin li {
|
|
display: inline-block;
|
|
}
|
|
|
|
@media (min-width: 600px) {
|
|
#browsethearchive-grid { grid-template-columns: repeat(2, 1fr); }
|
|
}
|
|
@media (min-width: 1000px) {
|
|
#browsethearchive-grid { grid-template-columns: repeat(4, 1fr); }
|
|
}
|
|
@media (min-width: 1400px) {
|
|
#browsethearchive-grid { grid-template-columns: repeat(5, 1fr); }
|
|
}
|
|
|
|
|
|
/************ BROWSE BY CATEGORY ************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/************ SEARCH TOOLS ************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*********************************************/
|
|
/************ PERSON AND ARTWORK ************/
|
|
/*******************************************/
|
|
|
|
|
|
|
|
/************ PERSON ************/
|
|
div#person_creatorof{
|
|
border: blue 1px solid;
|
|
width: 100%;
|
|
height: 150px;
|
|
background-color: grey;
|
|
}
|
|
div.person_creatorof-item{
|
|
border: lime 1px solid;
|
|
width: 150px;
|
|
height: 150px;
|
|
display: inline-block;
|
|
vertical-align:middle;
|
|
|
|
}
|
|
img.person_creatorof-imgs{
|
|
max-height:75px;
|
|
max-width: 75px;
|
|
}
|
|
/************ ARTWORK ************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*************************************/
|
|
/************ WIKI PAGES ************/
|
|
/***********************************/
|
|
|
|
/************ ABOUT ************/
|
|
|
|
div#about-intro{
|
|
text-align: center;
|
|
padding-top: 5em;
|
|
}
|
|
div#about-intro h3, div#about-intro p {
|
|
text-align: center;
|
|
width: 50%;
|
|
margin: auto;
|
|
}
|
|
|
|
/************ TUTORIALS ************/
|
|
|
|
div#tutorials-intro{
|
|
text-align: center;
|
|
padding-top: 5em;
|
|
}
|
|
div#tutorials-intro h3, div#tutorials-intro p {
|
|
text-align: center;
|
|
width: 50%;
|
|
margin: auto;
|
|
}
|
|
|
|
/************ UPLOAD ************/
|
|
|
|
div#upload-intro{
|
|
text-align: center;
|
|
padding-top: 5em;
|
|
}
|
|
div#upload-intro h3, div#upload-intro p {
|
|
text-align: center;
|
|
width: 50%;
|
|
margin: auto;
|
|
}
|