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

   1 // Flatness 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 .navbar-inverse .navbar-search .search-query
  49 {
  50   -webkit-box-shadow: none;
  51   -moz-box-shadow: none;
  52   box-shadow: none;
  53 }
  54
  55 // NAVIGATION
  56 // --------------------------------------------------
  57
  58 .navbar [class^="icon-"], .navbar [class*=" icon-"]
  59 {
  60   background-image: url("../img/glyphicons-halflings-white.png");
  61 }
  62
  63 .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus
  64 {
  65   -webkit-box-shadow: none;
  66   -moz-box-shadow: none;
  67   box-shadow: none;
  68 }
  69
  70 .nav>li>a{
  71   text-shadow: none !important;
  72   font-size: 15px;
  73 }
  74 // BUTTONS
  75 // --------------------------------------------------
  76
  77 .btn {
  78     border: none;
  79     background-image: none;
  80     color: white;
  81     font-size: 16.5px;
  82     text-decoration: none;
  83     text-shadow: none;
  84     -webkit-box-shadow: none;
  85     -moz-box-shadow: none;
  86     box-shadow: none;
  87     -webkit-transition: 0.25s;
  88     -moz-transition: 0.25s;
  89     -o-transition: 0.25s;
  90     transition: 0.25s;
  91     -webkit-backface-visibility: hidden;
  92 }
  93 .btn:hover,
  94 .btn:focus {
  95     color: white;
  96     -webkit-transition: 0.25s;
  97     -moz-transition: 0.25s;
  98     -o-transition: 0.25s;
  99     transition: 0.25s;
 100     -webkit-backface-visibility: hidden;
 101 }
 102 .btn:active,
 103 .btn.active {
 104     color: rgba(255, 255, 255, 0.75);
 105     -webkit-box-shadow: none;
 106     -moz-box-shadow: none;
 107     box-shadow: none;
 108 }
 109 .btn.disabled,
 110 .btn[disabled] {
 111     color: white;
 112 }
 113 .btn.btn-large {
 114     padding-bottom: 12px;
 115     padding-top: 13px;
 116 }
 117 .btn-toolbar .btn {
 118     font-size: 18px;
 119     padding: 10px 14px 9px;
 120 }
 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;
 125 }
 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;
 130 }
 131 .btn-toolbar .btn.active { color: white }
 132
 133 .btn-small{
 134   font-size: 12px;
 135 }
 136 // TABLES
 137 // -----------------------------------------------------
 138
 139
 140
 141 // FORMS
 142 // --------------------------------------------------
 143
 144 .input-append .add-on, .input-prepend .add-on
 145 {
 146   border: none;
 147   background: none;
 148 }
 149 textarea,
 150 input[type="text"],
 151 input[type="password"],
 152 input[type="datetime"],
 153 input[type="datetime-local"],
 154 input[type="date"],
 155 input[type="month"],
 156 input[type="time"],
 157 input[type="week"],
 158 input[type="number"],
 159 input[type="email"],
 160 input[type="url"],
 161 input[type="search"],
 162 input[type="tel"],
 163 input[type="color"],
 164 .uneditable-input {
 165   border: 2px solid #dce4ec;
 166   color: #34495e;
 167   font-family: "Lato", sans-serif;
 168   font-size: 14px;
 169   padding: 2px 0 3px 10px;
 170   text-indent: 1px;
 171   -webkit-border-radius: 6px;
 172   -moz-border-radius: 6px;
 173   border-radius: 6px;
 174   -webkit-box-shadow: none;
 175   -moz-box-shadow: none;
 176   box-shadow: none;
 177 }
 178
 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 {
 195     color: #acb6c0;
 196   }
 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 {
 213     color: #acb6c0;
 214   }
 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 {
 231     color: #acb6c0;
 232   }
 233   textarea:focus,
 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;
 252     box-shadow: none;
 253   }
 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
 269   .uneditable-input {
 270     border-color: #e74c3c;
 271     color: #e74c3c;
 272     -webkit-box-shadow: none;
 273     -moz-box-shadow: none;
 274     box-shadow: none;
 275   }
 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;
 294       box-shadow: none;
 295     }
 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
 311   .uneditable-input {
 312     border-color: #2ecc71;
 313     color: #2ecc71;
 314     -webkit-box-shadow: none;
 315     -moz-box-shadow: none;
 316     box-shadow: none;
 317   }
 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;
 336       box-shadow: none;
 337     }
 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
 353   .uneditable-input {
 354     border-color: #f1c40f;
 355     color: #f1c40f;
 356     -webkit-box-shadow: none;
 357     -moz-box-shadow: none;
 358     box-shadow: none;
 359   }
 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;
 378       box-shadow: none;
 379     }
 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   }
 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;
 420       box-shadow: none;
 421     }
 422
 423 input[disabled],
 424 input[readonly],
 425 textarea[disabled],
 426 textarea[readonly] {
 427   background-color: #eaeded;
 428   border-color: transparent;
 429   color: #cad2d3;
 430   cursor: default; }
 431
 432 input[type="file"]{
 433         line-height: 16px;
 434 }
 435 // DROPDOWNS
 436 // --------------------------------------------------
 437
 438 .btn.dropdown-toggle .caret{
 439         border-top-color: white;
 440 }
 441
 442 .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a
 443 {
 444   background-image: none;
 445 }
 446
 447
 448 // ALERTS, LABELS, BADGES
 449 // --------------------------------------------------
 450
 451
 452 // MISC
 453 // --------------------------------------------------
 454
 455 [class^="icon-"], [class*=" icon-"] {
 456         margin-top: 3px;
 457 }
 458
 459 .well{
 460         border: none;
 461         -webkit-box-shadow: none;
 462         box-shadow: none;
 463
 464 }
 465
 466 .btn-small [class^="icon-"], .btn-small [class*=" icon-"]
 467 {
 468   margin-top: 3px;
 469 }
 470
 471 .progress{
 472   background: #e8edf2;
 473   border-radius: 32px;
 474   height: 12px;
 475
 476   -webkit-box-shadow: none;
 477   box-shadow: none;
 478   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 479 }
 480
 481 .progress .bar{
 482   background: #1abc9c;
 483
 484   -webkit-box-shadow: none !important;
 485   box-shadow: none !important;
 486   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 487 }
 488
 489 .progress-success .bar{
 490   background-color: #2ecc71;
 491   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 492 }
 493
 494 .progress-warning .bar{
 495   background-color: #f1c40f;
 496   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 497 }
 498
 499 .progress-danger .bar{
 500   background-color: #e74c3c;
 501   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 502 }
 503
 504 .progress-info .bar{
 505   background-color: #3498db;
 506   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 507 }
 508
 509 .subnav
 510 {
 511   background-image: none;
 512   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 513 }
 514 // MEDIA QUERIES
 515 // --------------------------------------------------
 516