_base.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. @footer-margin: 40px;
  2. body {
  3. font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑';
  4. background-color: #FAFAFA;
  5. }
  6. img {
  7. border-radius: 3px;
  8. }
  9. .full.height {
  10. padding: 0;
  11. margin: 0 0 -87px 0;
  12. min-height: 100%;
  13. }
  14. .following.bar {
  15. z-index: 900;
  16. left: 0;
  17. width: 100%;
  18. padding: 0.7em 0;
  19. &.light {
  20. background-color: white;
  21. border-bottom: 1px solid #DDDDDD;
  22. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
  23. }
  24. .ui.secondary.menu {
  25. height: 30px;
  26. }
  27. .column .menu {
  28. margin-top: 0;
  29. }
  30. .brand {
  31. float: left;
  32. margin-right: 5px;
  33. }
  34. .head.link.item {
  35. padding-right: 0!important;
  36. .dropdown.icon,
  37. .menu .octicon {
  38. margin-right: 5px;
  39. }
  40. }
  41. .user.avatar {
  42. padding: 0;
  43. margin-top: 1px;
  44. }
  45. .searchbox {
  46. background-color: rgb(244, 244, 244)!important;
  47. &:focus {
  48. background-color: rgb(233, 233, 233)!important;
  49. }
  50. }
  51. .octicon {
  52. width: 16px;
  53. opacity: 1!important;
  54. text-align: center;
  55. }
  56. }
  57. .ui {
  58. &.left {
  59. float: left;
  60. }
  61. &.right {
  62. float: right;
  63. }
  64. .text {
  65. &.red {
  66. color: #d95c5c!important;
  67. }
  68. }
  69. }
  70. footer {
  71. margin-top: @footer-margin!important;
  72. background-color: white;
  73. border-top: 1px solid #d6d6d6;
  74. clear: both;
  75. width: 100%;
  76. color: #888888;
  77. .fa {
  78. width: 16px;
  79. text-align: center;
  80. color: #428bca;
  81. }
  82. .ui.language.dropdown {
  83. z-index: 10000;
  84. }
  85. .links >* {
  86. border-left: 1px solid #d6d6d6;
  87. padding-left: 8px;
  88. margin-left: 5px;
  89. &:first-child {
  90. border-left: none;
  91. }
  92. }
  93. }
  94. .hide {
  95. display: none;
  96. }
  97. .center {
  98. text-align: center;
  99. }
  100. .text-error {
  101. color: #d95c5c !important;
  102. }
  103. .generate-img(16);
  104. .generate-img(@n, @i: 1) when (@i =< @n) {
  105. .img-@{i} {
  106. width: (2px * @i);
  107. height: (2px * @i);
  108. }
  109. .generate-img(@n, (@i + 1));
  110. }
  111. // Accessibility
  112. .sr-only {
  113. position: absolute;
  114. width: 1px;
  115. height: 1px;
  116. padding: 0;
  117. margin: -1px;
  118. overflow: hidden;
  119. clip: rect(0, 0, 0, 0);
  120. border: 0;
  121. }
  122. .sr-only-focusable:active,
  123. .sr-only-focusable:focus {
  124. position: static;
  125. width: auto;
  126. height: auto;
  127. margin: 0;
  128. overflow: visible;
  129. clip: auto;
  130. }