main.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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: #f2f2f2;
  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(0, 0, 0, 0.7);
  68. border: 0; }
  69. .navbar-brand,
  70. .navbar a {
  71. color: #eee !important; }
  72. .navbar a:hover,
  73. .navbar a:focus {
  74. color: #bbb !important; }
  75. .navbar a:active {
  76. color: #fff !important;
  77. text-shadow: 0 0 0.1em #fff;
  78. transition: 0.15s text-shadow; }
  79. div.logo {
  80. padding: 2em 0; }
  81. div.logo img {
  82. height: 3em;
  83. margin: 0 2em 0 0;
  84. vertical-align: bottom;
  85. width: 3em; }
  86. div.logo span {
  87. font-size: 2em;
  88. font-weight: bold; }
  89. .recent {
  90. color: #262; }
  91. .footer {
  92. color: #777;
  93. font-size: 1.1em;
  94. margin-top: 15px;
  95. padding: 10px 0;
  96. text-align: center;
  97. }
  98. img[src="media/logo-1.png"], img[src="../media/logo-a.png"] {
  99. transition: .2s ease-in .2s;
  100. }
  101. img[src="media/logo-1.png"]:hover, img[src="../media/logo-a.png"]:hover {
  102. transition: .2s ease-in .2s;
  103. padding-left: 10px;
  104. }
  105. .goup-container {
  106. background-color: #5594BF !important;
  107. }
  108. .goup-container:hover {
  109. transition: .2s ease-in .2s;
  110. background-color: #2c3e50 !important;
  111. }
  112. a {
  113. transition: .17s ease-in .17s !important;
  114. text-decoration: none !important;
  115. }
  116. a:hover {
  117. color: #3BC17C;
  118. transition: .17s ease-in .17s !important;
  119. }
  120. p {
  121. padding-bottom: 20px;
  122. color: #2c3e50;
  123. }
  124. /*# sourceMappingURL=main.css.map */