ref: master
public/stylesheets/buttons.scss
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
a.button, a.button:visited, body.noosfero a.button, body.noosfero a.button:visited, input.button { margin: 0px 2px 0px 0px; background-repeat: no-repeat; background-position: 50% 50%; padding: 3px 0px 3px 20px; font-size: 12px; height: 14px; text-decoration: none; border: 1px solid #DDD; color: black; } input.button { background-position: 2px 50%; } #content form input.button.submit { height: 28px; cursor: pointer; } .button span { display: none; } .button.with-text span, .msie .button.with-text span { display: inline; width: auto; padding-right: 4px; } a.button.with-text, a.button.with-text:visited, body.noosfero a.button.with-text, body.noosfero a.button.with-text:visited, input.button.with-text { background-color: #EEE; padding: 3px 2px 3px 22px; background-position: 3px 50%; border: 1px solid #AAA; line-height: 20px; height: 20px; } input.button.with-text { font-size: 12px; height: 22px; padding: 0px 2px 2px 20px; background-position: 3px 50%; } .msie a.button.with-text, .msie a.button.with-text:visited, .msie input.button.with-text, body.noosfero.msie a.button.with-text, body.noosfero.msie a.button.with-text:visited, body.noosfero.msie input.button.with-text { padding: 0px 2px 0px 22px; background-position: 3px 50%; line-height: 20px; margin: 2px; } .msie input.button.with-text, body.noosfero.msie input.button.with-text { line-height: 16px; padding: 0px 0px 1px 15px; background-position: 2px 50%; } a.button:hover, body.noosfero a.button:hover, input.button:hover, a.button.with-text:hover, body.noosfero a.button.with-text:hover, input.button.with-text:hover { border: 1px solid #678; background-color: #CDE; color: #000; } .button-bar { margin-top: 1em; margin-bottom: 1em; } .button-bar .button { float: left; } .button-bar a.button.with-text { padding: 0px 2px 0px 22px; background-position: 3px 50%; } .icon-button { border: none; } .icon-button:hover { border: none; } body.noosfero a.button.with-text.icon-none, body.noosfero input.button.with-text.icon-none { padding-left: 2px; } |