| | |
| | | min-height: 0; /* Anmerkung 1 */ |
| | | } |
| | | .nord { |
| | | background-color: lightgray; |
| | | background-color: black; |
| | | display: flex; |
| | | flex-flow: row; |
| | | height: 2.5em; |
| | | align-items: center; |
| | | } |
| | | .sued { |
| | | background-color: lightgray; |
| | | background-color: #eaeaea; /* lightgray; */ |
| | | } |
| | | .west { |
| | | flex-grow: 0; |
| | | flex-shrink: 0; |
| | | flex-basis: 4em; |
| | | background-color: antiquewhite; |
| | | background-color: white; |
| | | transition: all 0.3s ease-in; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | background-color: #f7f7f7; |
| | | /* background-color: #f7f7f7;*/ |
| | | } |
| | | .ost { |
| | | flex-grow: 0; |
| | |
| | | width: 1.8em; |
| | | } |
| | | |
| | | #nav-toggle { |
| | | /*color: white;*/ |
| | | } |
| | | #app-titel { |
| | | padding-left: 1em; |
| | | color: white; |
| | | } |
| | | |
| | | .pointer-cursor { |
| | |
| | | .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { |
| | | width: 30px; |
| | | height: 4px; |
| | | background-color: #000; |
| | | background-color: white; /* #000; */ |
| | | border-radius: 4px; |
| | | position: absolute; |
| | | transition-property: transform; |
| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>Radio-UI</title> |
| | | <title>Radio</title> |
| | | <meta charset="UTF-8"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> |
| | | <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="app-titel"> |
| | | <span id="app-titel">Radio-UI</span> |
| | | <span id="app-titel">Radio</span> |
| | | </div> |
| | | <div class="sendersuche"> |
| | | <input type="search" class="sendersuche-eingabe" placeholder="🔎"> |