summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMika Havela <mika.havela@gmail.com>2008-06-04 15:24:44 +0000
committerMika Havela <mika.havela@gmail.com>2008-06-04 15:24:44 +0000
commit9c8bfded56156e43d91aa92571d1bd8383027a97 (patch)
tree2e72f5d29d3ca2453a5526e1b3ed769d3dc5af75
parent71136dcea8609a1d6f8af5118ae187aa6f163e22 (diff)
downloadacf-skins-9c8bfded56156e43d91aa92571d1bd8383027a97.tar.bz2
acf-skins-9c8bfded56156e43d91aa92571d1bd8383027a97.tar.xz
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
-rw-r--r--alps/alps.css515
-rw-r--r--alps/alps.psdbin0 -> 2582382 bytes
-rw-r--r--alps/bg-main.jpgbin0 -> 55876 bytes
-rw-r--r--alps/bg-repeat.jpgbin0 -> 611 bytes
-rw-r--r--alps/ice.css408
-rw-r--r--alps/openntpd_config.html229
-rwxr-xr-xclouds/clouds.css34
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
new file mode 100644
index 0000000..689c56b
--- /dev/null
+++ b/alps/alps.psd
Binary files differ
diff --git a/alps/bg-main.jpg b/alps/bg-main.jpg
new file mode 100644
index 0000000..dff5d99
--- /dev/null
+++ b/alps/bg-main.jpg
Binary files differ
diff --git a/alps/bg-repeat.jpg b/alps/bg-repeat.jpg
new file mode 100644
index 0000000..36c26f8
--- /dev/null
+++ b/alps/bg-repeat.jpg
Binary files 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 @@
+<!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
*----------------------------------------------------------------------------------