Rev 12165 | Rev 12723 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 6236 | bpr | 1 | /* * Boutons CSS3 * */ |
| 2 | |||
| 10422 | obado | 3 | input[type="submit"], |
| 4 | .wims_button, |
||
| 5 | .wims_button_help { |
||
| 6236 | bpr | 6 | margin: 0 0 2px 2px; |
| 7 | } |
||
| 8 | |||
| 10422 | obado | 9 | input[type="submit"], |
| 10 | .wims_button, |
||
| 11 | .wims_button_help, |
||
| 12 | .wims_button_feedback, |
||
| 13 | .wims_tab, |
||
| 10732 | obado | 14 | .wims_tabselect, |
| 15 | /* Jquery UI hack : */ .ui-widget input[type="submit"]{ |
||
| 6236 | bpr | 16 | display:inline-block; |
| 17 | width:auto; |
||
| 7907 | obado | 18 | padding:.2em .6em; |
| 7075 | obado | 19 | font-family: AllerBold, Arial, Helvetica, sans-serif; |
| 7907 | obado | 20 | font-weight:bold; |
| 6236 | bpr | 21 | cursor:pointer; |
| 22 | overflow:visible; |
||
| 23 | position:relative; |
||
| 24 | text-decoration:none; |
||
| 25 | line-height: 2em; |
||
| 6905 | obado | 26 | border-color: #999; |
| 7907 | obado | 27 | /*border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);*/ |
| 28 | border-color: transparent rgba(0, 0, 0, .25) rgba(0, 0, 0, .5); |
||
| 6236 | bpr | 29 | border-style:solid; |
| 30 | border-width:1px; |
||
| 7907 | obado | 31 | border-radius:4px; |
| 6299 | bpr | 32 | |
| 7907 | obado | 33 | background-image: linear-gradient(transparent, rgba(0, 0, 0, .25)) ; |
| 34 | |||
| 35 | /*background-image: linear-gradient(transparent, rgba(0, 0, 0, .25));*/ |
||
| 36 | /* 3D effect */ |
||
| 12722 | obado | 37 | /*box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 2px rgba(0, 0, 0, .25);*/ |
| 7888 | obado | 38 | font-size: 12px; |
| 6236 | bpr | 39 | } |
| 40 | |||
| 11937 | obado | 41 | input[type="submit"].small, |
| 42 | .wims_button.small, |
||
| 43 | .wims_button_help.small, |
||
| 44 | .wims_button_feedback.small, |
||
| 45 | .wims_tab.small, |
||
| 46 | .wims_tabselect.small{ |
||
| 47 | font-size: 10px; |
||
| 48 | } |
||
| 49 | |||
| 10422 | obado | 50 | input[type="button"].wims_button { |
| 51 | display:inline-block; |
||
| 52 | width:auto; |
||
| 53 | font-family: 'AllerBold', Arial, Helvetica, sans-serif; |
||
| 54 | margin-bottom: .1em; |
||
| 55 | padding:.2em .6em; |
||
| 56 | cursor:pointer; |
||
| 57 | overflow:visible; |
||
| 58 | position:relative; |
||
| 59 | text-decoration:none; |
||
| 12722 | obado | 60 | box-shadow: rgba(255, 255, 255, .75) 0 1px 1px; |
| 10422 | obado | 61 | font-size: .8em; |
| 62 | font-weight:bold; |
||
| 63 | } |
||
| 64 | |||
| 8015 | obado | 65 | /* Text shadow for dark buttons (i.e : when color:white). Not suitable for black text*/ |
| 10422 | obado | 66 | input[type="submit"], |
| 67 | .wims_button, |
||
| 68 | .wims_button_feedback, |
||
| 69 | .wims_tab, |
||
| 70 | .wims_tabselect{ |
||
| 8015 | obado | 71 | } |
| 72 | /* Text shadow for light buttons (i.e : when color:black). Not suitable for white text*/ |
||
| 73 | /*.wims_button_help{ |
||
| 74 | text-shadow:0 -1px 1px rgba(255, 255, 255, .5); |
||
| 75 | }*/ |
||
| 76 | |||
| 6756 | bpr | 77 | .wims_button_feedback { |
| 11935 | bpr | 78 | border:2px solid green; |
| 6756 | bpr | 79 | border-radius:50px; |
| 7907 | obado | 80 | background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .25)); |
| 6756 | bpr | 81 | font-size: 1em; |
| 11935 | bpr | 82 | height: 2em; |
| 6756 | bpr | 83 | background-color: orange; |
| 84 | color:black; |
||
| 85 | } |
||
| 86 | |||
| 10422 | obado | 87 | input[type="submit"]:hover, |
| 88 | .wims_button:hover, |
||
| 89 | .wims_button_help:hover, |
||
| 90 | .wims_tab:hover { |
||
| 7907 | obado | 91 | background-image: linear-gradient(rgba(0, 0, 0, .25), transparent) ; |
| 92 | border-color: rgba(0, 0, 0, .25); |
||
| 6236 | bpr | 93 | } |
| 10422 | obado | 94 | |
| 6236 | bpr | 95 | /* "pressed button" style */ |
| 10422 | obado | 96 | input[type="submit"]:active, |
| 97 | .wims_button:active, |
||
| 98 | .wims_button_help:active, |
||
| 99 | .wims_button_feedback:active, |
||
| 100 | .wims_tab:active { |
||
| 6236 | bpr | 101 | top:1px; |
| 7907 | obado | 102 | box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5); |
| 6236 | bpr | 103 | } |
| 104 | |||
| 7970 | obado | 105 | |
| 11192 | obado | 106 | body.main_body .wims_secondary_button{ |
| 7970 | obado | 107 | background-color: #EEE; |
| 108 | color:#000; |
||
| 109 | /*background-image: linear-gradient(to bottom, rgba(255,255,255,.1),rgba(255,255,255,.2));*/ |
||
| 110 | } |
||
| 111 | |||
| 10422 | obado | 112 | body.main_body .wims_button.wims_warning, |
| 113 | input[type="submit"].wims_warning, |
||
| 114 | input[type="button"].wims_warning{ |
||
| 7970 | obado | 115 | background-color : brown; |
| 116 | } |
||
| 117 | |||
| 10590 | obado | 118 | .wims_button.disabled{ |
| 119 | opacity: .6; |
||
| 120 | background-image:none; |
||
| 121 | box-shadow: none; |
||
| 12165 | obado | 122 | /*cursor:not-allowed;*/ |
| 123 | cursor: default; |
||
| 10590 | obado | 124 | } |
| 125 | .wims_button.disabled:hover{ |
||
| 126 | top:0; |
||
| 127 | box-shadow: none; |
||
| 128 | } |
||
| 7970 | obado | 129 | |
| 12165 | obado | 130 | .wims_button.inline{ |
| 131 | padding: 0 .2em; |
||
| 132 | line-height: 1.5em; |
||
| 133 | } |
||
| 134 |