<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> *{ margin:0; padding:0; } body{ font-family: 'Audiowide', cursive, arial, helvetica, sans-serif; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUElEQVQYV2NkYGAwBuKzQAwDID4IoIgxIikAMZE1oRiArBDdZBSNMIXoJiFbDZYDKcSmCOYimDuNSVKIzRNYrUYOFuQgweoZbIoxgoeoAAcAEckW11HVTfcAAAAASUVORK5CYII=) repeat; background-color:#212121; color:white; font-size: 18px; padding-bottom:20px; } .error-code{ font-family: 'Creepster', cursive, arial, helvetica, sans-serif; font-size: 200px; color: white; color: rgba(255, 255, 255, 0.98); width: 50%; text-align: right; margin-top: 5%; text-shadow: 5px 5px hsl(0, 0%, 25%); float: left; } .not-found{ width: 47%; float: right; margin-top: 5%; font-size: 50px; color: white; text-shadow: 2px 2px 5px hsl(0, 0%, 61%); padding-top: 70px; } .clear{ float:none; clear:both; } .content{ text-align:center; line-height: 30px; } input[type=text]{ border: hsl(247, 89%, 72%) solid 1px; outline: none; padding: 5px 3px; font-size: 16px; border-radius: 8px; } a{ text-decoration: none; color: #9ECDFF; text-shadow: 0px 0px 2px white; } a:hover{ color:white; } </style> <title>Error</title> </head> <body> <p class="error-code"> {$error_code} </p> {if $error_code eq "404"} <p class="not-found">{$title404}</p> <div class="clear"></div> <div class="content"> {$error_message404} {else if $error_code eq "403"} <p class="not-found">{$title403}</p> <div class="clear"></div> <div class="content"> {$error_message403} {/if} <br/><a href="index.php">{$go_home}</a> </div> </body> </html>