--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/nabble/view/web/nabble.css	Thu Mar 21 19:15:52 2019 -0600
@@ -0,0 +1,685 @@
+/* font and global ---------------------------------------------------*/
+body, input, button, textarea, select {
+	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
+}
+.second-font, h1, h2, h3, h4, h5, h6 {
+	font-family: Arial, sans-serif;
+}
+body, table .nabble {
+	font-size: .84em;
+	margin: .8em;
+}
+code {
+	font-size: 1.1em;
+}
+.small {
+	font-size: 0.9em;
+}
+
+#forum-header {
+	padding-top:.5em;
+	text-align:center;
+}
+
+#forum-footer {
+	margin-top:.3em;
+	padding-left:.5em;
+}
+
+#forum-title {
+	font-weight:bolder;
+	font-size:190%;
+	margin:0;
+}
+
+#description-box {
+	clear:both;
+	font-size:90%;
+	padding: 1em 1em 0 1em;
+}
+
+#search-box {
+	text-align: right;
+}
+
+img.star {
+	width:18px;
+	height:18px;
+	vertical-align:middle;
+	border:none;
+}
+
+div.notice {
+	position: fixed;
+	top: 0;
+	left:50%;
+	padding: .2em .4em;
+	background-color: #FAE900;
+	font-weight: bold;
+	font-size: 120%;
+	display: none;
+}
+/* color scheme ------------------------------------------------------*/
+
+/* text and link (foreground) colors -----------------*/
+.nabble,
+.nabble table {
+	color: #000000; /* black */
+}
+.nabble h1, .nabble h2, .nabble h3, .nabble h4, .nabble h5, .nabble h6 {
+	color: #333333; /* black (light) */
+}
+.nabble .important {
+	color: #cc0000; /* red (dark) */
+}
+
+.nabble .form-label,
+.nabble .weak-color {
+	color: #666666; /* gray */
+}
+
+.nabble a * { color:inherit; }
+
+.nabble a:link,
+.nabble a.not-visited-link {
+	color: #0000ee;
+}
+
+.nabble a:visited,
+.nabble a.visited-link {
+	color: #551a8b;
+}
+
+/* background colors --------------------*/
+.nabble,
+.nabble .no-bg-color {
+	background: #ffffff; /* white */
+}
+
+.nabble .light-bg-color {
+	background: #f2f2f2; /* ultra light gray */
+}
+
+.nabble .shaded-bg-color {
+	background: #eeeeee; /* gray (light) */
+}
+
+.nabble .dark-bg-color {
+	background: #dddddd; /* gray (medium) */
+}
+.nabble .highlight {
+	background: #ffff99; /* yellow */
+}
+.nabble .error-message,
+.nabble .info-message {
+	background: #ffffcc; /* yellow (light) */
+}
+
+/* border colors ------------------------*/
+.nabble .medium-border-color  {
+	border-color: #cccccc; /* gray (medium) */
+}
+.nabble .light-border-color {
+	border-color: #eeeeee; /* gray (light) */
+}
+.nabble .dark-border-color {
+	border-color: #666666; /* gray */
+}
+
+/* generic -----------------------------------------------------------*/
+.nabble a,
+.nabble table,
+.nabble input,
+.nabble textarea,
+.nabble select {
+	font-size: 1em;
+}
+.nabble option {
+	white-space: pre;
+}
+.nabble h1 {
+	font-size: 1.8em;
+	font-weight: bold;
+	margin-top: .4em;
+	margin-bottom: 0.5em;
+}
+.nabble h1 a:link, .nabble h1 a:visited {
+	text-decoration: none;
+	font-weight: bold;
+}
+.nabble h2 {
+	font-size: 1.3em;
+	padding: .3em 0;
+	margin:0;
+}
+.nabble .smaller {
+	font-size: .9em;
+	font-weight: normal;
+}
+.nabble h3 {
+	font-size: 1.1em;
+	font-style:italic;
+	padding:.3em 0;
+	margin:0;
+}
+div.message-text h2, div.root-text h2,
+div.message-text h3, div.root-text h3,
+div.message-text h4, div.root-text h4,
+div.message-text h5, div.root-text h5,
+div.message-text h6, div.root-text h6
+{
+	padding: .6em 0 .4em;
+	margin:0;
+}
+/*  HEADER ------------------------------------------------------------------- */
+.nabble .top-bar {
+	vertical-align: top;
+	padding-bottom: .3em;
+	height:1.6em;
+	clear:both;
+}
+
+.search-box input {
+	padding:2px 0 2px 25px;
+	background: url('images/search.png') 5px 50% no-repeat;
+	border-width:2px;
+	border-style: solid;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+/*  FOOTER  */
+.nabble .footer-table {
+	width: 100%;
+	border-collapse: collapse;
+	margin-top: 2.4em;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+	clear:both;
+}
+.nabble .footer-table td {
+	font-size: .9em;
+	line-height: 2.0em;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+}
+.nabble .footer-left {
+	text-align: left;
+}
+.nabble .footer-right {
+	text-align: right;
+}
+
+/* EDITOR TABLE ------------------------------------------------------*/
+.nabble .editor-table {
+	border-width: 1px;
+	border-style: solid;
+	border-spacing: 0;
+}
+.nabble .editor-table td {
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	padding: .42em;
+}
+
+/*  FORMS ---------------------------------------------------------------------- */
+.nabble form {
+	margin: 0;
+}
+.nabble .form-label {
+	font-weight: bold;
+	text-align: right;
+	font-size: .9em;
+}
+
+div.field-title, td.field-title {
+	font-weight:bold;
+	font-size:110%;
+	padding-bottom:.1em;
+	margin-top: 1.7em;
+}
+
+div.field-box {
+	width:100%;
+	padding: .5em 0;
+	margin:.3em 0 .1em;
+	border-bottom-width: 1px;
+	border-bottom-style:solid;
+}
+/*  DESCRIPTIVE PAGES  */
+.nabble .content-description {
+	margin: 1em;
+}
+.nabble .content-description p,
+.nabble .content-description li {
+	line-height: 1.67em;
+}
+.nabble .content-description h2 {
+	font-weight: bold;
+	font-size: 1.17em;
+	margin: 1.1em 0 0 0;
+}
+
+/* message quoting -------------------------------------------------------------------------- */
+.nabble blockquote.quote {
+	border-left-width: 2px;
+	border-left-style: solid;
+	margin: 1.4em 1.8em;
+	font-size: .9em;
+}
+.nabble blockquote.quote blockquote.quote {
+	font-size: 1em;
+}
+.nabble div.quote {
+	border-top-width: 1px;
+	border-top-style: solid;
+	display: inline-block;
+	padding: 0 1em;
+}
+.nabble blockquote.quote div.quote-author {
+	padding: .5em 0;
+}
+.nabble blockquote.quote div.quote-message {
+	margin: .5em 0;
+}
+
+/*Opera fix*/
+div.shrinkable-quote {
+	overflow: hidden;
+}
+
+div.shrink-quote a {
+	font-size: 80%;
+	text-decoration: none;
+}
+
+div.quote div.shrink-quote a {
+	cursor: pointer;
+	font-size: 90%;
+}
+
+/* Others */
+input[type='radio'], input[type='checkbox'] { vertical-align:-15%; }
+label { cursor: pointer; }
+.inline {display:inline}
+.invisible {display:none;}
+.nabble .ad {text-align:center;clear:both;margin:2em 0 1em;}
+.nowrap {white-space:nowrap;}
+.float-left{float:left;}
+.float-right{float:right;}
+.no-decoration {text-decoration:none;}
+.bold { font-weight:bold; }
+.image16 { width:16px;height:16px;vertical-align:middle; border:none;}
+.image24 { width:24px;height:24px;vertical-align:middle; border:none;}
+.image32 { width:32px;height:32px;vertical-align:middle; border:none;}
+
+.nabble .border1 {
+	border-width: 1px;
+	border-style: solid;
+}
+.nabble .border2 {
+	border-width: 2px;
+	border-style: solid;
+}
+
+.nabble .signature {
+	clear:both;
+	border-top: 1px solid #ddd;
+	margin-top: 2em;
+}
+
+.black-overlay{
+	display: none;
+	position: absolute;
+	top:0;
+	left:0;
+	width: 100%;
+	height: 200%;
+	background-color: black;
+	z-index:1001;
+	opacity:.80;
+	filter: Alpha(opacity=80);
+}
+
+.window-content {
+	display: none;
+	position: absolute;
+	top: 25%;
+	left: 25%;
+	width: 50%;
+	padding: 16px;
+	border-width: 5px;
+	border-style:solid;
+	background-color: white;
+	z-index:1002;
+	overflow: auto;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+}
+/*------------------- drop-down -----------------------*/
+span.dropdown {
+	padding-right:.5em;
+	line-height:normal;
+}
+
+span.dropdown table,
+span.dropdown ul,
+ul.dropdown-submenu {
+	position:absolute;
+	display:none;
+	text-align:left;
+	border-width:1px;
+	border-style:solid;
+	padding:.1em .2em;
+	z-index:10000;
+	border-collapse:collapse;
+}
+
+span.dropdown ul,
+ul.dropdown-submenu {
+	list-style:none;
+	padding:0;
+}
+
+span.dropdown table td,
+span.dropdown ul li,
+ul.dropdown-submenu li {
+	font-size:90%;
+	white-space: nowrap;
+	padding:.2em .5em;
+}
+
+span.dropdown table a,
+span.dropdown ul li a,
+ul.dropdown-submenu li a {
+	color: inherit;
+	text-decoration:none;
+	padding:.25em;
+}
+
+td.dropdown-simple-row {
+	padding:.45em .75em !important;
+}
+
+td.action-separator{
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+}
+
+tr.dropdown-separator {
+	font-size:1px;
+	line-height: 1px;
+	display:none;
+}
+tr.dropdown-separator > * {
+	padding:0;line-height:0;font-size:1px;
+}
+/*------------------- threads & posts ---------------------*/
+.post-hover {
+	background: #eeeeee;
+}
+
+span.post-date {
+	color:#6a6a6a;
+	cursor:default;
+}
+
+span.post-author {
+	color: #116611;
+	white-space: nowrap;
+	margin:0 .2em 0 .3em;
+	font-size:100%;
+}
+
+h2.post-subject {
+	color: #777777;
+	overflow: hidden;
+	white-space: nowrap;
+	padding: 0 .5em 0 0;
+	display:inline;
+	margin:0 0 0 1em;
+	cursor:default;
+	font-size:100%;
+}
+
+span.post-snippet, td.post-unindent {
+	color:#909090;
+}
+
+div.post-border {
+	border: 2px solid #D9D9D9;
+	width:99.9%;
+}
+
+span.connect-line {
+	background-image:url("images/connect-line.gif");
+	background-repeat: repeat-y;
+}
+
+span.connect-end {
+	background-image:url("images/connect-line.gif");
+	background-repeat: no-repeat;
+}
+
+td.connect-end {
+	background-image:url("images/connect-end.gif");
+	background-repeat: no-repeat;
+}
+
+td.connect-node {
+	cursor:pointer;
+	background-image:url("images/connect-node.gif");
+	background-repeat: no-repeat;
+}
+
+td.connect-node-closed {
+	background-image:url("images/connect-node-closed.gif");
+	background-repeat: no-repeat;
+}
+
+/*----- MISC ----*/
+.rounded {
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+
+.rounded-top {
+	-moz-border-radius-topleft: 5px;
+	-moz-border-radius-topright: 5px;
+	-webkit-border-top-right-radius: 5px;
+	-webkit-border-top-left-radius: 5px;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+}
+
+.rounded-bottom {
+	-moz-border-radius-bottomleft: 5px;
+	-moz-border-radius-bottomright: 5px;
+	-webkit-border-bottom-left-radius: 5px;
+	-webkit-border-bottom-right-radius: 5px;
+	border-left-radius:5px;
+	border-bottom-right-radius:5px;
+}
+
+.drop-shadow {
+	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
+	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
+}
+
+h2.category-subject {
+	padding:0;
+	margin:0;
+	display:inline;
+	font-size:110%;
+}
+
+.nabble .app-notice {
+	border:3px solid #EDD9B7;
+	background: url('gradients/v60_FFFFF6_FFFFCC') #FFFFCC repeat-x;
+	padding: .45em;
+	text-align: center;
+}
+
+img.avatar {
+	line-height:2em;
+	vertical-align:-8px;
+	border-width:2px;
+	border-style:solid;
+	-webkit-border-radius:5px;
+	-moz-border-radius:5px;
+}
+
+img.online {
+	position:relative;
+	z-index:999;
+	width:8px;
+	height:8px;
+	border:none;
+	right:6px;
+	top:10px;
+	margin-right:-.5em;
+}
+
+img.left {
+	float:left;
+	margin:.4em;
+}
+img.right {
+	float:right;
+	margin:.4em;
+}
+img.center {
+	display: block;
+	margin-left:auto;
+	margin-right:auto;
+}
+
+table.number {
+	margin-bottom: .5em;
+}
+td.number {
+	width: 2em;
+}
+span.number {
+	font-size: 150%;
+	padding: 0 .3em .03em;
+	border-width:1px;
+	border-style:solid;
+}
+span.box, span.box-text {
+	display:inline-block;
+	background: url('images/shadow.png') no-repeat bottom right;
+	padding:5px 12px 12px 5px;
+	position:relative;
+}
+span.box-text {
+	overflow:hidden;
+	text-align:center;
+	width:140px;
+	height:110px;
+}
+div.pinned-box {
+	position:relative;
+	z-index:999;
+	background-image:url('images/pin.png');
+	width:20px;
+	height:21px;
+	top:10px;
+	margin-top:-21px;
+}
+
+/* work group */
+div.priority {
+	color: white;
+	text-align:center;
+	font-weight:bolder;
+	padding:.1em .2em;
+	display:inline;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+}
+div.priority-1 { background:url('/gradients/v25_FC5858_E01B1E') #E94747 repeat-x; border: 1px solid #D13838; text-shadow:1px 1px 0 #D13838;}
+div.priority-2 { background:url('/gradients/v25_F8D14A_D7BB4B') #D8B23D repeat-x; border: 1px solid #C9A92A; text-shadow:1px 1px 0 #a58803;}
+div.priority-3 { background:url('/gradients/v25_D0D0D0_A0A0A0') #BCBCBC repeat-x; border: 1px solid #909090; text-shadow:1px 1px 0 #777777;}
+div.priority-4 { background:url('/gradients/v25_72DFF8_39B5D8') #81C7DE repeat-x; border: 1px solid #25a2a8; text-shadow:1px 1px 0 #25a2a8;}
+div.priority-5 { background:url('/gradients/v25_4378e8_1e3d80') #4A7BD5 repeat-x; border: 1px solid #26478d; text-shadow:1px 1px 0 #333333;}
+
+/* News view */
+div.news-title {
+	float:left;
+}
+h3.news-title {
+	display:inline;
+}
+.big-title {
+	font-size: 120%;
+	font-weight:bold;
+}
+div.sidebar-section,
+h2.sidebar-section {
+	width:100%;
+	margin: 0 0 .3em 0;
+	padding: .2em;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	white-space:nowrap;
+}
+ul.sidebar-section {
+	list-style-type: none;
+	margin:0;
+	padding:0;
+}
+ul.sidebar-section li {
+	padding:.4em 0 .4em .5em;
+	border-bottom-style: dotted;
+	border-bottom-width:1px;
+	white-space:nowrap;
+}
+
+#captcha { text-transform:uppercase; }
+
+button.toolbar,
+input[type=submit].toolbar,
+input[type=button].toolbar
+{
+	white-space:nowrap;
+	text-shadow:1px 1px 0 white;
+	padding:.15em .25em;
+	margin:0;
+	font:100%/1.4 Arial,Sans-serif;
+	color:#333 !important;
+	cursor:pointer;
+	background:#ddd url(images/btn_bg.gif) repeat-x 0 0 !important;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	border-left:1px solid #bbb;
+	border-right:1px solid #aaa;
+	border-top:1px solid #bbb;
+	border-bottom:1px solid #aaa;
+	outline:0;
+}
+button.toolbar:active,
+input[type=submit].toolbar:active,
+input[type=button].toolbar:active
+{
+	background-position:0 -500px;
+	outline:0;
+}
+button.toolbar-disabled,
+input[type=submit].toolbar-disabled,
+input[type=button].toolbar-disabled
+{ color: #777; }
+button.toolbar-disabled:active,
+input[type=submit].toolbar-disabled,
+input[type=button].toolbar-disabled {
+	background-position:0 0;
+}
+button.action-button,
+input[type=submit].action-button,
+input[type=button].action-button
+{ padding:.25em .5em; font-weight: bold; }