maindist.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. @font-face {
  2. font-family: "Noto Serif";
  3. font-weight: 500;
  4. src: local("Noto Serif"), url("/fonts/NotoSerif/NotoSerif-Regular.ttf"); }
  5. @font-face {
  6. font-family: "Noto Serif";
  7. font-weight: 700;
  8. src: local("Noto Serif Bold"), url("/fonts/NotoSerif/NotoSerif-Bold.ttf"); }
  9. @font-face {
  10. font-family: "Noto Serif";
  11. font-style: italic;
  12. font-weight: 500;
  13. src: local("Noto Serif Italic"), url("/fonts/NotoSerif/NotoSerif-Italic.ttf"); }
  14. @font-face {
  15. font-family: "Noto Serif";
  16. font-style: italic;
  17. font-weight: 700;
  18. src: local("Noto Serif Bold Italic"), url("/fonts/NotoSerif/NotoSerif-BoldItalic.ttf"); }
  19. ::selection {
  20. background-color: #468;
  21. color: #fff; }
  22. ::-moz-selection {
  23. background-color: #468;
  24. color: #fff; }
  25. body {
  26. padding: 0;
  27. background-color: #ffffff;
  28. cursor: default;
  29. line-height: 1.618;
  30. font-family: "Noto Serif"; }
  31. p,
  32. li,
  33. table {
  34. font-size: 1.15em; }
  35. table {
  36. margin: 2.5em 0; }
  37. tr {
  38. border-bottom: 1px solid #aaa; }
  39. code {
  40. background-color: #eee;
  41. color: #555; }
  42. @media (max-width: 500px) {
  43. .logo {
  44. display: none; } }
  45. @media (min-width: 1200px) {
  46. .slogan {
  47. line-height: 205px; } }
  48. @media (min-width: 768px) {
  49. .title {
  50. margin: 0;
  51. line-height: 205px; } }
  52. h1,
  53. h2,
  54. h3 {
  55. margin: 1em 0 1em 0.5em; }
  56. a {
  57. transition: 0.15s color; }
  58. .title {
  59. font-size: 3em;
  60. font-weight: bold; }
  61. .slogan {
  62. font-size: 2em;
  63. font-style: italic; }
  64. .bar {
  65. margin-top: 5em; }
  66. .navbar {
  67. background-color: rgba(255, 255, 255, 0.7);
  68. border: 0; }
  69. .navbar-brand,
  70. .navbar a {
  71. transition: .2s ease-in .2s;
  72. color: #3498db !important; }
  73. .navbar a:hover,
  74. .navbar a:focus {
  75. transition: .2s ease-in .2s;
  76. color: #36E1EB !important; }
  77. }
  78. .navbar a:active {
  79. color: #fff !important;
  80. text-shadow: 0 0 0.1em #fff;
  81. transition: 0.15s text-shadow; }
  82. div.logo {
  83. padding: 2em 0; }
  84. div.logo img {
  85. height: 3em;
  86. margin: 0 2em 0 0;
  87. vertical-align: bottom;
  88. width: 3em; }
  89. div.logo span {
  90. font-size: 2em;
  91. font-weight: bold; }
  92. .recent {
  93. color: #262; }
  94. .footer {
  95. color: #777;
  96. font-size: 1.1em;
  97. margin-top: 15px;
  98. padding: 10px 0;
  99. text-align: center;
  100. }
  101. a button {
  102. transition: .2s ease-in .2s;
  103. background-color: #5290BA !important;
  104. border: 2px solid #5290BA !important;
  105. padding: 11px 19px !important;
  106. border-radius: 15px;
  107. margin: 0 10px !important;
  108. }
  109. a {
  110. color: #FFF !important;
  111. }
  112. a button:hover {
  113. transition: .2s ease-in .2s;
  114. box-shadow: 2px 7px 2px -2px gray;
  115. }
  116. img {
  117. max-width: 100%;
  118. height: auto;
  119. width: auto\9;
  120. }
  121. p {
  122. padding-bottom: 20px;
  123. color: #2c3e50;
  124. }
  125. .navbar-brand {
  126. transition: .2s ease-in .2s;
  127. }
  128. img[src="../static/images/dist-e.png"], img[src="../static/images/dist-a.png"] {
  129. transition: .2s ease-in .2s;
  130. }
  131. img[src="../static/images/dist-e.png"]:hover, img[src="../static/images/dist-a.png"]:hover {
  132. transition: .2s ease-in .2s;
  133. padding-left: 10px;
  134. }
  135. .goup-container {
  136. background-color: #5594BF !important;
  137. }
  138. .goup-container:hover {
  139. transition: .2s ease-in .2s;
  140. background-color: #37C871 !important;
  141. }
  142. .none-white {
  143. transition: .1s ease-in .1s !important;
  144. color: #6082A0 !important;
  145. text-decoration: none !important;
  146. }
  147. .none-white:hover {
  148. color: #777777 !important;
  149. transition: .1s ease-in .1s !important;
  150. }
  151. /*# sourceMappingURL=main.css.map */