initial

2 files changed, 86 insertions, 0 deletions

diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..58356ab
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,9 @@
+.thumb img {
+	max-height : 180px;
+}
+
+.caption div {
+	overflow : hidden;
+	text-overflow: ellipsis;
+	white-space : nowrap;
+}
diff --git a/css/read.css b/css/read.css
new file mode 100644
index 0000000..2aed428
--- /dev/null
+++ b/css/read.css
@@ -0,0 +1,77 @@
+.loading {
+	position : absolute;
+	color : #999;
+	top : 0px;
+	left : 0px;
+	height : 100%;
+	width : 100%;
+	z-index : 32;
+	text-align : center;
+	background : white;
+	padding : 16px;
+	font-size : 18px;
+	display : table;
+}
+.loading > div {
+	display : table-cell;
+	vertical-align : middle;
+}
+
+.header {
+	top : 5px;
+	left : 0px;
+	width : 100%;
+	height : 24px;
+}
+.footer {
+	bottom : 5px;
+	left : 0px;
+	width : 100%; 
+	height : 24px;
+}
+.header, .footer {
+	position : absolute;
+	font-size : 13px;
+	display : table;
+	padding-left : 10px;
+	padding-right : 10px;
+	color : #999;
+}
+.header > *, .footer > * {
+	display : table-cell;
+	vertical-align : middle;
+}
+.header .title {
+	margin-left : 30px;
+}
+.footer .location {
+	cursor : pointer;
+	text-align : right;
+}
+.toolbar {
+	text-align : right;
+}
+.toolbar > * {
+	margin-left : 5px;
+}
+#reader {
+	position : absolute;
+	top : 32px;
+	bottom : 32px;
+	left : 64px;
+	right : 64px;	
+}
+
+@media (max-width: 992px) {
+	#reader {
+		left : 32px;
+		right : 32px;
+	}
+}
+
+ul.toc_list {
+	height : 250px;
+	overflow : auto;
+}
+
+