From 9c8bfded56156e43d91aa92571d1bd8383027a97 Mon Sep 17 00:00:00 2001 From: Mika Havela Date: Wed, 4 Jun 2008 15:24:44 +0000 Subject: Adding skin 'alps' that is a contribution from a kind web-developer. Skin is not all done yet so minor bugs still exists. git-svn-id: svn://svn.alpinelinux.org/acf/skins/trunk@1196 ab2d0c66-481e-0410-8bed-d214d4d58bed --- alps/alps.css | 515 ++++++++++++++++++++++++++++++++++++++++++++++ alps/alps.psd | Bin 0 -> 2582382 bytes alps/bg-main.jpg | Bin 0 -> 55876 bytes alps/bg-repeat.jpg | Bin 0 -> 611 bytes alps/ice.css | 408 ++++++++++++++++++++++++++++++++++++ alps/openntpd_config.html | 229 +++++++++++++++++++++ 6 files changed, 1152 insertions(+) create mode 100644 alps/alps.css create mode 100644 alps/alps.psd create mode 100644 alps/bg-main.jpg create mode 100644 alps/bg-repeat.jpg create mode 100644 alps/ice.css create mode 100644 alps/openntpd_config.html (limited to 'alps') diff --git a/alps/alps.css b/alps/alps.css new file mode 100644 index 0000000..3d0b4b1 --- /dev/null +++ b/alps/alps.css @@ -0,0 +1,515 @@ +/*---------------------------------------------------------------------------------- + * IMPORT + *---------------------------------------------------------------------------------- + */ + +@import url("ice_general.cssxxx"); +@import url("ice_ie.css"); +/*@import url("ice_ff.css"); */ + + +/* .css - Alpine ACF */ + +/*---------------------------------------------------------------------------------- + * GENERAL + *---------------------------------------------------------------------------------- + */ + +.hide { +display:none; +} + +a { +text-decoration:none; +color:#072966; +} + +a:visited { +color:#072966; +} + +a:hover { +color:blue; +} + +input { +border:1px solid #ccc; +} + +hr { +background-color:white; +height:3px; +} + +.error { +font-weight:bold; +font-style:italic; +color:#f33; +} + +input.error,select.error,textarea.error { +font-weight:normal; +font-style:normal; +} + +.mute { +color:#777; +} + +.header { +background:#eee; +border-bottom:3px double #999; +font-weight:bold; +vertical-align:bottom; +} + +pre { +font-family:monospace; +font-size:10pt; +padding:5px; +} + +input[type=text][disabled] { +color:#755; +background:#eee; +} + +/*---------------------------------------------------------------------------------- + * BODY & PAGE + *---------------------------------------------------------------------------------- + */ + +html { +position:absolute; +width:100%; +height:100%; +margin:0 0 0 0; +padding:0 0 0 0; +top:0; +left:0; +} + +body { +position:absolute; +margin:0 0 0 0; +padding:0 0 0 0; +font-family:Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; +font-size:12pt; +background-image:url("bg-repeat.jpg"); +background-repeat:repeat-x; +background-position:top left; +top:0; +left:0; +} + +#page { +position:absolute; +left:0; +top:0; +margin:0 0 0 0; +padding:0 0 0 0; +width:970px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER + *---------------------------------------------------------------------------------- + */ + +#header { +width:100%; +height:200px; +margin:0 0 0 0; +padding:0 0 0 0; + +background-image:url("bg-main.jpg"); +background-repeat:no-repeat; +border:0; +padding:0 0 0 0; +margin:0 0 0 0; +} + +#header p { +float:right; +font-size:14px; +padding:0 0 0 0; +margin-right:0px; +margin-top:40px; +font-color:white; +} + +#header a { +color:#80bff7; +} + +/*#header .tailer { + position: absolute; + background-image: url(bg-repeat.jpg); + background-repeat: repeat-x; + top: 0px; + left: 970px; + height: 200px; + width: 100%; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +}*/ + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER > LOGO + *---------------------------------------------------------------------------------- + */ + +#logo h1 { +visibility:hidden; +position:absolute; +top:10px; +left:10px; +font-size:40px; +} + +#logo p { +position:absolute; +top:38px; +left:34px; +font-size:12px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ + +#main { +clear:both; +margin-top:20px; +margin-left:240px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ + +#nav { +display:block; +position:absolute; +top:230px; +left:40px; +width:180px; +list-style-type: none; +padding: 0; +margin: 0; +background:transparent; +} + +#nav ul { +list-style-type: none; +padding: 0; +margin: 0; +display:block; +background:transparent; +} + +#nav ul li { +list-style-type: none; +padding: 0; +margin: 0; +color:black; +font-size:16px; +font-weight:bold; +white-space:nowrap; +overflow:hidden; +background:transparent; +border-top:0px; +} + +#nav ul li ul { +list-style-type: none; +padding: 0; +margin: 0; +padding: 0; +margin-left: 1em; +margin-top: 5px; +background:transparent; +} + +#nav ul li ul li { +list-style-type: none; +padding: 0; +margin: 0; +height:21px; +font-weight:normal; +font-size:10pt; +white-space:nowrap; +overflow:hidden; +border-bottom: 0; +border-top:1px solid #c8dbee; +border-left:0; +background:transparent; +} + +#nav ul li ul li.selected { +background:#6cb7f8; +font-weight:bold; +} + +#nav ul li ul li a { +clear:right; +display:block; +padding-left:5px; +padding-top:3px; +padding-bottom:3px; +} + +#nav ul li ul li a:hover { +background-image:url(); +background-color:#d9edfe; +} + +#nav ul li ul li.selected a { +color:white; +} + +#nav ul li ul li.selected a:hover { +background-image:none; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > POSTNAV + *---------------------------------------------------------------------------------- + */ + +#postnav h2 { +clear: both; +padding:0px 0px 0px 0px; +background:transparent; +color:black; +font-size:28px; +font-weight:normal; +white-space:nowrap; +overflow:hidden; +border:none; +margin-bottom:34px; +} + +#postnav p { +position:absolute; +top:80px; +left:0px; +width:100%; +color:#999; +font-size:11px; +font-weight:verdana, arial; +font-weight:bold; +white-space:nowrap; +overflow:hidden; +background:transparent; +padding:0px 5px 0px 10px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > SUBNAV + *---------------------------------------------------------------------------------- + */ + +#subnav { +position:absolute; +top:178px; +height:40px; +left:40px; +padding-top:2px; +} + +#subnav li { +display:inline; +height:40px; +margin:0px 0px 5px 0px; +padding:3px 5px 2px 5px; +font-size:12px; +color:#ffffff; +background-image:url(); +background-color:#003566; +border:1px solid #bbb; +border-bottom:none; +} + +#subnav a { +font-size:12px; +color:#ffffff; +} +#subnav a.selected { +background: white; +color: #003566; +} +#subnav li.selected { +background: white; +color: #003566; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > CONTENT + *---------------------------------------------------------------------------------- + */ + +#content { +background-image:url(); +background-repeat:repeat-y; +background-position:right; +margin-top:-20px; +padding-right:10px; +border-left:0px solid #cacaca; +} +#content h1,h2,h3,h4,h5 { +clear:both; +padding-top:3px; +padding-bottom:7px; +border-bottom:0px solid #cacaca; +border-top:0px solid #cacaca; +font-weight:normal; +font-size:18px; +white-space:nowrap; +overflow:hidden; +} + +#content h1 { +margin-top:25px; +height:17px; +background-color:#6cb7f8; +background-image:url(); +padding-left:0px; +border-top:0px solid #333333; +font-size:18px; +color:white; +text-align:center; +} + +#content h2 { +font-weight:bold; +font-size:16px; +margin-top:20px; +height:15px; +background-image:url(); +padding-left:0px; +} + +#content h3 { +height:14px; +background-image:url(); +font-size:14px; +font-weight:bold; +color:#999999; +padding-left:0px; +padding-top:15px; +border-top:1px solid #cacaca; +} + +#content .descr { +clear:both; +} + +#content .value { +display: inline; +padding-left: 200px; +} + +#content dl { +display:block; +clear:both; +} + +#content dt { +width:220px; +font-size:12px; +text-align:left; +font-weight:bold; +float:left; +clear:left; +margin-top:1px; +margin-left:0px; +border-top:0px solid #ddd; +padding-left:5px; +padding-top:5px; +padding-bottom:5px; +} + +#content dd { +margin-top:2px; +clear:right; +font-size:12px; +margin-left:230px; +padding-top:5px; +padding-bottom:5px; +} + +#content .tailer { +clear:both; +border-bottom:3px solid #cacaca; +margin-left:0px; +} + +#content .submit { +width:100px; +border-right:1px solid #cacaca; +border-bottom:1px solid #cacaca; +background:#003566; +color:white; +} + +#content textarea { +border-right:1px solid #cacaca; +border-bottom:1px solid #cacaca; +} + +#content p,input.text,select,textarea,input.password { +width:97%; +} + +#content table { +width:100%; +} + +#content input.short { +width:200px; +margin-right:10px; +display:inline; +} + +#content textarea { +height:300px; +} + +#content dd textarea { +height:100px; +} + +#content form select.radio { +border:none; +} + +#content table td { +padding-right:10px; +white-space:nowrap; +} + +/*---------------------------------------------------------------------------------- + * PAGE > FOOTER + *---------------------------------------------------------------------------------- + */ + +#footer { +margin-top: 20px; +margin-left: 200px; +margin-right: 10px; +padding: 5px; +clear: both; +text-align: center; +border-top: 1px solid #d6d6d6; +font-size: 10px; +color: #aaa; + +/*position: relative; + clear: both; + width: 100%; + padding: 5px 0px 5px 0px; + margin: 15px 0px 0px 10px; */ +} diff --git a/alps/alps.psd b/alps/alps.psd new file mode 100644 index 0000000..689c56b Binary files /dev/null and b/alps/alps.psd differ diff --git a/alps/bg-main.jpg b/alps/bg-main.jpg new file mode 100644 index 0000000..dff5d99 Binary files /dev/null and b/alps/bg-main.jpg differ diff --git a/alps/bg-repeat.jpg b/alps/bg-repeat.jpg new file mode 100644 index 0000000..36c26f8 Binary files /dev/null and b/alps/bg-repeat.jpg differ diff --git a/alps/ice.css b/alps/ice.css new file mode 100644 index 0000000..20c241b --- /dev/null +++ b/alps/ice.css @@ -0,0 +1,408 @@ +/*---------------------------------------------------------------------------------- + * IMPORT + *---------------------------------------------------------------------------------- + */ + +@import url("ice_general.cssxxx"); +@import url("ice_ie.css"); +/*@import url("ice_ff.css"); */ + + +/* .css - Alpine ACF */ + +/*---------------------------------------------------------------------------------- + * GENERAL + *---------------------------------------------------------------------------------- + */ + +.hide { + display: none; +} + +a { + text-decoration: none; + color: #072966; +} +a:visited { + color: #072966; +} +a:hover { + color: red; +} +input { + border: 1px solid #ccc; +} +hr { + background-color: white; + height: 3px; +} +.error { + font-weight: bold; + font-style: italic; + color: #f33; +} +input.error,select.error,textarea.error { + font-weight: normal; + font-style: normal; +} + +.mute { + color: #777; +} +.header { + background: #eee; + border-bottom: 3px double #999; + font-weight: bold; + vertical-align: bottom; +} +pre { + font-family: monospace; + font-size: 10pt; + padding: 5px; +} +input[type=text][disabled] { + color: #755; + background: #eee; +} +/*---------------------------------------------------------------------------------- + * BODY & PAGE + *---------------------------------------------------------------------------------- + */ +body { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-family: Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; + font-size: 12pt; + background-image: url("watermark.jpg"); + background-repeat: no-repeat; + background-position: 400px 140px; +} +#page { + position: relative; + left: 0px; + top: 0px; + margin: 10px 5% 0% 5%; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER + *---------------------------------------------------------------------------------- + */ +#header { + width: 100%; + height: 75px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + + background-image: url("alpine.jpg"); + background-repeat: repeat-x; + border: 1px solid #ddd; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#header p { + float: right; + font-size: 14px; + padding: 0px 0px 0px 0px; + margin-right: 5px; + margin-top: 5px; +} +#header .tailer { + position: absolute; + background-image: url(shadow-top.png); + background-repeat: repeat-x; + top: 76px; + height: 10px; + width: 100%; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER > LOGO + *---------------------------------------------------------------------------------- + */ +#logo h1 { + position: absolute; + top: 10px; + left: 10px; + font-size: 40px; +} +#logo p { + position: absolute; + top: 55px; + left: 10px; + font-size: 14px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ +#main { + clear: both; + margin-top: 20px; + margin-left: 200px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ +#nav { + position: absolute; + top: 97px; + left: 0px; + width: 180px; + margin: 0px 0px 0px 9px; + padding: 0px 10px 0px 0px; + background: white; + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; +} +#nav ul { + list-style-type: none; +} +#nav ul li { + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: #6688AA; + border-top: 1px solid #7799BB; +} +#nav ul li ul { + margin-top: 5px; +} +#nav ul li ul li { + padding-bottom: 0px; + height: 21px; + font-weight: normal; + font-size: 10pt; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + border-left: 1px solid #ddd; + background-image: url(menu_item.png); +} +#nav ul li ul li.selected { + background: #dff; + font-weight: bold; +} +#nav ul li ul li a { + clear: right; + display: list-item; + padding-left: 5px; + padding-top: 3px; + padding-bottom: 3px; +} +#nav ul li ul li a:hover { + background-image: url(menu_item_hover.png); +} +#nav ul li ul li.selected a:hover { + background-image: none; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > POSTNAV + *---------------------------------------------------------------------------------- + */ +#postnav h2 { + clear: both; + padding: 2px 0px 2px 5px; + background: #6688AA; + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; + border: none; + margin-right: 0px; +} +#postnav p { + position: absolute; + top: 80px; + left: 0px; + width: 100%; + color: #999; + font-size: 11px; + font-weight: verdana, arial; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: transparent; + padding: 0px 5px 0px 10px; +} +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > SUBNAV + *---------------------------------------------------------------------------------- + */ +#subnav { + position: absolute; + top: 55px; + height: 40px; + left: 200px; + padding-top: 2px; +} +#subnav a { + height: 40px; + margin: 0px 0px 5px 0px; + padding: 3px 5px 2px 5px; + font-size: 12px; + background-image: url(menu_item.png); + border: 1px solid #bbb; + border-bottom: none; +} + +#subnav a.selected { + background: #dff; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > CONTENT + *---------------------------------------------------------------------------------- + */ +#content { + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; + margin-top: -20px; + padding-right: 10px; + border-left: 1px solid #cacaca; +} +#content h1,h2,h3,h4,h5 { + clear: both; + padding-top: 3px; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #cacaca; + font-weight: bold; + font-size: 14px; + white-space: nowrap; + overflow: hidden; +} +#content h1 { + margin-top: 20px; + height: 17px; + background-image: url(h1.png); + padding-left: 5px; +} +#content h2 { + height: 18px; + background-image: url(h2.png); + padding-left: 10px; +} +#content h3 { + height: 14px; + background-image: url(h3.png); + font-size: 12px; + padding-left: 15px; +} +#content .descr { + clear: both; +} + +#content .value { + display: inline; + padding-left: 200px; +} + +#content dl { + display: block; + clear: both; +/* margin-bottom: 10px; */ +} + +#content dt { + width: 220px; + font-size: 12px; + text-align: left; + font-weight: bold; + float: left; + clear: left; + margin-top: 1px; + margin-left: 0px; + border-top: 1px solid #ddd; + padding-left: 5px; + padding-top: 5px; + padding-bottom: 5px; +} +#content dd { + margin-top: 2px; + clear: right; + font-size: 12px; + margin-left: 230px; + padding-top: 5px; + padding-bottom: 5px; +} +#content .tailer { + clear: both; + border-bottom: 3px solid #cacaca; + margin-left: 0px; +} +#content .submit { + width: 100px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; + background: #eee; +} +#content textarea { + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; +} +#content p,input.text,select,textarea,input.password { + width: 97%; +} +#content table { + width: 100%; +} +#content input.short { + width: 200px; + margin-right: 10px; + display: inline; +} + +#content textarea { + height: 300px; +} +#content dd textarea { + height: 100px; +} +#content form select.radio { + border: none; +} +#content table td { + padding-right: 10px; + white-space: nowrap; +} + + +/*---------------------------------------------------------------------------------- + * PAGE > FOOTER + *---------------------------------------------------------------------------------- + */ + +#footer { +/* float: right; */ + margin-top: 20px; + margin-left: 200px; + margin-right: 10px; + padding: 5px; + clear: both; + text-align: center; + border-top: 1px solid #d6d6d6; + font-size: 10px; + color: #aaa; + +/* position: relative; + clear: both; + width: 100%; + padding: 5px 0px 5px 0px; + margin: 15px 0px 0px 10px; */ +} + diff --git a/alps/openntpd_config.html b/alps/openntpd_config.html new file mode 100644 index 0000000..df074a8 --- /dev/null +++ b/alps/openntpd_config.html @@ -0,0 +1,229 @@ + + + + +bsn2vpnc + - openntpd->config + + + + + + +
+ + +
+
+
+ + + + +
+
+
+

openntpd : config

+ +

[ welcome ] > [ login ] > [ bgp ] > [ firewall ] > [ content filter ] > [ interfaces ]

+
+
+
+ + + + + +
+
+
+ + +

SYSTEM INFO

+
+ +
Program status
+
Enabled +
+ +
Program version
+
openntpd-3.9_p1-r1 +
+ +
Autostart sequence
+
Process will autostart at next boot (at sequence '28') +
+
+ +
+

CONFIGURATION

+

Advanced config

+

General settings

+
+ +
Sets time directly at startup
+
+
+ +
Save the above settings
+
+

See above checkbox

+
+
+ + +

'SET TIME' OPTIONS

+
+ +
Timeserver hosts
+
+

In most cases you could use pool.ntp.org or [countryname].pool.ntp.org (if listed in http://www.pool.ntp.org/).

+
+ +
Delete selected host
+
+

Mark a item in 'Timeserver hosts'-list before pressing [Delete].

+
+
+ +
+ +
Host to add
+
+
+ +
Type of server
+
Server pool:Single server: +
+ +
Add selected host
+
+

Enter your values in 'Host to add' and chose 'Type of server' before pressing [Add].

+
+
+ + +

'PRESENT TIME' OPTIONS (ACT AS TIME SERVER)

+
+ +
Listen on address
+
+

Empty list = Listening (acting as server) is disabled; '*' = Listen on all local addresses.

+
+ +
Delete selected host
+
+
+ +
New listen address
+
+
+ +
Add new listen address
+
+

Enter your values in 'New listen address' before pressing [Add].

+
+
+ +

MANAGEMENT

+
Program control-panel
Previous action result
 * Stopping ntpd: ok.
+ * Starting ntpd: ok.
+
+ +
+
+
+ +
+ + +
+ + + -- cgit v1.2.3