diff --git a/static/about.css b/static/about.css index 50782d6..e0fa078 100644 --- a/static/about.css +++ b/static/about.css @@ -1,8 +1,10 @@ body { background-color: #F4EBE8; font-family: Roboto Mono; + } + .projtextcont{ display: block; /*align-items: center; @@ -16,7 +18,6 @@ display: block; width: 80%; display: block; text-align: justify; - } h1{ @@ -31,7 +32,7 @@ h1{ top:0%; z-index: 0; margin:0px; - margin-top: 50px; + /*margin-top: 50px;*/ } h2{ @@ -41,7 +42,7 @@ h2{ text-align: justify; } -.pagelink{ +/*.pagelink{ position: fixed; display: inline; left:0px; @@ -55,7 +56,7 @@ h2{ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; - /*border-style: solid;*/ + /*border-style: solid; border-width: 1px; border-color: #371F10; @@ -64,10 +65,24 @@ h2{ .pagelink:hover{ background-color: #0BEFEB; } + +.pagelink{ + background-color: white; +} + .pagelink a{ text-decoration: none; } +/*.pagelink a:active{ + background-color: #0BEFEB; +} + +.active .pagelink:after{ + background-color: #0BEFEB; +} + + .pagelink .pagename{ display: inline; position: absolute; @@ -81,4 +96,4 @@ h2{ .pagelink:hover .pagename{ visibility: visible; -} \ No newline at end of file +}*/ \ No newline at end of file diff --git a/static/archive.css b/static/archive.css index b0ff586..4ade40e 100644 --- a/static/archive.css +++ b/static/archive.css @@ -3,12 +3,12 @@ body { color: #371F10; font-family: Roboto Mono, monospace; } -.pagelink{ +/*.pagelink{ position: fixed; display: inline; left:0px; /* width:20px; - height:20px;*/ + height:20px; padding: 0px 5px 0px 5px; background-color: white; z-index: 10; @@ -17,13 +17,13 @@ body { border-top-style: solid; border-right-style: solid; border-bottom-style: solid; - /*border-style: solid;*/ + /*border-style: solid; border-width: 1px; border-color: #371F10; -} +}*/ -.pagelink:hover{ +/*.pagelink:hover{ background-color: #0BEFEB; } .pagelink a{ @@ -43,6 +43,85 @@ body { .pagelink:hover .pagename{ visibility: visible; +}*/ + +.linkscont{ + margin-top: 10%; + height: auto; + width: auto; + position: fixed; + left:0%; + z-index: 10; +} + +.pagelink{ +/* display:table-cell; + text-align:center; + vertical-align:middle;*/ + display: inline-flex; + justify-content: center; + align-items: center; + position: fixed; + /*display: block;*/ + left:0px; + width:25px; + height:25px; + padding:10px; + background-color: white; + z-index: 2; + font-size: 24px; + /*text-align: justify;*/ + 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{ + background-color: white; +} + +.pagelink a{ + text-decoration: none; +} + +/*.pagelink a:active{ + background-color: #0BEFEB; +} + +.active .pagelink:after{ + background-color: #0BEFEB; +}*/ + +.pagename{ +align-items: center; +width:auto; +text-align: left; +} + +.pagelink .pagename{ + display: inline; + position: absolute; + width: auto; + padding: 5px; + margin-left: 160px; + font-size: 12px; + background-color: white; + visibility: hidden; + white-space: nowrap; +} + +.pagelink:hover .pagename{ + visibility: visible; + position: absolute; + z-index: 20; } h1 { @@ -67,4 +146,5 @@ a:hover { color: blue; } -a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */ \ No newline at end of file +a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */ + diff --git a/static/index.css b/static/index.css index 084402c..aec11cc 100644 --- a/static/index.css +++ b/static/index.css @@ -38,31 +38,8 @@ display: inline-block; line-height: 1.3; } -/*.smw-row:nth-child(odd) { - background-color: purple; - float: right; -} -.smw-row:nth-child(odd) img { - float: right; -} -.smw-row:nth-child(even) { - background-color: orange; - float: left; -}*/ -.nav .active{ - /*font-family: helvetica;*/ - margin-left: 20px; - color: black; - text-decoration: underline; -} - -.navtab{/* - font-family: helvetica;*/ - margin-left: 20px; - color: grey; -} -.pagelink{ +/*.pagelink{ position: fixed; display: inline; left:0px; @@ -76,7 +53,7 @@ display: inline-block; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; - /*border-style: solid;*/ + /*border-style: solid; border-width: 1px; border-color: #371F10; @@ -102,7 +79,7 @@ display: inline-block; .pagelink:hover .pagename{ visibility: visible; -} +}*/ .tooltip { position: relative; @@ -139,34 +116,7 @@ display: inline-block; visibility: visible; } -/*ul#nav li{ - display: inline; - list-style: none; - margin-left: 10px; -/* margin-left: 10% - margin-right: 10%; - align-content: initial; - font-size: 20px; - -} -ul#nav{ - padding: 20px; - margin-top: 10px; - margin-bottom: 20px; - background-color: white; - top:0px; - bottom: 10px; - padding-left: 0px; - border: none; - width: 80vw; - /*display: inline; - height:20px; - /*overflow-x: scroll; - left:0px; - position: fixed; - z-index: 1; -}*/ ul#menu li{ display: inline; @@ -243,12 +193,6 @@ display: inline-block; box-shadow: 10px 10px 15px #0BEFEB; } -/*.container { -margin-left: 40px; - margin-top: 20px; - overflow: hidden; -}*/ - /* Style the buttons */ diff --git a/static/orgs.css b/static/orgs.css index 8110433..333058e 100644 --- a/static/orgs.css +++ b/static/orgs.css @@ -10,21 +10,6 @@ body { font-size:14px; } -/* Page title */ -h1 { - position: fixed; - right:0%; - top:5%; - text-align: right; - background-color: #0BEFEB; - padding: 3px 35px 3px 10px; - z-index: 10; - color: black; - font-size: 28px; - opacity: 0.7; - color: #371F10; -} - /* Organizations list */ .collapsible{ padding-left: 70px; @@ -89,6 +74,9 @@ h1 { margin-top: 10px; height: 60px; width: 60px; + padding-bottom: 15px; + font-weight: bold; + font-size: 17px; } .scrl:hover { @@ -105,11 +93,24 @@ h1 { border-radius: 6px; padding: 5px 0; font-size: 15px; - right: 50px; + right: 65px; z-index: 10; position: absolute; } .scrl:hover > .scbt { visibility: visible; +} + +button.up span { + position:relative; bottom: 20%; +} + +button.down span { + position:relative; left: 60%; +} + +button.bottom span { + position:relative; bottom: 27%; + position:relative; left: 27%; } \ No newline at end of file diff --git a/static/timeline.css b/static/timeline.css index 358b92d..9f6bc3e 100644 --- a/static/timeline.css +++ b/static/timeline.css @@ -5,6 +5,21 @@ body{ h1 { font-family: Roboto Mono; + font-size: 40px; + margin-top: 1%; +} + +.pagetitle { + position: fixed; + right:0%; + top:5%; + text-align: right; + background-color: #0BEFEB; + padding: 3px 35px 3px 10px; + z-index: 10; + color: black; + font-size: 28px; + opacity: 0.7; } div#body{ width: max-content;} @@ -20,6 +35,11 @@ div#body{ width: max-content;} display: inline-block; } +.content { + display: flex; + margin-right: 5vw; +} + .indexlink { position: fixed; font-size: 20px; @@ -37,16 +57,8 @@ display: inline-block; text-decoration: none; } -.horizontal-scroll-wrapper { - display: inline-table; - margin-top: 10vw; - width: 20vw; - height: 80vw; - overflow-y: auto; - overflow-x: hidden; -} - .event { + margin-top: 3%; text-align-last: auto; font-family: Roboto Mono; font-size: 10px; @@ -59,23 +71,22 @@ display: inline-block; .pubpageinfo { padding-top: 10px; - font-size: 10px; + font-size: 15px; } .pubpageinfo:hover { background-color: #0BEFEB; - padding: 10px; - font-size: 15px; + padding: 10px; } .thumbborder { - box-shadow: 8px 8px 8px #C4BCB9; - width: 30%; + box-shadow: 10px 10px 15px #C4BCB9; + width: 40%; height: auto; } .thumbborder:hover { - box-shadow: 8px 8px 8px #0BEFEB; + box-shadow: 10px 10px 15px #0BEFEB; width:100%; transition:0.5s; height: auto; diff --git a/static/title.css b/static/title.css index 8a36c99..3d1a208 100644 --- a/static/title.css +++ b/static/title.css @@ -4,29 +4,29 @@ body { } .grid-container { - display: grid; - grid-template-columns: repeat(4, 1fr); - grid-gap: 10px; - position: absolute; - top: 25%; - width: 82%; - height: auto; - right: 8%; - text-align: : center; - z-index: 5; + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 10px; + position: absolute; + top: 25%; + width: 82%; + height: auto; + left: 7%; + text-align: : center; + z-index: 5; } .grid-container > div { - position: relative; - text-align: center; - z-index: 5; + position: relative; + text-align: center; + z-index: 5; } .thumbborder { - position: relative; - max-width: 100%; - max-height: 100%; + position: relative; + max-width: 100%; + max-height: 100%; } @@ -34,70 +34,67 @@ body { a:link { text-decoration: none; - color: black; + color: #371F10; } a:visited { text-decoration: none; - color: black; + color: #371F10; } a:hover { - text-decoration: none; - color: blue; + text-decoration: none; + color: blue; } h1 { - position: fixed; - right:0%; - top:5%; - text-align: right; - background-color: rgba(11,239,235,0.7); - padding: 3px 35px 3px 10px; - z-index: 10; - color: black; - font-size: 27px; - color: #371F10; + /*position: fixed; + right:0%; + top:5%; + text-align: right; + background-color: rgba(11,239,235,0.7); + padding: 3px 35px 3px 10px; + z-index: 10; + font-size: 27px; + color: #371F10;*/ max-width: 90%; } h2{ - position: fixed; - right: 0%; - top: 15%; - text-align: left; - background-color: rgba(11,239,235,0.7); - padding: 3px 35px 3px 10px; - z-index: 10; - font-size: 20px; - opacity: 0.7; - color: #371F10; -} - -.viewnav { - position: fixed; - bottom: 0%; - left: 0%; - background-color: transparent; - width: 10%; - z-index: 10; - opacity: 0.7; + position: fixed; + right: 0%; + top: 15%; + text-align: left; + background-color: rgba(11,239,235,0.7); + padding: 3px 35px 3px 10px; + z-index: 10; + font-size: 20px; + color: #371F10; +} + +/*.viewnav { + position: fixed; + bottom: 1%; + right: 1%; + background-color: transparent; + width: 5%; + z-index: 9; } .collapsible2 { - background-color: transparent; - color: red; - cursor: pointer; - padding: 0px; - width: 100%; - height: auto; - border: none; - text-align: left; - outline: none; - font-size: 40px; - z-index: 10; - margin-top: 0px; + background-color: transparent; + color: #371F10; + cursor: pointer; + padding: 0px; + width: 100%; + height: auto; + border: none; + text-align: center; + outline: none; + font-size: 40px; + z-index: 10; + margin-top: 0px; } .collapsible2:hover { @@ -109,81 +106,110 @@ h2{ position: absolute; max-height: 0; overflow: hidden; - width: 100%; + width: auto; transition: max-height 0.3s ease-out; background-color: transparent; color: white; z-index: 10; text-align: center; - bottom: 50%; -} + bottom: 100%; +}*/ /* Grid buttons */ .header { - - position: absolute; - text-align: center; - padding: 32px; - top: 30%; - right: 0%; - z-index: 9; - width: auto; - height: auto; - background-color: pink; + + position: fixed; + /* text-align: center;*/ + bottom: 0%; + right: 0%; + z-index: 9; + width: 110px; + height: 50px; + background-color: white; + color: #371F10; + } p { - display: inline-block; - position: relative; + display: inline-block; + /*position: relative;*/ + color: #371F10; +} + +.btnov { + position: fixed; + display: inline; + right: 0px; + bottom:0px; + border: none; + width: 50px; + height: 50px; + text-align: center; + /* padding: 5px 5px;*/ + background-color: transparent; + cursor: pointer; + font-size: 20px; + z-index: 9; + color: #371F10; + margin-bottom: 3px; } .btn { + position: fixed; + display: inline; + right: 60px; + bottom:0px; border: none; - outline: none; - width: 110px; + width: 50px; + height: 50px; text-align: center; - padding: 12px 0px; background-color: transparent; cursor: pointer; - font-size: 18px; - margin-right: 5px; + font-size: 30px; z-index: 9; - border: solid 1px; + color: #371F10; } .btn:hover { - background-color: black; - color: blue; + color:rgba(11,239,235); +/* color: blue;*/ } .btn:active { - background-color: black; - color: white; + color:rgba(11,239,235); +} + +.btnov:hover { + color:rgba(11,239,235); +/* color: blue;*/ } +.btnov:active { + color:rgba(11,239,235); +} .metadata{ - position: fixed; - top: 25%; - right: 0%; - background-color: transparent; - width: 60%; - z-index: 10; - opacity: 1; - text-align: right; - /*align-items: right; - align-content: right;*/ + position: fixed; + top: 25%; + right: 0%; + background-color: transparent; + width: 60%; + z-index: 10; + opacity: 1; + text-align: right; + /*align-items: right; + align-content: right;*/ } .collapsible { - - display: inline-block; - right:0%; + + display: inline-block; + right:0%; background-color: white; - color: black; + color: #371F10; cursor: pointer; padding: 18px; width: 3%; @@ -198,8 +224,8 @@ p { } .active, .collapsible:hover { - background-color: #0BEFEB; - + color: #371F10; + background-color:rgba(11,239,235); } .content { @@ -210,7 +236,7 @@ p { width: auto; transition: max-height 0.2s ease-out; background-color: white; - color: black; + color: #371F10; z-index: 10; text-align: left; opacity: 0.7; @@ -219,29 +245,29 @@ p { } a.content:link { - color:white; + color:white; } .metadata_organization { - font-size: 14px; + /*font-size: 14px;*/ } .fbtn { - font-style: italic; + font-style: italic; } .smw-template-furtherresults { - display: none; + display: none; } /* .orglink { - position: fixed; - top: 30%; - left: 0%; - background-color: white; - z-index: 10; - font-size: 30px; - padding: 0px 5px 0px 5px; + position: fixed; + top: 30%; + left: 0%; + background-color: white; + z-index: 10; + font-size: 30px; + padding: 0px 5px 0px 5px; } .orglink .htext { @@ -265,13 +291,13 @@ a.content:link { } .timelinelink { - position: fixed; - top: 20%; - left: 0%; - background-color: white; - z-index: 10; - font-size: 30px; - padding: 0px 5px 0px 5px; + position: fixed; + top: 20%; + left: 0%; + background-color: white; + z-index: 10; + font-size: 30px; + padding: 0px 5px 0px 5px; } .timelinelink .htext { @@ -295,13 +321,13 @@ a.content:link { } .indexlink { - position: fixed; - top:10%; - left:0%; - background-color: white; - z-index: 10; - font-size: 30px; - padding: 0px 5px 0px 5px; + position: fixed; + top:10%; + left:0%; + background-color: white; + z-index: 10; + font-size: 30px; + padding: 0px 5px 0px 5px; } .indexlink .htext { diff --git a/templates/orgs.html b/templates/orgs.html index a8dec84..2d391b8 100644 --- a/templates/orgs.html +++ b/templates/orgs.html @@ -1,5 +1,5 @@ - + @@ -10,13 +10,13 @@ {{ page.name }} -

▤ {{ page.name }}

+

{{ page.name }}

- - - - + + + +
{{ body|safe }}
diff --git a/templates/timeline.html b/templates/timeline.html index 334248f..8b6b655 100644 --- a/templates/timeline.html +++ b/templates/timeline.html @@ -8,7 +8,7 @@ Timeline -

Timeline

+
┉Timeline
{{ body|safe }}
diff --git a/templates/title.html b/templates/title.html index 4d489ca..5a28054 100644 --- a/templates/title.html +++ b/templates/title.html @@ -13,15 +13,15 @@

{{ page.name }} ↵

-
-
-
- -

-

+ +
+

+

-
-
+
{{ body|safe }}
@@ -41,20 +41,7 @@ for (i = 0; i < coll.length; i++) { }); } -var coll = document.getElementsByClassName("collapsible2"); -var i; -for (i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function() { - this.classList.toggle("active"); - var content = this.nextElementSibling; - if (content.style.maxHeight){ - content.style.maxHeight = null; - } else { - content.style.maxHeight = content.scrollHeight + "px"; - } - }); -}