Spaces:
Running
Running
Alfredo Villegas
commited on
Commit
•
c5dec12
1
Parent(s):
a582ff4
Colores botón switch
Browse files- static/css/app.css +3 -2
- static/css/switch.css +14 -3
static/css/app.css
CHANGED
@@ -159,11 +159,12 @@ button{
|
|
159 |
}
|
160 |
|
161 |
.input-box {
|
162 |
-
background: #
|
163 |
margin: 10px 0;
|
164 |
height: 30px;
|
165 |
display: flex;
|
166 |
border-radius: 5px;
|
|
|
167 |
}
|
168 |
|
169 |
.input-box textarea,
|
@@ -192,7 +193,7 @@ button{
|
|
192 |
background-color: #ddd;
|
193 |
background-repeat: no-repeat;
|
194 |
background-position: center;
|
195 |
-
border-left: solid 1px #555;
|
196 |
}
|
197 |
.input-box .input-send {
|
198 |
background-image: url(/static/img/send.png);
|
|
|
159 |
}
|
160 |
|
161 |
.input-box {
|
162 |
+
background: #dddddd;
|
163 |
margin: 10px 0;
|
164 |
height: 30px;
|
165 |
display: flex;
|
166 |
border-radius: 5px;
|
167 |
+
|
168 |
}
|
169 |
|
170 |
.input-box textarea,
|
|
|
193 |
background-color: #ddd;
|
194 |
background-repeat: no-repeat;
|
195 |
background-position: center;
|
196 |
+
/* border-left: solid 1px #555; */
|
197 |
}
|
198 |
.input-box .input-send {
|
199 |
background-image: url(/static/img/send.png);
|
static/css/switch.css
CHANGED
@@ -18,7 +18,7 @@
|
|
18 |
left: 0;
|
19 |
right: 0;
|
20 |
bottom: 0;
|
21 |
-
background-color: #
|
22 |
-webkit-transition: .4s;
|
23 |
transition: .4s;
|
24 |
}
|
@@ -36,17 +36,18 @@
|
|
36 |
}
|
37 |
|
38 |
input:checked+.slider {
|
39 |
-
background-color: #
|
40 |
}
|
41 |
|
42 |
input:focus+.slider {
|
43 |
-
box-shadow: 0 0 1px #
|
44 |
}
|
45 |
|
46 |
input:checked+.slider:before {
|
47 |
-webkit-transform: translateX(23px);
|
48 |
-ms-transform: translateX(23px);
|
49 |
transform: translateX(23px);
|
|
|
50 |
}
|
51 |
|
52 |
.slider.round {
|
@@ -55,4 +56,14 @@ input:checked+.slider:before {
|
|
55 |
|
56 |
.slider.round:before {
|
57 |
border-radius: 50%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
58 |
}
|
|
|
18 |
left: 0;
|
19 |
right: 0;
|
20 |
bottom: 0;
|
21 |
+
background-color: #a1a1a1;
|
22 |
-webkit-transition: .4s;
|
23 |
transition: .4s;
|
24 |
}
|
|
|
36 |
}
|
37 |
|
38 |
input:checked+.slider {
|
39 |
+
background-color: #f28150;
|
40 |
}
|
41 |
|
42 |
input:focus+.slider {
|
43 |
+
box-shadow: 0 0 1px #f28150;
|
44 |
}
|
45 |
|
46 |
input:checked+.slider:before {
|
47 |
-webkit-transform: translateX(23px);
|
48 |
-ms-transform: translateX(23px);
|
49 |
transform: translateX(23px);
|
50 |
+
box-shadow: 0 0 10px rgba(0, 0, 0, 5.5);
|
51 |
}
|
52 |
|
53 |
.slider.round {
|
|
|
56 |
|
57 |
.slider.round:before {
|
58 |
border-radius: 50%;
|
59 |
+
box-shadow: 0 0 10px rgba(0, 0, 0, 5.5);
|
60 |
+
}
|
61 |
+
|
62 |
+
.switch, textarea:disabled {
|
63 |
+
background: #8b8b8b;
|
64 |
+
}
|
65 |
+
|
66 |
+
.slider,
|
67 |
+
textarea:disabled {
|
68 |
+
background-color: #8b8b8b !important;
|
69 |
}
|