From 50b34fb414b3a5a15a445e8a71bec1efbc1ecde2 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Sat, 8 Dec 2012 17:37:08 +0100 Subject: Ajout mode lecture (en js par contre) fix issue #6 --- public/theme/base.css | 44 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) (limited to 'public/theme/base.css') 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; -- cgit v1.2.3