CINXE.COM
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> :root { --ukwarninglight: rgba(255, 249, 195, 1); --ukwarningbase: rgba(255, 200, 0, 1); --ukprimaryscale-0-4opacity-25: rgba(255, 215, 216, 0.25); --ukerrorbase: rgba(206, 0, 0, 1); --ukneutralscale-06: rgba(241, 242, 244, 1); --ukneutral: rgba(61, 77, 92, 1); --white: rgba(255, 255, 255, 1); } * { -webkit-font-smoothing: antialiased; box-sizing: border-box; } html, body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 0px; height: 100%; } /* a blue color as a generic focus style */ button:focus-visible { outline: 2px solid #4a90e2 !important; outline: -webkit-focus-ring-color auto 5px !important; } p { margin: 0.05rem; } a { text-decoration: none; } .system-messages-page { display: flex; flex-direction: column; min-height: 100vh; align-items: center; justify-content: center; position: relative; background-color: #ffffff; } .system-messages-page .header { display: flex; width: 100vw; align-items: center; gap: 0.75rem; padding: 0 0.75rem 0.25rem; position: relative; background-color: #d22d40; } .header .image { position: relative; width: 3rem; height: 3rem; object-fit: cover; } .header .text-wrapper { position: relative; font-weight: 600; color: #ffffff; font-size: 0.9rem; line-height: normal; } .system-messages-page .body { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 48px 96px; position: relative; flex: 1; width: 100%; flex-grow: 1; border-bottom: 1px solid #999999; margin-bottom: 2px; } .system-messages-page .content { display: flex; flex-direction: column; align-items: center; gap: 24px; position: relative; width: 100%; max-width: 920px; flex: 0 0 auto; } .system-messages-page .message { display: flex; max-width: 920px; align-items: center; padding: 1rem; position: relative; width: 100%; flex: 0 0 auto; border-radius: 0.5rem; overflow: hidden; border: 0.2rem solid; } .system-messages-page .content .image { position: relative; width: 2.5rem; height: 2.5rem; object-fit: cover; } .system-messages-page .message .text { position: relative; font-weight: 600; color: #000000; font-size: 0.8rem; text-align: center; letter-spacing: 0; line-height: 24px; } .system-messages-page .message .text .en { font-weight: 400; } .system-messages-page .timeout { background-color: var(--ukwarninglight); border-color: var(--ukwarningbase); } .system-messages-page .error { background-color: var(--ukprimaryscale-0-4opacity-25); border-color: var(--ukerrorbase); } .system-messages-page .not-found { background-color: var(--ukneutralscale-06); border-color: var(--ukneutral); } .system-messages-page .flexcontainer { display: inline-flex; flex-direction: column; align-items: center; width: 100%; } .system-messages-page .footer { display: flex; width: 100vw; align-items: center; justify-content: center; gap: 12px; padding: 12px; position: relative; border-top: 1px solid #999999; flex: 0 0 auto; background-color: transparent; color: #999999; } .footer a { font-weight: 400; color: #999999; font-size: 12px; line-height: 1.2rem; white-space: nowrap; } .footer a:hover { text-decoration: underline; } </style> </head> <body> <div class="system-messages-page"> <header class="header"> <img class="image" src="/error/img/UK-logo-pro_omezena_zobrazeni-white-CZ.svg" /> </header> <div class="body"> <div class="content"> <img class="image" src="/error/img/message-not-found.svg" /> <div class="message not-found"> <div class="flexcontainer"> <p class="text">Str谩nka nebyla nalezena. Zkontrolujte, pros铆m, zadan茅 URL a zkuste to znovu. </p> <p class="text"> <span class="en">Page not found. Please check your spelling and try again.</span> </p> </div> </div> </div> </div> <footer class="footer"> <p class="text"> <a href="http://www.cuni.cz/" target="_blank" rel="noopener noreferrer" ><span class="text-wrapper-3">Univerzita Karlova</span></a> <span> | </span> <a href="https://is.cuni.cz/" target="_blank" rel="noopener noreferrer" ><span class="text-wrapper-3">Informa膷n铆 syst茅m UK</span></a> </p> </footer> </div> </body> </html>