Design Impressum

← zurück zum Umsetzung Wiki

Verantwortlicher:
Simon Künnen

Beschreibung:
View zur Darstellung der rechtlichen Bedingungen zur Nutzung der Applikation

Betroffende Dateien:
elements.css

Eingebundene Bibliotheken:
-

Darstellung:

---

###CSS elements.css

/*** Impressum - Simon ***/

.e__fullscreen {
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top: -1000%;
    z-index:9999;
}

.e__fullscreen-header {
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    width: 100%;
    padding: 15px;
    box-shadow: 0px 1px 15px #afafaf;
    height: 50px;
    position: absolute;
    top:0;
}

.e__fullscreen-header h1 {
    display: inline;
}

.e__fullscreen-header a {
    float: right;
}

.e__fullscreen-content {
    padding: 15px;
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.e__fullscreen.is__open {
    top: 0;
    bottom:0;
}

.e__fullscreen h1 {
    font-size: 1.1rem;
    font-weight: 500;
}

/*** /Impressum - Simon ***/

###HTML

<div id="e__impressum" class="e__fullscreen">
    <div class="e__fullscreen-header">
        <h1>Impressum</h1>

        <h1><a href="#close">Schließen</a></h1>
    </div>
    <div class="e__fullscreen-content">
    </div>
</div>