source: spip-zone/_plugins_/formidable_sondage/css/fsondage.css.html @ 65572

Last change on this file since 65572 was 65572, checked in by marcimat@…, 8 years ago

Un plugin ajoutant une option de sondage au traitement enregistrant en base de données pour Formidable.

L'option activée, un graphique est affiché à la place du formulaire dès que quelqu'un a déjà voté ou que quelqu'un vient juste de voter.

Pas certain que ça marche pour tout, mais radio et checkbox ça a l'air ok.

File size: 2.5 KB
Line 
1#sondage .stat {min-width:70%;}
2
3.progress-bar {
4        background-color: #f1f1f1;
5        height: 20px;
6        padding: 1px;
7        margin: 2px 0;
8        -moz-border-radius: 5px;
9        -webkit-border-radius: 5px;
10        border-radius: 5px;
11        -moz-box-shadow: 0 1px 4px #eee inset, 0 1px 0 #bbb;
12        -webkit-box-shadow: 0 1px 4px #eee inset, 0 1px 0 #bbb;
13        box-shadow: 0 1px 4px #eee inset, 0 1px 0 #bbb;
14}
15
16.progress-bar span strong {
17        color:#000;
18        padding:0 .5em;
19        -webkit-moz-text-shadow: 0 1px 1px #fff;
20        -moz-text-shadow: 0 1px 1px #fff;
21        text-shadow: 0 1px 1px #fff;
22}
23.progress-bar span {
24        background-color: #aaa;
25        display: inline-block;
26        height: 100%;
27        -moz-border-radius: 3px;
28        -webkit-border-radius: 3px;
29        border-radius: 3px;
30        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
31        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
32        box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
33        -webkit-transition: width .4s ease-in-out;
34        -moz-transition: width .4s ease-in-out;
35        -ms-transition: width .4s ease-in-out;
36        -o-transition: width .4s ease-in-out;
37        transition: width .4s ease-in-out;   
38}
39
40.blue span {
41        background-color: #34c2e3;
42          background-image: -webkit-gradient(linear, left top, left bottom, from(#34c2e3), to(#13ACD1));
43          background-image: -webkit-linear-gradient(top, #34c2e3, #13ACD1);
44          background-image: -moz-linear-gradient(top, #34c2e3, #13ACD1);
45          background-image: -ms-linear-gradient(top, #34c2e3, #13ACD1);
46          background-image: -o-linear-gradient(top, #34c2e3, #13ACD1);
47          background-image: linear-gradient(top, #34c2e3, #13ACD1); 
48}
49
50.orange span {
51          background-color: #fecf23;
52          background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
53          background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
54          background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
55          background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
56          background-image: -o-linear-gradient(top, #fecf23, #fd9215);
57          background-image: linear-gradient(top, #fecf23, #fd9215); 
58}       
59
60.green span {
61          background-color: #a5df41;
62          background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
63          background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
64          background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
65          background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
66          background-image: -o-linear-gradient(top, #a5df41, #4ca916);
67          background-image: linear-gradient(top, #a5df41, #4ca916); 
68}
Note: See TracBrowser for help on using the repository browser.