Subversion Repositories wimsdev

Rev

Rev 6636 | Blame | Last modification | View Log | RSS feed

  1. /* * Boutons CSS3 * */
  2.  
  3. input[type="submit"],  .wims_button,  .wims_button_help {
  4.     margin: 0 0 2px 2px;
  5. }
  6.  
  7. input[type="submit"], .wims_button, .wims_button_help, .wims_button_feedback {
  8.    display:inline-block;
  9.    width:auto;
  10.    font-family: 'AllerBold', Arial, Helvetica, sans-serif;
  11.    padding:0.2em 0.6em;
  12.    cursor:pointer;
  13.    overflow:visible;
  14.    position:relative;
  15.    text-decoration:none;
  16.    font-weight:bold;
  17.    text-decoration:none;
  18.    line-height: 2em;
  19.    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  20.    border-style:solid;
  21.    border-width:1px;
  22.    /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25)));*/
  23.    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.25)));
  24.     background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ;
  25.       /*background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.25));*/
  26.     background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ;
  27.     background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ;
  28.     background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25)) ;
  29.     background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.25)) ;
  30. }
  31. input[type="submit"], .wims_button, .wims_button_help {
  32.    border-radius:4px;
  33.    -moz-border-radius:4px;
  34.    -webkit-border-radius:4px;
  35.    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  36.    -moz-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  37.    font-size: 0.8em;
  38. }
  39.  
  40. .wims_button_feedback {
  41.    border-radius:50px;
  42.    -moz-border-radius:50px;
  43.    -webkit-border-radius:50px;
  44.    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
  45.    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  46.    -moz-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  47.    font-size: 1em;
  48.    height: 5em;
  49.    background-color: orange;
  50.    color:black;
  51. }
  52.  
  53. input[type="submit"]:hover, .wims_button:hover, .wims_button_help:hover, .wims_button_feedback:hover {
  54.    /*background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));*/
  55.    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
  56.     background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ;
  57.     /*background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.25), rgba(0,0,0,0));*/
  58.     background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ;
  59.     background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ;
  60.     background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) ;
  61.     background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent) ;
  62.     border-color: rgba(0, 0, 0, 0.25) !important;
  63. }
  64. /* "pressed button" style */
  65. input[type="submit"]:active,.wims_button:active,.wims_button_help:active,.wims_button_feedback:active {
  66.    top:1px;
  67.    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
  68. }
  69.  
  70. input[type="button"] {
  71.    display:inline-block;
  72.    width:auto;
  73.    font-family: 'AllerBold', Arial, Helvetica, sans-serif;
  74.    margin-bottom: 0.1em;
  75.    padding:0.2em 0.6em;
  76.    cursor:pointer;
  77.    overflow:visible;
  78.    position:relative;
  79.    text-decoration:none;
  80.    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
  81.    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  82.    -moz-box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  83.    font-size: 0.8em;
  84.    /*height: 1.6em;
  85.    line-height: 1.45em;*/
  86.    font-weight:bold;
  87.    text-decoration:none;
  88. }
  89.