[webui] Restructure file tree + convert tabs to 2 whitespaces + remove setup.html

10 files changed, 1220 insertions, 0 deletions

diff --git a/module/webui/themes/default/css/MooDialog.min.css b/module/webui/themes/default/css/MooDialog.min.css
new file mode 100644
index 000000000..20cdbef66
--- /dev/null
+++ b/module/webui/themes/default/css/MooDialog.min.css
@@ -0,0 +1 @@
+.MooDialog{position:fixed;width:300px;height:100px;top:50%;left:50%;margin:-150px 0 0 -150px;padding:10px;z-index:50000;background:#eef5f8;color:#000;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-moz-box-shadow:1px 1px 5px rgba(0,0,0,.8);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.8);box-shadow:1px 1px 5px rgba(0,0,0,.8)}.MooDialogTitle{padding-top:30px}.MooDialog .content{height:100px}.MooDialog .title{position:absolute;top:0;left:0;right:0;padding:3px 20px;background:#b7c4dc;border-bottom:1px solid #a1aec5;font-weight:700;text-shadow:1px 1px 0 #fff;color:#000;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}.MooDialog .close{position:absolute;width:16px;height:16px;top:-5px;left:-5px;background:url(dialog-close.png) no-repeat;display:block;cursor:pointer}.MooDialog .buttons{margin:0;padding:0;border:0;background:0 0;text-align:right}.MooDialog .iframe{width:100%;height:100%}.MooDialog .textInput{width:200px;float:left}.MooDialog .MooDialogAlert,.MooDialog .MooDialogConfirm,.MooDialog .MooDialogError,.MooDialog .MooDialogPrompt{padding-left:40px;min-height:40px;background:url(dialog-warning.png) no-repeat}.MooDialog .MooDialogConfirm,.MooDialog .MooDialogPrompt{background:url(dialog-question.png) no-repeat}.MooDialog .MooDialogError{background:url(dialog-error.png) no-repeat}
\ No newline at end of file
diff --git a/module/webui/themes/default/css/default.min.css b/module/webui/themes/default/css/default.min.css
new file mode 100644
index 000000000..76d187252
--- /dev/null
+++ b/module/webui/themes/default/css/default.min.css
@@ -0,0 +1 @@
+.leftalign{text-align:left}.centeralign{text-align:center}.rightalign{text-align:right}.dokuwiki div.plugin_translation ul li a.wikilink1:active,.dokuwiki div.plugin_translation ul li a.wikilink1:hover,.dokuwiki div.plugin_translation ul li a.wikilink1:link,.dokuwiki div.plugin_translation ul li a.wikilink1:visited{background-color:navy;color:#fff!important;text-decoration:none;padding:0 .2em;margin:.1em .2em;border:none!important}.dokuwiki div.plugin_translation ul li a.wikilink2:active,.dokuwiki div.plugin_translation ul li a.wikilink2:hover,.dokuwiki div.plugin_translation ul li a.wikilink2:link,.dokuwiki div.plugin_translation ul li a.wikilink2:visited{background-color:gray;color:#fff!important;text-decoration:none;padding:0 .2em;margin:.1em .2em;border:none!important}.dokuwiki div.plugin_translation ul li a:hover img{opacity:1;height:15px}body{margin:0;padding:0;background-color:#fff;color:#000;font-family:Verdana,Helvetica,"Lucida Grande",Lucida,Arial,sans-serif;font-family:sans-serif;font-size:99,96%;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:400;line-height:normal}img{border:none}form{margin:0;padding:0;border:none;display:inline;background:0 0}ul li{margin:5px}textarea{font-family:monospace}a{color:#3465a4;text-decoration:none}a:hover{text-decoration:underline}option{border:0 none #fff}strong.highlight{background-color:#fc9;padding:1pt}#pagebottom{clear:both}hr{height:1px;color:silver;background-color:silver;border:none;margin:.2em 0}.invisible{margin:0;border:0;padding:0;height:0;visibility:hidden}.left{float:left!important}.right{float:right!important}.center{text-align:center}div#body-wrapper{padding:40px 40px 10px;font-size:127%}div#content{margin-top:-20px;padding:0;font-size:14px;color:#000;line-height:1.5em}h1,h2,h3,h4,h5,h6{background:transparent none repeat scroll 0 0;border-bottom:1px solid #aaa;color:#000;font-weight:400;margin:0;padding:0;padding-bottom:.17em;padding-top:.5em}h1{font-size:188%;line-height:1.2em;margin-bottom:.1em;padding-bottom:0}h2{font-size:150%}h3,h4,h5,h6{border-bottom:none;font-weight:700}h3{font-size:132%}h4{font-size:116%}h5{font-size:100%}h6{font-size:80%}ul#page-actions,ul#page-actions-more{float:right;margin:10px 10px 0;padding:6px;color:#000;background-color:#ececec;list-style-type:none;white-space:nowrap;border-radius:5px;-moz-border-radius:5px}ul#user-actions{padding:5px;margin:0;display:inline;color:#000;background-color:#ececec;list-style-type:none;-moz-border-radius:3px;border-radius:3px}ul#page-actions li,ul#page-actions-more li,ul#user-actions li{display:inline}ul#page-actions a,ul#page-actions-more a,ul#user-actions a{text-decoration:none;color:#000;display:inline;margin:0 3px;padding:2px 0 2px 18px}ul#page-actions2{float:left;margin:10px 10px 0;padding:6px;color:#000;background-color:#ececec;list-style-type:none;border-radius:5px;-moz-border-radius:5px}ul#user-actions2{padding:5px;margin:0;display:inline;color:#000;background-color:#ececec;list-style-type:none;border-radius:3px;-moz-border-radius:3px}ul#page-actions2 li,ul#user-actions2 li{display:inline}ul#page-actions2 a,ul#user-actions2 a{text-decoration:none;color:#000;display:inline;margin:0 3px;padding:2px 0 2px 18px}ul#page-actions-more a:focus,ul#page-actions-more a:hover,ul#page-actions2 a:focus,ul#page-actions2 a:hover,ul#user-actions2 a:focus,ul#user-actions2 a:hover{color:#4e7bb4}.hidden{display:none}a.action.index{background:transparent url(../img/wiki-tools-index.png) 0 1px no-repeat}a.action.recent{background:transparent url(../img/wiki-tools-recent.png) 0 1px no-repeat}a.logout{background:transparent url(../img/user-actions-logout.png) 0 1px no-repeat}a.info{background:transparent url(../img/user-info.png) 0 1px no-repeat}a.admin{background:transparent url(../img/user-actions-admin.png) 0 1px no-repeat}a.profile{background:transparent url(../img/user-actions-profile.png) 0 1px no-repeat}a.create,a.edit{background:transparent url(../img/page-tools-edit.png) 0 1px no-repeat}a.show,a.source{background:transparent url(../img/page-tools-source.png) 0 1px no-repeat}a.revisions{background:transparent url(../img/page-tools-revisions.png) 0 1px no-repeat}a.subscribe,a.unsubscribe{background:transparent url(../img/page-tools-subscribe.png) 0 1px no-repeat}a.backlink{background:transparent url(../img/page-tools-backlinks.png) 0 1px no-repeat}a.play{background:transparent url(../img/control_play.png) 0 1px no-repeat}.time{background:transparent url(../img/status_None.png) 0 1px no-repeat;padding:2px 0 2px 18px;margin:0 3px}.reconnect{background:transparent url(../img/reconnect.png) 0 1px no-repeat;padding:2px 0 2px 18px;margin:0 3px}a.play:hover{background:transparent url(../img/control_play_blue.png) 0 1px no-repeat}a.cancel{background:transparent url(../img/control_cancel.png) 0 1px no-repeat}a.cancel:hover{background:transparent url(../img/control_cancel_blue.png) 0 1px no-repeat}a.pause{background:transparent url(../img/control_pause.png) 0 1px no-repeat}a.pause:hover{background:transparent url(../img/control_pause_blue.png) 0 1px no-repeat;font-weight:700}a.stop{background:transparent url(../img/control_stop.png) 0 1px no-repeat}a.stop:hover{background:transparent url(../img/control_stop_blue.png) 0 1px no-repeat}a.add{background:transparent url(../img/control_add.png) 0 1px no-repeat}a.add:hover{background:transparent url(../img/control_add_blue.png) 0 1px no-repeat}a.cog{background:transparent url(../img/cog.png) 0 1px no-repeat}#head-panel{background:#525252 url(../img/head_bg1.png) bottom left repeat-x}#head-panel h1{display:none;margin:0;text-decoration:none;padding-top:.8em;padding-left:3.3em;font-size:2.6em;color:#eeeeec}#head-panel #head-logo{float:left;margin:5px 0 -15px 5px;padding:0;overflow:visible}#head-menu{background:transparent url(../img/tabs-border-bottom.png) 0 100% repeat-x;width:100%;float:left;margin:0;padding:0;padding-top:.8em}#head-menu ul{list-style:none;margin:0 1em 0 2em}#head-menu ul li{float:left;margin:0;margin-left:.3em;font-size:14px;margin-bottom:4px}#head-menu ul li.selected,#head-menu ul li:hover{margin-bottom:0}#head-menu ul li a img{height:22px;width:22px;vertical-align:middle}#head-menu ul li a,#head-menu ul li a:link{float:left;text-decoration:none;color:#555;background:#eaeaea url(../img/tab-background.png) 0 100% repeat-x;padding:3px 7px;border:2px solid #ccc;border-bottom:0 solid transparent;padding-bottom:3px;-moz-border-radius:5px;border-radius:5px}#head-menu ul li a:focus,#head-menu ul li a:hover{color:#111;padding-bottom:7px;border-bottom:0 none transparent;outline:0;border-bottom-left-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0}#head-menu ul li a:focus{margin-bottom:-4px}#head-menu ul li.selected a{color:#3566A5;background:#fff;padding-bottom:7px;border-bottom:0 none transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0}#head-menu ul li.selected a:focus,#head-menu ul li.selected a:hover{color:#111}div#head-search-and-login{float:right;margin:0 1em 0 0;background-color:#222;padding:7px 7px 5px 5px;color:#fff;white-space:nowrap;border-bottom-left-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px}div#head-search-and-login form{display:inline;padding:0 3px}div#head-search-and-login form input{border:2px solid #888;background:#eee;font-size:14px;padding:2px;border-radius:3px;-moz-border-radius:3px}div#head-search-and-login form input:focus{background:#fff}#head-search{font-size:14px}#head-password,#head-username{width:80px;font-size:14px}#pageinfo{clear:both;color:#888;padding:.6em 0;margin:0}#foot{font-style:normal;color:#888;text-align:center}#foot a{color:#aaf}#foot img{vertical-align:middle}div.toc{border:1px dotted #888;background:#f0f0f0;margin:1em 0 1em 1em;float:right;font-size:95%}div.toc .tocheader{font-weight:700;margin:.5em 1em}div.toc ol{margin:1em .5em 1em 1em;padding:0}div.toc ol li{margin:0;padding:0;margin-left:1em}div.toc ol ol{margin:.5em .5em .5em 1em;padding:0}div.recentchanges table{clear:both}div#editor-help{font-size:90%;border:1px dotted #888;padding:0 1ex 1ex;background:#f7f6f2}div#preview{margin-top:1em}label.block{display:block;text-align:right;font-weight:700}label.simple{display:block;text-align:left;font-weight:400}label.block input.edit{width:50%}div.editor{margin:0}table{margin:.5em 0;border-collapse:collapse}td{padding:.25em;border:1pt solid #ADB9CC}td p{margin:0;padding:0}.u{text-decoration:underline}.footnotes ul{padding:0 2em;margin:0 0 1em}.footnotes li{list-style:none}.userpref table,.userpref td{border:none}#message{clear:both;padding:5px 10px;background-color:#eee;border-bottom:2px solid #ccc}#message p{margin:5px 0;padding:0;font-weight:700}#message div.buttons{font-weight:400}.diff{width:99%}.diff-title{background-color:silver}.searchresult dd span{font-weight:700}.boxtext{font-family:tahoma,arial,sans-serif;font-size:11px;color:#000;float:none;padding:3px 0 0 10px}.statusbutton{width:32px;height:32px;float:left;margin-left:-32px;margin-right:5px;opacity:0;cursor:pointer}.dlsize,.dlspeed{float:left;padding-right:8px}.package{margin-bottom:10px}.packagename{font-weight:700}.child{margin-left:20px}.child_status{margin-right:10px}.child_secrow{font-size:10px}.header,.header th{background-color:#ececec;-moz-border-radius:5px;border-radius:5px}.progress_bar{background:#0C0;height:5px}.queue,.queue tr td{border:none}.header,.header th{text-align:left;font-weight:400}.clearer{clear:both;height:1px}.setfield{display:table-cell}#tabs span{display:none}#tabs span.selected{display:inline}#tabsback{background-color:#525252;margin:2px 0 0;padding:6px 4px 1px;border-top-right-radius:30px;border-top-left-radius:3px;-moz-border-radius-topright:30px;-moz-border-radius-topleft:3px}ul.tabs{list-style-type:none;margin:0;padding:0 40px 0 0}ul.tabs li{display:inline;margin-left:8px}ul.tabs li a{color:#42454a;background-color:#eaeaea;border:1px none #c9c3ba;margin:0;text-decoration:none;outline:0;padding:5px 16px 4px 15px;font-weight:700;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0}ul.tabs li a.selected,ul.tabs li a:hover{color:#000;background-color:#fff;border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0}ul.tabs li a:hover{background-color:#f1f4ee}ul.tabs li a.selected{font-weight:700;background-color:#525252;padding-bottom:5px;color:#fff}#tabs-body{position:relative;overflow:hidden}span.tabContent{border:2px solid #525252;margin:0;padding:0;padding-bottom:10px}#tabs-body>span{display:none}#tabs-body>span.active{display:block}.hide{display:none}.settable{margin:20px;border:none}.settable td{border:none;margin:0;padding:5px}.settable th{padding-bottom:8px}.settable.wide td,.settable.wide th{padding-left:15px;padding-right:15px}ul.nav{margin:-30px 0 0;padding:0;list-style:none;position:absolute}ul.nav li{position:relative;float:left;padding:5px}ul.nav>li a{background:#fff;-moz-border-radius:4px;border:1px solid #C9C3BA;border-bottom:medium none;color:#000}ul.nav ul{position:absolute;top:26px;left:10px;margin:0;padding:0;list-style:none;border:1px solid #AAA;background:#f1f1f1;-webkit-box-shadow:1px 1px 5px #AAA;-moz-box-shadow:1px 1px 5px #AAA;box-shadow:1px 1px 5px #AAA;cursor:pointer}ul.nav .open{display:block}ul.nav .close{display:none}ul.nav ul li{float:none;padding:0}ul.nav ul li a{width:130px;background:#f1f1f1;padding:3px;display:block;font-weight:400}ul.nav ul li a:hover{background:#CDCDCD}ul.nav ul ul{left:137px;top:0}.purr-wrapper{margin:10px}.purr-alert{margin-bottom:10px;padding:10px;background:#000;font-size:13px;font-weight:700;color:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;width:300px}.purr-alert.error{color:#F55;padding-left:30px;background:url(../img/error.png) no-repeat #000 7px 10px;width:280px}.purr-alert.success{color:#5F5;padding-left:30px;background:url(../img/success.png) no-repeat #000 7px 10px;width:280px}.purr-alert.notice{color:#99F;padding-left:30px;background:url(../img/notice.png) no-repeat #000 7px 10px;width:280px}table.system{border:none;margin-left:10px}table.system td{border:none}table.system tr>td:first-child{font-weight:700;padding-right:10px}
diff --git a/module/webui/themes/default/css/log.min.css b/module/webui/themes/default/css/log.min.css
new file mode 100644
index 000000000..f3e75a670
--- /dev/null
+++ b/module/webui/themes/default/css/log.min.css
@@ -0,0 +1 @@
+#content,body,html{height:100%}#body-wrapper{height:70%}.logdiv{height:90%;width:100%;overflow:auto;border:2px solid #CCC;outline:1px solid #666;background-color:#FFE;margin-right:auto;margin-left:auto}.logform{display:table;margin:0 auto;padding-top:5px}.logtable{margin:0}.logtable td{border:none;white-space:nowrap;font-family:monospace;font-size:16px;margin:0;padding:0 10px;line-height:110%}td.logline{background-color:#EEE;text-align:right;padding:0 5px}td.loglevel{text-align:right}.logperpage{float:right;padding-bottom:8px}.logpaginator{float:left;padding-top:5px}.logpaginator a{padding:0 8px}.logwarn{text-align:center;color:red}
diff --git a/module/webui/themes/default/css/pathchooser.min.css b/module/webui/themes/default/css/pathchooser.min.css
new file mode 100644
index 000000000..dee37cf2d
--- /dev/null
+++ b/module/webui/themes/default/css/pathchooser.min.css
@@ -0,0 +1 @@
+table{width:90%;border:1px dotted #888;font-family:sans-serif;font-size:10pt}th{background-color:#525252;color:#E0E0E0}table,td,tr{background-color:#F0F0F0}a,a:visited{text-decoration:none;font-weight:700}#paths{width:90%;text-align:left}.file_directory{color:silver}.file_file,.path_directory{color:#3c3c3c}.path_file{color:silver}.parentdir{color:#000;font-size:10pt}.name{text-align:left}.size{text-align:right}.type{text-align:left}.mtime{text-align:center}.path_abs_rel{color:#3c3c3c;text-decoration:none;font-weight:700;font-family:sans-serif;font-size:10pt}.path_abs_rel a{color:#3c3c3c;font-style:italic}
diff --git a/module/webui/themes/default/css/sources/MooDialog.css b/module/webui/themes/default/css/sources/MooDialog.css
new file mode 100644
index 000000000..f62b3dd7d
--- /dev/null
+++ b/module/webui/themes/default/css/sources/MooDialog.css
@@ -0,0 +1,95 @@
+/* Created by Arian Stolwijk <http://www.aryweb.nl> */
+
+.MooDialog {
+  position: fixed;
+  width: 300px;
+  height: 100px;
+  top: 50%;
+  left: 50%;
+  margin: -150px 0 0 -150px;
+  padding: 10px;
+  z-index: 50000;
+
+  background: #eef5f8;
+  color: black;
+  border-radius: 7px;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+  border-radius: 7px;
+  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
+  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
+  box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
+}
+
+.MooDialogTitle {
+  padding-top: 30px;
+}
+
+.MooDialog .content {
+  height: 100px;
+}
+
+.MooDialog .title {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding: 3px 20px;
+
+  background: #b7c4dc;
+  border-bottom: 1px solid #a1aec5;
+  font-weight: bold;
+  text-shadow: 1px 1px 0 #fff;
+  color: black;
+  border-radius: 7px;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+}
+
+.MooDialog .close {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  top: -5px;
+  left: -5px;
+
+  background: url(dialog-close.png) no-repeat;
+  display: block;
+  cursor: pointer;
+}
+
+.MooDialog .buttons {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  text-align: right;
+}
+
+.MooDialog .iframe {
+  width: 100%;
+  height: 100%;
+}
+
+.MooDialog .textInput {
+  width: 200px;
+  float: left;
+}
+
+.MooDialog .MooDialogAlert,
+.MooDialog .MooDialogConfirm,
+.MooDialog .MooDialogPrompt,
+.MooDialog .MooDialogError {
+  padding-left: 40px;
+  min-height: 40px;
+  background: url(dialog-warning.png) no-repeat;
+}
+
+.MooDialog .MooDialogConfirm,
+.MooDialog .MooDialogPrompt {
+  background: url(dialog-question.png) no-repeat;
+}
+
+.MooDialog .MooDialogError {
+  background: url(dialog-error.png) no-repeat;
+}
diff --git a/module/webui/themes/default/css/sources/default.css b/module/webui/themes/default/css/sources/default.css
new file mode 100644
index 000000000..1843e2391
--- /dev/null
+++ b/module/webui/themes/default/css/sources/default.css
@@ -0,0 +1,908 @@
+.hidden {
+  display:none;
+}
+.leftalign {
+  text-align:left;
+}
+.centeralign {
+  text-align:center;
+}
+.rightalign {
+  text-align:right;
+}
+
+
+.dokuwiki div.plugin_translation ul li a.wikilink1:link, .dokuwiki div.plugin_translation ul li a.wikilink1:hover, .dokuwiki div.plugin_translation ul li a.wikilink1:active, .dokuwiki div.plugin_translation ul li a.wikilink1:visited {
+  background-color:#000080;
+  color:#fff !important;
+  text-decoration:none;
+  padding:0 0.2em;
+  margin:0.1em 0.2em;
+  border:none !important;
+}
+.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited {
+  background-color:#808080;
+  color:#fff !important;
+  text-decoration:none;
+  padding:0 0.2em;
+  margin:0.1em 0.2em;
+  border:none !important;
+}
+
+.dokuwiki div.plugin_translation ul li a:hover img {
+  opacity:1.0;
+  height:15px;
+}
+
+body {
+  margin:0;
+  padding:0;
+  background-color:white;
+  color:black;
+  font-size:12px;
+  font-family:Verdana, Helvetica, "Lucida Grande", Lucida, Arial, sans-serif;
+  font-family:sans-serif;
+  font-size:99, 96%;
+  font-size-adjust:none;
+  font-style:normal;
+  font-variant:normal;
+  font-weight:normal;
+  line-height:normal;
+}
+hr {
+  border-width:0;
+  border-bottom:1px #aaa dotted;
+}
+img {
+  border:none;
+}
+form {
+  margin:0px;
+  padding:0px;
+  border:none;
+  display:inline;
+  background:transparent;
+}
+ul li {
+  margin:5px;
+}
+textarea {
+  font-family:monospace;
+}
+table {
+  margin:0.5em 0;
+  border-collapse:collapse;
+}
+td {
+  padding:0.25em;
+  border:1pt solid #ADB9CC;
+}
+a {
+  color:#3465a4;
+  text-decoration:none;
+}
+a:hover {
+  text-decoration:underline;
+}
+
+option {
+  border:0 none #fff;
+}
+strong.highlight {
+  background-color:#fc9;
+  padding:1pt;
+}
+#pagebottom {
+  clear:both;
+}
+hr {
+  height:1px;
+  color:#c0c0c0;
+  background-color:#c0c0c0;
+  border:none;
+  margin:.2em 0 .2em 0;
+}
+
+.invisible {
+  margin:0px;
+  border:0px;
+  padding:0px;
+  height:0px;
+  visibility:hidden;
+}
+.left {
+  float:left !important;
+}
+.right {
+  float:right !important;
+}
+.center {
+  text-align:center;
+}
+div#body-wrapper {
+  padding:40px 40px 10px 40px;
+  font-size:127%;
+}
+div#content {
+  margin-top:-20px;
+  padding:0;
+  font-size:14px;
+  color:black;
+  line-height:1.5em;
+}
+h1, h2, h3, h4, h5, h6 {
+  background:transparent none repeat scroll 0 0;
+  border-bottom:1px solid #aaa;
+  color:black;
+  font-weight:normal;
+  margin:0;
+  padding:0;
+  padding-bottom:0.17em;
+  padding-top:0.5em;
+}
+h1 {
+  font-size:188%;
+  line-height:1.2em;
+  margin-bottom:0.1em;
+  padding-bottom:0;
+}
+h2 {
+  font-size:150%;
+}
+h3, h4, h5, h6 {
+  border-bottom:none;
+  font-weight:bold;
+}
+h3 {
+  font-size:132%;
+}
+h4 {
+  font-size:116%;
+}
+h5 {
+  font-size:100%;
+}
+h6 {
+  font-size:80%;
+}
+ul#page-actions, ul#page-actions-more {
+  float:right;
+  margin:10px 10px 0 10px;
+  padding:6px;
+  color:black;
+  background-color:#ececec;
+  list-style-type:none;
+  white-space: nowrap;
+  border-radius:5px;
+  -moz-border-radius:5px;
+}
+ul#user-actions {
+  padding:5px;
+  margin:0;
+  display:inline;
+  color:black;
+  background-color:#ececec;
+  list-style-type:none;
+  -moz-border-radius:3px;
+  border-radius:3px;
+}
+ul#page-actions li, ul#user-actions li, ul#page-actions-more li {
+  display:inline;
+}
+ul#page-actions a, ul#user-actions a, ul#page-actions-more a {
+  text-decoration:none;
+  color:black;
+  display:inline;
+  margin:0 3px;
+  padding:2px 0px 2px 18px;
+}
+ul#page-actions a:hover, ul#page-actions a:focus, ul#user-actions a:hover, ul#user-actions a:focus {
+  /*text-decoration:underline;*/
+}
+/***************************/
+ul#page-actions2 {
+  float:left;
+  margin:10px 10px 0 10px;
+  padding:6px;
+  color:black;
+  background-color:#ececec;
+  list-style-type:none;
+  border-radius:5px;
+  -moz-border-radius:5px;
+}
+ul#user-actions2 {
+  padding:5px;
+  margin:0;
+  display:inline;
+  color:black;
+  background-color:#ececec;
+  list-style-type:none;
+  border-radius:3px;
+  -moz-border-radius:3px;
+}
+ul#page-actions2 li, ul#user-actions2 li {
+  display:inline;
+}
+ul#page-actions2 a, ul#user-actions2 a {
+  text-decoration:none;
+  color:black;
+  display:inline;
+  margin:0 3px;
+  padding:2px 0px 2px 18px;
+}
+ul#page-actions2 a:hover, ul#page-actions2 a:focus, ul#user-actions2 a:hover, ul#user-actions2 a:focus,
+ul#page-actions-more a:hover, ul#page-actions-more a:focus{
+  color: #4e7bb4;
+}
+/****************************/
+.hidden {
+  display:none;
+}
+
+a.action.index {
+  background:transparent url(../img/wiki-tools-index.png) 0px 1px no-repeat;
+}
+a.action.recent {
+  background:transparent url(../img/wiki-tools-recent.png) 0px 1px no-repeat;
+}
+a.logout {
+  background:transparent url(../img/user-actions-logout.png) 0px 1px no-repeat;
+}
+
+a.info {
+    background:transparent url(../img/user-info.png) 0px 1px no-repeat;
+}
+
+a.admin {
+  background:transparent url(../img/user-actions-admin.png) 0px 1px no-repeat;
+}
+a.profile {
+  background:transparent url(../img/user-actions-profile.png) 0px 1px no-repeat;
+}
+a.create, a.edit {
+  background:transparent url(../img/page-tools-edit.png) 0px 1px no-repeat;
+}
+a.source, a.show {
+  background:transparent url(../img/page-tools-source.png) 0px 1px no-repeat;
+}
+a.revisions {
+  background:transparent url(../img/page-tools-revisions.png) 0px 1px no-repeat;
+}
+a.subscribe, a.unsubscribe {
+  background:transparent url(../img/page-tools-subscribe.png) 0px 1px no-repeat;
+}
+a.backlink {
+  background:transparent url(../img/page-tools-backlinks.png) 0px 1px no-repeat;
+}
+a.play {
+  background:transparent url(../img/control_play.png) 0px 1px no-repeat;
+}
+.time {
+  background:transparent url(../img/status_None.png) 0px 1px no-repeat;
+        padding: 2px 0px 2px 18px;
+        margin: 0px 3px;
+}
+.reconnect {
+  background:transparent url(../img/reconnect.png) 0px 1px no-repeat;
+        padding: 2px 0px 2px 18px;
+        margin: 0px 3px;
+}
+a.play:hover {
+  background:transparent url(../img/control_play_blue.png) 0px 1px no-repeat;
+}
+a.cancel {
+  background:transparent url(../img/control_cancel.png) 0px 1px no-repeat;
+}
+a.cancel:hover {
+  background:transparent url(../img/control_cancel_blue.png) 0px 1px no-repeat;
+}
+a.pause {
+  background:transparent url(../img/control_pause.png) 0px 1px no-repeat;
+}
+a.pause:hover {
+  background:transparent url(../img/control_pause_blue.png) 0px 1px no-repeat;
+  font-weight: bold;
+}
+a.stop {
+  background:transparent url(../img/control_stop.png) 0px 1px no-repeat;
+}
+a.stop:hover {
+  background:transparent url(../img/control_stop_blue.png) 0px 1px no-repeat;
+}
+a.add {
+  background:transparent url(../img/control_add.png) 0px 1px no-repeat;
+}
+a.add:hover {
+  background:transparent url(../img/control_add_blue.png) 0px 1px no-repeat;
+}
+a.cog {
+  background:transparent url(../img/cog.png) 0px 1px no-repeat;
+}
+#head-panel {
+  background:#525252 url(../img/head_bg1.png) bottom left repeat-x;
+}
+#head-panel h1 {
+  display:none;
+  margin:0;
+  text-decoration:none;
+  padding-top:0.8em;
+  padding-left:3.3em;
+  font-size:2.6em;
+  color:#eeeeec;
+}
+#head-panel #head-logo {
+  float:left;
+  margin:5px 0 -15px 5px;
+  padding:0;
+  overflow:visible;
+}
+#head-menu {
+  background:transparent url(../img/tabs-border-bottom.png) 0 100% repeat-x;
+  width:100%;
+  float:left;
+  margin:0;
+  padding:0;
+  padding-top:0.8em;
+}
+#head-menu ul {
+  list-style:none;
+  margin:0 1em 0 2em;
+}
+#head-menu ul li {
+  float:left;
+  margin:0;
+  margin-left:0.3em;
+  font-size:14px;
+  margin-bottom:4px;
+}
+#head-menu ul li.selected, #head-menu ul li:hover {
+  margin-bottom:0px;
+}
+#head-menu ul li a img {
+  height:22px;
+  width:22px;
+  vertical-align:middle;
+}
+#head-menu ul li a, #head-menu ul li a:link {
+  float:left;
+  text-decoration:none;
+  color:#555;
+  background:#eaeaea url(../img/tab-background.png) 0 100% repeat-x;
+  padding:3px 7px 3px 7px;
+  border:2px solid #ccc;
+  border-bottom:0px solid transparent;
+  padding-bottom:3px;
+  -moz-border-radius:5px;
+  border-radius:5px;
+}
+#head-menu ul li a:hover, #head-menu ul li a:focus {
+  color:#111;
+  padding-bottom:7px;
+  border-bottom:0px none transparent;
+  outline:none;
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+  -moz-border-radius-bottomright:0px;
+  -moz-border-radius-bottomleft:0px;
+}
+#head-menu ul li a:focus {
+  margin-bottom:-4px;
+}
+#head-menu ul li.selected a {
+  color:#3566A5;
+  background:#fff;
+  padding-bottom:7px;
+  border-bottom:0px none transparent;
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+  -moz-border-radius-bottomright:0px;
+  -moz-border-radius-bottomleft:0px;
+}
+#head-menu ul li.selected a:hover, #head-menu ul li.selected a:focus {
+  color:#111;
+}
+div#head-search-and-login {
+  float:right;
+  margin:0 1em 0 0;
+  background-color:#222;
+  padding:7px 7px 5px 5px;
+  color:white;
+  white-space: nowrap;
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  -moz-border-radius-bottomright:6px;
+  -moz-border-radius-bottomleft:6px;
+}
+div#head-search-and-login form {
+  display:inline;
+  padding:0 3px;
+}
+div#head-search-and-login form input {
+  border:2px solid #888;
+  background:#eee;
+  font-size:14px;
+  padding:2px;
+  border-radius:3px;
+  -moz-border-radius:3px;
+}
+div#head-search-and-login form input:focus {
+  background:#fff;
+}
+#head-search {
+  font-size:14px;
+}
+#head-username, #head-password {
+  width:80px;
+  font-size:14px;
+}
+#pageinfo {
+  clear:both;
+  color:#888;
+  padding:0.6em 0;
+  margin:0;
+}
+#foot {
+  font-style:normal;
+  color:#888;
+  text-align:center;
+}
+#foot a {
+  color:#aaf;
+}
+#foot img {
+  vertical-align:middle;
+}
+div.toc {
+  border:1px dotted #888;
+  background:#f0f0f0;
+  margin:1em 0 1em 1em;
+  float:right;
+  font-size:95%;
+}
+div.toc .tocheader {
+  font-weight:bold;
+  margin:0.5em 1em;
+}
+div.toc ol {
+  margin:1em 0.5em 1em 1em;
+  padding:0;
+}
+div.toc ol li {
+  margin:0;
+  padding:0;
+  margin-left:1em;
+}
+div.toc ol ol {
+  margin:0.5em 0.5em 0.5em 1em;
+  padding:0;
+}
+div.recentchanges table {
+  clear:both;
+}
+div#editor-help {
+  font-size:90%;
+  border:1px dotted #888;
+  padding:0ex 1ex 1ex 1ex;
+  background:#f7f6f2;
+}
+div#preview {
+  margin-top:1em;
+}
+label.block {
+  display:block;
+  text-align:right;
+  font-weight:bold;
+}
+label.simple {
+  display:block;
+  text-align:left;
+  font-weight:normal;
+}
+label.block input.edit {
+  width:50%;
+}
+/*fieldset {
+  width:300px;
+  text-align:center;
+  padding:0.5em;
+  margin:auto;
+}
+*/
+div.editor {
+  margin:0 0 0 0;
+}
+table {
+  margin:0.5em 0;
+  border-collapse:collapse;
+}
+td {
+  padding:0.25em;
+  border:1pt solid #ADB9CC;
+}
+td p {
+  margin:0;
+  padding:0;
+}
+.u {
+  text-decoration:underline;
+}
+.footnotes ul {
+  padding:0 2em;
+  margin:0 0 1em;
+}
+.footnotes li {
+  list-style:none;
+}
+.userpref table, .userpref td {
+  border:none;
+}
+#message {
+  clear:both;
+  padding:5px 10px;
+  background-color:#eee;
+  border-bottom:2px solid #ccc;
+}
+#message p {
+  margin:5px 0;
+  padding:0;
+  font-weight:bold;
+}
+#message div.buttons {
+  font-weight:normal;
+}
+.diff {
+  width:99%;
+}
+.diff-title {
+  background-color:#C0C0C0;
+}
+.searchresult dd span {
+  font-weight:bold;
+}
+.boxtext {
+  font-family:tahoma, arial, sans-serif;
+  font-size:11px;
+  color:#000;
+  float:none;
+  padding:3px 0 0 10px;
+}
+.statusbutton {
+  width:32px;
+  height:32px;
+  float:left;
+  margin-left:-32px;
+  margin-right:5px;
+  opacity:0;
+  cursor:pointer
+}
+.dlsize {
+  float:left;
+  padding-right: 8px;
+}
+.dlspeed {
+  float:left;
+  padding-right: 8px;
+}
+.package {
+  margin-bottom: 10px;
+}
+.packagename {
+  font-weight: bold;
+}
+
+.child {
+  margin-left: 20px;
+}
+.child_status {
+  margin-right: 10px;
+}
+.child_secrow {
+  font-size: 10px;
+}
+
+.header, .header th {
+  text-align: left;
+  font-weight: normal;
+  background-color:#ececec;
+  -moz-border-radius:5px;
+  border-radius:5px;
+}
+.progress_bar {
+  background: #0C0;
+  height: 5px;
+  
+}
+
+.queue {
+  border: none
+}
+
+.queue tr td {
+  border: none
+}
+
+.header, .header th{
+  text-align: left;
+  font-weight: normal;
+}
+
+
+.clearer
+{
+  clear: both;
+  height: 1px;
+}
+
+.left
+{
+  float: left;
+}
+
+.right
+{
+  float: right;
+}
+
+
+.setfield
+{
+    display: table-cell;
+}
+
+ul.tabs li a
+{
+   padding: 5px 16px 4px 15px;
+   border: none;
+   font-weight: bold;
+
+    border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+
+}
+
+
+#tabs span
+{
+    display: none;
+}
+
+#tabs span.selected
+{
+    display: inline;
+}
+
+#tabsback
+{
+    background-color: #525252;
+    margin: 2px 0 0;
+    padding: 6px 4px 1px 4px;
+
+    border-top-right-radius: 30px;
+    border-top-left-radius: 3px;
+    -moz-border-radius-topright: 30px;
+    -moz-border-radius-topleft: 3px;
+}
+ul.tabs
+{
+    list-style-type: none;
+    margin:0;
+    padding: 0 40px 0 0;
+}
+
+ul.tabs li
+{
+    display: inline;
+    margin-left: 8px;
+}
+
+
+ul.tabs li a
+{
+    color: #42454a;
+    background-color: #eaeaea;
+    border: 1px none #c9c3ba;
+    margin: 0;
+    text-decoration: none;
+
+    outline: 0;
+
+    padding: 5px 16px 4px 15px;
+    font-weight: bold;
+
+     border-radius: 5px 5px 0 0;
+     -moz-border-radius: 5px 5px 0 0;
+
+}
+
+ul.tabs li a.selected, ul.tabs li a:hover
+{
+    color: #000;
+    background-color: white;
+
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    -moz-border-radius-bottomright: 0;
+    -moz-border-radius-bottomleft: 0;
+}
+
+ul.tabs li a:hover
+{
+    background-color: #f1f4ee;
+}
+
+ul.tabs li a.selected
+{
+    font-weight: bold;
+    background-color: #525252;
+    padding-bottom: 5px;
+    color: white;
+}
+
+
+#tabs-body {
+    position: relative;
+    overflow: hidden;
+}
+
+
+span.tabContent
+{
+    border: 2px solid #525252;
+    margin: 0;
+    padding: 0;
+    padding-bottom: 10px;
+}
+
+#tabs-body > span {
+    display: none;
+}
+
+#tabs-body > span.active {
+    display: block;
+}
+
+.hide
+{
+    display: none;
+}
+
+.settable
+{
+    margin: 20px;
+    border: none;
+}
+.settable td
+{
+    border: none;
+    margin: 0;
+    padding: 5px;
+}
+
+.settable th{
+    padding-bottom: 8px;
+}
+
+.settable.wide td , .settable.wide th {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+
+/*settings navbar*/
+ul.nav {
+    margin: -30px 0 0;
+    padding: 0;
+  list-style: none;
+    position: absolute;
+}
+
+
+ul.nav li {
+  position: relative;
+  float: left;
+  padding: 5px;
+}
+
+ul.nav > li a {
+    background: white;
+    -moz-border-radius: 4px 4px 4px 4px;
+    border: 1px solid #C9C3BA;
+    border-bottom: medium none;
+    color: black;
+}
+
+ul.nav ul {
+  position: absolute;
+  top: 26px;
+  left: 10px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border: 1px solid #AAA;
+  background: #f1f1f1;
+  -webkit-box-shadow: 1px 1px 5px #AAA;
+  -moz-box-shadow: 1px 1px 5px #AAA;
+  box-shadow: 1px 1px 5px #AAA;
+    cursor: pointer;
+}
+
+ul.nav .open {
+  display: block;
+}
+
+ul.nav .close {
+  display: none;
+}
+
+ul.nav ul li {
+  float: none;
+  padding: 0;
+}
+
+ul.nav ul li a {
+  width: 130px;
+  background: #f1f1f1;
+  padding: 3px;
+  display: block;
+  font-weight: normal;
+}
+
+ul.nav ul li a:hover {
+  background: #CDCDCD;
+}
+
+ul.nav ul ul {
+  left: 137px;
+  top: 0;
+}
+
+.purr-wrapper{
+  margin:10px;
+}
+
+/*Purr alert styles*/
+
+.purr-alert{
+  margin-bottom:10px;
+  padding:10px;
+  background:#000;
+  font-size:13px;
+  font-weight:bold;
+  color:#FFF;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  /*-moz-box-shadow: 0 0 10px rgba(255,255,0,.25);*/
+  width:300px;
+}
+.purr-alert.error{
+  color:#F55;
+  padding-left:30px;
+  background:url(../img/error.png) no-repeat #000 7px 10px;
+  width:280px;
+}
+.purr-alert.success{
+  color:#5F5;
+  padding-left:30px;
+  background:url(../img/success.png) no-repeat #000 7px 10px;
+  width:280px;
+}
+.purr-alert.notice{
+  color:#99F;
+  padding-left:30px;
+  background:url(../img/notice.png) no-repeat #000 7px 10px;
+  width:280px;
+}
+
+table.system {
+    border: none;
+    margin-left: 10px;
+}
+
+table.system td {
+    border: none
+}
+
+table.system tr > td:first-child {
+    font-weight: bold;
+    padding-right: 10px;
+}
diff --git a/module/webui/themes/default/css/sources/log.css b/module/webui/themes/default/css/sources/log.css
new file mode 100644
index 000000000..26449b244
--- /dev/null
+++ b/module/webui/themes/default/css/sources/log.css
@@ -0,0 +1,71 @@
+
+html, body, #content
+{
+    height: 100%;
+}
+#body-wrapper
+{
+    height: 70%;
+}
+.logdiv
+{
+    height: 90%;
+    width: 100%;
+    overflow: auto;
+    border: 2px solid #CCC;
+    outline: 1px solid #666;
+    background-color: #FFE;
+    margin-right: auto;
+    margin-left: auto;
+}
+.logform
+{
+    display: table;
+    margin: 0 auto 0 auto;
+    padding-top: 5px;
+}
+.logtable
+{
+
+    margin: 0px;
+}
+.logtable td
+{
+    border: none;
+    white-space: nowrap;
+
+    font-family: monospace;
+    font-size: 16px;
+    margin: 0px;
+    padding: 0px 10px 0px 10px;
+    line-height: 110%;
+}
+td.logline
+{
+    background-color: #EEE;
+    text-align:right;
+    padding: 0px 5px 0px 5px;
+}
+td.loglevel
+{
+    text-align:right;
+}
+.logperpage
+{
+    float: right;
+    padding-bottom: 8px;
+}
+.logpaginator
+{
+    float: left;
+    padding-top: 5px;
+}
+.logpaginator a
+{
+    padding: 0px 8px 0px 8px;
+}
+.logwarn
+{
+    text-align: center;
+    color: red;
+}
diff --git a/module/webui/themes/default/css/sources/pathchooser.css b/module/webui/themes/default/css/sources/pathchooser.css
new file mode 100644
index 000000000..894cc335e
--- /dev/null
+++ b/module/webui/themes/default/css/sources/pathchooser.css
@@ -0,0 +1,68 @@
+table {
+    width: 90%;
+    border: 1px dotted #888888;
+    font-family: sans-serif;
+    font-size: 10pt;
+}
+
+th {
+    background-color: #525252;
+    color: #E0E0E0;
+}
+
+table, tr, td {
+    background-color: #F0F0F0;
+}
+
+a, a:visited {
+    text-decoration: none;
+    font-weight: bold;
+}
+
+#paths {
+    width: 90%;
+    text-align: left;
+}
+
+.file_directory {
+    color: #c0c0c0;
+}
+.path_directory {
+    color: #3c3c3c;
+}
+.file_file {
+    color: #3c3c3c;
+}
+.path_file {
+    color: #c0c0c0;
+}
+
+.parentdir {
+    color: #000000;
+    font-size: 10pt;
+}
+.name {
+    text-align: left;
+}
+.size {
+    text-align: right;
+}
+.type {
+    text-align: left;
+}
+.mtime {
+    text-align: center;
+}
+
+.path_abs_rel {
+    color: #3c3c3c;
+    text-decoration: none;
+    font-weight: bold;
+    font-family: sans-serif;
+    font-size: 10pt;
+}
+
+.path_abs_rel a {
+    color: #3c3c3c;
+    font-style: italic;
+}
diff --git a/module/webui/themes/default/css/sources/window.css b/module/webui/themes/default/css/sources/window.css
new file mode 100644
index 000000000..12829868b
--- /dev/null
+++ b/module/webui/themes/default/css/sources/window.css
@@ -0,0 +1,73 @@
+/* ----------- stylized ----------- */
+.window_box h1{
+    font-size:14px;
+    font-weight:bold;
+    margin-bottom:8px;
+}
+.window_box p{
+    font-size:11px;
+    color:#666666;
+    margin-bottom:20px;
+    border-bottom:solid 1px #b7ddf2;
+    padding-bottom:10px;
+}
+.window_box label{
+    display:block;
+    font-weight:bold;
+    text-align:right;
+    width:240px;
+    float:left;
+}
+.window_box .small{
+    color:#666666;
+    display:block;
+    font-size:11px;
+    font-weight:normal;
+    text-align:right;
+    width:240px;
+}
+.window_box select, .window_box input{
+    float:left;
+    font-size:12px;
+    padding:4px 2px;
+    border:solid 1px #aacfe4;
+    width:300px;
+    margin:2px 0 20px 10px;
+}
+.window_box .cont{
+    float:left;
+    font-size:12px;
+    padding: 0px 10px 15px 0px;
+    width:300px;
+    margin:0px 0px 0px 10px;
+}
+.window_box .cont input{
+    float: none;
+    margin: 0px 15px 0px 1px;
+}
+.window_box textarea{
+    float:left;
+    font-size:12px;
+    padding:4px 2px;
+    border:solid 1px #aacfe4;
+    width:300px;
+    margin:2px 0 20px 10px;
+}
+.window_box button, .styled_button{
+    clear:both;
+    margin-left:150px;
+    width:125px;
+    height:31px;
+    background:#666666 url(../img/button.png) no-repeat;
+    text-align:center;
+    line-height:31px;
+    color:#FFFFFF;
+    font-size:11px;
+    font-weight:bold;
+    border: 0px;
+}
+
+.styled_button {
+    margin-left: 15px;
+    cursor: pointer;
+}
diff --git a/module/webui/themes/default/css/window.min.css b/module/webui/themes/default/css/window.min.css
new file mode 100644
index 000000000..11927d614
--- /dev/null
+++ b/module/webui/themes/default/css/window.min.css
@@ -0,0 +1 @@
+.window_box h1{font-size:14px;font-weight:700;margin-bottom:8px}.window_box p{font-size:11px;color:#666;margin-bottom:20px;border-bottom:solid 1px #b7ddf2;padding-bottom:10px}.window_box label{display:block;font-weight:700;text-align:right;width:240px;float:left}.window_box .small{color:#666;display:block;font-size:11px;font-weight:400;text-align:right;width:240px}.window_box input,.window_box select{float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:300px;margin:2px 0 20px 10px}.window_box .cont{float:left;font-size:12px;padding:0 10px 15px 0;width:300px;margin:0 0 0 10px}.window_box .cont input{float:none;margin:0 15px 0 1px}.window_box textarea{float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:300px;margin:2px 0 20px 10px}.styled_button,.window_box button{clear:both;margin-left:150px;width:125px;height:31px;background:#666 url(../img/button.png) no-repeat;text-align:center;line-height:31px;color:#FFF;font-size:11px;font-weight:700;border:0}.styled_button{margin-left:15px;cursor:pointer}