CINXE.COM
Error
<!DOCTYPE html> <html> <head> <title> Error </title> <!--link href="common/css/login.css" rel="stylesheet"--> <link rel="stylesheet" href="/sites/common4all/fonts/font-awesome/font-awesome-4.2.0/css/font-awesome.min.css" > <style> body { background-color: #ddd; font-family: Arial,Helvetica,sans-serif; font-size: 13px; } #error_container { font-family: "Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif; min-height: 374px; max-width: 512px; background-color: #fff; padding: 2em; box-shadow: 2px 3px 4px #666; margin: 5% auto; } #login_logo { float:left; background-image: url('/sites/acl_users/ZopeId/images/logo_desy.gif'); background-repeat: no-repeat; width:100px; height:100px; } h3 { margin-left: 6.5em; font-size:20px; text-transform: uppercase; } h4 { margin-left: 10.3em; } .btn { min-width:10em; display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.4285; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-default:hover, .btn-default:focus, .btn-default:active, .active.btn-default, .open .btn-default.dropdown-toggle { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:focus, .btn:focus:active, .active.btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } a.btn { text-decoration:none; } /* #errorimage { width: 100px; float: right; margin-right: -4em; margin-top: 3em; } */ #errorimage { float: right; margin-right: -0.6em; margin-top: 0em; font-size: 8em; color: red; } /* VERTICAL */ @keyframes vertical { 0%{transform:translate(0,-3px)} 4%{transform:translate(0,3px)} 8%{transform:translate(0,-3px)} 12%{transform:translate(0,3px)} 16%{transform:translate(0,-3px)} 20%{transform:translate(0,3px)} 22%,100%{transform:translate(0,0)} } .faa-vertical.animated, .faa-vertical.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-vertical { animation: vertical 2s ease infinite; } .faa-vertical.animated.faa-fast, .faa-vertical.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-vertical.faa-fast { animation: vertical 1s ease infinite; } .faa-vertical.animated.faa-slow, .faa-vertical.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-vertical.faa-slow { animation: vertical 4s ease infinite; } @keyframes spin{ 0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)} } #errorimage:hover { animation: spin 1.5s linear infinite; color: #007acc; } </style> </head> <body> <div id="error_container"> <div id="login_logo"></div> <i class="fa fa-bug fa-5 faa-vertical animated" id="errorimage"></i> <h3> Error 404</h3> <h4>Page Not Found</h4> <br /><br /><br /> <p>Requested URL:<br /><strong>https://www.xfel.eu/organization/scientific_and_technical_groups/x_ray_photon_diagnostics</strong></p> <p><br /><a class="btn btn-default" href="/">Back Home</a></p> </div> </body> </html>