elegant.less 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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. .list-of-tags {
  35. font-family: @font-family-sans-serif;
  36. ul& {
  37. list-style: none outside none;
  38. margin: 20px 0 0;
  39. overflow: hidden;
  40. padding: 0;
  41. li {
  42. float: left;
  43. line-height: 2em;
  44. margin: 0;
  45. }
  46. a {
  47. background: @gray-lighter;
  48. border-radius: 3px;
  49. color: #222;
  50. font-size: 1em;
  51. margin: 2px;
  52. padding: 3px 6px;
  53. text-decoration: none;
  54. span {
  55. font-size: .8em;
  56. vertical-align: super;
  57. }
  58. }
  59. }
  60. }
  61. .articles-in-tag {
  62. font-family: @font-family-sans-serif;
  63. ul& {
  64. list-style: none outside none;
  65. margin: 0 0 0 5px;
  66. li {
  67. font-size: 1.1em;
  68. line-height: 1.6em;
  69. time {
  70. color: @gray-light;
  71. display: inline-block;
  72. font-family: @font-family-monospace;
  73. font-size: .9em;
  74. width: 7em;
  75. }
  76. }
  77. }
  78. }
  79. .page-header {
  80. &:extend(.page-header);
  81. color: @page-header-color;
  82. margin-top: 10px;
  83. padding-left: 5px;
  84. }