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