Subversion Repositories wimsdev

Rev

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