From 5a9751ca285cc44e5e67e0f5751fd6fec28cdd8d Mon Sep 17 00:00:00 2001 From: Damlanur Date: Thu, 16 Apr 2020 14:22:29 +0200 Subject: [PATCH] language template added changes 2 css changes 2 templates --- static/topicformat.css | 253 ++++------------------------------------ templates/format.html | 2 +- templates/language.html | 17 +++ templates/topic.html | 2 +- 4 files changed, 42 insertions(+), 232 deletions(-) create mode 100644 templates/language.html diff --git a/static/topicformat.css b/static/topicformat.css index a605bca..001e902 100644 --- a/static/topicformat.css +++ b/static/topicformat.css @@ -1,19 +1,22 @@ body { - background-color: #fcf7e8; + background-color: #F4EBE8; padding-top: 120px; padding-left: 120px; - padding-right: 120px + padding-right: 120px; } + + .grid-container { display: inline-grid; grid-template-columns: repeat(8, 1fr); - grid-column-gap: 10px; + grid-column-gap: 5px; + grid-row-gap: 120px; grid-auto-flow: dense; position: relative; top: 60%; - width: 96%; - height: auto; - left:2%; + left: 30% + height: auto; + text-align: : center; z-index: 5; @@ -29,13 +32,13 @@ body { .img { display: inline-block; border-style: hidden hidden solid hidden; - border-color: #5ce0db; + border-color: #0BEFEB; height: 500px; } .title { display:block; - font-family: 'Work Sans', sans-serif; + font-family: Roboto Mono, monospace; font-size: large; font-weight: 700; } @@ -49,6 +52,7 @@ body { .metatext { display: inline-block; width: 300px; + overflow-wrap: break-word; border-style: hidden; } @@ -72,246 +76,35 @@ a:visited { text-decoration: none; color: black; } - +/* .metatext:hover a { color: white; } - +*/ a:hover { - text-decoration: underline; -} + background-color: #0BEFEB; + opacity: 0.7; + color: white; +} +/* .metatext:hover { - background-color: #5ce0db; + background-color: #0BEFEB; color: white; } - +*/ h1 { position: fixed; right:0%; top:3%; text-align: right; - background-color: #5ce0db; + background-color: #0BEFEB; + opacity: 0.5; padding: 3px 30px 3px 10px; z-index: 10; color: white; font-size: 32px; } -h2{ - position: fixed; - right: 0%; - top: 15%; - text-align: left; - background-color: grey; - color: black; - padding: 3px 3px 3px 30px; - z-index: 10; - font-size: 20px; -} - -/*.indexlist { - position: absolute; - top:20%; -}*/ - -.viewnav { - position: fixed; - top:0%; - right:0%; - background-color: red ; - width: 40%; - z-index: 10; - opacity: 0.7; -} - -.collapsible2 { - background-color: #777; - color: white; - cursor: pointer; - padding: 0px; - width: 100%; - height: px; - border: none; - text-align: left; - outline: none; - font-size: 40px; - z-index: 10; - margin-top: 0px; -} - -.active, .collapsible2:hover { - background-color: #555; -} - -.content2 { - position: relative; - padding: 0px 18px; - max-height: 0; - overflow: hidden; - width: 50%; - transition: max-height 0.2s ease-out; - background-color: grey; - color: white; - z-index: 10; - text-align: left; -} - - -/* Grid buttons */ - -.header { - - position: absolute; - text-align: center; - padding: 32px; - top: 30%; - right: 0%; - z-index: 9; - width: auto; - height: auto; - background-color: pink; -} - -p { - display: block; - position: relative; -} - -.btn { - border: none; - outline: none; - width: 110px; - text-align: center; - padding: 12px 0px; - background-color: grey; - cursor: pointer; - font-size: 18px; - margin-right: 5px; - z-index: 9; -} - -.btn:hover { - background-color: black; - color: blue; -} - -.btn:active { - background-color: black; - color: white; -} - - -.metadata{ - position: fixed; - top:5%; - left:0%; - background-color: ; - width: 40%; - z-index: 10; - opacity: 0.7; -} - -.collapsible { - background-color: #777; - color: white; - cursor: pointer; - padding: 18px; - width: 10%; - height: auto; - border: none; - text-align: right; - outline: none; - font-size: 15px; - z-index: 10; - margin-top: 10px; -} - -.active, .collapsible:hover { - background-color: #555; -} - -.content { - position: relative; - padding: 0px 18px; - max-height: 0; - overflow: hidden; - width: 90%; - transition: max-height 0.2s ease-out; - background-color: grey; - color: white; - z-index: 10; - text-align: right; -} - -a.content:link { - color:white; -} - -.metadata_links { - display: block; - width: 100%; - position: relative; - right: 0%; - padding: 10px; - text-align: left; - /*background-color: blue;*/ - font-size: 18px; - -} - -.metadata_organization { - font-size: 14px; -} - - -.fbtn { - font-style: italic; -} - -.smw-template-furtherresults { - display: none; -} - -.indexlink { - position: fixed; - bottom:0%; - right:3%; - background-color: white; - z-index: 10; - font-size: 30px; -} - -.timelinelink { - position: fixed; - bottom:0%; - right:10%; - background-color: white; - z-index: 10; - font-size: 30px; -} - -.orglink { - position: fixed; - bottom:0%; - left:10%; - background-color: white; - z-index: 10; - font-size: 30px; -} - -.orglink:hover .hiddentext { - visibility: visible; -} - -.hiddentext { - visibility: hidden; - width: 120px; - background-color: black; - color: #fff; - text-align: center; - padding: 5px 0; - border-radius: 6px; -} \ No newline at end of file diff --git a/templates/format.html b/templates/format.html index e713122..de18eb3 100644 --- a/templates/format.html +++ b/templates/format.html @@ -5,7 +5,7 @@ - + {{ page.name }} diff --git a/templates/language.html b/templates/language.html new file mode 100644 index 0000000..de18eb3 --- /dev/null +++ b/templates/language.html @@ -0,0 +1,17 @@ + + + + + + + + + {{ page.name }} + + + +

{{ page.name }}

+
{{ body|safe }}
+ + + diff --git a/templates/topic.html b/templates/topic.html index e713122..de18eb3 100644 --- a/templates/topic.html +++ b/templates/topic.html @@ -5,7 +5,7 @@ - + {{ page.name }}