diff options
author | Nicolas LÅ“uillet <nicolas.loeuillet@gmail.com> | 2013-09-10 21:43:46 -0700 |
---|---|---|
committer | Nicolas LÅ“uillet <nicolas.loeuillet@gmail.com> | 2013-09-10 21:43:46 -0700 |
commit | b084cde8549c4f6efa7b089d8f1ae370b46b212f (patch) | |
tree | cdf98e601ec7de38f13c1d28880ddbe2a06dd836 | |
parent | 8ca368e7e382446f2333326fce8fb5f0e8955bc1 (diff) | |
parent | a0fd7c5b4467adbc85244909663b3fd6bc160b14 (diff) | |
download | wallabag-b084cde8549c4f6efa7b089d8f1ae370b46b212f.tar.gz wallabag-b084cde8549c4f6efa7b089d8f1ae370b46b212f.tar.zst wallabag-b084cde8549c4f6efa7b089d8f1ae370b46b212f.zip |
Merge pull request #216 from NumEricR/css-icons
Move icon's no-repeat to common code and clean CSS
-rw-r--r-- | tpl/css/style-light.css | 34 | ||||
-rw-r--r-- | tpl/css/style.css | 31 |
2 files changed, 38 insertions, 27 deletions
diff --git a/tpl/css/style-light.css b/tpl/css/style-light.css index 224ef182..a85961c9 100644 --- a/tpl/css/style-light.css +++ b/tpl/css/style-light.css | |||
@@ -1,51 +1,45 @@ | |||
1 | |||
2 | a.back span { | 1 | a.back span { |
3 | background: url('../img/light/left.png') no-repeat; | 2 | background: url('../img/light/left.png'); |
4 | } | 3 | } |
5 | 4 | ||
6 | a.top span { | 5 | a.top span { |
7 | background: url('../img/light/top.png') no-repeat; | 6 | background: url('../img/light/top.png'); |
8 | } | 7 | } |
9 | 8 | ||
10 | |||
11 | a.fav span { | 9 | a.fav span { |
12 | background: url('../img/light/star-on.png') no-repeat; | 10 | background: url('../img/light/star-on.png'); |
13 | } | 11 | } |
14 | |||
15 | a.fav span:hover { | 12 | a.fav span:hover { |
16 | background: url('../img/light/star-off.png') no-repeat; | 13 | background: url('../img/light/star-off.png'); |
17 | } | 14 | } |
18 | 15 | ||
19 | a.fav-off span { | 16 | a.fav-off span { |
20 | background: url('../img/light/star-off.png') no-repeat; | 17 | background: url('../img/light/star-off.png'); |
21 | } | 18 | } |
22 | |||
23 | a.fav-off span:hover { | 19 | a.fav-off span:hover { |
24 | background: url('../img/light/star-on.png') no-repeat; | 20 | background: url('../img/light/star-on.png'); |
25 | } | 21 | } |
26 | 22 | ||
27 | a.archive span { | 23 | a.archive span { |
28 | background: url('../img/light/checkmark-on.png') no-repeat; | 24 | background: url('../img/light/checkmark-on.png'); |
29 | } | 25 | } |
30 | |||
31 | a.archive span:hover { | 26 | a.archive span:hover { |
32 | background: url('../img/light/checkmark-off.png') no-repeat; | 27 | background: url('../img/light/checkmark-off.png'); |
33 | } | 28 | } |
34 | 29 | ||
35 | a.archive-off span { | 30 | a.archive-off span { |
36 | background: url('../img/light/checkmark-off.png') no-repeat; | 31 | background: url('../img/light/checkmark-off.png'); |
37 | } | 32 | } |
38 | |||
39 | a.archive-off span:hover { | 33 | a.archive-off span:hover { |
40 | background: url('../img/light/checkmark-on.png') no-repeat; | 34 | background: url('../img/light/checkmark-on.png'); |
41 | } | 35 | } |
42 | 36 | ||
43 | a.twitter span { | 37 | a.twitter span { |
44 | background: url('../img/light/twitter.png') no-repeat; | 38 | background: url('../img/light/twitter.png'); |
45 | } | 39 | } |
46 | 40 | ||
47 | a.shaarli span { | 41 | a.shaarli span { |
48 | background: url('../img/light/shaarli.png') no-repeat; | 42 | background: url('../img/light/shaarli.png'); |
49 | } | 43 | } |
50 | 44 | ||
51 | a.flattr span { | 45 | a.flattr span { |
@@ -53,9 +47,9 @@ a.flattr span { | |||
53 | } | 47 | } |
54 | 48 | ||
55 | a.email span { | 49 | a.email span { |
56 | background: url('../img/light/envelop.png') no-repeat; | 50 | background: url('../img/light/envelop.png'); |
57 | } | 51 | } |
58 | 52 | ||
59 | a.delete span { | 53 | a.delete span { |
60 | background: url('../img/light/remove.png') no-repeat; | 54 | background: url('../img/light/remove.png'); |
61 | } \ No newline at end of file | 55 | } \ No newline at end of file |
diff --git a/tpl/css/style.css b/tpl/css/style.css index c056429d..d60b443c 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css | |||
@@ -270,14 +270,31 @@ footer { | |||
270 | 270 | ||
271 | #inputform { | 271 | #inputform { |
272 | display: none; | 272 | display: none; |
273 | text-align:center; | 273 | text-align: center; |
274 | max-width:300px; | 274 | max-width: 300px; |
275 | margin-left:auto; | 275 | margin-left: auto; |
276 | margin-right:auto; | 276 | margin-right: auto; |
277 | margin-top:5px; | 277 | margin-top: 5px; |
278 | padding-bottom: 5px; | 278 | padding-bottom: 5px; |
279 | background-color: rgba(0, 0, 0, 0.9); | 279 | background-color: rgba(0, 0, 0, 0.9); |
280 | opacity:0.8; | 280 | opacity: 0.8; |
281 | color:white; | 281 | color: #fff; |
282 | border-radius: 3px; | 282 | border-radius: 3px; |
283 | } | 283 | } |
284 | |||
285 | a.back span, | ||
286 | a.top span, | ||
287 | a.fav span, | ||
288 | a.fav span:hover, | ||
289 | a.fav-off span, | ||
290 | a.fav-off span:hover, | ||
291 | a.archive span, | ||
292 | a.archive span:hover, | ||
293 | a.archive-off span, | ||
294 | a.archive-off span:hover, | ||
295 | a.twitter span, | ||
296 | a.flattr span, | ||
297 | a.email span, | ||
298 | a.delete span { | ||
299 | background-repeat: no-repeat; | ||
300 | } | ||