695 lines
13 KiB
CSS
695 lines
13 KiB
CSS
@charset "UTF-8";
|
||
@font-face {
|
||
font-family: 'OpenSans';
|
||
font-weight: 300;
|
||
src: url('../fonts/OpenSans-VariableFont.ttf') format('truetype');
|
||
}
|
||
@font-face {
|
||
font-family: 'OpenSans';
|
||
font-weight: 400;
|
||
src: url('../fonts/OpenSans-VariableFont.ttf') format('truetype');
|
||
}
|
||
@font-face {
|
||
font-family: 'OpenSans';
|
||
font-weight: 500;
|
||
src: url('../fonts/OpenSans-VariableFont.ttf') format('truetype');
|
||
}
|
||
@font-face {
|
||
font-family: 'OpenSans';
|
||
font-weight: 600;
|
||
src: url('../fonts/OpenSans-VariableFont.ttf') format('truetype');
|
||
}
|
||
@font-face {
|
||
font-family: 'OpenSans';
|
||
font-weight: 700;
|
||
src: url('../font/OpenSans-VariableFont.ttf') format('truetype');
|
||
}
|
||
.portal-header {
|
||
z-index: 1;
|
||
height: 450px;
|
||
}
|
||
.portal-header::before {
|
||
background-color: #283241;
|
||
}
|
||
.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;
|
||
}
|
||
}
|
||
.featured-content-label {
|
||
display: none;
|
||
}
|
||
|
||
.featured-content {
|
||
display: none;
|
||
}
|
||
|
||
.portal-single-publication .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 */
|
||
.cat-panel-1:before {
|
||
content: '\f277';
|
||
}
|
||
|
||
/* Workflow */
|
||
.cat-panel-2:before {
|
||
content: '\f0c1';
|
||
}
|
||
|
||
/* Voraussetzungen */
|
||
.cat-panel-3:before {
|
||
content: '\f109';
|
||
}
|
||
|
||
/* Benutzermenü und -profil */
|
||
.cat-panel-4:before {
|
||
content: '\f007';
|
||
}
|
||
|
||
/* Benachrichtigungen */
|
||
.cat-panel-5:before {
|
||
content: '\f0f3';
|
||
}
|
||
|
||
/* Suchfunktion */
|
||
.cat-panel-6:before {
|
||
content: '\f002';
|
||
}
|
||
|
||
/* Ebenen in der Benutzeroberfläche des RedactManagers */
|
||
.cat-panel-7:before {
|
||
content: '\f248';
|
||
}
|
||
|
||
/* Rollen und Berechtigungen */
|
||
.cat-panel-8:before {
|
||
content: '\f084';
|
||
}
|
||
|
||
/* Dossier erstellen und verwalten */
|
||
.cat-panel-9:before {
|
||
content: '\f07c';
|
||
}
|
||
|
||
/* Dokumente bearbeiten im Editor */
|
||
.cat-panel-10:before {
|
||
content: '\f15c';
|
||
}
|
||
|
||
/* Dossier abschließen und herunterladen */
|
||
.cat-panel-11:before {
|
||
content: '\f019';
|
||
}
|
||
|
||
/* Funktionsübersicht */
|
||
.cat-panel-12:before {
|
||
content: '\f03a';
|
||
}
|
||
|
||
/* Glossar */
|
||
.cat-panel-13:before {
|
||
content: '\f02d';
|
||
}
|
||
|
||
/* FAQ’s (häufige Fragen) */
|
||
.cat-panel-14:before {
|
||
content: '\f059';
|
||
}
|
||
|
||
.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: 80px 0 0 0;
|
||
}
|
||
|
||
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,
|
||
.site-footer .inner .copyright {
|
||
width: 50%;
|
||
}
|
||
|
||
:root {
|
||
--iqser-primary: lightblue;
|
||
--iqser-primary-rgb: 220, 230, 234;
|
||
--iqser-primary-2: orange;
|
||
--iqser-accent: blue;
|
||
--iqser-accent-rgb: 123, 234, 111;
|
||
--iqser-disabled: #9398a0;
|
||
--iqser-not-disabled-table-item: #f9fafb;
|
||
--iqser-btn-bg-hover: #e2e4e9;
|
||
--iqser-btn-bg: #f0f1f4;
|
||
--iqser-warn: #fdbd00;
|
||
--iqser-white: white;
|
||
--iqser-black: black;
|
||
--iqser-light: white;
|
||
--iqser-separator: rgba(226, 228, 233, 0.9);
|
||
--iqser-quick-filter-border: #d3d5da;
|
||
--iqser-grey-1: #283241;
|
||
--iqser-grey-2: #f4f5f7;
|
||
--iqser-grey-3: #aaacb3;
|
||
--iqser-grey-4: #e2e4e9;
|
||
--iqser-grey-5: #d3d5da;
|
||
--iqser-grey-6: #f0f1f4;
|
||
--iqser-grey-7: #9398a0;
|
||
--iqser-green-1: #00ff00;
|
||
--iqser-green-2: #5ce594;
|
||
--iqser-yellow-1: #ffb83b;
|
||
--iqser-yellow-2: #fdbd00;
|
||
--iqser-red-1: #dd4d50;
|
||
--iqser-blue-5: #c5d3eb;
|
||
--iqser-helpmode-primary: green;
|
||
}
|
||
|
||
.site-sidebar {
|
||
background-color: #283241;
|
||
scrollbar-color: var(--iqser-quick-filter-border) var(--iqser-grey-2);
|
||
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: var(--iqser-grey-2);
|
||
}
|
||
.site-sidebar::-webkit-scrollbar-thumb {
|
||
background: var(--iqser-quick-filter-border);
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.topic-content .breadcrumb-container {
|
||
margin-top: 40px;
|
||
}
|
||
.topic-content .breadcrumb {
|
||
font-size: 14px;
|
||
line-height: 18px;
|
||
font-weight: 600;
|
||
}
|
||
.topic-content .breadcrumb a {
|
||
color: #283241;
|
||
}
|
||
.topic-content .breadcrumb a:hover {
|
||
color: #dd4d50;
|
||
text-decoration: underline;
|
||
}
|
||
.topic-content .breadcrumb .breadcrumb-node {
|
||
color: #dd4d50;
|
||
}
|
||
|
||
main article {
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
section > .titlepage .title {
|
||
margin: 24px 0 16px 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;
|
||
}
|
||
|
||
.mediaobject {
|
||
margin-top: 20px;
|
||
}
|
||
.mediaobject img {
|
||
border-radius: 4px;
|
||
margin: 0;
|
||
}
|
||
.mediaobject .caption > p {
|
||
font-size: 14px;
|
||
text-align: center;
|
||
font-style: italic;
|
||
margin: 0;
|
||
}
|
||
|
||
.inlinemediaobject {
|
||
vertical-align: unset;
|
||
}
|
||
|
||
main ol,
|
||
main ul {
|
||
margin: 0 0 24px;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.question {
|
||
font-weight: 600;
|
||
}
|
||
.question > td > p {
|
||
margin: 32px 0 18px 0;
|
||
}
|
||
.question > td:first-child {
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.fixed-toolbar article.topic :target.question:before {
|
||
content: none;
|
||
}
|
||
|
||
body {
|
||
color: #283241;
|
||
background-color: #f5f5f7;
|
||
font-family: 'OpenSans', sans-serif;
|
||
scrollbar-color: var(--iqser-quick-filter-border) var(--iqser-grey-2);
|
||
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: 'OpenSans', sans-serif;
|
||
}
|
||
body::-webkit-scrollbar {
|
||
width: 11px;
|
||
}
|
||
body::-webkit-scrollbar-track {
|
||
background: var(--iqser-grey-2);
|
||
}
|
||
body::-webkit-scrollbar-thumb {
|
||
background: var(--iqser-quick-filter-border);
|
||
}
|
||
body h3 {
|
||
font-size: 32px;
|
||
font-weight: 300;
|
||
line-height: 43px;
|
||
}
|
||
body p {
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
}
|
||
body a {
|
||
color: #dd4d50;
|
||
}
|
||
body a:hover {
|
||
text-decoration: underline;
|
||
color: #dd4d50;
|
||
}
|