1 files changed, 166 insertions, 0 deletions
diff --git a/src/html/css/style.css b/src/html/css/style.css
new file mode 100644
index 0000000..61f33c5
--- /dev/null
+++ b/src/html/css/style.css
@@ -0,0 +1,166 @@
+html,body {
+	padding: 0;
+	margin: 0;
+	height: 100%;
+	width: 100%
+}
+
+html {
+	font: 0.9em/1.2 Verdana, sans-serif;
+}
+
+body {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	height: 100%;
+	border:1px solid #aaa;
+	-webkit-box-sizing: border-box;
+}
+
+ul {
+	margin: 0;
+	padding: 0;
+}
+
+button .ui-button-text {
+	font-size: 0.7em;
+	font-weight:bold;
+}
+
+p {
+	font-size: 0.8em;
+	line-height: 1.3em;
+}
+
+#head {
+	height: 120px;
+	display: -webkit-box;
+	-webkit-box-orient: horizontal;
+	-webkit-box-pack: center;
+	-webkit-box-align: center;
+	border-bottom: 1px solid #aaa;
+	background-image: -webkit-linear-gradient(bottom, rgb(250, 250, 250) 5%,
+		rgb(255, 255, 255) 50% );
+}
+
+#middle {
+	display: -webkit-box;
+	-webkit-box-flex: 1;
+	-webkit-box-orient: horizontal;
+}
+
+#menu {
+	width: 350px;
+	border-right: 1px solid #aaa;
+	background-color: #fafafa;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+}
+
+#content {
+	-webkit-box-flex: 1;
+	padding: 10px;
+}
+
+#foot {
+	height: 40px;
+	padding: 4px 10px;
+	border-top: 1px solid #aaa;
+	display: -webkit-box;
+	-webkit-box-orient: horizontal;
+	-webkit-box-pack: end;
+	-webkit-box-align: center;
+}
+
+.listhead {
+	-webkit-box-sizing: border-box;
+	display: block;
+	margin: 0;
+	width: 100%;
+	font-size: 0.8em;
+	padding: 8px;
+	border-top: 0px solid #bbb;
+	border-bottom: 1px solid #ccc;
+	border-left: 0px solid #bbb;
+	border-right: 0px solid #999;
+	background-color: #fff;
+	background-image: -webkit-linear-gradient(bottom, rgb(250, 250, 250) 5%,
+		rgb(255, 255, 255) 50% );
+}
+
+.listhead input {
+	border: 1px solid #333;
+}
+
+.listcontent {
+	-webkit-box-flex: 1;
+	overflow-y: auto;
+	scroll: auto;
+}
+
+.list {
+	-webkit-box-sizing: border-box;
+	display: block;
+	margin: 0;
+	width: 100%;
+	font-size: 0.8em;
+	padding: 8px;
+	padding-left: 50px;
+	cursor: pointer;
+	border-top: 0px solid #bbb;
+	border-bottom: 1px solid #ccc;
+	border-left: 0px solid #bbb;
+	border-right: 0px solid #999;
+	background-color: #fff;
+	background-repeat: no-repeat;
+	background-position: 16px 0.25em;
+	background-size: 24px 24px;
+	border-left: 0px solid #fff;
+}
+
+.list.selected {
+	background-position: 8px 0.25em;
+	padding-left: 42px;
+	font-style: italic;
+	border-left: 8px solid #ace;
+	background-color: #f0f8ff;
+}
+
+.list:hover {
+	background-position: 8px 0.25em;
+	padding-left: 42px;
+	background-color: #eefeff;
+	border-left: 8px solid #7af;
+}
+
+.titlebg {
+	height: 100%;
+	width: 360px;
+	text-align: right;
+	padding-right: 20px;
+	padding-top: 60px;
+	background-position: right;
+	background-repeat: repeat-y;
+	background-image: url(qrc:/img/bg);
+}
+
+div {
+	-webkit-box-sizing: border-box;
+}
+
+.title_font {
+	font-size: 1.6em;
+	font-style: italic;
+	display: block;
+}
+
+.subtitle_font {
+	font-size: 1.2em:       
+        font-style:italic;
+}
+
+h1,h2,h3,h4,h5,h6 {
+	margin: 0;
+	padding: 0;
+	display: block;
+}