www/plugins/formidable_1_0/css/formidable_analyse.css.html

   1 .formidable_analyse .stat {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         position:relative; /* pour le strong du texte */
  15 }
  16
  17 .progress-bar strong {
  18         color:#000;
  19         padding:0 .5em;
  20         -webkit-moz-text-shadow: 0 1px 1px #fff;
  21         -moz-text-shadow: 0 1px 1px #fff;
  22         text-shadow: 0 1px 1px #fff;
  23         position:absolute;
  24         top:2px;
  25         left:0;
  26 }
  27 .progress-bar strong small {font-size:90%; font-weight:normal;}
  28
  29 .progress-bar span {
  30         background-color: #bbb;
  31           background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#777));
  32           background-image: -webkit-linear-gradient(top, #bbb, #777);
  33           background-image: -moz-linear-gradient(top, #bbb, #777);
  34           background-image: -ms-linear-gradient(top, #bbb, #777);
  35           background-image: -o-linear-gradient(top, #bbb, #777);
  36           background-image: linear-gradient(top, #bbb, #777);
  37         display: inline-block;
  38         height: 100%;
  39         -moz-border-radius: 3px;
  40         -webkit-border-radius: 3px;
  41         border-radius: 3px;
  42         -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  43         -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  44         box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  45         -webkit-transition: width 2s ease-in-out;
  46         -moz-transition: width 2s ease-in-out;
  47         -ms-transition: width 2s ease-in-out;
  48         -o-transition: width 2s ease-in-out;
  49         transition: width 2s ease-in-out;
  50 }
  51
  52 .progress-bar.gray span {
  53         background-color: #bbb;
  54           background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#777));
  55           background-image: -webkit-linear-gradient(top, #bbb, #777);
  56           background-image: -moz-linear-gradient(top, #bbb, #777);
  57           background-image: -ms-linear-gradient(top, #bbb, #777);
  58           background-image: -o-linear-gradient(top, #bbb, #777);
  59           background-image: linear-gradient(top, #bbb, #777);
  60 }
  61
  62 .progress-bar.blue span {
  63         background-color: #34c2e3;
  64           background-image: -webkit-gradient(linear, left top, left bottom, from(#34c2e3), to(#13ACD1));
  65           background-image: -webkit-linear-gradient(top, #34c2e3, #13ACD1);
  66           background-image: -moz-linear-gradient(top, #34c2e3, #13ACD1);
  67           background-image: -ms-linear-gradient(top, #34c2e3, #13ACD1);
  68           background-image: -o-linear-gradient(top, #34c2e3, #13ACD1);
  69           background-image: linear-gradient(top, #34c2e3, #13ACD1);
  70 }
  71
  72 .progress-bar.orange span {
  73           background-color: #fecf23;
  74           background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
  75           background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
  76           background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
  77           background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
  78           background-image: -o-linear-gradient(top, #fecf23, #fd9215);
  79           background-image: linear-gradient(top, #fecf23, #fd9215);
  80 }
  81
  82 .progress-bar.green span {
  83           background-color: #a5df41;
  84           background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
  85           background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
  86           background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
  87           background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
  88           background-image: -o-linear-gradient(top, #a5df41, #4ca916);
  89           background-image: linear-gradient(top, #a5df41, #4ca916);
  90 }