Compare commits
22 Commits
4426fbca8b
...
e1fb598cf4
Author | SHA1 | Date |
---|---|---|
![]() |
e1fb598cf4 | 4 years ago |
![]() |
11fe0bf03b | 4 years ago |
![]() |
903bc06a2f | 4 years ago |
![]() |
fc7d9950c2 | 4 years ago |
![]() |
7c7f2ca52b | 4 years ago |
![]() |
3ee99858f7 | 4 years ago |
|
92622ad9ab | 4 years ago |
|
c773995dc9 | 4 years ago |
![]() |
40788358fe | 4 years ago |
![]() |
8c232395d6 | 4 years ago |
![]() |
1d6026da5f | 4 years ago |
|
ce9798e94a | 4 years ago |
|
ed660b71e7 | 4 years ago |
|
c423548258 | 4 years ago |
|
5d797dc1ac | 4 years ago |
![]() |
9b5f9a0876 | 4 years ago |
![]() |
2cfa36b9d9 | 4 years ago |
|
1d315a534c | 4 years ago |
![]() |
f2d52d4e18 | 4 years ago |
|
d9884ef784 | 4 years ago |
![]() |
875de65e35 | 4 years ago |
![]() |
5a9751ca28 | 4 years ago |
@ -0,0 +1,73 @@
|
|||||||
|
body {
|
||||||
|
background-color: #F4EBE8;
|
||||||
|
font-family: Roboto Mono;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projtextcont{
|
||||||
|
display: block;
|
||||||
|
/*align-items: center;
|
||||||
|
justify-content: center*/
|
||||||
|
color:#371F10;
|
||||||
|
margin-left:200px;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.projtext{
|
||||||
|
width: 85%;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
display: block;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
display: block;
|
||||||
|
width:70%;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagelink:hover .pagename{
|
||||||
|
visibility: visible;
|
||||||
|
}
|
@ -1,151 +1,115 @@
|
|||||||
|
|
||||||
|
#top {
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-left: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #F4EBE8;
|
background-color: #F4EBE8;
|
||||||
font-family: Roboto Mono;
|
font-family: Roboto Mono;
|
||||||
font-size:11.5px;
|
font-size:14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Page title */
|
||||||
h1 {
|
h1 {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right:0%;
|
right:0%;
|
||||||
top:3%;
|
top:5%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
background-color: #0BEFEB;
|
background-color: #0BEFEB;
|
||||||
padding: 15px 85px 15px 30px;
|
padding: 3px 35px 3px 10px;
|
||||||
z-index: 10;
|
|
||||||
color: #371F10;
|
|
||||||
font-size: 28px;
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
h1 {
|
|
||||||
position: fixed;
|
|
||||||
right:0%;
|
|
||||||
top:3%;
|
|
||||||
text-align: right;
|
|
||||||
background-color: transparent;
|
|
||||||
padding: 10px 30px 30px 20px;
|
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
color: black;
|
color: black;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
border: 1px solid blue;
|
opacity: 0.7;
|
||||||
border-right: none;
|
color: #371F10;
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
|
|
||||||
|
/* Organizations list */
|
||||||
.collapsible{
|
.collapsible{
|
||||||
padding-left: 70px;
|
padding-left: 70px;
|
||||||
line-height: 0%;
|
line-height: 1;
|
||||||
color: #371F10;
|
color: #371F10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active, .collapsible:hover {
|
.active, .collapsible:hover {
|
||||||
color: red;
|
color: blue;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active, .collapsible:after {
|
.active, .collapsible:after {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
color: #054646;
|
|
||||||
padding-left: 85px;
|
padding-left: 85px;
|
||||||
|
color: #371F10;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Droped-down publication links */
|
||||||
.content {
|
.content {
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: max-height 0.2s ease-out;
|
transition: max-height 0.2s ease-out;
|
||||||
padding-left: 50px;
|
padding-left: 50px;
|
||||||
background-color: #86a2a2;
|
background-color: #371F10;
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
margin-left: 85px;
|
margin-left: 85px;
|
||||||
|
color: white;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.up {
|
.content a {
|
||||||
position: fixed;
|
color:white;
|
||||||
font-weight: bolder;
|
text-decoration: none;
|
||||||
bottom: 0%;
|
|
||||||
right: 15.1%;
|
|
||||||
background-color: blue;
|
|
||||||
z-index: 10;
|
|
||||||
padding: 10px;
|
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.down {
|
.content a:hover {
|
||||||
position: fixed;
|
color: blue;
|
||||||
font-weight: bolder;
|
cursor: pointer;
|
||||||
bottom: 0%;
|
|
||||||
right: 12.8%;
|
|
||||||
background-color: blue;
|
|
||||||
z-index: 10;
|
|
||||||
padding: 10px;
|
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.top {
|
/* Scroll column */
|
||||||
|
.scrollcolumn {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
font-weight: bolder;
|
display: inline;
|
||||||
bottom: 0%;
|
top:35%;
|
||||||
right: 17.3%;
|
right:0%;
|
||||||
background-color: blue;
|
width: 60px;
|
||||||
|
outline: none;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
padding: 10px;
|
text-align: center;
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom {
|
/* Scroll buttons */
|
||||||
position: fixed;
|
.scrl {
|
||||||
font-weight: bolder;
|
background-color: white;
|
||||||
bottom: 0%;
|
cursor: pointer;
|
||||||
right: 10%;
|
border:none;
|
||||||
background-color: blue;
|
font-size: 15px;
|
||||||
z-index: 10;
|
margin-top: 10px;
|
||||||
padding: 10px;
|
height: 60px;
|
||||||
border: none;
|
width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.indexlink {
|
.scrl:hover {
|
||||||
position: fixed;
|
background-color: #0BEFEB;
|
||||||
text-decoration: none;
|
|
||||||
font-size: 40px;
|
|
||||||
bottom: 0%;
|
|
||||||
right: 0%;
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
border-right-color: transparent;
|
|
||||||
z-index: 10;
|
|
||||||
padding: 0px 20px 10px 10px;
|
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline {
|
/* Scroll button title */
|
||||||
position: fixed;
|
.scbt {
|
||||||
font-size: 20px;
|
visibility: hidden;
|
||||||
bottom: 0%;
|
width: 120px;
|
||||||
right: 3%;
|
background-color: black;
|
||||||
background-color: transparent;
|
color: #fff;
|
||||||
border: none;
|
text-align: center;
|
||||||
border-right-color: transparent;
|
border-radius: 6px;
|
||||||
|
padding: 5px 0;
|
||||||
|
font-size: 15px;
|
||||||
|
right: 50px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
padding: 0px 30px 20px 10px;
|
position: absolute;
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeline a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.indexlink a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#top {
|
.scrl:hover > .scbt {
|
||||||
padding-top: 42px;
|
visibility: visible;
|
||||||
}
|
|
||||||
|
|
||||||
.up:hover, .down:hover, .top:hover, .bottom:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
color: white;
|
|
||||||
}
|
}
|
@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
|
||||||
|
<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>
|
@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="{{ staticpath }}//static/archive.css" />
|
||||||
|
<script type="text/javascript" src="{{ staticpath }}//static/archive.js"></script>
|
||||||
|
<link rel="stylesheet" href="{{ staticpath }}//static/topicformat.css" />
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
|
||||||
|
<title>{{ page.name }}</title>
|
||||||
|
</head>
|
||||||
|
<body class="title">
|
||||||
|
|
||||||
|
<h1>{{ page.name }}</h1>
|
||||||
|
<div id="body">{{ body|safe }}</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in New Issue