| | |
| | | padding: 0; |
| | | height: 100%; /* Anmerkung 2 */ |
| | | font-size: larger; |
| | | font-family: 'Roboto Condensed'; |
| | | font-family: 'Roboto'; |
| | | } |
| | | body { |
| | | min-height: 0; /* Anmerkung 1 */ |
| | |
| | | background-color: black; |
| | | display: flex; |
| | | flex-flow: row; |
| | | height: 2em; |
| | | height: 1.3em; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | #nav-menu { |
| | | margin-left: 0.4rem; |
| | | } |
| | | .sued { |
| | | height: 1.5em; |
| | |
| | | .app-titel { |
| | | margin-left: 0.6em; |
| | | color: white; |
| | | font-size: 1.2rem; |
| | | } |
| | | |
| | | .pointer-cursor { |
| | |
| | | .top-band { |
| | | display: flex; |
| | | flex-flow: row; |
| | | padding: 0.2rem 0 0.2rem 0.2rem; |
| | | font-size: smaller; |
| | | } |
| | | |
| | | .breadcrumb-behaelter { |
| | |
| | | |
| | | .bereich-name { |
| | | padding-left: 0.4rem; |
| | | font-size: smaller; |
| | | } |
| | | |
| | | .dialog { |
| | | position: relative; |
| | | /* height: 0.1em; */ |
| | | transition: all 0.3s ease-in; |
| | | font-size: smaller; |
| | | } |
| | | |
| | | .dialog-unten { |
| | |
| | | .entity-formular { |
| | | display: flex; |
| | | flex-flow: column; |
| | | user-select: none; |
| | | font-size: smaller; |
| | | } |
| | | |
| | | .entity-liste-kopf { |
| | |
| | | |
| | | .entity-element { |
| | | margin: 0.4rem; |
| | | user-select: none; |
| | | } |
| | | |
| | | /* |
| | | .entity-element:focus { |
| | | outline: none; |
| | | } |
| | | */ |
| | | |
| | | .entity-element:hover { |
| | | background-color: #ececec; |
| | |
| | | } |
| | | |
| | | .entity-eintrag:hover { |
| | | background-color: background; |
| | | background-color: #ececec; |
| | | } |
| | | |
| | | .entity-typ-folder:before { |
| | |
| | | display: flex; |
| | | flex-flow: row; |
| | | /*margin-left: auto;*/ |
| | | margin: -0.5em 1em 0 2em; |
| | | margin: -0.2em 0.2em 0 2em; |
| | | } |
| | | |
| | | .top-btn, .top-btn:focus { |
| | | margin: 0; |
| | | padding: 0 0.2em 0 0.2em; |
| | | padding: 0 0.1rem 0 0.1rem; |
| | | height: 1.3em; |
| | | line-height: 1em; |
| | | text-align: center; |
| | |
| | | border-radius: 4px; |
| | | border: 0; |
| | | /* background-color: white; */ |
| | | /* width: 1em; */ |
| | | width: 1.4rem; |
| | | } |
| | | |
| | | .top-btn:hover { |
| | |
| | | } |
| | | } |
| | | |
| | | /* Fonts */ |
| | | |
| | | @font-face { |
| | | font-family: 'Roboto'; |
| | | src: url('font/Roboto-Regular.ttf') format('truetype'); |
| | | } |
| | | |
| | | /* Font für Piktogramme mit Fontello aus FontAwesome erzeugt */ |
| | | |
| | | @font-face { |