Ajout mode lecture (en js par contre) fix issue #6

1 files changed, 44 insertions, 0 deletions

diff --git a/public/theme/base.css b/public/theme/base.css
index 9a0cce46d..1956303c9 100644
--- a/public/theme/base.css
+++ b/public/theme/base.css
@@ -104,6 +104,7 @@ form {
 	display: table;
 	width: 100%;
 	height: 100%;
+	background: #fafafa;
 }
 	.aside {
 		display: table-cell;
@@ -311,6 +312,28 @@ form {
 			border-left: 10px solid #FFC300;
 			background: #FFF6DA;
 		}
+		
+#stream.read_mode {
+	background: #fff;
+	box-shadow: 0 0 5px #000;
+}
+	#stream.read_mode .post.flux {
+		border-left: 0;
+		padding: 50px 20px;
+		background: #fff;
+	}
+	#stream.read_mode .post.flux a {
+		color: #363;
+	}
+	#stream.read_mode .post.flux .content a {
+		text-decoration: underline;
+	}
+		#stream.read_mode .post.flux .content a:hover {
+			text-decoration: none;
+		}
+	#stream.read_mode .post.flux .after {
+		display: none;
+	}
 
 /*** PAGINATION ***/
 .pagination {
@@ -355,6 +378,27 @@ a#load_more {
 		color: #666;
 	}
 
+a#read_mode {
+	display: block;
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	width: 50px;
+	height: 50px;
+	background: url("read_mode.png") 9px 9px no-repeat #ddd;
+	border-top: 1px solid #aaa;
+	border-left: 1px solid #aaa;
+	border-radius: 20px 0 0 0;
+	box-shadow: -2px -2px 5px #aaa;
+	transition: all 100ms linear 0s;
+}
+	a#read_mode:hover {
+		width: 60px;
+		height: 60px;
+		background-color: #eee;
+		text-decoration: none;
+	}
+
 /*** NOTIFICATION ***/
 #notification {
 	position: fixed;