Subversion Repositories wimsdev

Rev

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