-
Notifications
You must be signed in to change notification settings - Fork 6
/
settings-admin.html
135 lines (133 loc) · 5.03 KB
/
settings-admin.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>
—
</title>
<link rel="stylesheet" type="text/css" media="screen" href="style/main/screen.css" /><link rel="stylesheet" type="text/css" media="screen" href="style/main/screen-osha.css" /><!--[if lte IE 6]> <link rel="stylesheet" type="text/css" media="screen" href="style/main/screen-ie6.css" /> <![endif]-->
<!--[if IE 7]> <link rel="stylesheet" type="text/css" media="screen" href="style/main/screen-ie7.css" /> <![endif]-->
<!--[if IE 8]> <link rel="stylesheet" type="text/css" media="screen" href="style/main/screen-ie8.css" /> <![endif]-->
<link rel="icon" type="image/png" href="media/favicon.png" /><!--[if IE]>
<link rel="shortcut icon" type="image/x-icon" href="media/favicon-pink.ico" />
<![endif]-->
<script type="text/javascript" src="libraries/jquery-1.3.2.min.js">
</script>
<script type="text/javascript" src="libraries/jquery-ui-1.7.2.min.js">
</script>
<script type="text/javascript" src="libraries/css_browser_selector.js">
</script>
<script type="text/javascript" src="libraries/jquery.hoverIntent.js"></script>
<script type="text/javascript" src="libraries/jquery.bt.js">
</script>
<script type="text/javascript" src="behaviour/markup.js">
</script>
<script src="libraries/farbtastic.js" type="text/javascript" charset="utf-8">
</script>
<script type="text/javascript" charset="utf-8">
//<![CDATA[
$(document).ready(function() {
$('#picker-main').farbtastic('#colour-1,h1');
});
$(document).ready(function() {
$('#picker-support').farbtastic('#colour-2,#steps li.complete,#steps li.current');
});
//]]>
</script>
</head>
<body class="status">
<h1>
Settings
</h1>
<form action="">
<dl class="accordion settings">
<dt>
Colour scheme <button class="small">Restore to original colours</button>
</dt>
<dd class="section colourPicker">
<a href="#" class="icon info">How do I use this form?</a>
<p>
Please use the colour pickers belows to select the two user interface colours of your preference.
</p>
<div id="mainColour" class="picker">
<label for="colour-1">Main colour: <input type="text" id="colour-1" name="colour-1" value="#031c48" /></label>
<div id="picker-main"></div>
</div>
<div id="supportColour" class="picker">
<label for="colour-2">Support colour: <input type="text" id="colour-2" name="colour-2" value="#e69d17" /></label>
<div id="picker-support"></div>
</div>
</dd>
<dt>
Logo
</dt>
<dd class="section">
<a href="#" class="icon info">How do I use this form?</a>
<fieldset class="comprehensive">
<legend>Which logo you would like to display in the top left corner?</legend>
<ul class="radioList">
<li>
<label><input type="radio" checked="checked" name="logo" />Europäische Agentur für<br />
Sicherheit und Gesundheitsschutz<br />
am Arbeitsplatz</label>
</li>
<li>
<label for="logoUpload"><input type="radio" id="logoUpload" name="logo" />My own: <input type="file" /></label>
</li>
</ul>
</fieldset>
</dd>
<dt>
User name & password
</dt>
<dd class="section">
<a href="#" class="icon info">How do I use this form?</a>
<fieldset class="concise">
<label>Username <input type="text" /></label> <label>New password <input type="password" /></label> <label>Repeat password <input type="password" /></label>
</fieldset>
</dd>
</dl>
<hr />
<div class="buttonBar">
<button type="submit">Save changes</button>
</div>
</form>
<ol id="steps">
<li id="step-1" class="complete">
<a href="#">Voorbereiden</a>
</li>
<li id="step-2">
<a href="#">Inventariseren</a>
</li>
<li id="step-3">
<a href="#">Evalueren</a>
</li>
<li id="step-4">
<a href="#">Plan van aanpak</a>
</li>
<li id="step-5">
<a href="#">Rapporten</a>
</li>
</ol>
<ul id="navigation">
<li id="home">
<a href="#">Home</a>
</li>
<li>
<a href="#">Help</a>
</li>
<li>
<a href="#">Status</a>
</li>
<li>
<a href="#">Settings</a>
</li>
</ul>
<p id="appendix">
<a href="#">Link to sector organisation</a> | <a href="#">Disclaimer</a> | Design by <a href="http://www.Corn%C3%A6.com">Cornæ</a>
</p>
</body>
</html>