Subversion Repositories wimsdev

Rev

Rev 12723 | Rev 14709 | Go to most recent revision | 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_button_feedback,
13
.wims_tab,
10732 obado 14
.wims_tabselect,
15
/* Jquery UI hack : */ .ui-widget input[type="submit"]{
6236 bpr 16
   display:inline-block;
12723 obado 17
   vertical-align: middle;
6236 bpr 18
   width:auto;
7907 obado 19
   padding:.2em .6em;
7075 obado 20
   font-family: AllerBold, Arial, Helvetica, sans-serif;
7907 obado 21
   font-weight:bold;
6236 bpr 22
   cursor:pointer;
23
   overflow:visible;
24
   position:relative;
25
   text-decoration:none;
26
   line-height: 2em;
6905 obado 27
   border-color: #999;
7907 obado 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);
6236 bpr 30
   border-style:solid;
31
   border-width:1px;
7907 obado 32
   border-radius:4px;
6299 bpr 33
 
7907 obado 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 */
12722 obado 38
   /*box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 1px 2px rgba(0, 0, 0, .25);*/
7888 obado 39
   font-size: 12px;
6236 bpr 40
}
41
 
11937 obado 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
 
8015 obado 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
 
6756 bpr 56
.wims_button_feedback {
11935 bpr 57
   border:2px solid green;
6756 bpr 58
   border-radius:50px;
7907 obado 59
   background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
6756 bpr 60
   font-size: 1em;
11935 bpr 61
   height: 2em;
6756 bpr 62
   background-color: orange;
63
   color:black;
64
}
65
 
10422 obado 66
input[type="submit"]:hover,
67
.wims_button:hover,
68
.wims_button_help:hover,
69
.wims_tab:hover {
7907 obado 70
    background-image: linear-gradient(rgba(0, 0, 0, .25), transparent) ;
71
    border-color: rgba(0, 0, 0, .25);
6236 bpr 72
}
12920 obado 73
input[type="color"]:hover{
74
    background-color: #DDD;
75
    border-color: #000;
76
    border-radius: 5px;
77
}
10422 obado 78
 
6236 bpr 79
/* "pressed button" style */
10422 obado 80
input[type="submit"]:active,
81
.wims_button:active,
82
.wims_button_help:active,
83
.wims_button_feedback:active,
84
.wims_tab:active {
6236 bpr 85
   top:1px;
7907 obado 86
   box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
6236 bpr 87
}
88
 
7970 obado 89
 
11192 obado 90
body.main_body .wims_secondary_button{
7970 obado 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
 
10422 obado 96
body.main_body .wims_button.wims_warning,
97
input[type="submit"].wims_warning,
98
input[type="button"].wims_warning{
7970 obado 99
   background-color : brown;
100
}
101
 
12920 obado 102
.wims_button.disabled, input[type="submit"].disabled{
103
  opacity: .4;
10590 obado 104
  background-image:none;
105
  box-shadow: none;
12920 obado 106
  /*cursor: default;*/
107
  cursor:not-allowed;
10590 obado 108
}
109
.wims_button.disabled:hover{
110
  top:0;
111
  box-shadow: none;
112
}
7970 obado 113
 
12165 obado 114
.wims_button.inline{
115
  padding: 0 .2em;
116
  line-height: 1.5em;
117
}
118