Commit 49666d82 authored by Wolfgang Wiese's avatar Wolfgang Wiese
Browse files

feintuning mit background

parent b205e494
/nbproject/
/node_modules/
/package-lock.json
.DS_Store
......@@ -15,16 +15,16 @@
<div class="container">
<header>
<div class="meta-header">
<nav class="meta-links" aria-labelledby="meta-links-title">
<h2 id="meta-links-title" class="screen-reader-text">Meta-Navigation</h2>
<ul class="orgalist">
<li class="fauhome"><a href="https://www.fau.de"><img src="img/fau-logo-37x16.png" alt="Friedrich-Alexander-Universität Erlangen-Nürnberg (FAU)"></a></li>
<li><a href="https://www.rrze.fau.de"><img src="img/rrze-logo-37x16.png" alt="Regionales Rechenzentrum Erlangen (RRZE)"></a></li>
</ul>
</nav>
<div class="login-info">
<a class="login" href="/otrs/index.pl">Anmelden</a>
</div>
<nav class="meta-links" aria-labelledby="meta-links-title">
<h2 id="meta-links-title" class="screen-reader-text">Meta-Navigation</h2>
<ul class="orgalist">
<li class="fauhome"><a href="https://www.fau.de"><img src="img/fau-logo-37x16.png" alt="Friedrich-Alexander-Universität Erlangen-Nürnberg (FAU)"></a></li>
<li><a href="https://www.rrze.fau.de"><img src="img/rrze-logo-37x16.png" alt="Regionales Rechenzentrum Erlangen (RRZE)"></a></li>
</ul>
</nav>
<div class="login-info">
<a class="login" href="/otrs/index.pl">Anmelden</a>
</div>
</div>
</header>
<main class="content-body">
......@@ -160,23 +160,22 @@ Durchsetzungs- und Überwachungsstelle für barrierefreie Informationstechnik</p
</main>
<footer>
<div class="content-footer">
<div class="logo">
<a href="https://www.fau.de"><img src="img/fau-logo-fff.png" alt="Friedrich-Alexander-Universität Erlangen-Nürnberg"></a>
</div>
<div class="meta">
<nav aria-labelledby="footer-nav-title">
<h2 class="screen-reader-text" id="footer-nav-title">Kontakt, Impressum und Zusatzinformationen</h2>
<ul>
<li><a href="/kontakt">Kontakt</a></li>
<li><a href="/imprint">Impressum</a></li>
<li><a href="/privacy">Datenschutz</a></li>
<li><a href="/accessibility">Barrierefreiheit</a></li>
</ul>
</nav>
<div class="logo">
<a href="https://www.fau.de"><img src="img/fau-logo-fff.png" alt="Friedrich-Alexander-Universität Erlangen-Nürnberg"></a>
</div>
<div class="meta">
<nav aria-labelledby="footer-nav-title">
<h2 class="screen-reader-text" id="footer-nav-title">Kontakt, Impressum und Zusatzinformationen</h2>
<ul>
<li><a href="/kontakt">Kontakt</a></li>
<li><a target="_blank" href="https://www.otrs.com" rel="noopener noreferrer">OTRS</a></li>
<li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">Datenschutz</a></li>
<li><a href="/barrierefreiheit">Barrierefreiheit</a></li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
</div>
......
body,html{margin:0;height:100%}:root{--main-bg-url:url("../img/login-background.jpg");--screen-xs:480px;--fontsize:16px;--lineheight:24px;--lineheighth1:32px;--smallfont:14px;--smallerfont:12px;--fontfamily:'Roboto','Open Sans','Lato',sans-serif;--meta-bg-color:#e9edf2;--main-bg-color:#fff;--meta-link-color:#036}.container{display:flex;width:100%;height:100vh;flex-direction:column;flex-wrap:wrap}@media (min-width:480px){.container{flex-wrap:wrap}}.container main{margin:0 0 30px 0;width:100%;flex:1;overflow-y:auto;display:flex}.container main .content{max-width:1200px;margin:0 auto;width:100%}.container main.login .content{margin:0;width:100%;max-width:inherit}@media (min-width:600px){.container main.login .content{width:450px;margin:0 0 0 auto;min-width:var(--screen-xs)}}@media (min-width:1200px){.container main.login .content{margin:auto;align-self:flex-start}}.container footer{margin-top:auto;width:100%}.container header{margin:0;width:100%;background:var(--meta-bg-color)}.meta-header{max-width:1200px;margin:0 auto;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;font-size:var(--smallfont)}.meta-header a{display:inline-block;padding:8px;color:var(--meta-link-color);text-decoration:none}.meta-header a.logout{background-color:#b00f0f;color:#fff}.meta-header .login-info,.meta-header .meta-links{padding:0 10px}.meta-header .meta-links ul{display:inline-block;margin:0;padding:0}.meta-header .meta-links li{list-style:none;padding:0;display:inline;margin:0 4px;background:0 0}.meta-header .meta-links li a{white-space:nowrap}.content-footer{max-width:1200px;margin:0 auto;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.content-footer .logo{order:1;margin:10px}@media (min-width:480px){.content-footer .logo{margin:20px}}.content-footer .logo img{width:120px}@media (min-width:480px){.content-footer .logo img{width:240px}}.content-footer .meta{order:2;padding:10px}@media (min-width:480px){.content-footer .meta{padding:10px 20px}}.content-footer .meta ul{display:inline-block;margin:0;padding:0}@media (min-width:480px){.content-footer .meta ul{margin-top:10px}}.content-footer .meta li{font-size:var(--smallerfont);list-style:none;padding:0;display:inline;margin:0 4px;background:0 0}@media (min-width:480px){.content-footer .meta li{font-size:var(--smallfont);margin:0 6px}}.content-footer .meta li a{white-space:nowrap}@media (min-width:480px){.content-footer .meta{text-align:right}}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;font-weight:400;background-color:#e9edf2;font-size:1rem}.alert strong{color:inherit}.alert.light{color:#fff;letter-spacing:.03em}.alert.light *{color:#fff;letter-spacing:.03em}.alert.light a{color:#ccc}.alert.light a:active,.alert.light a:focus,.alert.light a:hover{color:#fff}.alert a.standard-btn{margin-bottom:0}.alert :last-child{margin-bottom:0}.alert p:last-child{padding-bottom:0}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}a.standard-btn,button.standard-btn{display:inline-block;margin:5px 0;padding:10px 18px;overflow:hidden;cursor:pointer;background:#036;color:#fff;font-size:16px;font-size:1rem;text-align:center;font-weight:400;text-decoration:none!important;transition:.2s background ease;border:1px solid transparent}.page .entry-content a.standard-btn,.page .entry-content button.standard-btn,.post .entry-content a.standard-btn,.post .entry-content button.standard-btn{color:#fff}.page .entry-content a.standard-btn:hover,.page .entry-content button.standard-btn:hover,.post .entry-content a.standard-btn:hover,.post .entry-content button.standard-btn:hover{color:#fff}a.standard-btn.xsmall-btn,button.standard-btn.xsmall-btn{padding:5px 10px;font-size:14px;font-size:.875rem}a.standard-btn.small-btn,button.standard-btn.small-btn{padding:7px 12px 5px}a.standard-btn.large-btn,button.standard-btn.large-btn{padding:14px 20px 13px;font-size:23px;font-size:1.4375rem}a.standard-btn.xlarge-btn,button.standard-btn.xlarge-btn{padding:18px 30px 17px;font-size:25px;font-size:1.5625rem}a.standard-btn.blue-btn,a.standard-btn.primary-btn,button.standard-btn.blue-btn,button.standard-btn.primary-btn{background:#036;border-color:#00264d}a.standard-btn.blue-btn:active,a.standard-btn.blue-btn:focus,a.standard-btn.blue-btn:hover,a.standard-btn.primary-btn:active,a.standard-btn.primary-btn:focus,a.standard-btn.primary-btn:hover,button.standard-btn.blue-btn:active,button.standard-btn.blue-btn:focus,button.standard-btn.blue-btn:hover,button.standard-btn.primary-btn:active,button.standard-btn.primary-btn:focus,button.standard-btn.primary-btn:hover{background:#001a33}a.standard-btn.green-btn,a.standard-btn.success-btn,button.standard-btn.green-btn,button.standard-btn.success-btn{background:#5cb85c;border-color:#4cae4c}a.standard-btn.green-btn:active,a.standard-btn.green-btn:focus,a.standard-btn.green-btn:hover,a.standard-btn.success-btn:active,a.standard-btn.success-btn:focus,a.standard-btn.success-btn:hover,button.standard-btn.green-btn:active,button.standard-btn.green-btn:focus,button.standard-btn.green-btn:hover,button.standard-btn.success-btn:active,button.standard-btn.success-btn:focus,button.standard-btn.success-btn:hover{background:#419641}a.standard-btn.info-btn,button.standard-btn.info-btn{background:#5bc0de;border-color:#46b8da}a.standard-btn.info-btn:active,a.standard-btn.info-btn:focus,a.standard-btn.info-btn:hover,button.standard-btn.info-btn:active,button.standard-btn.info-btn:focus,button.standard-btn.info-btn:hover{background:#2aabd2}a.standard-btn.warning-btn,a.standard-btn.yellow-btn,button.standard-btn.warning-btn,button.standard-btn.yellow-btn{background:#f0ad4e;border-color:#eea236}a.standard-btn.warning-btn:active,a.standard-btn.warning-btn:focus,a.standard-btn.warning-btn:hover,a.standard-btn.yellow-btn:active,a.standard-btn.yellow-btn:focus,a.standard-btn.yellow-btn:hover,button.standard-btn.warning-btn:active,button.standard-btn.warning-btn:focus,button.standard-btn.warning-btn:hover,button.standard-btn.yellow-btn:active,button.standard-btn.yellow-btn:focus,button.standard-btn.yellow-btn:hover{background:#eb9316}a.standard-btn.danger-btn,a.standard-btn.red-btn,button.standard-btn.danger-btn,button.standard-btn.red-btn{background:#d9534f;border-color:#d43f3a}a.standard-btn.danger-btn:active,a.standard-btn.danger-btn:focus,a.standard-btn.danger-btn:hover,a.standard-btn.red-btn:active,a.standard-btn.red-btn:focus,a.standard-btn.red-btn:hover,button.standard-btn.danger-btn:active,button.standard-btn.danger-btn:focus,button.standard-btn.danger-btn:hover,button.standard-btn.red-btn:active,button.standard-btn.red-btn:focus,button.standard-btn.red-btn:hover{background:#c12e2a}a.standard-btn.grey-btn,a.standard-btn.secondary-btn,button.standard-btn.grey-btn,button.standard-btn.secondary-btn{background:#5a6268}a.standard-btn.grey-btn:active,a.standard-btn.grey-btn:focus,a.standard-btn.grey-btn:hover,a.standard-btn.secondary-btn:active,a.standard-btn.secondary-btn:focus,a.standard-btn.secondary-btn:hover,button.standard-btn.grey-btn:active,button.standard-btn.grey-btn:focus,button.standard-btn.grey-btn:hover,button.standard-btn.secondary-btn:active,button.standard-btn.secondary-btn:focus,button.standard-btn.secondary-btn:hover{background:#3e4347}a.standard-btn.black-btn,button.standard-btn.black-btn{background:#393944}a.standard-btn.black-btn:active,a.standard-btn.black-btn:focus,a.standard-btn.black-btn:hover,button.standard-btn.black-btn:active,button.standard-btn.black-btn:focus,button.standard-btn.black-btn:hover{background:#1d1d23}a.standard-btn.full-btn,button.standard-btn.full-btn{width:100%}a.standard-btn:active,button.standard-btn:active{transform:scale(.95)}body{font-size:var(--fontsize);line-height:var(--lineheight);font-family:var(--fontfamily)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{background:var(--main-bg-color)}@media (min-width:480px){.container{background:0 0}}footer{background-color:#036;color:#fff}.content-footer a{text-decoration:none;color:#fff}.content-footer a:focus,.content-footer a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#036;font-weight:700}ul{font-size:1rem}ul li{font-size:1rem}.logo{margin-top:40px;margin-bottom:30px}
\ No newline at end of file
body,html{margin:0;height:100%}:root{--main-bg-url:url("../img/login-background.jpg");--screen-xs:480px;--fontsize:16px;--lineheight:24px;--lineheighth1:32px;--smallfont:14px;--smallerfont:12px;--fontfamily:'Roboto','Open Sans','Lato',sans-serif;--meta-bg-color:#e9edf2;--main-bg-color:#fff;--meta-link-color:#036}.container{display:flex;width:100%;height:100vh;flex-direction:column;flex-wrap:wrap}@media (min-width:480px){.container{flex-wrap:wrap}}.container main{margin:0;width:100%;flex:1;overflow-y:auto;display:flex}.container main .content{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.container main.login .content{margin:0;width:100%;max-width:inherit}@media (min-width:600px){.container main.login .content{width:450px;margin:0 0 0 auto;min-width:var(--screen-xs)}}@media (min-width:1200px){.container main.login .content{margin:auto;align-self:flex-start}}.container footer{margin-top:auto;width:100%}.container header{margin:0;width:100%;background:var(--meta-bg-color)}.container .row{margin-left:15px;margin-right:15px}.container .content,.container .content-footer,.container .meta-header{max-width:1200px;margin:0 auto}.meta-header{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;font-size:var(--smallfont)}.meta-header a{display:inline-block;padding:8px;color:var(--meta-link-color);text-decoration:none}.meta-header a.logout{background-color:#b00f0f;color:#fff}.meta-header .login-info,.meta-header .meta-links{padding:0}.meta-header .meta-links ul{display:inline-block;margin:0;padding:0}.meta-header .meta-links li{list-style:none;padding:0;display:inline;margin:0 4px;background:0 0}.meta-header .meta-links li a{white-space:nowrap}.content-footer{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.content-footer .logo{order:1;margin:10px}@media (min-width:480px){.content-footer .logo{margin:20px}}.content-footer .logo img{width:120px}@media (min-width:480px){.content-footer .logo img{width:240px}}.content-footer .meta{order:2;padding:10px}@media (min-width:480px){.content-footer .meta{padding:10px 20px}}.content-footer .meta ul{display:inline-block;margin:0;padding:0}@media (min-width:480px){.content-footer .meta ul{margin-top:10px}}.content-footer .meta li{font-size:var(--smallerfont);list-style:none;padding:0;display:inline;margin:0 4px;background:0 0}@media (min-width:480px){.content-footer .meta li{font-size:var(--smallfont);margin:0 6px}}.content-footer .meta li a{white-space:nowrap}@media (min-width:480px){.content-footer .meta{text-align:right}}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;font-weight:400;background-color:#e9edf2;font-size:1rem}.alert strong{color:inherit}.alert.light{color:#fff;letter-spacing:.03em}.alert.light *{color:#fff;letter-spacing:.03em}.alert.light a{color:#ccc}.alert.light a:active,.alert.light a:focus,.alert.light a:hover{color:#fff}.alert a.standard-btn{margin-bottom:0}.alert :last-child{margin-bottom:0}.alert p:last-child{padding-bottom:0}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}a.standard-btn,button.standard-btn{display:inline-block;margin:5px 0;padding:10px 18px;overflow:hidden;cursor:pointer;background:#036;color:#fff;font-size:16px;font-size:1rem;text-align:center;font-weight:400;text-decoration:none!important;transition:.2s background ease;border:1px solid transparent}.page .entry-content a.standard-btn,.page .entry-content button.standard-btn,.post .entry-content a.standard-btn,.post .entry-content button.standard-btn{color:#fff}.page .entry-content a.standard-btn:hover,.page .entry-content button.standard-btn:hover,.post .entry-content a.standard-btn:hover,.post .entry-content button.standard-btn:hover{color:#fff}a.standard-btn.xsmall-btn,button.standard-btn.xsmall-btn{padding:5px 10px;font-size:14px;font-size:.875rem}a.standard-btn.small-btn,button.standard-btn.small-btn{padding:7px 12px 5px}a.standard-btn.large-btn,button.standard-btn.large-btn{padding:14px 20px 13px;font-size:23px;font-size:1.4375rem}a.standard-btn.xlarge-btn,button.standard-btn.xlarge-btn{padding:18px 30px 17px;font-size:25px;font-size:1.5625rem}a.standard-btn.blue-btn,a.standard-btn.primary-btn,button.standard-btn.blue-btn,button.standard-btn.primary-btn{background:#036;border-color:#00264d}a.standard-btn.blue-btn:active,a.standard-btn.blue-btn:focus,a.standard-btn.blue-btn:hover,a.standard-btn.primary-btn:active,a.standard-btn.primary-btn:focus,a.standard-btn.primary-btn:hover,button.standard-btn.blue-btn:active,button.standard-btn.blue-btn:focus,button.standard-btn.blue-btn:hover,button.standard-btn.primary-btn:active,button.standard-btn.primary-btn:focus,button.standard-btn.primary-btn:hover{background:#001a33}a.standard-btn.green-btn,a.standard-btn.success-btn,button.standard-btn.green-btn,button.standard-btn.success-btn{background:#5cb85c;border-color:#4cae4c}a.standard-btn.green-btn:active,a.standard-btn.green-btn:focus,a.standard-btn.green-btn:hover,a.standard-btn.success-btn:active,a.standard-btn.success-btn:focus,a.standard-btn.success-btn:hover,button.standard-btn.green-btn:active,button.standard-btn.green-btn:focus,button.standard-btn.green-btn:hover,button.standard-btn.success-btn:active,button.standard-btn.success-btn:focus,button.standard-btn.success-btn:hover{background:#419641}a.standard-btn.info-btn,button.standard-btn.info-btn{background:#5bc0de;border-color:#46b8da}a.standard-btn.info-btn:active,a.standard-btn.info-btn:focus,a.standard-btn.info-btn:hover,button.standard-btn.info-btn:active,button.standard-btn.info-btn:focus,button.standard-btn.info-btn:hover{background:#2aabd2}a.standard-btn.warning-btn,a.standard-btn.yellow-btn,button.standard-btn.warning-btn,button.standard-btn.yellow-btn{background:#f0ad4e;border-color:#eea236}a.standard-btn.warning-btn:active,a.standard-btn.warning-btn:focus,a.standard-btn.warning-btn:hover,a.standard-btn.yellow-btn:active,a.standard-btn.yellow-btn:focus,a.standard-btn.yellow-btn:hover,button.standard-btn.warning-btn:active,button.standard-btn.warning-btn:focus,button.standard-btn.warning-btn:hover,button.standard-btn.yellow-btn:active,button.standard-btn.yellow-btn:focus,button.standard-btn.yellow-btn:hover{background:#eb9316}a.standard-btn.danger-btn,a.standard-btn.red-btn,button.standard-btn.danger-btn,button.standard-btn.red-btn{background:#d9534f;border-color:#d43f3a}a.standard-btn.danger-btn:active,a.standard-btn.danger-btn:focus,a.standard-btn.danger-btn:hover,a.standard-btn.red-btn:active,a.standard-btn.red-btn:focus,a.standard-btn.red-btn:hover,button.standard-btn.danger-btn:active,button.standard-btn.danger-btn:focus,button.standard-btn.danger-btn:hover,button.standard-btn.red-btn:active,button.standard-btn.red-btn:focus,button.standard-btn.red-btn:hover{background:#c12e2a}a.standard-btn.grey-btn,a.standard-btn.secondary-btn,button.standard-btn.grey-btn,button.standard-btn.secondary-btn{background:#5a6268}a.standard-btn.grey-btn:active,a.standard-btn.grey-btn:focus,a.standard-btn.grey-btn:hover,a.standard-btn.secondary-btn:active,a.standard-btn.secondary-btn:focus,a.standard-btn.secondary-btn:hover,button.standard-btn.grey-btn:active,button.standard-btn.grey-btn:focus,button.standard-btn.grey-btn:hover,button.standard-btn.secondary-btn:active,button.standard-btn.secondary-btn:focus,button.standard-btn.secondary-btn:hover{background:#3e4347}a.standard-btn.black-btn,button.standard-btn.black-btn{background:#393944}a.standard-btn.black-btn:active,a.standard-btn.black-btn:focus,a.standard-btn.black-btn:hover,button.standard-btn.black-btn:active,button.standard-btn.black-btn:focus,button.standard-btn.black-btn:hover{background:#1d1d23}a.standard-btn.full-btn,button.standard-btn.full-btn{width:100%}a.standard-btn:active,button.standard-btn:active{transform:scale(.95)}body{font-size:var(--fontsize);line-height:var(--lineheight);font-family:var(--fontfamily)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{background:var(--main-bg-color)}@media (min-width:480px){.container{background:0 0}}@media (min-width:480px){.container main{background-image:var(--main-bg-url)}}.container .content{background:var(--main-bg-color)}@media (min-width:480px){.container .content{background:rgba(255,255,255,.7)}}footer{background-color:#036;color:#fff}.content-footer a{text-decoration:none;color:#fff}.content-footer a:focus,.content-footer a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#036;font-weight:700}ul{font-size:1rem}ul li{font-size:1rem}.iotrs .content .logo{margin-top:40px;margin-bottom:30px}
\ No newline at end of file
......@@ -273,11 +273,10 @@
<h2 class="screen-reader-text" id="footer-nav-title">Kontakt, Impressum und Zusatzinformationen</h2>
<ul>
<li><a href="/kontakt">Kontakt</a></li>
<li><a href="/imprint">Impressum</a></li>
<li><a href="/privacy">Datenschutz</a></li>
<li><a href="/accessibility">Barrierefreiheit</a></li>
<li><a target="_blank" href="https://www.otrs.com" rel="noopener noreferrer">OTRS</a></li>
<li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">Datenschutz</a></li>
<li><a href="/barrierefreiheit">Barrierefreiheit</a></li>
</ul>
</nav>
</div>
......
......@@ -261,11 +261,10 @@ dotrs.rrze.fau.de
<h2 class="screen-reader-text" id="footer-nav-title">Kontakt, Impressum und Zusatzinformationen</h2>
<ul>
<li><a href="/kontakt">Kontakt</a></li>
<li><a href="/imprint">Impressum</a></li>
<li><a href="/privacy">Datenschutz</a></li>
<li><a href="/accessibility">Barrierefreiheit</a></li>
<li><a target="_blank" href="https://www.otrs.com" rel="noopener noreferrer">OTRS</a></li>
<li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">Datenschutz</a></li>
<li><a href="/barrierefreiheit">Barrierefreiheit</a></li>
</ul>
</nav>
</div>
......
......@@ -65,11 +65,10 @@ E-Mail: <a href="mailto:rrze-otrs@fau.de">rrze-otrs@fau.de</a><br>
<h2 class="screen-reader-text" id="footer-nav-title">Kontakt, Impressum und Zusatzinformationen</h2>
<ul>
<li><a href="/kontakt">Kontakt</a></li>
<li><a href="/imprint">Impressum</a></li>
<li><a href="/privacy">Datenschutz</a></li>
<li><a href="/accessibility">Barrierefreiheit</a></li>
<li><a target="_blank" href="https://www.otrs.com" rel="noopener noreferrer">OTRS</a></li>
<li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">Datenschutz</a></li>
<li><a href="/barrierefreiheit">Barrierefreiheit</a></li>
</ul>
</nav>
</div>
......
......@@ -54,11 +54,10 @@
<h2 class="screen-reader-text" id="footer-nav-title">Kontakt, Impressum und Zusatzinformationen</h2>
<ul>
<li><a href="/kontakt">Kontakt</a></li>
<li><a href="/imprint">Impressum</a></li>
<li><a href="/privacy">Datenschutz</a></li>
<li><a href="/accessibility">Barrierefreiheit</a></li>
<li><a target="_blank" href="https://www.otrs.com" rel="noopener noreferrer">OTRS</a></li>
<li><a href="/impressum">Impressum</a></li>
<li><a href="/datenschutz">Datenschutz</a></li>
<li><a href="/barrierefreiheit">Barrierefreiheit</a></li>
</ul>
</nav>
</div>
......
{
"name": "rrze-otrs-customizing",
"version": "1.0.1-8",
"version": "1.0.1",
"description": "RRZE OTRS UI Customizing",
"main": "start.html",
"scripts": {
......@@ -9,7 +9,7 @@
"logofile": "otrs4.png",
"otrs_agentpath": "skins/Customer/default/",
"iotrs_path": "iotrs/public/",
"custom_otrs_cssfilename": "Custom.RRZE.css",
"custom_otrs_cssfilename": "Custom.RRZE.css",
"loginbackground": "admission-2974645_1920.jpg",
"repository": {
"type": "git",
......
body,html{margin:0;height:100%}:root{--main-bg-url:url("../img/login-background.jpg");--screen-xs:480px;--fontsize:16px;--lineheight:24px;--lineheighth1:32px;--smallfont:14px;--smallerfont:12px;--fontfamily:'Roboto','Open Sans','Lato',sans-serif;--meta-bg-color:#e9edf2;--main-bg-color:#fff;--meta-link-color:#036}.container{display:flex;width:100%;height:100vh;flex-direction:column;flex-wrap:wrap}@media (min-width:480px){.container{flex-wrap:wrap}}.container main{margin:0;width:100%;flex:1;overflow-y:auto;display:flex}.container main .content{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.container main.login .content{margin:0;width:100%;max-width:inherit}@media (min-width:600px){.container main.login .content{width:450px;margin:0 0 0 auto;min-width:var(--screen-xs)}}@media (min-width:1200px){.container main.login .content{margin:auto;align-self:flex-start}}.container footer{margin-top:auto;width:100%}.container header{margin:0;width:100%;background:var(--meta-bg-color)}.container .row{margin-left:15px;margin-right:15px}.container .content,.container .content-footer,.container .meta-header{max-width:1200px;margin:0 auto}.meta-header{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;font-size:var(--smallfont)}.meta-header a{display:inline-block;padding:8px;color:var(--meta-link-color);text-decoration:none}.meta-header a.logout{background-color:#b00f0f;color:#fff}.meta-header .login-info,.meta-header .meta-links{padding:0}.meta-header .meta-links ul{display:inline-block;margin:0;padding:0}.meta-header .meta-links li{list-style:none;padding:0;display:inline;margin:0 4px;background:0 0}.meta-header .meta-links li a{white-space:nowrap}.content-footer{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.content-footer .logo{order:1;margin:10px}@media (min-width:480px){.content-footer .logo{margin:20px}}.content-footer .logo img{width:120px}@media (min-width:480px){.content-footer .logo img{width:240px}}.content-footer .meta{order:2;padding:10px}@media (min-width:480px){.content-footer .meta{padding:10px 20px}}.content-footer .meta ul{display:inline-block;margin:0;padding:0}@media (min-width:480px){.content-footer .meta ul{margin-top:10px}}.content-footer .meta li{font-size:var(--smallerfont);list-style:none;padding:0;display:inline;margin:0 4px;background:0 0}@media (min-width:480px){.content-footer .meta li{font-size:var(--smallfont);margin:0 6px}}.content-footer .meta li a{white-space:nowrap}@media (min-width:480px){.content-footer .meta{text-align:right}}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;font-weight:400;background-color:#e9edf2;font-size:1rem}.alert strong{color:inherit}.alert.light{color:#fff;letter-spacing:.03em}.alert.light *{color:#fff;letter-spacing:.03em}.alert.light a{color:#ccc}.alert.light a:active,.alert.light a:focus,.alert.light a:hover{color:#fff}.alert a.standard-btn{margin-bottom:0}.alert :last-child{margin-bottom:0}.alert p:last-child{padding-bottom:0}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}a.standard-btn,button.standard-btn{display:inline-block;margin:5px 0;padding:10px 18px;overflow:hidden;cursor:pointer;background:#036;color:#fff;font-size:16px;font-size:1rem;text-align:center;font-weight:400;text-decoration:none!important;transition:.2s background ease;border:1px solid transparent}.page .entry-content a.standard-btn,.page .entry-content button.standard-btn,.post .entry-content a.standard-btn,.post .entry-content button.standard-btn{color:#fff}.page .entry-content a.standard-btn:hover,.page .entry-content button.standard-btn:hover,.post .entry-content a.standard-btn:hover,.post .entry-content button.standard-btn:hover{color:#fff}a.standard-btn.xsmall-btn,button.standard-btn.xsmall-btn{padding:5px 10px;font-size:14px;font-size:.875rem}a.standard-btn.small-btn,button.standard-btn.small-btn{padding:7px 12px 5px}a.standard-btn.large-btn,button.standard-btn.large-btn{padding:14px 20px 13px;font-size:23px;font-size:1.4375rem}a.standard-btn.xlarge-btn,button.standard-btn.xlarge-btn{padding:18px 30px 17px;font-size:25px;font-size:1.5625rem}a.standard-btn.blue-btn,a.standard-btn.primary-btn,button.standard-btn.blue-btn,button.standard-btn.primary-btn{background:#036;border-color:#00264d}a.standard-btn.blue-btn:active,a.standard-btn.blue-btn:focus,a.standard-btn.blue-btn:hover,a.standard-btn.primary-btn:active,a.standard-btn.primary-btn:focus,a.standard-btn.primary-btn:hover,button.standard-btn.blue-btn:active,button.standard-btn.blue-btn:focus,button.standard-btn.blue-btn:hover,button.standard-btn.primary-btn:active,button.standard-btn.primary-btn:focus,button.standard-btn.primary-btn:hover{background:#001a33}a.standard-btn.green-btn,a.standard-btn.success-btn,button.standard-btn.green-btn,button.standard-btn.success-btn{background:#5cb85c;border-color:#4cae4c}a.standard-btn.green-btn:active,a.standard-btn.green-btn:focus,a.standard-btn.green-btn:hover,a.standard-btn.success-btn:active,a.standard-btn.success-btn:focus,a.standard-btn.success-btn:hover,button.standard-btn.green-btn:active,button.standard-btn.green-btn:focus,button.standard-btn.green-btn:hover,button.standard-btn.success-btn:active,button.standard-btn.success-btn:focus,button.standard-btn.success-btn:hover{background:#419641}a.standard-btn.info-btn,button.standard-btn.info-btn{background:#5bc0de;border-color:#46b8da}a.standard-btn.info-btn:active,a.standard-btn.info-btn:focus,a.standard-btn.info-btn:hover,button.standard-btn.info-btn:active,button.standard-btn.info-btn:focus,button.standard-btn.info-btn:hover{background:#2aabd2}a.standard-btn.warning-btn,a.standard-btn.yellow-btn,button.standard-btn.warning-btn,button.standard-btn.yellow-btn{background:#f0ad4e;border-color:#eea236}a.standard-btn.warning-btn:active,a.standard-btn.warning-btn:focus,a.standard-btn.warning-btn:hover,a.standard-btn.yellow-btn:active,a.standard-btn.yellow-btn:focus,a.standard-btn.yellow-btn:hover,button.standard-btn.warning-btn:active,button.standard-btn.warning-btn:focus,button.standard-btn.warning-btn:hover,button.standard-btn.yellow-btn:active,button.standard-btn.yellow-btn:focus,button.standard-btn.yellow-btn:hover{background:#eb9316}a.standard-btn.danger-btn,a.standard-btn.red-btn,button.standard-btn.danger-btn,button.standard-btn.red-btn{background:#d9534f;border-color:#d43f3a}a.standard-btn.danger-btn:active,a.standard-btn.danger-btn:focus,a.standard-btn.danger-btn:hover,a.standard-btn.red-btn:active,a.standard-btn.red-btn:focus,a.standard-btn.red-btn:hover,button.standard-btn.danger-btn:active,button.standard-btn.danger-btn:focus,button.standard-btn.danger-btn:hover,button.standard-btn.red-btn:active,button.standard-btn.red-btn:focus,button.standard-btn.red-btn:hover{background:#c12e2a}a.standard-btn.grey-btn,a.standard-btn.secondary-btn,button.standard-btn.grey-btn,button.standard-btn.secondary-btn{background:#5a6268}a.standard-btn.grey-btn:active,a.standard-btn.grey-btn:focus,a.standard-btn.grey-btn:hover,a.standard-btn.secondary-btn:active,a.standard-btn.secondary-btn:focus,a.standard-btn.secondary-btn:hover,button.standard-btn.grey-btn:active,button.standard-btn.grey-btn:focus,button.standard-btn.grey-btn:hover,button.standard-btn.secondary-btn:active,button.standard-btn.secondary-btn:focus,button.standard-btn.secondary-btn:hover{background:#3e4347}a.standard-btn.black-btn,button.standard-btn.black-btn{background:#393944}a.standard-btn.black-btn:active,a.standard-btn.black-btn:focus,a.standard-btn.black-btn:hover,button.standard-btn.black-btn:active,button.standard-btn.black-btn:focus,button.standard-btn.black-btn:hover{background:#1d1d23}a.standard-btn.full-btn,button.standard-btn.full-btn{width:100%}a.standard-btn:active,button.standard-btn:active{transform:scale(.95)}body{font-size:var(--fontsize);line-height:var(--lineheight);font-family:var(--fontfamily)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{background:var(--main-bg-color)}@media (min-width:480px){.container{background:0 0}}@media (min-width:480px){.container main{background-image:var(--main-bg-url)}}.container .content{background:var(--main-bg-color)}@media (min-width:480px){.container .content{background:rgba(255,255,255,.7)}}footer{background-color:#036;color:#fff}.content-footer a{text-decoration:none;color:#fff}.content-footer a:focus,.content-footer a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#036;font-weight:700}ul{font-size:1rem}ul li{font-size:1rem}.iotrs .content .logo{margin-top:40px;margin-bottom:30px}
\ No newline at end of file
......@@ -4,9 +4,15 @@
*/
.iotrs {
.logo {
.content .logo {
margin-top: 40px;
margin-bottom: 30px;
}
.container main {
}
}
\ No newline at end of file
......@@ -24,8 +24,21 @@ body {
@media (min-width: 480px) {
background: none;
}
main {
@media (min-width: 480px) {
background-image: var(--main-bg-url);
}
}
.content {
background: var(--main-bg-color);
@media (min-width: 480px) {
background: rgba(255,255,255,0.7);
}
}
}
footer {
background-color: $footer-bg;
......
......@@ -14,7 +14,7 @@
main {
margin: 0 0 30px 0;
margin: 0;
width: 100%;
flex: 1;
overflow-y: auto;
......@@ -22,9 +22,8 @@
.content {
max-width: 1200px;
margin: 0 auto;
width: 100%;
width: 100%;
height: max-content;
}
&.login {
......@@ -45,6 +44,7 @@
}
}
}
}
footer {
margin-top: auto;
......@@ -56,17 +56,25 @@
width: 100%;
background: var(--meta-bg-color);
}
.row {
margin-left: 15px;
margin-right: 15px;
}
.meta-header, .content, .content-footer {
max-width: 1200px;
margin: 0 auto;
}
}
.meta-header {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
font-size: var(--smallfont);
a {
display: inline-block;
......@@ -80,8 +88,9 @@
color: white;
}
}
.meta-links, .login-info {
padding: 0 10px;
.meta-links,
.login-info {
padding: 0;
}
.meta-links {
ul {
......@@ -108,13 +117,12 @@
.content-footer {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
.logo {
order: 1;
margin: 10px;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment