18
18
19
19
/*
20
20
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
21
- | Validate
21
+ | Validate
22
22
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
23
23
*/
24
24
.smk-error-text {
25
- position : absolute;
26
- right : 0 ;
27
- font-size : 12px ;
28
- color : # EE4124 ;
29
- /*float: right;*/
25
+ position : absolute;
26
+ right : 0 ;
27
+ font-size : 12px ;
28
+ color : # EE4124 ;
29
+ /*float: right;*/
30
30
31
31
}
32
32
.smk-select .smk-error-icon {
33
- right : 10px ;
33
+ right : 10px ;
34
34
}
35
35
.smk-checkbox .smk-error-text , .smk-radio .smk-error-text {
36
- margin-top : -12px
36
+ margin-top : -12px
37
37
}
38
38
39
39
43
43
44
44
/*
45
45
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
46
- | Alerts
46
+ | Alerts
47
47
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
48
48
*/
49
49
.smk-alert-content {
50
- position : fixed;
51
- width : 360px ;
52
- top : 0 ;
53
- right : 20px ;
54
- z-index : 2060 ;
50
+ position : fixed;
51
+ width : 360px ;
52
+ top : 0 ;
53
+ right : 20px ;
54
+ z-index : 2060 ;
55
55
}
56
56
.smk-alert {
57
- opacity : 0 ;
58
- filter : alpha (opacity=0);
57
+ opacity : 0 ;
58
+ filter : alpha (opacity=0);
59
59
}
60
60
.smk-alert .glyphicon {
61
- font-size : 20px ;
62
- float : left;
63
- margin-right : 14px ;
61
+ font-size : 20px ;
62
+ float : left;
63
+ margin-right : 14px ;
64
64
}
65
65
.smk-alert p {
66
- display : table;
66
+ display : table;
67
67
}
68
68
69
69
73
73
74
74
/*
75
75
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
76
- | Confirmation
76
+ | Confirmation
77
77
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
78
78
*/
79
79
.smk-confirm-back {
80
- position : fixed;
81
- top : 0 ;
82
- right : 0 ;
83
- bottom : 0 ;
84
- left : 0 ;
85
- z-index : 1030 ;
80
+ position : fixed;
81
+ top : 0 ;
82
+ right : 0 ;
83
+ bottom : 0 ;
84
+ left : 0 ;
85
+ z-index : 1030 ;
86
86
}
87
87
.smk-confirm {
88
- position : absolute;
89
- opacity : 0 ;
90
- filter : alpha (opacity=0);
91
- top : -500px ;
92
- right : 0 ;
93
- left : 0 ;
94
- margin : auto;
95
- max-width : 440px ;
96
- z-index : 2060 ;
97
- box-shadow : 0 5px 25px -1px # 333 ;
98
- -webkit-box-shadow : 0 5px 25px -1px # 333 ; /* Chrome & Safari */
99
- -moz-box-shadow : 0 5px 25px -1px # 333 ; /* Firefox */
88
+ position : absolute;
89
+ opacity : 0 ;
90
+ filter : alpha (opacity=0);
91
+ top : -500px ;
92
+ right : 0 ;
93
+ left : 0 ;
94
+ margin : auto;
95
+ max-width : 440px ;
96
+ z-index : 2060 ;
97
+ box-shadow : 0 5px 25px -1px # 333 ;
98
+ -webkit-box-shadow : 0 5px 25px -1px # 333 ; /* Chrome & Safari */
99
+ -moz-box-shadow : 0 5px 25px -1px # 333 ; /* Firefox */
100
100
}
101
101
102
102
110
110
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
111
111
*/
112
112
.smk-progressbar {
113
- /*position: fixed;*/
114
- left : 0 ;
115
- top : 0 ;
116
- right : 0 ;
117
- bottom : 0 ;
118
- background : rgba (255 , 255 , 255 , 0.4 );
119
- z-index : 10000 ;
113
+ /*position: fixed;*/
114
+ left : 0 ;
115
+ top : 0 ;
116
+ right : 0 ;
117
+ bottom : 0 ;
118
+ background : rgba (255 , 255 , 255 , 0.4 );
119
+ z-index : 10000 ;
120
120
}
121
121
.smk-progressbar .progress {
122
- width : 100% ;
123
- height : 4px ;
124
- background-color : transparent;
125
- border-radius : 0 ;
126
- margin-bottom : 0 ;
122
+ width : 100% ;
123
+ height : 4px ;
124
+ background-color : transparent;
125
+ border-radius : 0 ;
126
+ margin-bottom : 0 ;
127
127
}
128
128
.smk-progressbar .progress-bar {
129
- background : # 28A8E0 ;
129
+ background : # 28A8E0 ;
130
130
}
131
131
/*.progress-bar{
132
- -webkit-animation: myfirst 1s;
133
- animation: myfirst 1s;
132
+ -webkit-animation: myfirst 1s;
133
+ animation: myfirst 1s;
134
134
}
135
135
@-webkit-keyframes myfirst {
136
- from {width: 0;}
137
- to {width: 95%;}
136
+ from {width: 0;}
137
+ to {width: 95%;}
138
138
}
139
139
@keyframes myfirst {
140
- from {width: 0;}
141
- to {width: 95%;}
140
+ from {width: 0;}
141
+ to {width: 95%;}
142
142
}*/
143
143
144
144
159
159
z-index : 9999 ;
160
160
}
161
161
.smk-btn-group-panel-title {
162
- top : -22px ;
163
- right : -4px
162
+ top : -22px ;
163
+ right : -4px
164
164
}
165
165
.smk-btn-group-panel {
166
- top : -4px ;
167
- right : -4px
166
+ top : -4px ;
167
+ right : -4px
168
168
}
169
169
170
170
173
173
174
174
/*
175
175
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
176
- | Helper Styles
176
+ | Helper Styles
177
177
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
178
178
*/
179
179
180
180
181
181
/*
182
182
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
183
- | Elimina los spin del input number
183
+ | Elimina los spin del input number
184
184
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
185
185
*/
186
186
input [type = number ]::-webkit-inner-spin-button ,
187
187
input [type = number ]::-webkit-outer-spin-button {
188
- -webkit-appearance : none;
189
- margin : 0 ;
188
+ -webkit-appearance : none;
189
+ margin : 0 ;
190
190
}
191
191
192
192
193
193
/*
194
194
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
195
- | Al agregar padding a un div evita que su tamaño crezca
195
+ | Al agregar padding a un div evita que su tamaño crezca
196
196
|- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
197
197
*/
198
198
.smk-sizing {
199
- box-sizing : border-box;
199
+ box-sizing : border-box;
200
200
}
201
201
202
202
203
203
/* Transition */
204
204
.smk-transition1 {
205
- transition : all .2s ease-in-out;
206
- -webkit-transition : all .2s ease-in-out; /* Chrome & Safari */
207
- -moz-transition : all .2s ease-in-out; /* Firefox */
208
- -o-transition : all .2s ease-in-out; /* Opera */
209
- -ms-transition : all .2s ease-in-out; /* IE 9 */
205
+ transition : all .2s ease-in-out;
206
+ -webkit-transition : all .2s ease-in-out; /* Chrome & Safari */
207
+ -moz-transition : all .2s ease-in-out; /* Firefox */
208
+ -o-transition : all .2s ease-in-out; /* Opera */
209
+ -ms-transition : all .2s ease-in-out; /* IE 9 */
210
210
}
211
211
.smk-transition2 {
212
- transition : all .5s ease-in-out;
213
- -webkit-transition : all .5s ease-in-out; /* Chrome & Safari */
214
- -moz-transition : all .5s ease-in-out; /* Firefox */
215
- -o-transition : all .5s ease-in-out; /* Opera */
216
- -ms-transition : all .5s ease-in-out; /* IE 9 */
212
+ transition : all .5s ease-in-out;
213
+ -webkit-transition : all .5s ease-in-out; /* Chrome & Safari */
214
+ -moz-transition : all .5s ease-in-out; /* Firefox */
215
+ -o-transition : all .5s ease-in-out; /* Opera */
216
+ -ms-transition : all .5s ease-in-out; /* IE 9 */
217
217
}
218
218
219
219
/* Shadow */
220
220
.smk-shadow {
221
- box-shadow : 3px 3px 5px 6px # ccc ;
222
- -webkit-box-shadow : 3px 3px 5px 6px # ccc ; /* Chrome & Safari */
223
- -moz-box-shadow : 3px 3px 5px 6px # ccc ; /* Firefox */
221
+ box-shadow : 3px 3px 5px 6px # ccc ;
222
+ -webkit-box-shadow : 3px 3px 5px 6px # ccc ; /* Chrome & Safari */
223
+ -moz-box-shadow : 3px 3px 5px 6px # ccc ; /* Firefox */
224
224
}
225
225
226
226
/* Animations */
227
227
.smk-animation {
228
- animation : fadeOut 3.5s ;
229
- -webkit-animation : fadeOut 3.5s ; /* Chrome & Safari */
230
- -moz-animation : fadeOut 3.5s ; /* Firefox */
231
- -o-animation : fadeOut 3.5s ; /* Opera */
232
- -ms-animation : fadeOut 3.5s ; /* IE 9 */
228
+ animation : fadeOut 3.5s ;
229
+ -webkit-animation : fadeOut 3.5s ; /* Chrome & Safari */
230
+ -moz-animation : fadeOut 3.5s ; /* Firefox */
231
+ -o-animation : fadeOut 3.5s ; /* Opera */
232
+ -ms-animation : fadeOut 3.5s ; /* IE 9 */
233
233
}
234
234
235
235
/* Translate */
236
236
.smk-translate {
237
- transform : translate (50px , 100px );
238
- -webkit-transform : translate (50px , 100px ); /* Chrome & Safari */
239
- -moz-transform : translate (50px , 100px ); /* Firefox */
240
- -o-transform : translate (50px , 100px ); /* Opera */
241
- -ms-transform : translate (50px , 100px ); /* IE 9 */
237
+ transform : translate (50px , 100px );
238
+ -webkit-transform : translate (50px , 100px ); /* Chrome & Safari */
239
+ -moz-transform : translate (50px , 100px ); /* Firefox */
240
+ -o-transform : translate (50px , 100px ); /* Opera */
241
+ -ms-transform : translate (50px , 100px ); /* IE 9 */
242
242
}
243
243
244
244
/* Rotate */
245
245
.smk-rotate {
246
- transform : rotate (7deg );
247
- -webkit-transform : rotate (7deg ); /* Chrome & Safari */
248
- -moz-transition : rotate (7deg ); /* Firefox */
249
- -o-transition : rotate (7deg ); /* Opera */
250
- -ms-transform : rotate (7deg ); /* IE 9 */
246
+ transform : rotate (7deg );
247
+ -webkit-transform : rotate (7deg ); /* Chrome & Safari */
248
+ -moz-transition : rotate (7deg ); /* Firefox */
249
+ -o-transition : rotate (7deg ); /* Opera */
250
+ -ms-transform : rotate (7deg ); /* IE 9 */
251
251
}
0 commit comments