Revision 25266019
| b/ui/static/404.html | ||
|---|---|---|
| 1 |
../templates/404.html |
|
| b/ui/static/500.html | ||
|---|---|---|
| 1 |
../templates/500.html |
|
| b/ui/static/generic_info_tpl.html | ||
|---|---|---|
| 1 |
<!doctype html> |
|
| 2 |
<html> |
|
| 3 |
<head> |
|
| 4 |
<title>~okeanos</title> |
|
| 5 |
<link rel="stylesheet" type="text/css" href="/static/main.css"/> |
|
| 6 |
<!--[if lte IE 7]><style type="text/css" media="all">@import url(/static/ie.css);</style><![endif]--> |
|
| 7 |
</head> |
|
| 8 |
<body class="info_body"> |
|
| 9 |
<div id="container"> |
|
| 10 |
<div id='header'> |
|
| 11 |
<div class="header-logo"> |
|
| 12 |
<a href="/"> |
|
| 13 |
<img src="/static/okeanos-logo-alpha.png" alt="~okeanos"/> |
|
| 14 |
</a> |
|
| 15 |
</div> |
|
| 16 |
</div> |
|
| 17 |
<div id="content"> |
|
| 18 |
<div id="wrapper"> |
|
| 19 |
<div id="emptymachineslist" style="display:block" class="clearfix info_page"> |
|
| 20 |
<h1><span class="msg_header">Sample title</span></h1> |
|
| 21 |
<div class="info_content"> |
|
| 22 |
<p class="info_desc"> |
|
| 23 |
Sample message ...... with a <a href="#">link</a> ... |
|
| 24 |
</p> |
|
| 25 |
</div> |
|
| 26 |
</div> |
|
| 27 |
</div> |
|
| 28 |
</div> |
|
| 29 |
</div> |
|
| 30 |
</body> |
|
| 31 |
</html> |
|
| b/ui/static/ie.css | ||
|---|---|---|
| 572 | 572 |
#machinesview-icon .ipv4-text {
|
| 573 | 573 |
margin-right: 5px; |
| 574 | 574 |
} |
| 575 |
|
|
| 576 |
/*404 and 500 error pages*/ |
|
| 577 |
.error_page .http_error {
|
|
| 578 |
line-height: 7em; |
|
| 579 |
} |
|
| b/ui/static/main.css | ||
|---|---|---|
| 4155 | 4155 |
border: 1px solid #888; |
| 4156 | 4156 |
} |
| 4157 | 4157 |
|
| 4158 |
/*404 and 500 pages*/ |
|
| 4158 | 4159 |
|
| 4160 |
.error_page {
|
|
| 4161 |
position: relative; |
|
| 4162 |
top: 40px; |
|
| 4163 |
padding-bottom: 140px !important; |
|
| 4164 |
} |
|
| 4165 |
|
|
| 4166 |
.error_page h1 {
|
|
| 4167 |
font-weight: normal; |
|
| 4168 |
} |
|
| 4169 |
|
|
| 4170 |
.error_page .msg_header {
|
|
| 4171 |
margin: 0px; |
|
| 4172 |
font-size: 10em; |
|
| 4173 |
position: absolute; |
|
| 4174 |
left: -5px; |
|
| 4175 |
top: 0px; |
|
| 4176 |
color: #4085A5; |
|
| 4177 |
font-family: arial, verdana; |
|
| 4178 |
} |
|
| 4179 |
|
|
| 4180 |
.error_page p.error_desc {
|
|
| 4181 |
color: #fff; |
|
| 4182 |
font-size: 0.8em; |
|
| 4183 |
} |
|
| 4184 |
|
|
| 4185 |
.error_page {
|
|
| 4186 |
padding-right: 50px !important; |
|
| 4187 |
padding-left: 100px !important; |
|
| 4188 |
} |
|
| 4189 |
|
|
| 4190 |
.error_page .error_content {
|
|
| 4191 |
padding-left: 150px; |
|
| 4192 |
padding-top: 97px; |
|
| 4193 |
} |
|
| 4194 |
|
|
| 4195 |
.error_page .error_content .links, .info_content .links {
|
|
| 4196 |
margin-top: 10px; |
|
| 4197 |
margin-left: 20px; |
|
| 4198 |
} |
|
| 4199 |
|
|
| 4200 |
.error_page .http_error .code {
|
|
| 4201 |
letter-spacing: -10px; |
|
| 4202 |
font-size: 9em; |
|
| 4203 |
} |
|
| 4204 |
|
|
| 4205 |
.error_page .http_error .msg {
|
|
| 4206 |
letter-spacing: -1px; |
|
| 4207 |
font-size: 2em; |
|
| 4208 |
} |
|
| 4209 |
|
|
| 4210 |
.error_page .http_error {
|
|
| 4211 |
position: absolute; |
|
| 4212 |
right: 0px; |
|
| 4213 |
bottom: 0px; |
|
| 4214 |
color: #75B3D0; |
|
| 4215 |
line-height: 1em; |
|
| 4216 |
} |
|
| 4217 |
|
|
| 4218 |
.error_page .error_content a, .info_content .links a {
|
|
| 4219 |
color: #4085A5; |
|
| 4220 |
font-weight: bold; |
|
| 4221 |
margin-right: 10px; |
|
| 4222 |
font-size: 0.9em; |
|
| 4223 |
} |
|
| 4224 |
|
|
| 4225 |
.error_body #container, .info_body #container {
|
|
| 4226 |
background-position: right 200px; |
|
| 4227 |
} |
|
| 4228 |
|
|
| 4229 |
.info_page h1 {
|
|
| 4230 |
color: #4085A5; |
|
| 4231 |
font-size: 2em; |
|
| 4232 |
font-weight: normal; |
|
| 4233 |
} |
|
| 4234 |
|
|
| 4235 |
.info_page p {
|
|
| 4236 |
color: #ffffff; |
|
| 4237 |
margin: 1em 0; |
|
| 4238 |
} |
|
| 4239 |
|
|
| 4240 |
.info_body p a, .error_body p a{
|
|
| 4241 |
color: #4085A5; |
|
| 4242 |
text-decoration: underline; |
|
| 4243 |
} |
|
| 4244 |
|
|
| 4245 |
.error_404 .http_error .code {
|
|
| 4246 |
letter-spacing: -7px; |
|
| 4247 |
} |
|
| b/ui/templates/404.html | ||
|---|---|---|
| 1 |
<!doctype html> |
|
| 2 |
<html> |
|
| 3 |
<head> |
|
| 4 |
<title>~okeanos</title> |
|
| 5 |
<link rel="stylesheet" type="text/css" href="/static/main.css"/> |
|
| 6 |
<!--[if lte IE 7]><style type="text/css" media="all">@import url(/static/ie.css);</style><![endif]--> |
|
| 7 |
</head> |
|
| 8 |
<body class="error_body error_404"> |
|
| 9 |
<div id="container"> |
|
| 10 |
<div id='header'> |
|
| 11 |
<div class="header-logo"> |
|
| 12 |
<a href="/"> |
|
| 13 |
<img src="/static/okeanos-logo-alpha.png" alt="~okeanos"/> |
|
| 14 |
</a> |
|
| 15 |
</div> |
|
| 16 |
</div> |
|
| 17 |
<div id="content"> |
|
| 18 |
<div id="wrapper"> |
|
| 19 |
<div id="emptymachineslist" style="display:block" class="clearfix error_page"> |
|
| 20 |
<h1><span class="msg_header">Oops!</span></h1> |
|
| 21 |
<div class="error_content"> |
|
| 22 |
<p class="error_desc"> |
|
| 23 |
It looks like the page you requested has not been found.<br /> |
|
| 24 |
Don't worry... this happens to the best of us.<br /> |
|
| 25 |
<br /> |
|
| 26 |
One of these might help:<br /> |
|
| 27 |
</p> |
|
| 28 |
<div class="links"> |
|
| 29 |
<a href="/">Home</a> |
|
| 30 |
<a href="mailto:support@okeanos.grnet.gr">Contact</a> |
|
| 31 |
</div> |
|
| 32 |
</div> |
|
| 33 |
<div class="http_error"><span class="msg"></span><span class="code">404</span></div> |
|
| 34 |
</div> |
|
| 35 |
</div> |
|
| 36 |
</div> |
|
| 37 |
</div> |
|
| 38 |
</body> |
|
| 39 |
</html> |
|
| b/ui/templates/500.html | ||
|---|---|---|
| 1 |
<!doctype html> |
|
| 2 |
<html> |
|
| 3 |
<head> |
|
| 4 |
<title>~okeanos</title> |
|
| 5 |
<link rel="stylesheet" type="text/css" href="/static/main.css"/> |
|
| 6 |
<!--[if lte IE 7]><style type="text/css" media="all">@import url(/static/ie.css);</style><![endif]--> |
|
| 7 |
</head> |
|
| 8 |
<body class="error_body error_500"> |
|
| 9 |
<div id="container"> |
|
| 10 |
<div id='header'> |
|
| 11 |
<div class="header-logo"> |
|
| 12 |
<a href="/"> |
|
| 13 |
<img src="/static/okeanos-logo-alpha.png" alt="~okeanos"/> |
|
| 14 |
</a> |
|
| 15 |
</div> |
|
| 16 |
</div> |
|
| 17 |
<div id="content"> |
|
| 18 |
<div id="wrapper"> |
|
| 19 |
<div id="emptymachineslist" style="display:block" class="clearfix error_page"> |
|
| 20 |
<h1><span class="msg_header">Oops!</span></h1> |
|
| 21 |
<div class="error_content"> |
|
| 22 |
<p class="error_desc"> |
|
| 23 |
Something went terribly wrong :-( <br /> |
|
| 24 |
The page you requested cannot be displayed.<br /> |
|
| 25 |
We're sorry, that's embarrassing...<br /> |
|
| 26 |
<br /> |
|
| 27 |
One of these might help:<br /> |
|
| 28 |
</p> |
|
| 29 |
<div class="links"> |
|
| 30 |
<a href="/">Home</a> |
|
| 31 |
<a href="mailto:support@okeanos.grnet.gr">Contact</a> |
|
| 32 |
</div> |
|
| 33 |
</div> |
|
| 34 |
<div class="http_error"><span class="msg">internal error</span><span class="code">500</span></div> |
|
| 35 |
</div> |
|
| 36 |
</div> |
|
| 37 |
</div> |
|
| 38 |
</div> |
|
| 39 |
</body> |
|
| 40 |
</html> |
|
Also available in: Unified diff