bootswatch.less 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. // Cerulean 3.3.0
  2. // Bootswatch
  3. // -----------------------------------------------------
  4. @import url(//fonts.googleapis.com/css?family=Telex);
  5. .btn-shadow(@color) {
  6. #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
  7. filter: none;
  8. border-bottom: 1px solid darken(@color, 10%);
  9. }
  10. // Navbar =====================================================================
  11. .navbar {
  12. .btn-shadow(@navbar-default-bg);
  13. filter: none;
  14. .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
  15. &-default {
  16. .badge {
  17. background-color: #fff;
  18. color: @navbar-default-bg;
  19. }
  20. }
  21. &-inverse {
  22. #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
  23. filter: none;
  24. border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
  25. .badge {
  26. background-color: #fff;
  27. color: @navbar-inverse-bg;
  28. }
  29. }
  30. .navbar-nav > li > a,
  31. &-brand {
  32. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  33. }
  34. }
  35. @media (max-width: @grid-float-breakpoint-max) {
  36. .navbar {
  37. .dropdown-header {
  38. color: #fff;
  39. }
  40. }
  41. }
  42. // Buttons ====================================================================
  43. .btn {
  44. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  45. .caret {
  46. border-top-color: #fff;
  47. }
  48. }
  49. .btn-default {
  50. .btn-shadow(@btn-default-bg);
  51. &:hover {
  52. color: @btn-default-color;
  53. }
  54. .caret {
  55. border-top-color: @text-color;
  56. }
  57. }
  58. .btn-default {
  59. .btn-shadow(@btn-default-bg);
  60. }
  61. .btn-primary {
  62. .btn-shadow(@btn-primary-bg);
  63. }
  64. .btn-success {
  65. .btn-shadow(@btn-success-bg);
  66. }
  67. .btn-info {
  68. .btn-shadow(@btn-info-bg);
  69. }
  70. .btn-warning {
  71. .btn-shadow(@btn-warning-bg);
  72. }
  73. .btn-danger {
  74. .btn-shadow(@btn-danger-bg);
  75. }
  76. // Typography =================================================================
  77. // Tables =====================================================================
  78. // Forms ======================================================================
  79. // Navs =======================================================================
  80. // Indicators =================================================================
  81. // Progress bars ==============================================================
  82. // Containers =================================================================
  83. .panel-primary,
  84. .panel-success,
  85. .panel-warning,
  86. .panel-danger,
  87. .panel-info {
  88. .panel-heading,
  89. .panel-title {
  90. color: #fff;
  91. }
  92. }