resources/500.html in plezi-0.10.12 vs resources/500.html in plezi-0.10.13
- old
+ new
@@ -1,59 +1,117 @@
<!DOCTYPE html>
<head>
<style>
body, html
- {
- background-color: #eee;
- padding: 0; margin: 0;
- width: 100%;
- }
- h1
- {
- background-color: #ddd;
- color: #008;
- text-align: center;
- border-bottom: 1px solid #000;
- margin: 0;
- padding: 0.5em;
- width: 100%;
- }
- p
- {
- color:#004;
- font-size: 1.2em;
- padding: 0 1em;
- }
- #wrapper
- {
- background-color: #fff;
- margin: 1em 5%;
- padding: 0 0 2%;
- border-radius: 20px;
- height: auto;
- color: #007;
- }
- #wrapper h2
- {
- background-color: #ddd;
- color: #008;
- text-align: center;
- margin: 0 0 1em 0;
- padding: 0.5em 0;
- width: 100%;
- border-radius: 20px;
- }
- #wrapper p{ padding: 0 2%;}
- #wrapper #missing
- {
- color:#904;
- font-size: 1.4em;
- padding: 0.5em 0;
- text-align: center;
- background-color: #fee;
- border-bottom: 1px solid #800;
- margin: 0;
- }
+ /*
+ med-blue: #44518E
+ dark-gray: #424A70
+ blue: #1B2864
+ light-blue: #818ECE
+ light-gray: #99A3CE
+ */
+ body, html
+ {
+ background-color: #99A3CE;
+ padding: 0; margin: 0;
+ width: 100%;
+ font-size: 1em;
+ }
+
+ h1
+ {
+ font-family: 'Shadows Into Light', cursive;
+ background-color: #1B2864;
+ color: #99A3CE;
+ text-align: center;
+ border-bottom: 4px solid #424A70;
+ margin: 0 0 1em 0;
+ padding: 0.4em 0;
+ width: 100%;
+ }
+ h2
+ {
+ background-color: #44518E;
+ color: #C6CCE7;
+ text-align: left;
+ margin: 0 0 1em 0;
+ padding: 0.5em 5%;
+ border-radius: 20px 20px 0 0;
+ font-family: 'Architects Daughter', cursive;
+ border-bottom: 3px solid #424A70;
+ font-size: 1.2em;
+ }
+ h3
+ {
+ font-family: 'Architects Daughter', cursive;
+ background-color: #44518E;
+ color: #C6CCE7;
+ text-align: left;
+ margin: 0 0 1em 0;
+ padding: 0.5em 5%;
+ border-radius: 1em 1em 0 0;
+ border-bottom: 2px solid #424A70;
+ font-size: 1.1em;
+ }
+ h2:before {
+ content: "|||";
+ color: #99A3CE;
+ padding-right: 0.3em;
+ margin-left: -0.5em;
+ }
+ h3:before {
+ content: "|||||";
+ color: #99A3CE;
+ padding-right: 0.3em;
+ margin-left: -1em;
+ }
+ h1 a, h2 a, h3 a
+ {
+ color: #EBCD86;
+ }
+ h1 a:hover, h2 a:hover, h3 a:hover
+ {
+ color: #EBD7A6;
+ }
+ p
+ {
+ font-size: 1em;
+ padding: 0 1em;
+ margin: 0.5em 0;
+ }
+ a
+ {
+ color: #D0AC54;
+ text-decoration: none;
+ }
+ a:hover
+ {
+ color: #927121;
+ text-decoration: underline;
+ }
+ #wrapper
+ {
+ background-color: #fff;
+ margin: 1em 5%;
+ padding: 0 0 2%;
+ border-radius: 20px;
+ min-height: 50%;
+ color: #007;
+ }
+
+ #wrapper p{ padding: 0 2%;}
+ .bold { font-weight: bold; }
+ #wrapper ol li{ padding: 0 2%;}
+ pre
+ {
+ border-radius: 20px;
+ padding: 0.5em 0;
+ background-color: #444;
+ color: #ddd;
+ }
+ @media screen and (max-width: 680px)
+ {
+ }
</style>
</head>
<body>
<h1>Plezi 500 error code (broken?!)...</h1>
<div id='wrapper'>