learnku.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @import "../ext/Fluidbox/dist/css/fluidbox.min.css";
  2. @import "../ext/jquery/jquery.tocify/jquery.tocify.css";
  3. // SemanticUI
  4. @import 'SemanticUI/semantic';
  5. // Variables 全局变量 (必须放在 bootstrap 之后)
  6. @import "variables";
  7. // learnku.com 社区样式
  8. @import "vendor/markdown";
  9. @import "vendor/learnku_com";
  10. html{
  11. font-size: 14px;
  12. font-family: sans-serif;
  13. -ms-text-size-adjust: 100%;
  14. -webkit-text-size-adjust: 100%;
  15. }
  16. body{
  17. margin: 0;
  18. overflow-x: hidden;
  19. min-width: 320px;
  20. background: #fff;
  21. font-size: 14px;
  22. line-height: 1.4285em;
  23. color: rgba(0,0,0,.87);
  24. font-smoothing: antialiased;
  25. }
  26. .flex {
  27. display: -webkit-box !important;
  28. display: -ms-flexbox !important;
  29. display: flex !important;
  30. }
  31. // 头部
  32. .header-search-left{
  33. border-radius: 500rem 0 0 500rem !important;
  34. border-right: 0 !important;
  35. }
  36. .header-search-right{
  37. border-radius:0 500rem 500rem 0 !important;
  38. }
  39. // 自定义样式
  40. .column-max-width-500{
  41. .image {
  42. margin-top: -100px;
  43. }
  44. .column {
  45. max-width: 500px;
  46. }
  47. }
  48. // 弹出层
  49. .upload-img{
  50. cursor: pointer;
  51. }
  52. // 图库灯箱
  53. .editor-preview *, .editor-preview-active-side *, .markdown-body *, .markdown-reply *{
  54. -webkit-box-sizing: border-box;
  55. box-sizing: border-box;
  56. }
  57. a.fluidbox {
  58. cursor: -webkit-zoom-in;
  59. cursor: zoom-in;
  60. }
  61. .tocify-subheader {
  62. display: block;
  63. }