Subversion Repositories wimsdev

Rev

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