diff options
author | nicosomb <nicolas@loeuillet.org> | 2013-04-05 15:30:50 +0200 |
---|---|---|
committer | nicosomb <nicolas@loeuillet.org> | 2013-04-05 15:30:50 +0200 |
commit | 7eca3552c8f14a57b59bdb4be4ea8994616467d7 (patch) | |
tree | da887386bfc99b1c6f98b34b39902de0edef3e3d /css/style.css | |
parent | 386407c14a63c6314142ad827bbd89703a0b1092 (diff) | |
download | wallabag-7eca3552c8f14a57b59bdb4be4ea8994616467d7.tar.gz wallabag-7eca3552c8f14a57b59bdb4be4ea8994616467d7.tar.zst wallabag-7eca3552c8f14a57b59bdb4be4ea8994616467d7.zip |
mise en page de l'affichage d'un article
Diffstat (limited to 'css/style.css')
-rw-r--r-- | css/style.css | 47 |
1 files changed, 45 insertions, 2 deletions
diff --git a/css/style.css b/css/style.css index 41a61780..764cf628 100644 --- a/css/style.css +++ b/css/style.css | |||
@@ -1,7 +1,11 @@ | |||
1 | body { | 1 | body { |
2 | color: #222222; | 2 | color: #222222; |
3 | font: 20px/1.3em Palatino,Georgia,serif; | 3 | font: 20px/1.3em Palatino,Georgia,serif; |
4 | background-color: #e6e6e6; | 4 | background-color: #F1F1F1; |
5 | } | ||
6 | |||
7 | body.article { | ||
8 | background-color: #ffffff; | ||
5 | } | 9 | } |
6 | 10 | ||
7 | a, a:hover, a:visited { | 11 | a, a:hover, a:visited { |
@@ -11,7 +15,20 @@ header { | |||
11 | text-align: center; | 15 | text-align: center; |
12 | } | 16 | } |
13 | 17 | ||
14 | #main { | 18 | #article header { |
19 | text-align: left; | ||
20 | border-bottom: 1px solid #222222; | ||
21 | } | ||
22 | |||
23 | #article header a { | ||
24 | text-decoration: none; | ||
25 | } | ||
26 | |||
27 | #article header .vieworiginal a { | ||
28 | color: #888888; | ||
29 | } | ||
30 | |||
31 | #main, #article { | ||
15 | margin: 0 auto; | 32 | margin: 0 auto; |
16 | } | 33 | } |
17 | 34 | ||
@@ -26,6 +43,32 @@ header { | |||
26 | padding: 15px; | 43 | padding: 15px; |
27 | } | 44 | } |
28 | 45 | ||
46 | #main #entries { | ||
47 | margin-top: 20px; | ||
48 | } | ||
49 | |||
50 | #main #entries .entrie { | ||
51 | color: rgb(46, 46, 46); | ||
52 | position:relative; | ||
53 | background-color: #ffffff; | ||
54 | height: 8em; | ||
55 | } | ||
56 | |||
57 | #main #entries .entrie h2 a { | ||
58 | text-decoration: none; | ||
59 | } | ||
60 | |||
61 | #main #entries .entrie h2 a:hover { | ||
62 | color: #F5BE00; | ||
63 | } | ||
64 | |||
65 | #main #entries .entrie .tools { | ||
66 | position:absolute; | ||
67 | bottom: 0; | ||
68 | width: 100%; | ||
69 | text-align: right; | ||
70 | } | ||
71 | |||
29 | #main a.tool { | 72 | #main a.tool { |
30 | text-decoration: none; | 73 | text-decoration: none; |
31 | } | 74 | } |