Commit a4be8fa678ad54332ef7bebe1bb9bdfe131e7cd7
1 parent
fbb0ccc4
Exists in
master
and in
23 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 | } |