source: sapic/static/css/checked_img.css @ 57f6191

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

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