Subversion Repositories wimsdev

Rev

Rev 14709 | Rev 16137 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* * Boutons CSS3 * */
  2.  
  3. input[type="submit"],
  4. .wims_button,
  5. .wims_button_help {
  6.     margin: 0 0 2px 2px;
  7. }
  8.  
  9. input[type="submit"],
  10. .wims_button,
  11. .wims_button_help,
  12. .wims_tab,
  13. .wims_tabselect,
  14. /* Jquery UI hack : */ .ui-widget input[type="submit"]{
  15.    display:inline-block;
  16.    /*vertical-align: middle;*/
  17.    width:auto;
  18.    padding:.2em .6em;
  19.    /*font-family: AllerBold, Arial, Helvetica, sans-serif;*/
  20.    font-weight:bold;
  21.    cursor:pointer;
  22.    overflow:visible;
  23.    position:relative;
  24.    text-decoration:none;
  25.    line-height: 2em;
  26.    border-color: #999;
  27.    /*border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);*/
  28.    border-color: transparent rgba(0, 0, 0, .25) rgba(0, 0, 0, .5);
  29.    border-style:solid;
  30.    border-width:1px;
  31.    border-radius:4px;
  32.  
  33.    background-image: linear-gradient(transparent, rgba(0, 0, 0, .25)) ;
  34.  
  35.    /*background-image: linear-gradient(transparent, rgba(0, 0, 0, .25));*/
  36.    /* 3D effect */
  37.    /*box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 2px rgba(0, 0, 0, .25);*/
  38.    font-size: 12px;
  39. }
  40.  
  41. input[type="submit"].small,
  42. .wims_button.small,
  43. .wims_button_help.small,
  44. .wims_tab.small,
  45. .wims_tabselect.small{
  46.   font-size: 10px;
  47. }
  48.  
  49. /* Text shadow for light buttons (i.e : when color:black). Not suitable for white text*/
  50. /*.wims_button_help{
  51.    text-shadow:0 -1px 1px rgba(255, 255, 255, .5);
  52. }*/
  53.  
  54. input[type="submit"]:hover,
  55. .wims_button:hover,
  56. .wims_button_help:hover,
  57. .wims_tab:hover {
  58.     background-image: linear-gradient(rgba(0, 0, 0, .25), transparent) ;
  59.     border-color: rgba(0, 0, 0, .25);
  60. }
  61. input[type="color"]:hover{
  62.     background-color: #DDD;
  63.     border-color: #000;
  64.     border-radius: 5px;
  65. }
  66.  
  67. /* "pressed button" style */
  68. input[type="submit"]:active,
  69. .wims_button:active,
  70. .wims_button_help:active,
  71. .wims_tab:active {
  72.    top: 1px;
  73.    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
  74. }
  75.  
  76.  
  77. body.main_body .wims_secondary_button{
  78.    background-color: #EEE;
  79.    color: #000;
  80.    /*background-image: linear-gradient(to bottom, rgba(255,255,255,.1),rgba(255,255,255,.2));*/
  81. }
  82.  
  83. body.main_body .wims_button.wims_warning,
  84. input[type="submit"].wims_warning,
  85. input[type="button"].wims_warning{
  86.    background-color: brown;
  87. }
  88.  
  89. .wims_button.disabled, input[type="submit"].disabled{
  90.   opacity: .4;
  91.   background-image: none;
  92.   box-shadow: none;
  93.   /*cursor: default;*/
  94.   cursor: not-allowed;
  95. }
  96. .wims_button.disabled:hover{
  97.   top: 0;
  98.   box-shadow: none;
  99. }
  100.  
  101. .wims_button.inline{
  102.   padding: 0 .2em;
  103.   line-height: 1.5em;
  104. }
  105.