4 files changed, 254 insertions, 0 deletions
diff --git a/src/lib/Bcfg2/Server/Hostbase/media/base.css b/src/lib/Bcfg2/Server/Hostbase/media/base.css
new file mode 100644
index 000000000..ddbf02165
--- /dev/null
+++ b/src/lib/Bcfg2/Server/Hostbase/media/base.css
@@ -0,0 +1,5 @@
+
+/* Import other styles */
+@import url('global.css');
+@import url('layout.css');
+@import url('boxypastel.css');
diff --git a/src/lib/Bcfg2/Server/Hostbase/media/boxypastel.css b/src/lib/Bcfg2/Server/Hostbase/media/boxypastel.css
new file mode 100644
index 000000000..7ae0684ef
--- /dev/null
+++ b/src/lib/Bcfg2/Server/Hostbase/media/boxypastel.css
@@ -0,0 +1,179 @@
+body {
+    background-color: #fff;
+    color: #000;
+    font: 12px 'Lucida Grande', Arial, Helvetica, sans-serif;
+    margin-left:0px;
+    margin-right:100px;
+}
+/* links */
+a:link {
+    color: #00f;
+    text-decoration: none;
+}
+a:visited {
+    color: #00a;
+    text-decoration: none;
+}
+a:hover {
+    color: #00a;
+    text-decoration: underline;
+}
+a:active {
+    color: #00a;
+    text-decoration: underline;
+}
+/* divs*/
+div.bad {
+    border: 1px solid #660000;
+    background: #FF6A6A;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.modified {
+    border: 1px solid #CC9900;
+    background: #FFEC8B;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.clean {
+    border: 1px solid #006600;
+    background: #9AFF9A;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.extra {
+    border: 1px solid #006600;
+    background: #6699CC;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.warning {
+    border: 1px
+    solid #CC3300;
+    background: #FF9933;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.all-warning {
+    border: 1px solid #DD5544;
+    background: #FFD9A2;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.down {
+    border: 1px
+    solid #999;
+    background-color: #DDD;
+    margin: 10px 0;
+    padding: 8px;
+    text-align: left;
+    margin-left:50px;
+    margin-right:50px;
+}
+div.items{
+    display: none;
+}
+div.nodebox {
+    border: 1px solid #c7cfd5;
+    background: #f1f5f9;
+    margin: 20px 0;
+    padding: 8px 8px 16px 8px;
+    text-align: left;
+    position:relative;
+}
+div.header {
+    background-color: #DDD;
+    padding: 8px;
+    text-indent:50px;
+    position:relative;
+}
+
+/*Spans*/
+.nodename {
+    font-style: italic;
+}
+.nodelisttitle {
+    font-size: 14px;
+}
+
+h2{
+    font-size: 16px;
+    color: #000;
+}
+
+ul.plain {
+    list-style-type:none;
+    text-align: left;
+}
+
+.notebox {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    padding: 1px;
+    text-indent:0px;
+    border: 1px solid #FFF;
+    background: #999;
+    color: #FFF;
+}
+
+.configbox {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    padding: 1px;
+    text-indent:0px;
+    border: 1px solid #999;
+    background: #FFF;
+    color: #999;
+}
+
+p.indented{
+    text-indent: 50px
+}
+
+/*
+   Sortable tables */
+table.sortable a.sortheader {
+    background-color:#dfd;
+    font-weight: bold;
+    text-decoration: none;
+    display: block;
+}
+table.sortable {
+    padding: 2px 4px 2px 4px;
+    border: 1px solid #000000;
+    border-spacing: 0px
+}
+td.sortable{
+    padding: 2px 8px 2px 8px;
+}
+
+th.sortable{
+    background-color:#F3DD91;
+    border: 1px solid #FFFFFF;
+}
+tr.tablelist {
+    background-color:#EDF3FE;
+}
+tr.tablelist-alt{
+    background-color:#FFFFFF;
+}
diff --git a/src/lib/Bcfg2/Server/Hostbase/media/global.css b/src/lib/Bcfg2/Server/Hostbase/media/global.css
new file mode 100644
index 000000000..73451e1bc
--- /dev/null
+++ b/src/lib/Bcfg2/Server/Hostbase/media/global.css
@@ -0,0 +1,8 @@
+body {
+        margin:0;
+        padding:0;
+        font-size:12px;
+        font-family:"Lucida Grande","Bitstream Vera Sans",Verdana,Arial,sans-serif;
+        color:#000;
+        background:#fff;
+        }
diff --git a/src/lib/Bcfg2/Server/Hostbase/media/layout.css b/src/lib/Bcfg2/Server/Hostbase/media/layout.css
new file mode 100644
index 000000000..9085cc220
--- /dev/null
+++ b/src/lib/Bcfg2/Server/Hostbase/media/layout.css
@@ -0,0 +1,62 @@
+/* Page Structure */
+#container { position:absolute; top: 3em; margin-left:1em; margin-right:2em; padding:0; margin-top:1.5em; min-width:
+ 650px; }
+#header { width:100%; }
+#content-main { float:left; }
+
+/*  HEADER  */
+#header {
+background:#000;
+color:#ffc;
+position:absolute;
+}
+#header a:link, #header a:visited { color:white; }
+#header a:hover { text-decoration:underline; }
+#branding h1 { padding:0 10px; font-size:18px; margin:8px 0; font-weight:normal; color:#f4f379; }
+#branding h2 { padding:0 10px; font-size:14px; margin:-8px 0 8px 0; font-weight:normal; color:#ffc; }
+#user-tools { position:absolute; top:0; right:0; padding:1.2em 10px; font-size:11px; text-align:right; }
+
+/*SIDEBAR*/
+#sidebar {
+   float:left;
+   position: relative;
+   width: auto;
+   height: 100%;
+   margin-top: 3em;
+   padding-right: 1.5em;
+   padding-left: 1.5em;
+   padding-top: 1em;
+   padding-bottom:3em;
+   background: #000;
+   color:ffc;
+}
+
+a.sidebar:link {color: #fff;}
+a.sidebar:active {color: #fff;}
+a.sidebar:visited {color: #fff;}
+a.sidebar:hover {color: #fff;}
+
+ul.sidebar {
+        color: #ffc;
+        text-decoration: none;
+        list-style-type: none;
+        text-indent: -1em;
+}
+ul.sidebar-level2 {
+        text-indent: -2em;
+        list-style-type: none;
+        font-size: 11px;
+}
+
+/* ALIGNED FIELDSETS */
+.aligned label { display:block; padding:0 1em 3px 0; float:left; width:8em; }
+.aligned label.inline { display:inline; float:none; }
+.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
+form .aligned p, form .aligned ul { margin-left:7em; padding-left:30px; }
+form .aligned table p { margin-left:0; padding-left:0; }
+form .aligned p.help { padding-left:38px; }
+.aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
+.colM .aligned .vLargeTextField, colM .aligned .vXMLLargeTextField { width:610px; }
+.checkbox-row p.help { margin-left:0; padding-left:0 !important; }
+
+