1 // Flatness 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 // --------------------------------------------------
48 .navbar-inverse .navbar-search .search-query
50 -webkit-box-shadow: none;
51 -moz-box-shadow: none;
56 // --------------------------------------------------
58 .navbar [class^="icon-"], .navbar [class*=" icon-"]
60 background-image: url("../img/glyphicons-halflings-white.png");
63 .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus
65 -webkit-box-shadow: none;
66 -moz-box-shadow: none;
71 text-shadow: none !important;
75 // --------------------------------------------------
79 background-image: none;
82 text-decoration: none;
84 -webkit-box-shadow: none;
85 -moz-box-shadow: none;
87 -webkit-transition: 0.25s;
88 -moz-transition: 0.25s;
91 -webkit-backface-visibility: hidden;
96 -webkit-transition: 0.25s;
97 -moz-transition: 0.25s;
100 -webkit-backface-visibility: hidden;
104 color: rgba(255, 255, 255, 0.75);
105 -webkit-box-shadow: none;
106 -moz-box-shadow: none;
114 padding-bottom: 12px;
119 padding: 10px 14px 9px;
121 .btn-toolbar .btn:first-child {
122 -webkit-border-radius: 6px 0 0 6px;
123 -moz-border-radius: 6px 0 0 6px;
124 border-radius: 6px 0 0 6px;
126 .btn-toolbar .btn:last-child {
127 -webkit-border-radius: 0 6px 6px 0;
128 -moz-border-radius: 0 6px 6px 0;
129 border-radius: 0 6px 6px 0;
131 .btn-toolbar .btn.active { color: white }
137 // -----------------------------------------------------
142 // --------------------------------------------------
144 .input-append .add-on, .input-prepend .add-on
151 input[type="password"],
152 input[type="datetime"],
153 input[type="datetime-local"],
158 input[type="number"],
161 input[type="search"],
165 border: 2px solid #dce4ec;
167 font-family: "Lato", sans-serif;
169 padding: 2px 0 3px 10px;
171 -webkit-border-radius: 6px;
172 -moz-border-radius: 6px;
174 -webkit-box-shadow: none;
175 -moz-box-shadow: none;
179 textarea:-moz-placeholder,
180 input[type="text"]:-moz-placeholder,
181 input[type="password"]:-moz-placeholder,
182 input[type="datetime"]:-moz-placeholder,
183 input[type="datetime-local"]:-moz-placeholder,
184 input[type="date"]:-moz-placeholder,
185 input[type="month"]:-moz-placeholder,
186 input[type="time"]:-moz-placeholder,
187 input[type="week"]:-moz-placeholder,
188 input[type="number"]:-moz-placeholder,
189 input[type="email"]:-moz-placeholder,
190 input[type="url"]:-moz-placeholder,
191 input[type="search"]:-moz-placeholder,
192 input[type="tel"]:-moz-placeholder,
193 input[type="color"]:-moz-placeholder,
194 .uneditable-input:-moz-placeholder {
197 textarea::-webkit-input-placeholder,
198 input[type="text"]::-webkit-input-placeholder,
199 input[type="password"]::-webkit-input-placeholder,
200 input[type="datetime"]::-webkit-input-placeholder,
201 input[type="datetime-local"]::-webkit-input-placeholder,
202 input[type="date"]::-webkit-input-placeholder,
203 input[type="month"]::-webkit-input-placeholder,
204 input[type="time"]::-webkit-input-placeholder,
205 input[type="week"]::-webkit-input-placeholder,
206 input[type="number"]::-webkit-input-placeholder,
207 input[type="email"]::-webkit-input-placeholder,
208 input[type="url"]::-webkit-input-placeholder,
209 input[type="search"]::-webkit-input-placeholder,
210 input[type="tel"]::-webkit-input-placeholder,
211 input[type="color"]::-webkit-input-placeholder,
212 .uneditable-input::-webkit-input-placeholder {
215 textarea.placeholder,
216 input[type="text"].placeholder,
217 input[type="password"].placeholder,
218 input[type="datetime"].placeholder,
219 input[type="datetime-local"].placeholder,
220 input[type="date"].placeholder,
221 input[type="month"].placeholder,
222 input[type="time"].placeholder,
223 input[type="week"].placeholder,
224 input[type="number"].placeholder,
225 input[type="email"].placeholder,
226 input[type="url"].placeholder,
227 input[type="search"].placeholder,
228 input[type="tel"].placeholder,
229 input[type="color"].placeholder,
230 .uneditable-input.placeholder {
234 input[type="text"]:focus,
235 input[type="password"]:focus,
236 input[type="datetime"]:focus,
237 input[type="datetime-local"]:focus,
238 input[type="date"]:focus,
239 input[type="month"]:focus,
240 input[type="time"]:focus,
241 input[type="week"]:focus,
242 input[type="number"]:focus,
243 input[type="email"]:focus,
244 input[type="url"]:focus,
245 input[type="search"]:focus,
246 input[type="tel"]:focus,
247 input[type="color"]:focus,
248 .uneditable-input:focus {
249 border-color: #1abc9c;
250 -webkit-box-shadow: none;
251 -moz-box-shadow: none;
254 .control-group.error textarea, .control-group.error
255 input[type="text"], .control-group.error
256 input[type="password"], .control-group.error
257 input[type="datetime"], .control-group.error
258 input[type="datetime-local"], .control-group.error
259 input[type="date"], .control-group.error
260 input[type="month"], .control-group.error
261 input[type="time"], .control-group.error
262 input[type="week"], .control-group.error
263 input[type="number"], .control-group.error
264 input[type="email"], .control-group.error
265 input[type="url"], .control-group.error
266 input[type="search"], .control-group.error
267 input[type="tel"], .control-group.error
268 input[type="color"], .control-group.error
270 border-color: #e74c3c;
272 -webkit-box-shadow: none;
273 -moz-box-shadow: none;
276 .control-group.error textarea:focus, .control-group.error
277 input[type="text"]:focus, .control-group.error
278 input[type="password"]:focus, .control-group.error
279 input[type="datetime"]:focus, .control-group.error
280 input[type="datetime-local"]:focus, .control-group.error
281 input[type="date"]:focus, .control-group.error
282 input[type="month"]:focus, .control-group.error
283 input[type="time"]:focus, .control-group.error
284 input[type="week"]:focus, .control-group.error
285 input[type="number"]:focus, .control-group.error
286 input[type="email"]:focus, .control-group.error
287 input[type="url"]:focus, .control-group.error
288 input[type="search"]:focus, .control-group.error
289 input[type="tel"]:focus, .control-group.error
290 input[type="color"]:focus, .control-group.error
291 .uneditable-input:focus {
292 -webkit-box-shadow: none;
293 -moz-box-shadow: none;
296 .control-group.success textarea, .control-group.success
297 input[type="text"], .control-group.success
298 input[type="password"], .control-group.success
299 input[type="datetime"], .control-group.success
300 input[type="datetime-local"], .control-group.success
301 input[type="date"], .control-group.success
302 input[type="month"], .control-group.success
303 input[type="time"], .control-group.success
304 input[type="week"], .control-group.success
305 input[type="number"], .control-group.success
306 input[type="email"], .control-group.success
307 input[type="url"], .control-group.success
308 input[type="search"], .control-group.success
309 input[type="tel"], .control-group.success
310 input[type="color"], .control-group.success
312 border-color: #2ecc71;
314 -webkit-box-shadow: none;
315 -moz-box-shadow: none;
318 .control-group.success textarea:focus, .control-group.success
319 input[type="text"]:focus, .control-group.success
320 input[type="password"]:focus, .control-group.success
321 input[type="datetime"]:focus, .control-group.success
322 input[type="datetime-local"]:focus, .control-group.success
323 input[type="date"]:focus, .control-group.success
324 input[type="month"]:focus, .control-group.success
325 input[type="time"]:focus, .control-group.success
326 input[type="week"]:focus, .control-group.success
327 input[type="number"]:focus, .control-group.success
328 input[type="email"]:focus, .control-group.success
329 input[type="url"]:focus, .control-group.success
330 input[type="search"]:focus, .control-group.success
331 input[type="tel"]:focus, .control-group.success
332 input[type="color"]:focus, .control-group.success
333 .uneditable-input:focus {
334 -webkit-box-shadow: none;
335 -moz-box-shadow: none;
338 .control-group.warning textarea, .control-group.warning
339 input[type="text"], .control-group.warning
340 input[type="password"], .control-group.warning
341 input[type="datetime"], .control-group.warning
342 input[type="datetime-local"], .control-group.warning
343 input[type="date"], .control-group.warning
344 input[type="month"], .control-group.warning
345 input[type="time"], .control-group.warning
346 input[type="week"], .control-group.warning
347 input[type="number"], .control-group.warning
348 input[type="email"], .control-group.warning
349 input[type="url"], .control-group.warning
350 input[type="search"], .control-group.warning
351 input[type="tel"], .control-group.warning
352 input[type="color"], .control-group.warning
354 border-color: #f1c40f;
356 -webkit-box-shadow: none;
357 -moz-box-shadow: none;
360 .control-group.warning textarea:focus, .control-group.warning
361 input[type="text"]:focus, .control-group.warning
362 input[type="password"]:focus, .control-group.warning
363 input[type="datetime"]:focus, .control-group.warning
364 input[type="datetime-local"]:focus, .control-group.warning
365 input[type="date"]:focus, .control-group.warning
366 input[type="month"]:focus, .control-group.warning
367 input[type="time"]:focus, .control-group.warning
368 input[type="week"]:focus, .control-group.warning
369 input[type="number"]:focus, .control-group.warning
370 input[type="email"]:focus, .control-group.warning
371 input[type="url"]:focus, .control-group.warning
372 input[type="search"]:focus, .control-group.warning
373 input[type="tel"]:focus, .control-group.warning
374 input[type="color"]:focus, .control-group.warning
375 .uneditable-input:focus {
376 -webkit-box-shadow: none;
377 -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;
402 .control-group.info textarea:focus, .control-group.info
403 input[type="text"]:focus, .control-group.info
404 input[type="password"]:focus, .control-group.info
405 input[type="datetime"]:focus, .control-group.info
406 input[type="datetime-local"]:focus, .control-group.info
407 input[type="date"]:focus, .control-group.info
408 input[type="month"]:focus, .control-group.info
409 input[type="time"]:focus, .control-group.info
410 input[type="week"]:focus, .control-group.info
411 input[type="number"]:focus, .control-group.info
412 input[type="email"]:focus, .control-group.info
413 input[type="url"]:focus, .control-group.info
414 input[type="search"]:focus, .control-group.info
415 input[type="tel"]:focus, .control-group.info
416 input[type="color"]:focus, .control-group.info
417 .uneditable-input:focus {
418 -webkit-box-shadow: none;
419 -moz-box-shadow: none;
427 background-color: #eaeded;
428 border-color: transparent;
436 // --------------------------------------------------
438 .btn.dropdown-toggle .caret{
439 border-top-color: white;
442 .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a
444 background-image: none;
448 // ALERTS, LABELS, BADGES
449 // --------------------------------------------------
453 // --------------------------------------------------
455 [class^="icon-"], [class*=" icon-"] {
461 -webkit-box-shadow: none;
466 .btn-small [class^="icon-"], .btn-small [class*=" icon-"]
476 -webkit-box-shadow: none;
478 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
484 -webkit-box-shadow: none !important;
485 box-shadow: none !important;
486 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
489 .progress-success .bar{
490 background-color: #2ecc71;
491 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
494 .progress-warning .bar{
495 background-color: #f1c40f;
496 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
499 .progress-danger .bar{
500 background-color: #e74c3c;
501 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
505 background-color: #3498db;
506 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
511 background-image: none;
512 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
515 // --------------------------------------------------