Rev 16138 | 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_tab, |
||
| 10732 | obado | 13 | .wims_tabselect, |
| 14 | /* Jquery UI hack : */ .ui-widget input[type="submit"]{ |
||
| 6236 | bpr | 15 | display:inline-block; |
| 16 | width:auto; |
||
| 7907 | obado | 17 | padding:.2em .6em; |
| 18 | font-weight:bold; |
||
| 6236 | bpr | 19 | cursor:pointer; |
| 20 | overflow:visible; |
||
| 21 | position:relative; |
||
| 22 | text-decoration:none; |
||
| 23 | line-height: 2em; |
||
| 6905 | obado | 24 | border-color: #999; |
| 7907 | obado | 25 | border-color: transparent rgba(0, 0, 0, .25) rgba(0, 0, 0, .5); |
| 6236 | bpr | 26 | border-style:solid; |
| 27 | border-width:1px; |
||
| 7907 | obado | 28 | border-radius:4px; |
| 29 | background-image: linear-gradient(transparent, rgba(0, 0, 0, .25)) ; |
||
| 7888 | obado | 30 | font-size: 12px; |
| 6236 | bpr | 31 | } |
| 32 | |||
| 11937 | obado | 33 | input[type="submit"].small, |
| 34 | .wims_button.small, |
||
| 35 | .wims_button_help.small, |
||
| 36 | .wims_tab.small, |
||
| 37 | .wims_tabselect.small{ |
||
| 38 | font-size: 10px; |
||
| 39 | } |
||
| 40 | |||
| 8015 | obado | 41 | /* Text shadow for light buttons (i.e : when color:black). Not suitable for white text*/ |
| 42 | /*.wims_button_help{ |
||
| 43 | text-shadow:0 -1px 1px rgba(255, 255, 255, .5); |
||
| 44 | }*/ |
||
| 45 | |||
| 10422 | obado | 46 | input[type="submit"]:hover, |
| 47 | .wims_button:hover, |
||
| 48 | .wims_button_help:hover, |
||
| 49 | .wims_tab:hover { |
||
| 7907 | obado | 50 | background-image: linear-gradient(rgba(0, 0, 0, .25), transparent) ; |
| 51 | border-color: rgba(0, 0, 0, .25); |
||
| 6236 | bpr | 52 | } |
| 12920 | obado | 53 | input[type="color"]:hover{ |
| 54 | background-color: #DDD; |
||
| 55 | border-color: #000; |
||
| 56 | border-radius: 5px; |
||
| 57 | } |
||
| 10422 | obado | 58 | |
| 6236 | bpr | 59 | /* "pressed button" style */ |
| 10422 | obado | 60 | input[type="submit"]:active, |
| 61 | .wims_button:active, |
||
| 62 | .wims_button_help:active, |
||
| 63 | .wims_tab:active { |
||
| 15722 | obado | 64 | top: 1px; |
| 7907 | obado | 65 | box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5); |
| 6236 | bpr | 66 | } |
| 67 | |||
| 7970 | obado | 68 | |
| 11192 | obado | 69 | body.main_body .wims_secondary_button{ |
| 7970 | obado | 70 | background-color: #EEE; |
| 15722 | obado | 71 | color: #000; |
| 7970 | obado | 72 | /*background-image: linear-gradient(to bottom, rgba(255,255,255,.1),rgba(255,255,255,.2));*/ |
| 73 | } |
||
| 74 | |||
| 10422 | obado | 75 | body.main_body .wims_button.wims_warning, |
| 76 | input[type="submit"].wims_warning, |
||
| 77 | input[type="button"].wims_warning{ |
||
| 15722 | obado | 78 | background-color: brown; |
| 7970 | obado | 79 | } |
| 80 | |||
| 12920 | obado | 81 | .wims_button.disabled, input[type="submit"].disabled{ |
| 82 | opacity: .4; |
||
| 15722 | obado | 83 | background-image: none; |
| 10590 | obado | 84 | box-shadow: none; |
| 12920 | obado | 85 | /*cursor: default;*/ |
| 15722 | obado | 86 | cursor: not-allowed; |
| 10590 | obado | 87 | } |
| 88 | .wims_button.disabled:hover{ |
||
| 15722 | obado | 89 | top: 0; |
| 10590 | obado | 90 | box-shadow: none; |
| 91 | } |
||
| 7970 | obado | 92 | |
| 12165 | obado | 93 | .wims_button.inline{ |
| 94 | padding: 0 .2em; |
||
| 95 | line-height: 1.5em; |
||
| 96 | } |
||
| 16137 | obado | 97 | |
| 98 | .actions { |
||
| 99 | display: flex; |
||
| 100 | } |
||
| 101 | /* Small screens */ |
||
| 102 | @media only screen and (max-width: 40em) { |
||
| 103 | .actions>input[type="submit"], |
||
| 104 | .actions>.wims_button, |
||
| 105 | .actions>.wims_button_help{ |
||
| 106 | display: flex; |
||
| 107 | justify-content: center; |
||
| 16138 | obado | 108 | } |
| 109 | .actions>input[type="submit"], |
||
| 110 | .actions>.wims_button{ |
||
| 111 | flex-grow: 2; |
||
| 112 | } |
||
| 113 | .actions>.wims_button_help, |
||
| 114 | .actions>.wims_secondary_button{ |
||
| 16137 | obado | 115 | flex-grow: 1; |
| 116 | } |
||
| 117 | } |