Commit a4be8fa678ad54332ef7bebe1bb9bdfe131e7cd7
1 parent
fbb0ccc4
Exists in
master
and in
28 other branches
ActionItem183: corrigindo CSS dos botoes e criando icones no padrao HC
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1556 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
19 changed files
with
44 additions
and
32 deletions
Show diff stats
122 Bytes
public/designs/icons/default/cancel-HC.gif
121 Bytes
128 Bytes
121 Bytes
125 Bytes
public/designs/icons/default/gtk-add.png
559 Bytes
public/designs/icons/default/gtk-cancel.png
1.06 KB
public/designs/icons/default/gtk-close.png
1.06 KB
public/designs/icons/default/gtk-go-back-ltr.png
953 Bytes
public/designs/icons/default/gtk-go-down.png
1 KB
public/designs/icons/default/gtk-go-up.png
1.01 KB
public/designs/icons/default/gtk-ok.png
998 Bytes
public/designs/icons/default/gtk-save.png
729 Bytes
348 Bytes
public/designs/icons/default/password.png
921 Bytes
361 Bytes
public/designs/icons/default/style.css
@@ -4,18 +4,18 @@ | @@ -4,18 +4,18 @@ | ||
4 | .icon-close { background-image: url(cancel-HC.gif) } | 4 | .icon-close { background-image: url(cancel-HC.gif) } |
5 | .icon-open { background-image: url(gtk-open.png) } | 5 | .icon-open { background-image: url(gtk-open.png) } |
6 | .icon-cms { background-image: url(abiword_48.png) } | 6 | .icon-cms { background-image: url(abiword_48.png) } |
7 | -.icon-save { background-image: url(gtk-save.png) } | ||
8 | -.icon-up { background-image: url(gtk-go-up.png) } | 7 | +.icon-save { background-image: url(save-HC.gif) } |
8 | +.icon-up { background-image: url(go-up-HC.gif) } | ||
9 | .icon-cancel { background-image: url(cancel-HC.gif) } | 9 | .icon-cancel { background-image: url(cancel-HC.gif) } |
10 | .icon-person { background-image: url(user_icon.png) } | 10 | .icon-person { background-image: url(user_icon.png) } |
11 | .icon-product { background-image: url(gnome-other.png) } | 11 | .icon-product { background-image: url(gnome-other.png) } |
12 | .icon-delete { background-image: url(gtk-delete.png) } | 12 | .icon-delete { background-image: url(gtk-delete.png) } |
13 | .icon-find { background-image: url(noosfero-find.png) } | 13 | .icon-find { background-image: url(noosfero-find.png) } |
14 | -.icon-back { background-image: url(gtk-go-back-ltr.png) } | 14 | +.icon-back { background-image: url(go-back-HC.gif) } |
15 | .icon-next { background-image: url(gtk-media-next-ltr.png) } | 15 | .icon-next { background-image: url(gtk-media-next-ltr.png) } |
16 | -.icon-add { background-image: url(gtk-add.png) } | ||
17 | -.icon-up { background-image: url(gtk-go-up.png) } | ||
18 | -.icon-down { background-image: url(gtk-go-down.png) } | 16 | +.icon-add { background-image: url(add-HC.gif) } |
17 | +.icon-up { background-image: url(go-up-HC.gif) } | ||
18 | +.icon-down { background-image: url(go-down-HC.gif) } | ||
19 | .icon-search { background-image: url(gnome-search.png) } | 19 | .icon-search { background-image: url(gnome-search.png) } |
20 | .icon-ok { background-image: url(ok-HC.gif) } | 20 | .icon-ok { background-image: url(ok-HC.gif) } |
21 | .icon-login { background-image: url(key-HC.gif) } | 21 | .icon-login { background-image: url(key-HC.gif) } |
public/stylesheets/button.css
1 | 1 | ||
2 | -.button-bar { | ||
3 | - margin-top: 1em; | ||
4 | -} | ||
5 | - | ||
6 | a.button, | 2 | a.button, |
7 | a.button:visited, | 3 | a.button:visited, |
8 | input.button { | 4 | input.button { |
9 | margin: 0px 2px; | 5 | margin: 0px 2px; |
10 | background-repeat: no-repeat; | 6 | background-repeat: no-repeat; |
11 | background-position: 50% 50%; | 7 | background-position: 50% 50%; |
12 | - padding: 2px 0px 2px 20px; | ||
13 | - line-height: 24px; | 8 | + padding: 3px 0px 3px 20px; |
14 | font-size: 12px; | 9 | font-size: 12px; |
15 | - color: black; | 10 | + height: 14px; |
16 | text-decoration: none; | 11 | text-decoration: none; |
17 | border: 1px solid #DDD; | 12 | border: 1px solid #DDD; |
13 | + color: black; | ||
18 | } | 14 | } |
19 | input.button { | 15 | input.button { |
20 | - float: none; | ||
21 | background-position: 2px 50%; | 16 | background-position: 2px 50%; |
22 | } | 17 | } |
23 | 18 | ||
24 | -.button-bar .button { | ||
25 | - display: block; | ||
26 | - float: left; | ||
27 | -} | ||
28 | - | ||
29 | -#content a.button, #content a.button:visited { | ||
30 | - height: 22px; | ||
31 | - color: #000; | ||
32 | -} | ||
33 | - | ||
34 | .button span { | 19 | .button span { |
35 | display: none; | 20 | display: none; |
36 | } | 21 | } |
37 | -.button.with-text span { | 22 | +.msie .button span { |
23 | + display: inline; | ||
24 | + width: 0px; | ||
25 | + overflow: hidden; | ||
26 | +} | ||
27 | +.button.with-text span, | ||
28 | +.msie .button.with-text span { | ||
38 | display: inline; | 29 | display: inline; |
30 | + width: auto; | ||
39 | padding-right: 4px; | 31 | padding-right: 4px; |
40 | } | 32 | } |
41 | 33 | ||
@@ -43,24 +35,30 @@ a.button.with-text, | @@ -43,24 +35,30 @@ a.button.with-text, | ||
43 | a.button.with-text:visited, | 35 | a.button.with-text:visited, |
44 | input.button.with-text { | 36 | input.button.with-text { |
45 | background-color: #EEE; | 37 | background-color: #EEE; |
46 | - padding: 0px 2px 0px 25px; | ||
47 | - background-position: 1px 50%; | 38 | + padding: 3px 2px 3px 22px; |
39 | + background-position: 3px 50%; | ||
48 | border: 1px solid #AAA; | 40 | border: 1px solid #AAA; |
49 | line-height: 20px; | 41 | line-height: 20px; |
42 | + height: 20px; | ||
50 | } | 43 | } |
51 | input.button.with-text { | 44 | input.button.with-text { |
52 | - padding: 3px 2px 4px 21px; | ||
53 | - background-position: 4px 50%; | 45 | + font-size: 14px; |
46 | + height: 22px; | ||
47 | + padding: 0px 2px 2px 20px; | ||
48 | + background-position: 3px 50%; | ||
54 | } | 49 | } |
55 | .msie a.button.with-text, | 50 | .msie a.button.with-text, |
56 | .msie a.button.with-text:visited, | 51 | .msie a.button.with-text:visited, |
57 | .msie input.button.with-text { | 52 | .msie input.button.with-text { |
58 | - line-height: 22px; | 53 | + padding: 0px 2px 0px 22px; |
54 | + background-position: 3px 50%; | ||
55 | + line-height: 20px; | ||
59 | margin: 2px; | 56 | margin: 2px; |
60 | } | 57 | } |
61 | .msie input.button.with-text { | 58 | .msie input.button.with-text { |
62 | - line-height: 19px; | ||
63 | - padding: 0px 0px 0px 15px; | 59 | + line-height: 16px; |
60 | + padding: 0px 0px 1px 15px; | ||
61 | + background-position: 2px 50%; | ||
64 | } | 62 | } |
65 | 63 | ||
66 | a.button:hover, | 64 | a.button:hover, |
@@ -72,6 +70,20 @@ input.button.with-text:hover { | @@ -72,6 +70,20 @@ input.button.with-text:hover { | ||
72 | color: #000; | 70 | color: #000; |
73 | } | 71 | } |
74 | 72 | ||
73 | + | ||
74 | +.button-bar { | ||
75 | + margin-top: 1em; | ||
76 | +} | ||
77 | + | ||
78 | +.button-bar .button { | ||
79 | + float: left; | ||
80 | +} | ||
81 | + | ||
82 | +.button-bar a.button.with-text { | ||
83 | + padding: 0px 2px 0px 22px; | ||
84 | + background-position: 3px 50%; | ||
85 | +} | ||
86 | + | ||
75 | .icon-button { | 87 | .icon-button { |
76 | border: none; | 88 | border: none; |
77 | } | 89 | } |