diff options
-rw-r--r-- | alps/alps.css | 515 | ||||
-rw-r--r-- | alps/alps.psd | bin | 0 -> 2582382 bytes | |||
-rw-r--r-- | alps/bg-main.jpg | bin | 0 -> 55876 bytes | |||
-rw-r--r-- | alps/bg-repeat.jpg | bin | 0 -> 611 bytes | |||
-rw-r--r-- | alps/ice.css | 408 | ||||
-rw-r--r-- | alps/openntpd_config.html | 229 | ||||
-rwxr-xr-x | clouds/clouds.css | 34 |
7 files changed, 1170 insertions, 16 deletions
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 Binary files differnew file mode 100644 index 0000000..689c56b --- /dev/null +++ b/alps/alps.psd diff --git a/alps/bg-main.jpg b/alps/bg-main.jpg Binary files differnew file mode 100644 index 0000000..dff5d99 --- /dev/null +++ b/alps/bg-main.jpg diff --git a/alps/bg-repeat.jpg b/alps/bg-repeat.jpg Binary files differnew file mode 100644 index 0000000..36c26f8 --- /dev/null +++ b/alps/bg-repeat.jpg 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 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>bsn2vpnc
+ - openntpd->config</title>
+<link rel="stylesheet" type="text/css" href="ice/reset.css">
+<link rel="stylesheet" type="text/css" href="alps.css">
+<!--[if IE]>
+<link rel="stylesheet" type="text/css" href="ice/ice-ie.css">
+<![endif]-->
+</head>
+<body>
+
+<div id="page">
+ <div id="header">
+ <div class="leader">
+ <a href="#Content" class="hide">[Skip to main content]</a>
+ </div>
+ <div id="logo">
+ <div class="leader"></div>
+ <h1>AlpineLinux</h1>
+ <p>bsn2vpnc
+</p>
+ <div class="tailer"></div>
+ </div>
+ <span class="mute">
+ <p>
+ <a href="https://bsn2vpnc/cgi-bin/acf/acf-util/logon/logout">Log out as 'alpine'</a>
+ |
+ <a href="/">home</a> |
+ <a href="http://wiki.alpinelinux.org">about</a>
+ </p></span>
+ <div class="tailer"></div>
+ </div> <!-- header -->
+
+ <div id="main">
+ <div class="leader">
+ </div>
+
+ <div id="nav">
+ <div class="leader">
+ <h3 class="hide">[Main menu]</h3>
+ </div>
+
+ <ul>
+ <li>Networking
+ <ul>
+ <li ><a href="/cgi-bin/acf/dhcp/dhcp/status">DHCP</a></li>
+ <li ><a href="/cgi-bin/acf/tinydns/tinydns/status">DNS</a></li>
+ <li ><a href="/cgi-bin/acf/dnscache/dnscache/status">DNScache</a></li>
+ <li ><a href="/cgi-bin/acf/chrony/chrony/status">NTP(chrony)</a></li>
+ <li class='selected'><a href="/cgi-bin/acf/openntpd/openntpd/status">NTP(openntpd)</a></li>
+ <li ><a href="/cgi-bin/acf/fetchmail/fetchmail/status">Fetchmail</a></li>
+ <li ><a href="/cgi-bin/acf/shorewall/shorewall/status">Firewall</a></li>
+ <li ><a href="/cgi-bin/acf/openvpn/openvpn/status">OpenVPN</a></li>
+ <li ><a href="/cgi-bin/acf/ipsec-tools/ipsectools/status">IPsec</a></li>
+ <li ><a href="/cgi-bin/acf/opennhrp/opennhrp/status">NHRP</a></li>
+ <li ><a href="/cgi-bin/acf/quagga/quagga/status">BGP</a></li>
+ </ul>
+ <li>Applications
+ <ul>
+ <li ><a href="/cgi-bin/acf/squid/squid/basic">Web Proxy</a></li>
+ <li ><a href="/cgi-bin/acf/dansguardian/dansguardian/advanced">Content Filter</a></li>
+ <li ><a href="/cgi-bin/acf/snort/snort/status">Snort</a></li>
+ <li ><a href="/cgi-bin/acf/gnats/gnats/status">GNATS bugreport</a></li>
+ </ul>
+ <li>System
+ <ul>
+ <li ><a href="/cgi-bin/acf/alpine-baselayout/interfaces/read">Interfaces</a></li>
+ <li ><a href="/cgi-bin/acf/alpine-baselayout/health/system">General health</a></li>
+ <li ><a href="/cgi-bin/acf/acf-util/password/status">User management</a></li>
+ <li ><a href="/cgi-bin/acf/apk/apk/loaded">Packages</a></li>
+ <li ><a href="/cgi-bin/acf/alpine-baselayout/syslog/status">System Logging</a></li>
+ <li ><a href="/cgi-bin/acf/alpine-baselayout/logfiles/status">Logfiles</a></li>
+ <li ><a href="/cgi-bin/acf/alpine-baselayout/skins/read">Skins</a></li>
+ <li ><a href="/cgi-bin/acf/alpine-conf/lbu/status">Local backups</a></li>
+ </ul>
+ <li>DevTools
+ <ul>
+ <li ><a href="/cgi-bin/acf/devtools/acfupdate/read">SVN status (for ACF)</a></li>
+ </ul>
+ </li>
+ </ul>
+
+ <div class="tailer">
+ </div>
+ </div> <!-- nav -->
+
+
+ <div id="postnav">
+ <div class="leader">
+ </div>
+ <h2>openntpd : config</h2>
+ <!-- FIXME: Next row is 'dead' data! Remove 'class=hide' when done! -->
+ <p class='hide'>[ welcome ] > [ login ] > [ bgp ] > [ firewall ] > [ content filter ] > [ interfaces ]</p>
+ <div class="tailer">
+ </div>
+ </div> <!-- postnav -->
+
+ <a name="Content"></a>
+
+ <div id="subnav">
+ <div class="leader">
+ <h3 class="hide">[Submenu]</h3>
+ </div>
+
+ <a href="status">Status</a>
+ <a class='selected' href="config">Config</a>
+ <a href="expert">Expert</a>
+ <a href="logfile">Logfile</a>
+
+ <div class="tailer">
+ </div>
+ </div> <!-- subnav -->
+
+<div id="content">
+ <div class="leader">
+ </div>
+
+
+<H1>SYSTEM INFO</H1>
+<DL>
+
+ <DT>Program status</DT>
+ <DD>Enabled
+ </DD>
+
+ <DT>Program version</DT>
+ <DD>openntpd-3.9_p1-r1
+ </DD>
+
+ <DT>Autostart sequence</DT>
+ <DD>Process will autostart at next boot (at sequence '28')
+ </DD>
+</DL>
+
+<form name="cmd" action="" method="POST">
+<h1>CONFIGURATION</h1>
+<H2>Advanced config</H2>
+<H3>General settings</H3>
+<DL>
+
+ <DT>Sets time directly at startup</DT>
+ <DD><input class="checkbox" type="checkbox" name="setstimeonstartup" value="No" >
+ </DD>
+
+ <DT>Save the above settings</DT>
+ <DD><input class="submit" type="submit" name="cmdsavesetstimeonstartup" value="Save" >
+ <P CLASS='descr'>See above checkbox</P>
+ </DD>
+</DL>
+
+
+<h3>'SET TIME' OPTIONS</h3>
+<DL>
+
+ <DT>Timeserver hosts</DT>
+ <DD><select name="hosts_list" size="2" ><option value="pool.ntp.org (pool)" >pool.ntp.org (pool)</option></select>
+ <P CLASS='descr'>In most cases you could use <i><b>pool.ntp.org</b></i> or <i><b>[countryname].pool.ntp.org</i></b> (if listed in <i><b>http://www.pool.ntp.org/</b></i>).</P>
+ </DD>
+
+ <DT>Delete selected host</DT>
+ <DD><input class="submit" type="submit" name="hosts_cmd_delete" value="Delete" >
+ <P CLASS='descr'>Mark a item in 'Timeserver hosts'-list before pressing [Delete].</P>
+ </DD>
+</DL>
+
+<DL>
+
+ <DT>Host to add</DT>
+ <DD><input class="text" type="text" name="hosts_add" value="" >
+ </DD>
+
+ <DT>Type of server</DT>
+ <DD><span style='display:inline' class=''>Server pool:<input style='margin-right:20px;margin-left:5px;' type='radio' class='' name='hosts_type' value='servers'>Single server:<input style='margin-right:20px;margin-left:5px;' type='radio' class='' name='hosts_type' value='server'></input></span>
+ </DD>
+
+ <DT>Add selected host</DT>
+ <DD><input class="submit" type="submit" name="hosts_cmd_add" value="Add" >
+ <P CLASS='descr'>Enter your values in 'Host to add' and chose 'Type of server' before pressing [Add].</P>
+ </DD>
+</DL>
+
+
+<h3>'PRESENT TIME' OPTIONS (ACT AS TIME SERVER)</h3>
+<DL>
+
+ <DT>Listen on address</DT>
+ <DD><select name="listen_list" size="2" ></select>
+ <P CLASS='descr'>Empty list = Listening (acting as server) is disabled; '*' = Listen on all local addresses.</P>
+ </DD>
+
+ <DT>Delete selected host</DT>
+ <DD><input class="submit" type="submit" name="listen_cmd_delete" value="Delete" disabled>
+ </DD>
+
+ <DT>New listen address</DT>
+ <DD><input class="text" type="text" name="listen_add" value="" >
+ </DD>
+
+ <DT>Add new listen address</DT>
+ <DD><input class="submit" type="submit" name="listen_cmd_add" value="Add" >
+ <P CLASS='descr'>Enter your values in 'New listen address' before pressing [Add].</P>
+ </DD>
+</DL>
+
+<H1>MANAGEMENT</H1>
+<DL><dt>Program control-panel</dt><dd><input class="submit" type="submit" name="cmdmanagement" value="Start" disabled><input class="submit" type="submit" name="cmdmanagement" value="Stop" ><input class="submit" type="submit" name="cmdmanagement" value="Restart" ></dd><dt>Previous action result</dt><dd><pre> * Stopping ntpd: ok.
+ * Starting ntpd: ok.
+</pre></dd></DL></form>
+
+ <div class="tailer">
+ </div>
+</div> <!-- content -->
+
+ </div> <!-- main -->
+
+ <div id="footer">
+ <div class="leader">
+ </div>
+ Made with care by webconf
+ <div class="tailer">
+ </div>
+ </div> <!-- footer -->
+</div> <!-- page -->
+
+</body>
+</html>
diff --git a/clouds/clouds.css b/clouds/clouds.css index e24b21d..475f684 100755 --- a/clouds/clouds.css +++ b/clouds/clouds.css @@ -236,11 +236,11 @@ body { /* border: 2px solid blue; */ } -#subnav a { +#xxsubnav a { /* height: 20px; */ /* margin: 0px 0px 5px 0px; padding: 3px 5px 2px 5px; */ - float: left; + float: left; padding: 5px; margin-right: 10px; margin-top: 0px; @@ -252,23 +252,25 @@ body { height: 100%; } -#subnav a.selected { - border: 2px solid #7799BB; - border-bottom: none; - font-weight: bold; - background: white; - text-decoration: underline; -} #subnav .tailer { - display: none; - position: absolute; - background: blue; - top: 25px; - left: 0; - height: 30px; - width: 100%; + display: none; } +#subnav li { + font-size: 14px; + border: 1px solid #7799BB; + border-bottom: none; + display: inline; + float: left; + margin: 0em 0.5em 0em 0em; + padding: 5px; + background: #ccc; + } +#subnav li.selected { + background: white; + text-decoration: underline; + font-weight: bold; + } /*---------------------------------------------------------------------------------- * PAGE > MAIN > CONTENT *---------------------------------------------------------------------------------- |