Use a stock error icon and a refresh on the button in error pages

This commit is contained in:
Christian Dywan 2009-05-09 23:40:25 +02:00
parent 2e250b66e8
commit 9deb0bbfb9

View file

@ -23,6 +23,17 @@ body {
-webkit-border-radius: 1em; -webkit-border-radius: 1em;
} }
icon {
float: left;
padding-left: 1%;
padding-top: 1%;
}
#main {
float: right;
width: 90%;
}
h1 { h1 {
font-size: 1.4em; font-size: 1.4em;
font-weight: bold; font-weight: bold;
@ -33,6 +44,12 @@ h1 {
z-index: -1; z-index: -1;
} }
button span,
button img {
vertical-align: middle;
padding: 2px 1px;
}
message { message {
font-size: 1.1em; font-size: 1.1em;
} }
@ -44,22 +61,21 @@ description {
</style> </style>
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<img id="logo" src="{res}/logo-shade.png" /> <img id="logo" src="{res}/logo-shade.png" />
<img id="icon" src="{stock}/gtk-dialog-error" />
<div id="main">
<h1>{title}</h1> <h1>{title}</h1>
<div class="message"> <p id="message">{message}</p>
<p>{message}</p> <p id="description">{description}</p>
<p>{description}</p>
</div>
<form onsubmit="location.reload()"> <form onsubmit="location.reload()">
<input type="submit" value="{tryagain}" /> <button>
<img src="{stock}/gtk-refresh"/>
<span>{tryagain}</span>
</button>
</form> </form>
</div> </div>
<br style="clear: both;"/>
</div>
</body> </body>
</html> </html>