bde1_style.css
Thu May 18 2023 03:12:47 GMT+0000 (Coordinated Universal Time)
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Poppins', sans-serif; } .top_left { width: 50%; } .top_left p { font-size: 2rem; font-weight: 600; color: #0094FF; } a { font-size: 14px; color: #0094FF; height: 40px; border: 1px solid #0094FF; border-radius: 8px; display: flex; align-items: center; text-align: center; justify-content: center; text-decoration: none; } .scan_icon { fill: currentColor; width: 24px; height: 24px; } .exit { font-size: 16px; float: right; color: #0094FF; height: 40px; border-radius: 8px; margin-top: 10px; pointer-events: auto; width: 50%; } .exit a { display: flex; align-items: center; justify-content: center; margin-left: 0.5px; } .exit a:link, .exit a:visited { color: #0094FF; text-decoration: none; } .exit a:hover, .exit a:active { color: #0094FF; } .exit a:active .link-text { color: #0094FF } .exit img { width: 24px; height: 24px; fill: currentColor; margin-right: 1px; } .objekt { height: 200px; width: 35.625rem; font-size: 16px; } .objekt th, .objekt td { border: 2px solid #0094ff; padding: 6px 0px 0px 10px; text-align: left; } .objekt th { background-color: #0094ff; border-radius: 8px 0 0 8px; color: #ffffff; width: 11.25rem; font-weight: normal; } .objekt td { font-weight: normal; width: 18.125rem; border-radius: 0 8px 8px 0; } .meldung { height: 100px; width: 35.625rem; font-size: 16px; } .meldung th, .meldung td { font-size: 16px; border: 2px solid #0094ff; text-align: left; padding: 8px; } .meldung th { background-color: #0094ff; color: #ffffff; width: 11.25rem; font-weight: normal; border-radius: 8px 0 0 8px; } .meldung td { width: 18.125rem; font-weight: normal; border-radius: 0 8px 8px 0; } .fertigmeldungen { width: 35.375rem; margin-top: 1vw; height: 100px; border-radius: 0 0 8px 8px; } .fertigmeldungen caption { font-weight: normal; font-size: 16px; border-radius: 8px 8px 0 0; height: 48px; text-align: left; background-color: #0094ff; color: #ffffff; padding-left: 16px; padding-top: 12px; margin-bottom: 2px; } .fertigmeldungen td { width: 200px; padding: 5px; text-align: left; color: #222222; font-size: 14px; } .fertigungsgange { float: right; height: 420px; width: 16.875rem; border: 2px solid #0094ff; border-radius: 0 0 8px 8px; } .fertigungsgange caption { font-weight: normal; font-size: 16px; text-align: left; background-color: #0094ff; color: #ffffff; padding: 10px; margin-bottom: 2px; border-radius: 8px 8px 0 0; } .container { padding: 20px 35px } .header { display: flex; width: 100%; margin-bottom: 20px } .qr_scan { width: 16.75rem; } #exit-button { width: 7.5rem; float: right; } .container-table { width: 100%; display: flex; } .table-left{ width: 70%; } .table-right{ width: 30% } @media only screen and (max-width: 930px) { .container-table{ display: block; } .fertigungsgange{ margin-top: 20px; float: none; } }
Comments