Subversion Repositories wimsdev

Rev

Rev 11914 | Rev 11937 | 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_button_feedback,
  13. .wims_tab,
  14. .wims_tabselect,
  15. /* Jquery UI hack : */ .ui-widget input[type="submit"]{
  16.    display:inline-block;
  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="button"].wims_button {
  42.    display:inline-block;
  43.    width:auto;
  44.    font-family: 'AllerBold', Arial, Helvetica, sans-serif;
  45.    margin-bottom: .1em;
  46.    padding:.2em .6em;
  47.    cursor:pointer;
  48.    overflow:visible;
  49.    position:relative;
  50.    text-decoration:none;
  51.    box-shadow: rgba(255, 255, 255, 0.75) 0 1px 1px;
  52.    font-size: .8em;
  53.    font-weight:bold;
  54. }
  55.  
  56. /* Text shadow for dark buttons (i.e : when color:white). Not suitable for black text*/
  57. input[type="submit"],
  58. .wims_button,
  59. .wims_button_feedback,
  60. .wims_tab,
  61. .wims_tabselect{
  62. }
  63. /* Text shadow for light buttons (i.e : when color:black). Not suitable for white text*/
  64. /*.wims_button_help{
  65.    text-shadow:0 -1px 1px rgba(255, 255, 255, .5);
  66. }*/
  67.  
  68. .wims_button_feedback {
  69.    border:2px solid green;
  70.    border-radius:50px;
  71.    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
  72.    font-size: 1em;
  73.    height: 2em;
  74.    background-color: orange;
  75.    color:black;
  76. }
  77.  
  78. input[type="submit"]:hover,
  79. .wims_button:hover,
  80. .wims_button_help:hover,
  81. .wims_tab:hover {
  82.     background-image: linear-gradient(rgba(0, 0, 0, .25), transparent) ;
  83.     border-color: rgba(0, 0, 0, .25);
  84. }
  85.  
  86. /* "pressed button" style */
  87. input[type="submit"]:active,
  88. .wims_button:active,
  89. .wims_button_help:active,
  90. .wims_button_feedback:active,
  91. .wims_tab:active {
  92.    top:1px;
  93.    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
  94. }
  95.  
  96.  
  97. body.main_body .wims_secondary_button{
  98.    background-color: #EEE;
  99.    color:#000;
  100.    /*background-image: linear-gradient(to bottom, rgba(255,255,255,.1),rgba(255,255,255,.2));*/
  101. }
  102.  
  103. body.main_body .wims_button.wims_warning,
  104. input[type="submit"].wims_warning,
  105. input[type="button"].wims_warning{
  106.    background-color : brown;
  107. }
  108.  
  109. .wims_button.disabled{
  110.   opacity: .6;
  111.   background-image:none;
  112.   box-shadow: none;
  113. }
  114. .wims_button.disabled:hover{
  115.   top:0;
  116.   box-shadow: none;
  117.   cursor: default;
  118. }
  119.  
  120.