Merge branch 'master' of ssh://git.xpub.nl:2501/XPUB/special-issue-11-wiki2html

master
Castro0o 5 years ago
commit 9b5f9a0876

@ -0,0 +1,62 @@
body {
background-color: #F4EBE8;
}
.projtextcont{
display: block;
/*align-items: center;
justify-content: center*/
margin-left:200px;
font-family: Roboto Mono;
}
.projtext{
width: 50%;
height: 50%;
display: block;
}
h1{
display: block;
}
.pagelink{
position: fixed;
display: inline;
left:0px;
width:20px;
height:20px;
padding:10px;
background-color: white;
z-index: 10;
font-size: 18px;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/*border-style: solid;*/
border-width: 1px;
border-color: #371F10;
}
.pagelink:hover{
background-color: #0BEFEB;
}
.pagelink a{
text-decoration: none;
}
.pagelink .pagename{
display: inline;
position: absolute;
width: auto;
padding: 5px;
margin-left: 25px;
font-size: 13px;
background-color: white;
visibility: hidden;
}s

@ -5,7 +5,7 @@ body {
display: inline-table; display: inline-table;
font-family: Roboto Mono; font-family: Roboto Mono;
bottom: 20px; bottom: 20px;
scrollbar-width: thin;
} }
/*.img { /*.img {
@ -64,27 +64,40 @@ display: inline-block;
.pagelink{ .pagelink{
position: fixed; position: fixed;
display: inline-block; display: inline;
left:0px; left:0px;
width:20px; width:20px;
height:20px;
padding:10px; padding:10px;
background-color: white; background-color: white;
z-index: 10; z-index: 10;
font-size: 15px; font-size: 18px;
border-style: solid; text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/*border-style: solid;*/
border-width: 1px; border-width: 1px;
border-color: #371F10 border-color: #371F10;
}
.pagelink:hover{
background-color: #0BEFEB;
}
.pagelink a{
text-decoration: none;
} }
.pagelink .pagename{ .pagelink .pagename{
display: block; display: inline;
position: absolute; position: absolute;
width: auto; width: auto;
padding: 5px; padding: 5px;
font-size: 10px; margin-left: 25px;
font-size: 13px;
background-color: white; background-color: white;
visibility: hidden; visibility: hidden;
font-size: 15px;
} }
.pagelink:hover .pagename{ .pagelink:hover .pagename{
@ -112,11 +125,11 @@ display: inline-block;
padding: 10px; padding: 10px;
/*border-radius: 6px;*/ /*border-radius: 6px;*/
/* font-family: CothamSans;*/ /* font-family: CothamSans;*/
font-size: 18px; font-size: 16px;
position: absolute; position: absolute;
/*top: 0px;*/ /*top: 0px;*/
z-index: 1; z-index: 1;
margin-top: 0px; margin-top:-10px;
/*vertical-align: top;*/ /*vertical-align: top;*/
line-height: 1.3; line-height: 1.3;
word-wrap:break-word word-wrap:break-word
@ -126,12 +139,12 @@ display: inline-block;
visibility: visible; visibility: visible;
} }
ul#nav li{ /*ul#nav li{
display: inline; display: inline;
list-style: none; list-style: none;
margin-left: 10px; margin-left: 10px;
/* margin-left: 10% /* margin-left: 10%
margin-right: 10%;*/ margin-right: 10%;
align-content: initial; align-content: initial;
font-size: 20px; font-size: 20px;
@ -147,13 +160,13 @@ ul#nav{
padding-left: 0px; padding-left: 0px;
border: none; border: none;
width: 80vw; width: 80vw;
/*display: inline;*/ /*display: inline;
height:20px; height:20px;
/*overflow-x: scroll;*/ /*overflow-x: scroll;
left:0px; left:0px;
position: fixed; position: fixed;
z-index: 1; z-index: 1;
} }*/
ul#menu li{ ul#menu li{
display: inline; display: inline;
@ -165,31 +178,29 @@ ul#menu li{
} }
ul#menu{ ul#menu{
margin-left: 10px; margin-left: 45px;
margin-right: 10px; margin-right: 10px;
top:0px; top:-15px;
bottom: 10px; bottom: 10px;
padding-left: 0px; padding-left: 0px;
border: none; border: none;
width: 85vw; width: 80vw;
/*display: inline;*/
height:100%; height:100%;
/*overflow-x: scroll;*/
left:0px; left:0px;
margin-bottom: 20px; margin-bottom: 20px;
padding-bottom: 20px; padding-bottom: 20px;
position: absolute; position: absolute;
/*z-index: -1; */ scrollbar-width: thin;
} }
div#myBtnContainer{ div#myBtnContainer{
/* background-color: white;*/ /*background-color: #F4EBE8;*/
/*margin-top: 20px;*/ /*margin-top: 20px;*/
margin-left: 30px; margin-left: 30px;
margin-bottom: 30px; margin-bottom: 30px;
border: none; border: none;
width: 15vw; max-width: 15vw;
display: inline; display: inline;
/* visibility: hidden;*/ /* visibility: hidden;*/
height:100%; height:100%;
@ -197,19 +208,24 @@ div#myBtnContainer{
top:0px; top:0px;
position: fixed; position: fixed;
padding:10px; padding:10px;
overflow-y: scroll; overflow-y: hidden;
/*z-index: -1;*/ /*z-index: -1;*/
overflow-y: scroll;
scrollbar-width: thin;
/* overflow-y: hidden;*/ /* overflow-y: hidden;*/
} }
div#bigbtncontainer{ div#myBtnContainer:hover{
}
/*div#bigbtncontainer{
overflow-y: hidden; overflow-y: hidden;
-ms-overflow-style: none; /* Internet Explorer 10+ */ -ms-overflow-style: none; Internet Explorer 10+
scrollbar-width: thin; scrollbar-width: thin;
/*overflow-y: scroll;*/ /*overflow-y: scroll;
} }*/
/*div#myBtnContainer:hover{ /*div#myBtnContainer:hover{
background-color: white; background-color: white;
z-index: 1; z-index: 1;

@ -1,4 +1,11 @@
body{ width: max-content;} body{
width: max-content;
background-color: #F4EBE8;
}
h1 {
font-family: Roboto Mono;
}
div#body{ width: max-content;} div#body{ width: max-content;}
@ -13,16 +20,21 @@ div#body{ width: max-content;}
display: inline-block; display: inline-block;
} }
.content { .indexlink {
border-style: solid 1px black;
background-color: red;
color: #444;
cursor: pointer;
padding: 5px;
position: fixed; position: fixed;
font-size: 15px; font-size: 20px;
z-index: +1; bottom: 0%;
font-family: Times New Roman; right: 3%;
background-color: transparent;
border: none;
border-right-color: transparent;
z-index: 10;
padding: 0px 30px 20px 10px
border: none;
}
.indexlink a {
text-decoration: none;
} }
.horizontal-scroll-wrapper { .horizontal-scroll-wrapper {
@ -36,58 +48,35 @@ display: inline-block;
.event { .event {
text-align-last: auto; text-align-last: auto;
font-family: Arial; font-family: Roboto Mono;
font-size: 10px; font-size: 10px;
/* padding-top: 5vw; */
padding-left: 5vw; padding-left: 5vw;
display: inline-block; display: inline-block;
width:400px; width:200px;
vertical-align: top; vertical-align: top;
} }
.pubpageinfo {
padding-top: 10px;
font-size: 10px;
}
.pubpageinfo:hover {
background-color: #0BEFEB;
padding: 10px;
font-size: 15px;
}
.thumbborder { .thumbborder {
/* display: none;*/ box-shadow: 8px 8px 8px #C4BCB9;
width: 30%; width: 30%;
height: auto; height: auto;
} }
.thumbborder:hover { .thumbborder:hover {
box-shadow: 8px 8px 8px #0BEFEB;
width:100%; width:100%;
transition:0.5s; transition:0.5s;
height: auto; height: auto;
} }
.bar-chart {
display: table;
margin-top: 20px;
}
.row {
display: table-row;
}
.row div {
display: table-cell;
width: 60px;
height: 44px;
border-right: 2px solid rgb(255, 255, 255);
}
.row .axis-y {
width: 96px;
border-right: 1px solid #000;
vertical-align: top;
}
.axis-x div {
border-top: 1px solid #000;
}
.axis-x .axis-y {
border: none;
}
.axis-x div, .axis-y {
text-align: center;
font-weight: bold;
}

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/about.css" />
<script type="text/javascript" src="{{ staticpath }}/static/archive.js"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>{{ page.name }}</title>
</head>
<body>
{{ body|safe }}
</body>
</html>
Loading…
Cancel
Save