Alfredo Villegas commited on
Commit
c5dec12
1 Parent(s): a582ff4

Colores botón switch

Browse files
Files changed (2) hide show
  1. static/css/app.css +3 -2
  2. static/css/switch.css +14 -3
static/css/app.css CHANGED
@@ -159,11 +159,12 @@ button{
159
  }
160
 
161
  .input-box {
162
- background: #222f3d;
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: #ccc;
22
  -webkit-transition: .4s;
23
  transition: .4s;
24
  }
@@ -36,17 +36,18 @@
36
  }
37
 
38
  input:checked+.slider {
39
- background-color: #2196F3;
40
  }
41
 
42
  input:focus+.slider {
43
- box-shadow: 0 0 1px #2196F3;
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
  }