Subversion Repositories wimsdev

Rev

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