diff --git a/package.json b/package.json index ee637328b..0bcb2f60d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "redaction", - "version": "2.112.0", + "version": "2.113.0", "private": true, "license": "MIT", "scripts": { diff --git a/paligo-theme/paligo-styles/redacto-theme.css b/paligo-theme/paligo-styles/redacto-theme.css new file mode 100644 index 000000000..a04382d5a --- /dev/null +++ b/paligo-theme/paligo-styles/redacto-theme.css @@ -0,0 +1,499 @@ +@font-face { + font-family: "OpenSans Extrabold"; + src: url("../../fonts/OpenSans-ExtraBold.ttf") format("truetype"); +} +@font-face { + font-family: "Inter"; + font-weight: 300; + src: url("../../fonts/Inter-VariableFont.ttf") format("truetype"); +} +@font-face { + font-family: "Inter"; + font-weight: 400; + src: url("../../fonts/Inter-VariableFont.ttf") format("truetype"); +} +@font-face { + font-family: "Inter"; + font-weight: 500; + src: url("../../fonts/Inter-VariableFont.ttf") format("truetype"); +} +@font-face { + font-family: "Inter"; + font-weight: 600; + src: url("../../fonts/Inter-VariableFont.ttf") format("truetype"); +} +@font-face { + font-family: "Inter"; + font-weight: 700; + src: url("../../font/Inter-VariableFont.ttf") format("truetype"); +} +.portal-header { + z-index: 1; + height: 450px; +} +.portal-header h1 { + font-size: 64px; + font-weight: 300; + line-height: 87px; + margin-top: 68px; + margin-bottom: 40px; +} +.portal-header .portal-search { + max-width: 600px; + margin: auto; + position: relative; +} +.portal-header .portal-search .search-field { + width: 100%; + border: 1px solid #d3d5da; + border-radius: 8px; + background-color: #fff; +} +.portal-header .portal-search .search-field::placeholder { + opacity: 0.7; +} +.portal-header .portal-search .search-field, +.portal-header .portal-search .search-field::placeholder { + color: #283241; + font-size: 14px; + line-height: 18px; +} +.portal-header .portal-search .search-field { + padding: 12px 17px; +} +.portal-header .portal-search .btn { + position: absolute; + right: 0; + padding: 11px 18px; + background-color: transparent; + color: #283241; + cursor: pointer; + border-radius: 0 8px 8px 0; +} +.portal-header .portal-search .btn:hover { + background-color: #dd4d50; +} + +@media only screen and (max-width: 768px) { + .portal-header h1 { + font-size: 42px; + font-weight: 300; + line-height: 57px; + } +} +.portal-publications, +.featured-content-label { + display: none; +} + +.portal-contents { + margin-top: 100px; + margin-bottom: 0; +} +.portal-contents .inner { + margin: 0; + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 24px; +} +.portal-contents .inner::before { + content: none; +} + +.publication-contents { + padding: 24px 40px; + border: 1px solid #e2e4e9; + width: 100%; + margin: 0; + background-color: #fff; + border-radius: 4px; +} +.publication-contents:first-child { + grid-column: 1/span 2; +} +.publication-contents h4.featured-title, +.publication-contents .section-toc-title { + color: #283241; + font-size: 26px; + font-weight: 300; + line-height: 36px; + margin: 0; +} +.publication-contents ul { + margin: 0; + padding: 0; +} +.publication-contents li { + margin: 4px 0; +} +.publication-contents li:first-child { + margin-top: 20px; +} +.publication-contents li:last-child { + margin-bottom: 40px; +} +.publication-contents li a { + color: #dd4d50; + font-size: 16px; + line-height: 24px; +} +.publication-contents h4 span, +.publication-contents li::before { + display: none; +} + +@media only screen and (max-width: 768px) { + .portal-contents .inner { + grid-template-columns: 1fr; + } + + .publication-contents:first-child { + grid-column: auto; + } +} +.portal-search-result { + background-color: #f5f5f7; +} + +.search-container { + padding-bottom: 100px; +} +.search-container h2 { + font-size: 42px; + font-weight: 300; + line-height: 57px; +} + +.portal-search-result { + padding: 0; + margin-top: 80px; +} + +ul.searchresults { + border: 1px solid #e2e4e9; + background-color: #fff; + border-radius: 4px; + margin-top: 32px; +} +ul.searchresults .search-highlight { + font-style: normal; +} + +li.searchresultitem { + margin: 0 32px; + border-bottom: 1px solid #e2e4e9; + padding: 32px 8px; +} + +.searchresultitem.selected-searchresultitem { + background-color: transparent; + border-radius: 0; +} + +.searchresulttitle { + font-size: 26px; + font-weight: 300; + line-height: 36px; + color: #283241; +} + +.searchresultsnippet { + margin: 16px 0; + color: #283241; +} + +.search-result-breadcrumbs { + color: #dd4d50; +} + +.portal-footer, +.site-footer { + border-top: 1px solid #e2e4e9; + padding: 0; +} +.portal-footer.portal-footer, +.site-footer.portal-footer { + margin-top: 100px; +} +.portal-footer .inner, +.site-footer .inner { + margin: 0; + padding: 8px 0 64px 0; + font-size: 16px; + line-height: 24px; +} +.portal-footer .inner > *, +.site-footer .inner > * { + padding: 0; +} +.portal-footer .inner .copyright:after, +.site-footer .inner .copyright:after { + content: " knecon AG"; +} + +.site-sidebar { + background-color: #283241; +} +.site-sidebar .logo { + padding: 24px 0 30px 0 !important; +} + +.site-sidebar-search { + padding: 0 24px; +} +.site-sidebar-search .search-field { + width: 100%; + border: 1px solid #d3d5da; + border-radius: 8px; + background-color: #fff; +} +.site-sidebar-search .search-field::placeholder { + opacity: 0.7; +} +.site-sidebar-search .search-field, +.site-sidebar-search .search-field::placeholder { + color: #283241; + font-size: 14px; + line-height: 18px; +} +.site-sidebar-search .search-field { + padding: 7px 13px; +} + +.nav-site-sidebar { + margin-top: 16px; +} +.nav-site-sidebar .topic-link { + padding-top: 11px; + padding-bottom: 11px; + font-size: 14px; + line-height: 18px; + color: #d3d5da; +} +.nav-site-sidebar .topic-link:hover { + background-color: #313d4e; +} +.nav-site-sidebar .active > .topic-link { + background-color: #313d4e; +} +.nav-site-sidebar .active > a { + color: #fff; + font-weight: 600; +} +.nav-site-sidebar > li > a { + padding-left: 24px; +} +.nav-site-sidebar > li > ul > li > a { + padding-left: 32px; +} +.nav-site-sidebar > li > ul > li > ul > li > a { + padding-left: 40px; +} + +.toc .glyphicon { + top: 5px; +} +.toc > li > .topic-link > .glyphicon { + margin-top: 4px; +} + +.toolbar { + box-shadow: none; + padding: 21px 24px; + margin-bottom: 50px; +} + +.breadcrumb { + font-size: 14px; + line-height: 18px; + font-weight: 600; +} +.breadcrumb a { + color: #283241; +} +.breadcrumb a:hover { + color: #dd4d50; + text-decoration: underline; +} +.breadcrumb .breadcrumb-node { + color: #dd4d50; +} + +main article { + margin-top: 0; + margin-bottom: 0; + padding: 0; +} + +#topic-content > section > .titlepage h2.title { + margin: 0 0 24px; + font-size: 32px; + font-weight: 300; + line-height: 43px; +} + +.image-viewport { + margin: auto; +} +.image-viewport img { + margin: 16px auto; + box-shadow: 0 3px 12px 5px rgba(40, 50, 65, 0.14); +} + +.pager { + margin-top: 30px; + margin-bottom: 30px; + padding: 0; +} + +.pager li > a, +.pager li > span { + color: #dd4d50; + font-size: 14px; + font-weight: 600; + line-height: 19px; + text-transform: uppercase; + padding: 0; + background-color: transparent; + border: none; + border-radius: 0; +} +.pager li > a:hover, +.pager li > span:hover { + text-decoration: underline; + background-color: transparent; + color: #dd4d50; +} + +.warning, +.note, +.important, +.caution, +.tip { + margin-top: 32px; + margin-bottom: 32px; + padding: 16px 24px 16px 68px; + background-color: #fff; + border-left: 4px solid #dd4d50; +} +.warning:before, +.note:before, +.important:before, +.caution:before, +.tip:before { + color: #dd4d50; + width: 20px; + height: 20px; + text-align: center; + left: 24px; + top: calc(50% - 15px); +} +.warning h3, +.note h3, +.important h3, +.caution h3, +.tip h3 { + padding: 0; + font-size: 18px; + font-weight: 600; + line-height: 24px; + margin-bottom: 8px; +} +.warning p, +.note p, +.important p, +.caution p, +.tip p { + line-height: 20px; +} + +.topic-content > section > p { + margin: 24px 0; +} + +.section-toc { + padding: 24px 40px; + border: 1px solid #e2e4e9; + width: 100%; + margin: 0; + background-color: #fff; + border-radius: 4px; +} +.section-toc:first-child { + grid-column: 1/span 2; +} +.section-toc h4.featured-title, +.section-toc .section-toc-title { + color: #283241; + font-size: 26px; + font-weight: 300; + line-height: 36px; + margin: 0; +} +.section-toc ul { + margin: 0; + padding: 0; +} +.section-toc li { + margin: 4px 0; +} +.section-toc li:first-child { + margin-top: 20px; +} +.section-toc li:last-child { + margin-bottom: 40px; +} +.section-toc li a { + color: #dd4d50; + font-size: 16px; + line-height: 24px; +} +.section-toc h4 span, +.section-toc li::before { + display: none; +} +.section-toc li:first-child { + margin-top: 16px; +} +.section-toc li:last-child { + margin-bottom: 8px; +} + +body { + color: #283241; + background-color: #f5f5f7; + font-family: "Inter", sans-serif; + scrollbar-color: #d3d5da #f4f5f7; + scrollbar-width: thin; + /* Track */ + /* Handle */ +} +body h1, +body h2, +body h3, +body h4, +body h5, +body h6, +body p, +body pre { + margin: 0; + font-family: "Inter", sans-serif; +} +body::-webkit-scrollbar { + width: 11px; +} +body::-webkit-scrollbar-track { + background: #f4f5f7; +} +body::-webkit-scrollbar-thumb { + background: #d3d5da; +} +body h3 { + font-size: 32px; + font-weight: 300; + line-height: 43px; +} +body p { + font-size: 16px; + line-height: 24px; +}