Last change
on this file since bf47591 was
bf47591,
checked in by Leonel Hernandez <leonelphm@…>, 7 years ago
|
Inicializando Proyecto
|
-
Property mode set to
100644
|
File size:
871 bytes
|
Line | |
---|
1 | /* CSS para el checked img*/ |
---|
2 | |
---|
3 | input[type="checkbox"][id^="user"] { |
---|
4 | display: none; |
---|
5 | } |
---|
6 | |
---|
7 | label { |
---|
8 | border: 1px solid #fff; |
---|
9 | padding: 10px; |
---|
10 | display: block; |
---|
11 | position: relative; |
---|
12 | margin: 10px; |
---|
13 | cursor: pointer; |
---|
14 | } |
---|
15 | |
---|
16 | label: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 | |
---|
34 | label 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 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.