elegant.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @import "../bootstrap/less/bootstrap.less";
  2. @import "../bootstrap/less/utilities.less";
  3. @import url(http://fonts.googleapis.com/css?family=Open+Sans);
  4. @import url(http://fonts.googleapis.com/css?family=Roboto);
  5. @import url(http://fonts.googleapis.com/css?family=Lora);
  6. @page-header-border-color: #8f8686;
  7. @page-header-color: #8B0000;
  8. @font-family-sans-serif: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  9. @font-family-monospace: Roboto, Menlo, Monaco, Consolas, "Courier New", monospace;
  10. @headings-font-family: Lora, Baskerville, Garamond, Georgia, 'DejaVu Serif', 'Times New Roman', Times, Serif;
  11. .mixin-no-color-no-decoration() {
  12. color: inherit;
  13. text-decoration: none;
  14. }
  15. h1, h2, h3, h4, h5, h6 {
  16. .mixin-no-color-no-decoration;
  17. small {
  18. .mixin-no-color-no-decoration;
  19. }
  20. a {
  21. .mixin-no-color-no-decoration;
  22. &:hover {
  23. .mixin-no-color-no-decoration;
  24. }
  25. &:focus {
  26. .mixin-no-color-no-decoration;
  27. }
  28. }
  29. }
  30. .form-control {
  31. &:extend(.form-control);
  32. border-radius: 15px;
  33. }
  34. .page-header {
  35. &:extend(.page-header);
  36. color: @page-header-color;
  37. margin-top: 10px;
  38. padding-left: 5px;
  39. }