605 lines
10 KiB
CSS
605 lines
10 KiB
CSS
@charset "UTF-8";
|
||
@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-header::before {
|
||
background-color: #283241;
|
||
}
|
||
|
||
.featured-content-label {
|
||
display: none;
|
||
}
|
||
|
||
.featured-content {
|
||
display: none;
|
||
}
|
||
|
||
.publication-icon {
|
||
background-color: #dd4d50;
|
||
}
|
||
|
||
.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 {
|
||
font-size: 26px;
|
||
font-weight: 300;
|
||
line-height: 36px;
|
||
margin: 0;
|
||
}
|
||
.publication-contents h4.featured-title a,
|
||
.publication-contents .section-toc-title a {
|
||
color: #283241;
|
||
}
|
||
.publication-contents h4.featured-title a:hover,
|
||
.publication-contents .section-toc-title a:hover {
|
||
color: #283241;
|
||
text-decoration: underline;
|
||
}
|
||
.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 li a:hover {
|
||
color: #dd4d50;
|
||
text-decoration: underline;
|
||
}
|
||
.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;
|
||
}
|
||
}
|
||
/* Einleitung */
|
||
.featured-title:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Schnellstart */
|
||
.cat-panel-2:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Voraussetzungen */
|
||
.cat-panel-3:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Benutzermenü und -profil */
|
||
.cat-panel-4:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Benutzeroberflächen im RedactManager */
|
||
.cat-panel-5:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Rollen und Berechtigungen */
|
||
.cat-panel-6:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Dossier erstellen und verwalten */
|
||
.cat-panel-7:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Dokumente bearbeiten im Editor */
|
||
.cat-panel-8:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Dossier abschließen und herunterladen */
|
||
.cat-panel-9:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Funktionsübersicht */
|
||
.cat-panel-10:before {
|
||
content: "";
|
||
}
|
||
|
||
/* Glossar */
|
||
.cat-panel-11:before {
|
||
content: "";
|
||
}
|
||
|
||
/* FAQ’s (häufige Fragen) */
|
||
.cat-panel-12:before {
|
||
content: "";
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.site-sidebar {
|
||
background-color: #283241;
|
||
scrollbar-color: #d3d5da #f4f5f7;
|
||
scrollbar-width: thin;
|
||
/* Track */
|
||
/* Handle */
|
||
}
|
||
.site-sidebar .logo {
|
||
padding: 24px 0 30px 0 !important;
|
||
}
|
||
.site-sidebar::-webkit-scrollbar {
|
||
width: 11px;
|
||
}
|
||
.site-sidebar::-webkit-scrollbar-track {
|
||
background: #f4f5f7;
|
||
}
|
||
.site-sidebar::-webkit-scrollbar-thumb {
|
||
background: #d3d5da;
|
||
}
|
||
|
||
.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 {
|
||
font-size: 26px;
|
||
font-weight: 300;
|
||
line-height: 36px;
|
||
margin: 0;
|
||
}
|
||
.section-toc h4.featured-title a,
|
||
.section-toc .section-toc-title a {
|
||
color: #283241;
|
||
}
|
||
.section-toc h4.featured-title a:hover,
|
||
.section-toc .section-toc-title a:hover {
|
||
color: #283241;
|
||
text-decoration: underline;
|
||
}
|
||
.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 li a:hover {
|
||
color: #dd4d50;
|
||
text-decoration: underline;
|
||
}
|
||
.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;
|
||
}
|