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