Subversion Repositories wimsdev

Rev

Rev 16138 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
6236 bpr 1
/* * Boutons CSS3 * */
2
 
10422 obado 3
input[type="submit"],
4
.wims_button,
5
.wims_button_help {
6236 bpr 6
    margin: 0 0 2px 2px;
7
}
8
 
10422 obado 9
input[type="submit"],
10
.wims_button,
11
.wims_button_help,
12
.wims_tab,
10732 obado 13
.wims_tabselect,
14
/* Jquery UI hack : */ .ui-widget input[type="submit"]{
6236 bpr 15
   display:inline-block;
16
   width:auto;
7907 obado 17
   padding:.2em .6em;
18
   font-weight:bold;
6236 bpr 19
   cursor:pointer;
20
   overflow:visible;
21
   position:relative;
22
   text-decoration:none;
23
   line-height: 2em;
6905 obado 24
   border-color: #999;
7907 obado 25
   border-color: transparent rgba(0, 0, 0, .25) rgba(0, 0, 0, .5);
6236 bpr 26
   border-style:solid;
27
   border-width:1px;
7907 obado 28
   border-radius:4px;
29
   background-image: linear-gradient(transparent, rgba(0, 0, 0, .25)) ;
7888 obado 30
   font-size: 12px;
6236 bpr 31
}
32
 
11937 obado 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
 
8015 obado 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
 
10422 obado 46
input[type="submit"]:hover,
47
.wims_button:hover,
48
.wims_button_help:hover,
49
.wims_tab:hover {
7907 obado 50
    background-image: linear-gradient(rgba(0, 0, 0, .25), transparent) ;
51
    border-color: rgba(0, 0, 0, .25);
6236 bpr 52
}
12920 obado 53
input[type="color"]:hover{
54
    background-color: #DDD;
55
    border-color: #000;
56
    border-radius: 5px;
57
}
10422 obado 58
 
6236 bpr 59
/* "pressed button" style */
10422 obado 60
input[type="submit"]:active,
61
.wims_button:active,
62
.wims_button_help:active,
63
.wims_tab:active {
15722 obado 64
   top: 1px;
7907 obado 65
   box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
6236 bpr 66
}
67
 
7970 obado 68
 
11192 obado 69
body.main_body .wims_secondary_button{
7970 obado 70
   background-color: #EEE;
15722 obado 71
   color: #000;
7970 obado 72
   /*background-image: linear-gradient(to bottom, rgba(255,255,255,.1),rgba(255,255,255,.2));*/
73
}
74
 
10422 obado 75
body.main_body .wims_button.wims_warning,
76
input[type="submit"].wims_warning,
77
input[type="button"].wims_warning{
15722 obado 78
   background-color: brown;
7970 obado 79
}
80
 
12920 obado 81
.wims_button.disabled, input[type="submit"].disabled{
82
  opacity: .4;
15722 obado 83
  background-image: none;
10590 obado 84
  box-shadow: none;
12920 obado 85
  /*cursor: default;*/
15722 obado 86
  cursor: not-allowed;
10590 obado 87
}
88
.wims_button.disabled:hover{
15722 obado 89
  top: 0;
10590 obado 90
  box-shadow: none;
91
}
7970 obado 92
 
12165 obado 93
.wims_button.inline{
94
  padding: 0 .2em;
95
  line-height: 1.5em;
96
}
16137 obado 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;
16138 obado 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{
16137 obado 115
    flex-grow: 1;
116
  }
117
}