public/403.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
<title>403 Forbidden - UC San Diego Library Digital Collections</title>
<style>
body{margin:0;padding:0;}
#dc-error,#container,#msg{-moz-box-sizing:border-box;}
#dc-error{background-image:url(https://library.ucsd.edu/assets/dams/error/403.jpg);margin:0 auto;max-width:1200px;width:100%;background-position:center center;background-size:cover;height:640px;position:relative;}
#container{background-color:#6C0000;background-color:rgba(108,0,0,0.85);padding:0;width:100%;height:640px;overflow:hidden;}
#dc-logo{display:block;margin:0 auto;padding-top:50px;}
#msg{background-color:#460000;background-color:rgba(70,0,0,0.85);padding:20px;font-family:sans-serif;width:80%;margin:20px auto;color:#fff;font-size:1em;}
#msg h1{margin:0 0 5px 0;}
#msg p{margin:0 0 5px 0;}
#msg em{font-size:0.9em;color:rgba(255,255,255,0.666);}
#msg a{color:#fff;}
@media(max-width:640px){#dc-logo{width:80%;}}
@media(max-width:480px){#dc-error,#container{height:480px;position:relative;}}
</style>
</head>
<body>
<section id="dc-error">
<section id="container">
<img alt="Digital Collections Error Message" id="dc-logo" src="https://library.ucsd.edu/assets/dams/error/logo-dc-error.png" />
<section id="msg">
<h1>Forbidden</h1>
<p>You are not allowed to view this page.</p>
<p><a href="/dc/">Home</a> · <a href="/dc/users/sign_in">Sign In</a> · <a href="mailto:dlp@ucsd.edu">Contact Us</a></p>
<p><em>Response Status Code 403</em></p>
</section>
</section>
</section>
</body>
</html>