Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 6635 | bpr | 1 | /* * Boutons CSS3 * */ |
| 2 | |||
| 3 | input[type="submit"], .wims_button, .wims_button_help { |
||
| 4 | margin: 0 0 2px 2px; |
||
| 5 | } |
||
| 6 | |||
| 7 | input[type="submit"], .wims_button, .wims_button_help, .wims_button_feedback { |
||
| 6636 | bpr | 8 | display:inline-block; |
| 9 | width:auto; |
||
| 10 | font-family: 'AllerBold', Arial, Helvetica, sans-serif; |
||
| 11 | padding:0.2em 0.6em; |
||
| 12 | cursor:pointer; |
||
| 13 | overflow:visible; |
||
| 14 | position:relative; |
||
| 15 | text-decoration:none; |
||
| 16 | font-weight:bold; |
||
| 17 | text-decoration:none; |
||
| 18 | line-height: 2em; |
||
| 19 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||
| 20 | border-style:solid; |
||
| 21 | border-width:1px; |
||
| 22 | /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25)));*/ |
||
| 23 | background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.25))); |
||
| 6635 | bpr | 24 | background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ; |
| 6636 | bpr | 25 | /*background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.25));*/ |
| 6635 | bpr | 26 | background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ; |
| 27 | background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ; |
||
| 28 | background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ; |
||
| 6649 | obado | 29 | background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.25)) ; |
| 6635 | bpr | 30 | } |
| 31 | input[type="submit"], .wims_button, .wims_button_help { |
||
| 6636 | bpr | 32 | border-radius:4px; |
| 33 | -moz-border-radius:4px; |
||
| 34 | -webkit-border-radius:4px; |
||
| 35 | -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; |
||
| 36 | -moz-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; |
||
| 37 | font-size: 0.8em; |
||
| 6635 | bpr | 38 | } |
| 39 | |||
| 40 | .wims_button_feedback { |
||
| 6636 | bpr | 41 | border-radius:50px; |
| 42 | -moz-border-radius:50px; |
||
| 43 | -webkit-border-radius:50px; |
||
| 44 | text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5); |
||
| 45 | -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; |
||
| 46 | -moz-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; |
||
| 47 | font-size: 1em; |
||
| 48 | height: 5em; |
||
| 49 | background-color: orange; |
||
| 50 | color:black; |
||
| 6635 | bpr | 51 | } |
| 52 | |||
| 53 | input[type="submit"]:hover, .wims_button:hover, .wims_button_help:hover, .wims_button_feedback:hover { |
||
| 6636 | bpr | 54 | /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));*/ |
| 55 | background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent)); |
||
| 6635 | bpr | 56 | background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ; |
| 57 | /*background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.25), rgba(0,0,0,0));*/ |
||
| 58 | background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ; |
||
| 59 | background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ; |
||
| 60 | background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ; |
||
| 6649 | obado | 61 | background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent) ; |
| 6635 | bpr | 62 | border-color: rgba(0, 0, 0, 0.25) !important; |
| 63 | } |
||
| 64 | /* "pressed button" style */ |
||
| 65 | input[type="submit"]:active,.wims_button:active,.wims_button_help:active,.wims_button_feedback:active { |
||
| 66 | top:1px; |
||
| 67 | box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5); |
||
| 68 | } |
||
| 69 | |||
| 70 | input[type="button"] { |
||
| 71 | display:inline-block; |
||
| 72 | width:auto; |
||
| 73 | font-family: 'AllerBold', Arial, Helvetica, sans-serif; |
||
| 74 | margin-bottom: 0.1em; |
||
| 75 | padding:0.2em 0.6em; |
||
| 76 | cursor:pointer; |
||
| 77 | overflow:visible; |
||
| 78 | position:relative; |
||
| 79 | text-decoration:none; |
||
| 80 | text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5); |
||
| 81 | -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; |
||
| 82 | -moz-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; |
||
| 83 | font-size: 0.8em; |
||
| 84 | /*height: 1.6em; |
||
| 85 | line-height: 1.45em;*/ |
||
| 86 | font-weight:bold; |
||
| 87 | text-decoration:none; |
||
| 88 | } |