1 // Flat by Jenil(www.jgog.in)
3 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
34 text-transform: uppercase; }
39 text-transform: uppercase; }
42 // --------------------------------------------------
46 // --------------------------------------------------
51 // --------------------------------------------------
53 .navbar [class^="icon-"], .navbar [class*=" icon-"]
55 background-image: url("../img/glyphicons-halflings-white.png");
59 // --------------------------------------------------
66 text-decoration: none;
68 -webkit-box-shadow: none;
69 -moz-box-shadow: none;
71 -webkit-transition: 0.25s;
72 -moz-transition: 0.25s;
75 -webkit-backface-visibility: hidden;
79 background-color: #4e6d8d;
81 -webkit-transition: 0.25s;
82 -moz-transition: 0.25s;
85 -webkit-backface-visibility: hidden;
89 background-color: #2c3e50;
90 color: rgba(255, 255, 255, 0.75);
91 -webkit-box-shadow: none;
92 -moz-box-shadow: none;
97 background-color: #95a5a6;
101 padding-bottom: 12px;
104 .btn.btn-primary { background-color: #1abc9c }
105 .btn.btn-primary:hover,
106 .btn.btn-primary:focus { background-color: #2fe2bf }
107 .btn.btn-primary:active,
108 .btn.btn-primary.active { background-color: #16a085 }
109 .btn.btn-info { background-color: #3498db }
111 .btn.btn-info:focus { background-color: #5dade2 }
112 .btn.btn-info:active,
113 .btn.btn-info.active { background-color: #2383c4 }
114 .btn.btn-danger { background-color: #e74c3c }
115 .btn.btn-danger:hover,
116 .btn.btn-danger:focus { background-color: #ec7063 }
117 .btn.btn-danger:active,
118 .btn.btn-danger.active { background-color: #dc2d1b }
119 .btn.btn-success { background-color: #2ecc71 }
120 .btn.btn-success:hover,
121 .btn.btn-success:focus { background-color: #55d98d }
122 .btn.btn-success:active,
123 .btn.btn-success.active { background-color: #27ad60 }
124 .btn.btn-warning { background-color: #f1c40f }
125 .btn.btn-warning:hover,
126 .btn.btn-warning:focus { background-color: #f4d03f }
127 .btn.btn-warning:active,
128 .btn.btn-warning.active { background-color: #cea70c }
131 padding: 10px 14px 9px;
133 .btn-toolbar .btn:first-child {
134 -webkit-border-radius: 6px 0 0 6px;
135 -moz-border-radius: 6px 0 0 6px;
136 border-radius: 6px 0 0 6px;
138 .btn-toolbar .btn:last-child {
139 -webkit-border-radius: 0 6px 6px 0;
140 -moz-border-radius: 0 6px 6px 0;
141 border-radius: 0 6px 6px 0;
143 .btn-toolbar .btn.active { color: white }
145 .btn [class^="icon-"], .btn [class*=" icon-"]{
146 background-image: url("../img/glyphicons-halflings-white.png");
149 // -----------------------------------------------------
154 // --------------------------------------------------
156 .input-append .add-on, .input-prepend .add-on
163 input[type="password"],
164 input[type="datetime"],
165 input[type="datetime-local"],
170 input[type="number"],
173 input[type="search"],
177 border: 2px solid #dce4ec;
179 font-family: "Lato", sans-serif;
181 padding: 2px 0 3px 10px;
183 -webkit-border-radius: 6px;
184 -moz-border-radius: 6px;
186 -webkit-box-shadow: none;
187 -moz-box-shadow: none;
189 textarea:-moz-placeholder,
190 input[type="text"]:-moz-placeholder,
191 input[type="password"]:-moz-placeholder,
192 input[type="datetime"]:-moz-placeholder,
193 input[type="datetime-local"]:-moz-placeholder,
194 input[type="date"]:-moz-placeholder,
195 input[type="month"]:-moz-placeholder,
196 input[type="time"]:-moz-placeholder,
197 input[type="week"]:-moz-placeholder,
198 input[type="number"]:-moz-placeholder,
199 input[type="email"]:-moz-placeholder,
200 input[type="url"]:-moz-placeholder,
201 input[type="search"]:-moz-placeholder,
202 input[type="tel"]:-moz-placeholder,
203 input[type="color"]:-moz-placeholder,
204 .uneditable-input:-moz-placeholder {
206 textarea::-webkit-input-placeholder,
207 input[type="text"]::-webkit-input-placeholder,
208 input[type="password"]::-webkit-input-placeholder,
209 input[type="datetime"]::-webkit-input-placeholder,
210 input[type="datetime-local"]::-webkit-input-placeholder,
211 input[type="date"]::-webkit-input-placeholder,
212 input[type="month"]::-webkit-input-placeholder,
213 input[type="time"]::-webkit-input-placeholder,
214 input[type="week"]::-webkit-input-placeholder,
215 input[type="number"]::-webkit-input-placeholder,
216 input[type="email"]::-webkit-input-placeholder,
217 input[type="url"]::-webkit-input-placeholder,
218 input[type="search"]::-webkit-input-placeholder,
219 input[type="tel"]::-webkit-input-placeholder,
220 input[type="color"]::-webkit-input-placeholder,
221 .uneditable-input::-webkit-input-placeholder {
223 textarea.placeholder,
224 input[type="text"].placeholder,
225 input[type="password"].placeholder,
226 input[type="datetime"].placeholder,
227 input[type="datetime-local"].placeholder,
228 input[type="date"].placeholder,
229 input[type="month"].placeholder,
230 input[type="time"].placeholder,
231 input[type="week"].placeholder,
232 input[type="number"].placeholder,
233 input[type="email"].placeholder,
234 input[type="url"].placeholder,
235 input[type="search"].placeholder,
236 input[type="tel"].placeholder,
237 input[type="color"].placeholder,
238 .uneditable-input.placeholder {
241 input[type="text"]:focus,
242 input[type="password"]:focus,
243 input[type="datetime"]:focus,
244 input[type="datetime-local"]:focus,
245 input[type="date"]:focus,
246 input[type="month"]:focus,
247 input[type="time"]:focus,
248 input[type="week"]:focus,
249 input[type="number"]:focus,
250 input[type="email"]:focus,
251 input[type="url"]:focus,
252 input[type="search"]:focus,
253 input[type="tel"]:focus,
254 input[type="color"]:focus,
255 .uneditable-input:focus {
256 border-color: #1abc9c;
257 -webkit-box-shadow: none;
258 -moz-box-shadow: none;
260 .control-group.error textarea, .control-group.error
261 input[type="text"], .control-group.error
262 input[type="password"], .control-group.error
263 input[type="datetime"], .control-group.error
264 input[type="datetime-local"], .control-group.error
265 input[type="date"], .control-group.error
266 input[type="month"], .control-group.error
267 input[type="time"], .control-group.error
268 input[type="week"], .control-group.error
269 input[type="number"], .control-group.error
270 input[type="email"], .control-group.error
271 input[type="url"], .control-group.error
272 input[type="search"], .control-group.error
273 input[type="tel"], .control-group.error
274 input[type="color"], .control-group.error
276 border-color: #e74c3c;
278 -webkit-box-shadow: none;
279 -moz-box-shadow: none;
281 .control-group.error textarea:focus, .control-group.error
282 input[type="text"]:focus, .control-group.error
283 input[type="password"]:focus, .control-group.error
284 input[type="datetime"]:focus, .control-group.error
285 input[type="datetime-local"]:focus, .control-group.error
286 input[type="date"]:focus, .control-group.error
287 input[type="month"]:focus, .control-group.error
288 input[type="time"]:focus, .control-group.error
289 input[type="week"]:focus, .control-group.error
290 input[type="number"]:focus, .control-group.error
291 input[type="email"]:focus, .control-group.error
292 input[type="url"]:focus, .control-group.error
293 input[type="search"]:focus, .control-group.error
294 input[type="tel"]:focus, .control-group.error
295 input[type="color"]:focus, .control-group.error
296 .uneditable-input:focus {
297 -webkit-box-shadow: none;
298 -moz-box-shadow: none;
300 .control-group.success textarea, .control-group.success
301 input[type="text"], .control-group.success
302 input[type="password"], .control-group.success
303 input[type="datetime"], .control-group.success
304 input[type="datetime-local"], .control-group.success
305 input[type="date"], .control-group.success
306 input[type="month"], .control-group.success
307 input[type="time"], .control-group.success
308 input[type="week"], .control-group.success
309 input[type="number"], .control-group.success
310 input[type="email"], .control-group.success
311 input[type="url"], .control-group.success
312 input[type="search"], .control-group.success
313 input[type="tel"], .control-group.success
314 input[type="color"], .control-group.success
316 border-color: #2ecc71;
318 -webkit-box-shadow: none;
319 -moz-box-shadow: none;
321 .control-group.success textarea:focus, .control-group.success
322 input[type="text"]:focus, .control-group.success
323 input[type="password"]:focus, .control-group.success
324 input[type="datetime"]:focus, .control-group.success
325 input[type="datetime-local"]:focus, .control-group.success
326 input[type="date"]:focus, .control-group.success
327 input[type="month"]:focus, .control-group.success
328 input[type="time"]:focus, .control-group.success
329 input[type="week"]:focus, .control-group.success
330 input[type="number"]:focus, .control-group.success
331 input[type="email"]:focus, .control-group.success
332 input[type="url"]:focus, .control-group.success
333 input[type="search"]:focus, .control-group.success
334 input[type="tel"]:focus, .control-group.success
335 input[type="color"]:focus, .control-group.success
336 .uneditable-input:focus {
337 -webkit-box-shadow: none;
338 -moz-box-shadow: none;
340 .control-group.warning textarea, .control-group.warning
341 input[type="text"], .control-group.warning
342 input[type="password"], .control-group.warning
343 input[type="datetime"], .control-group.warning
344 input[type="datetime-local"], .control-group.warning
345 input[type="date"], .control-group.warning
346 input[type="month"], .control-group.warning
347 input[type="time"], .control-group.warning
348 input[type="week"], .control-group.warning
349 input[type="number"], .control-group.warning
350 input[type="email"], .control-group.warning
351 input[type="url"], .control-group.warning
352 input[type="search"], .control-group.warning
353 input[type="tel"], .control-group.warning
354 input[type="color"], .control-group.warning
356 border-color: #f1c40f;
358 -webkit-box-shadow: none;
359 -moz-box-shadow: none;
361 .control-group.warning textarea:focus, .control-group.warning
362 input[type="text"]:focus, .control-group.warning
363 input[type="password"]:focus, .control-group.warning
364 input[type="datetime"]:focus, .control-group.warning
365 input[type="datetime-local"]:focus, .control-group.warning
366 input[type="date"]:focus, .control-group.warning
367 input[type="month"]:focus, .control-group.warning
368 input[type="time"]:focus, .control-group.warning
369 input[type="week"]:focus, .control-group.warning
370 input[type="number"]:focus, .control-group.warning
371 input[type="email"]:focus, .control-group.warning
372 input[type="url"]:focus, .control-group.warning
373 input[type="search"]:focus, .control-group.warning
374 input[type="tel"]:focus, .control-group.warning
375 input[type="color"]:focus, .control-group.warning
376 .uneditable-input:focus {
377 -webkit-box-shadow: none;
378 -moz-box-shadow: none;
380 .control-group.info textarea, .control-group.info
381 input[type="text"], .control-group.info
382 input[type="password"], .control-group.info
383 input[type="datetime"], .control-group.info
384 input[type="datetime-local"], .control-group.info
385 input[type="date"], .control-group.info
386 input[type="month"], .control-group.info
387 input[type="time"], .control-group.info
388 input[type="week"], .control-group.info
389 input[type="number"], .control-group.info
390 input[type="email"], .control-group.info
391 input[type="url"], .control-group.info
392 input[type="search"], .control-group.info
393 input[type="tel"], .control-group.info
394 input[type="color"], .control-group.info
396 border-color: #3498db;
398 -webkit-box-shadow: none;
399 -moz-box-shadow: none;
401 .control-group.info textarea:focus, .control-group.info
402 input[type="text"]:focus, .control-group.info
403 input[type="password"]:focus, .control-group.info
404 input[type="datetime"]:focus, .control-group.info
405 input[type="datetime-local"]:focus, .control-group.info
406 input[type="date"]:focus, .control-group.info
407 input[type="month"]:focus, .control-group.info
408 input[type="time"]:focus, .control-group.info
409 input[type="week"]:focus, .control-group.info
410 input[type="number"]:focus, .control-group.info
411 input[type="email"]:focus, .control-group.info
412 input[type="url"]:focus, .control-group.info
413 input[type="search"]:focus, .control-group.info
414 input[type="tel"]:focus, .control-group.info
415 input[type="color"]:focus, .control-group.info
416 .uneditable-input:focus {
417 -webkit-box-shadow: none;
418 -moz-box-shadow: none;
425 background-color: #eaeded;
426 border-color: transparent;
434 // --------------------------------------------------
436 .btn.dropdown-toggle .caret{
437 border-top-color: white;
441 // ALERTS, LABELS, BADGES
442 // --------------------------------------------------
446 // --------------------------------------------------
448 [class^="icon-"], [class*=" icon-"] {
454 -webkit-box-shadow: none;
459 .btn-small [class^="icon-"], .btn-small [class*=" icon-"]
469 -webkit-box-shadow: none;
471 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
477 -webkit-box-shadow: none !important;
478 box-shadow: none !important;
479 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
482 .progress .bar-success{
483 background-color: #2ecc71;
484 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
487 .progress .bar-warning{
488 background-color: #f1c40f;
489 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
492 .progress .bar-danger{
493 background-color: #e74c3c;
494 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
498 background-color: #3498db;
499 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
504 background-image: none;
505 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
508 // --------------------------------------------------