source: sapic/static/css/checked_img.css @ 7ce4011

erwinexplicacion_situacionalgestion_usuariostaller_django
Last change on this file since 7ce4011 was 7ce4011, checked in by lhernandez <lhernandez@…>, 7 años ago

Se adapto la class ListOrgView? para activar o inactivar una organizacion social

  • Propiedad mode establecida a 100644
File size: 928 octetos
Línea 
1/* CSS para el checked img*/
2
3input[type="checkbox"][id^="user"] {
4  display: none;
5}
6
7input[type="checkbox"][id^="org-"] {
8  display: none;
9}
10
11label {
12  border: 1px solid #fff;
13  padding: 10px;
14  display: block;
15  position: relative;
16  margin: 10px;
17  cursor: pointer;
18}
19
20label:before {
21  background-color: white;
22  color: white;
23  content: " ";
24  display: block;
25  border-radius: 50%;
26  border: 1px solid grey;
27  position: absolute;
28  top: -5px;
29  left: -5px;
30  width: 25px;
31  height: 25px;
32  text-align: center;
33  line-height: 28px;
34  transition-duration: 0.4s;
35  transform: scale(0);
36}
37
38label img {
39  height: 30px;
40  width: 30px;
41  transition-duration: 0.2s;
42  transform-origin: 50% 50%;
43}
44
45:checked + label {
46  border-color: #ddd;
47}
48
49:checked + label:before {
50  content: "✓";
51  background-color: grey;
52  transform: scale(1);
53}
54
55:checked + label img {
56  transform: scale(0.9);
57  box-shadow: 0 0 5px #333;
58  z-index: -1;
59}
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.