Your Name 5 years ago
commit 34b0a701d2

@ -139,13 +139,14 @@ vertical-align:middle;
h1 { h1 {
position: fixed; position: fixed;
right:0%; right:0%;
top:5%; bottom: 83%;
text-align: right; text-align: right;
background-color: rgba(11,239,235,0.7); background-color: rgba(11,239,235,0.7);
color: #371F10; color: #371F10;
padding: 3px 35px 3px 10px; padding: 3px 35px 3px 10px;
z-index: 10; z-index: 10;
font-size: 28px; font-size: 28px;
max-width: 93%;
} }
a, a:visited{ a, a:visited{

@ -1,17 +1,17 @@
#top { #top {
padding-top: 20px; padding-top: 25px;
padding-left: 50px; padding-left: 50px;
} }
body { body {
background-color: #F4EBE8; background-color: #F4EBE8;
font-family: Roboto Mono; font-family: Roboto Mono;
font-size:14px;
} }
/* Organizations list */ /* Organizations list */
.collapsible{ .collapsible{
font-size:14px;
padding-left: 70px; padding-left: 70px;
line-height: 1; line-height: 1;
color: #371F10; color: #371F10;
@ -104,3 +104,4 @@ button.bottom span, button.top span {
.scbt { .scbt {
visibility: hidden; visibility: hidden;
} }

@ -15,10 +15,7 @@ body{
font-size: 28px; font-size: 28px;
} }
h1 { .eventdate {
font-family: Roboto Mono;
font-size: 40px;
color: #371F10;
margin-top: 1%; margin-top: 1%;
} }

@ -14,6 +14,7 @@ body {
left: 7%; left: 7%;
text-align: : center; text-align: : center;
z-index: 5; z-index: 5;
padding-bottom: 5%;
} }
@ -21,19 +22,21 @@ body {
position: relative; position: relative;
text-align: center; text-align: center;
z-index: 5; z-index: 5;
} }
.thumbborder { .thumbborder {
position: relative; position: relative;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
/*links*/ /*links*/
a:link { a:link {
text-decoration: none; text-decoration: ;
color: #371F10; color: #371F10;
} }
@ -51,14 +54,14 @@ a:hover {
h1 { h1 {
/* position: fixed; /* position: fixed;
right:0%; right:0%;
top:5%; bottom:83%;
text-align: right; text-align: right;
background-color: rgba(11,239,235,0.7); background-color: rgba(11,239,235,0.7);
padding: 3px 35px 3px 10px; padding: 3px 35px 3px 10px;
z-index: 10; z-index: 10;*/
font-size: 27px; /* font-size: ;*/
color: #371F10;*/ /* color: #371F10;
max-width: 90%; max-width: 90%;*/
} }
h2{ h2{
@ -123,7 +126,7 @@ h2{
position: fixed; position: fixed;
/* text-align: center;*/ /* text-align: center;*/
bottom: 0%; bottom: 0%;
right: 0%; right: 1%;
z-index: 9; z-index: 9;
width: 110px; width: 110px;
height: 50px; height: 50px;
@ -141,7 +144,7 @@ p {
.btnov { .btnov {
position: fixed; position: fixed;
display: inline; display: inline;
right: 0px; right: 20px;
bottom:0px; bottom:0px;
border: none; border: none;
width: 50px; width: 50px;
@ -159,7 +162,7 @@ p {
.btn { .btn {
position: fixed; position: fixed;
display: inline; display: inline;
right: 60px; right: 70px;
bottom:0px; bottom:0px;
border: none; border: none;
width: 50px; width: 50px;
@ -241,15 +244,14 @@ p {
text-align: left; text-align: left;
opacity: 0.7; opacity: 0.7;
right:0%; right:0%;
} }
a.content:link { a.content:link {
color:white; color:white;
} }
.metadata_organization { .metadata_topic, .metadata_format, .metadata_creator, .metadata_organization {
/*font-size: 14px;*/ max-width: 95%;
} }
.fbtn { .fbtn {

@ -3,7 +3,7 @@ body {
font-size: 18px; font-size: 18px;
} }
.grid-container { /*.grid-container {
display: inline-grid; display: inline-grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-column-gap: 5px; grid-column-gap: 5px;
@ -15,7 +15,7 @@ body {
height: auto; height: auto;
margin-left: 120px; margin-left: 120px;
margin-right: 120px; margin-right: 120px;
text-align: : center; text-align: center;
z-index: 5; z-index: 5;
} }
@ -24,17 +24,47 @@ body {
position: relative; position: relative;
text-align: left; text-align: left;
z-index: 5; z-index: 5;
}*/
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 50px;
grid-row-gap: 100px;
/* grid-auto-flow: dense;*/
position: absolute;
top: 25%;
width: 90%;
height: auto;
left: 5%;
margin-left: 10px;
margin-right: 10px;
text-align: : center;
z-index: 5;
padding-bottom: 5%;
} }
.grid-container > div {
position: relative;
text-align: center;
z-index: 5;
}
.thumbborder {
max-height: 100%;
position:relative;
display: inline-block;
max-width: 300px;
}
.img { .img {
display: inline-block; display: inline-block;
border-style: hidden hidden solid hidden; border-style: hidden hidden solid hidden;
border-color: #0BEFEB; border-color: #0BEFEB;
height: 500px; height: 500px;
} }
.image {
width: 300px;
}
.title { .title {
display:block; display:block;
@ -50,5 +80,6 @@ body {
width: 300px; width: 300px;
overflow-wrap: break-word; overflow-wrap: break-word;
border-style: hidden; border-style: hidden;
text-align: left;
} }

@ -3,12 +3,13 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
<script type="text/javascript" src="{{ staticpath }}/static/archive.js"></script>
<link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>Timeline</title> <title>Timeline</title>
</head> </head>
<body> <body>
<div class="pagetitle">Timeline</div> <h1>Timeline</h1>
<div id="body">{{ body|safe }}</div> <div id="body">{{ body|safe }}</div>
</body> </body>

@ -41,6 +41,8 @@ for (i = 0; i < coll.length; i++) {
}); });
} }
var links = document.querySelectorAll("*[title]");
for (var i=0; i<links.length; i++) { links[i].setAttribute("title", ""); }
</script> </script>
</body> </body>

Loading…
Cancel
Save