git.roojs.org Git - bootswatch/blob - flat/bootswatch.less

   1 // Flat by Jenil(www.jgog.in)
   2 // Bootswatch 2.3.1
   3 // -----------------------------------------------------
   4
   5
   6 // TYPOGRAPHY
   7 // --------------------------------------------------
   8
   9 @import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
  10
  11 h1 {
  12   font-size: 32px;
  13   font-weight: 900; }
  14
  15 h2 {
  16   font-size: 26px;
  17   font-weight: 700;
  18   margin-bottom: 2px; }
  19
  20 h3 {
  21   font-size: 24px;
  22   font-weight: 700;
  23   margin-bottom: 4px;
  24   margin-top: 2px; }
  25
  26 h4 {
  27   font-size: 18px;
  28   font-weight: 500;
  29   margin-top: 4px; }
  30
  31 h5 {
  32   font-size: 16px;
  33   font-weight: 500;
  34   text-transform: uppercase; }
  35
  36 h6 {
  37   font-size: 13px;
  38   font-weight: 500;
  39   text-transform: uppercase; }
  40
  41 // SCAFFOLDING
  42 // --------------------------------------------------
  43
  44
  45 // NAVBAR
  46 // --------------------------------------------------
  47
  48
  49
  50 // NAVIGATION
  51 // --------------------------------------------------
  52
  53 .navbar [class^="icon-"], .navbar [class*=" icon-"]
  54 {
  55   background-image: url("../img/glyphicons-halflings-white.png");
  56 }
  57
  58 // BUTTONS
  59 // --------------------------------------------------
  60
  61 .btn {
  62     border: none;
  63     background: #34495e;
  64     color: white;
  65     font-size: 16.5px;
  66     text-decoration: none;
  67     text-shadow: none;
  68     -webkit-box-shadow: none;
  69     -moz-box-shadow: none;
  70     box-shadow: none;
  71     -webkit-transition: 0.25s;
  72     -moz-transition: 0.25s;
  73     -o-transition: 0.25s;
  74     transition: 0.25s;
  75     -webkit-backface-visibility: hidden;
  76 }
  77 .btn:hover,
  78 .btn:focus {
  79     background-color: #4e6d8d;
  80     color: white;
  81     -webkit-transition: 0.25s;
  82     -moz-transition: 0.25s;
  83     -o-transition: 0.25s;
  84     transition: 0.25s;
  85     -webkit-backface-visibility: hidden;
  86 }
  87 .btn:active,
  88 .btn.active {
  89     background-color: #2c3e50;
  90     color: rgba(255, 255, 255, 0.75);
  91     -webkit-box-shadow: none;
  92     -moz-box-shadow: none;
  93     box-shadow: none;
  94 }
  95 .btn.disabled,
  96 .btn[disabled] {
  97     background-color: #95a5a6;
  98     color: white;
  99 }
 100 .btn.btn-large {
 101     padding-bottom: 12px;
 102     padding-top: 13px;
 103 }
 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 }
 110 .btn.btn-info:hover,
 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 }
 129 .btn-toolbar .btn {
 130     font-size: 18px;
 131     padding: 10px 14px 9px;
 132 }
 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;
 137 }
 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;
 142 }
 143 .btn-toolbar .btn.active { color: white }
 144
 145 .btn [class^="icon-"], .btn  [class*=" icon-"]{
 146         background-image: url("../img/glyphicons-halflings-white.png");
 147 }
 148 // TABLES
 149 // -----------------------------------------------------
 150
 151
 152
 153 // FORMS
 154 // --------------------------------------------------
 155
 156 .input-append .add-on, .input-prepend .add-on
 157 {
 158   border: none;
 159   background: none;
 160 }
 161 textarea,
 162 input[type="text"],
 163 input[type="password"],
 164 input[type="datetime"],
 165 input[type="datetime-local"],
 166 input[type="date"],
 167 input[type="month"],
 168 input[type="time"],
 169 input[type="week"],
 170 input[type="number"],
 171 input[type="email"],
 172 input[type="url"],
 173 input[type="search"],
 174 input[type="tel"],
 175 input[type="color"],
 176 .uneditable-input {
 177   border: 2px solid #dce4ec;
 178   color: #34495e;
 179   font-family: "Lato", sans-serif;
 180   font-size: 14px;
 181   padding: 2px 0 3px 10px;
 182   text-indent: 1px;
 183   -webkit-border-radius: 6px;
 184   -moz-border-radius: 6px;
 185   border-radius: 6px;
 186   -webkit-box-shadow: none;
 187   -moz-box-shadow: none;
 188   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 {
 205     color: #acb6c0; }
 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 {
 222     color: #acb6c0; }
 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 {
 239     color: #acb6c0; }
 240   textarea:focus,
 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;
 259     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
 275   .uneditable-input {
 276     border-color: #e74c3c;
 277     color: #e74c3c;
 278     -webkit-box-shadow: none;
 279     -moz-box-shadow: none;
 280     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;
 299       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
 315   .uneditable-input {
 316     border-color: #2ecc71;
 317     color: #2ecc71;
 318     -webkit-box-shadow: none;
 319     -moz-box-shadow: none;
 320     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;
 339       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
 355   .uneditable-input {
 356     border-color: #f1c40f;
 357     color: #f1c40f;
 358     -webkit-box-shadow: none;
 359     -moz-box-shadow: none;
 360     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;
 379       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
 395   .uneditable-input {
 396     border-color: #3498db;
 397     color: #3498db;
 398     -webkit-box-shadow: none;
 399     -moz-box-shadow: none;
 400     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;
 419       box-shadow: none; }
 420
 421 input[disabled],
 422 input[readonly],
 423 textarea[disabled],
 424 textarea[readonly] {
 425   background-color: #eaeded;
 426   border-color: transparent;
 427   color: #cad2d3;
 428   cursor: default; }
 429
 430 input[type="file"]{
 431         line-height: 16px;
 432 }
 433 // DROPDOWNS
 434 // --------------------------------------------------
 435
 436 .btn.dropdown-toggle .caret{
 437         border-top-color: white;
 438 }
 439
 440
 441 // ALERTS, LABELS, BADGES
 442 // --------------------------------------------------
 443
 444
 445 // MISC
 446 // --------------------------------------------------
 447
 448 [class^="icon-"], [class*=" icon-"] {
 449         margin-top: 3px;
 450 }
 451
 452 .well{
 453         border: none;
 454         -webkit-box-shadow: none;
 455         box-shadow: none;
 456
 457 }
 458
 459 .btn-small [class^="icon-"], .btn-small [class*=" icon-"]
 460 {
 461   margin-top: 3px;
 462 }
 463
 464 .progress{
 465   background: #e8edf2;
 466   border-radius: 32px;
 467   height: 12px;
 468
 469   -webkit-box-shadow: none;
 470   box-shadow: none;
 471   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 472 }
 473
 474 .progress .bar{
 475   background: #1abc9c;
 476
 477   -webkit-box-shadow: none !important;
 478   box-shadow: none !important;
 479   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 480 }
 481
 482 .progress .bar-success{
 483   background-color: #2ecc71;
 484   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 485 }
 486
 487 .progress .bar-warning{
 488   background-color: #f1c40f;
 489   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 490 }
 491
 492 .progress .bar-danger{
 493   background-color: #e74c3c;
 494   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 495 }
 496
 497 .progress .bar-info{
 498   background-color: #3498db;
 499   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 500 }
 501
 502 .subnav
 503 {
 504   background-image: none;
 505   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 506 }
 507 // MEDIA QUERIES
 508 // --------------------------------------------------
 509