2021的特普通奖
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

166 lines
2.3 KiB

  1. body {
  2. background: #fff url('/ordinary/static/img/bg.jpg') repeat-x fixed center top / 650px;
  3. font-family: 'Noto Sans SC', sans-serif;
  4. font-weight: 300;
  5. }
  6. .container {
  7. overflow: hidden;
  8. min-height: 100vh;
  9. }
  10. .user-info {
  11. position: fixed;
  12. top: 0;
  13. right: 0;
  14. z-index: 1030
  15. }
  16. .user-info:not(:hover) div:not(.show) .username{
  17. display: none;
  18. }
  19. .story-card {
  20. display: inline-block;
  21. margin: 0 30px 45px;
  22. max-width: 20rem;
  23. vertical-align: top;
  24. }
  25. .story-text {
  26. font-size: 90%;
  27. text-indent: 2rem;
  28. }
  29. .card-img-top {
  30. margin: 5% 25%;
  31. width: 50%;
  32. }
  33. h1, h2, h3, h4, h5 {
  34. font-family: 'Noto Serif SC', serif;
  35. }
  36. h4, h5, b {
  37. font-weight: 700;
  38. }
  39. a, a:hover,
  40. .btn-link, .btn-link:hover {
  41. color: inherit;
  42. text-decoration: underline;
  43. }
  44. a:focus, .btn-link:focus {
  45. box-shadow: none;
  46. }
  47. .btn-lg {
  48. font-family: 'Noto Serif SC', serif;
  49. }
  50. .part1 {
  51. width: 100%;
  52. max-width: 500px;
  53. float: left;
  54. position: relative;
  55. }
  56. .part2 {
  57. min-width: 250px;
  58. max-width: 500px;
  59. overflow: hidden;
  60. padding-left: 25px;
  61. position: relative;
  62. }
  63. .part-box {
  64. min-width: 250px;
  65. min-height: 450px;
  66. }
  67. .qbox {
  68. border: 2px black solid;
  69. background: white;
  70. padding: 5px;
  71. color: black;
  72. margin: 5px 5px 40px;
  73. }
  74. #answerLogin input {
  75. border: none;
  76. border-bottom: 1px solid;
  77. border-radius: 0;
  78. }
  79. #answerLogin {
  80. border: 1px #f0f0f0 solid;
  81. padding: 5px;
  82. }
  83. .timeago {
  84. font-size: 0.5em;
  85. margin-right: 10px;
  86. }
  87. .behind {
  88. z-index: 98;
  89. cursor: pointer;
  90. transform: translateY(5px) scale(0.98);
  91. transform-origin: top;
  92. transition-property: transform;
  93. transition-duration: 0.5s;
  94. }
  95. .front {
  96. z-index: 99;
  97. transition-property: transform;
  98. transition-duration: 0.5s;
  99. }
  100. .create-paragraph {
  101. position: absolute;
  102. top: 0;
  103. right: 0;
  104. margin: 0 0 30px 20px;
  105. width: 90%;
  106. background: #000;
  107. color: #fff;
  108. }
  109. .create-paragraph textarea {
  110. border: none;
  111. border-radius: 0;
  112. border-bottom: 2px solid;
  113. background: black;
  114. color: white;
  115. }
  116. .paragraph-list {
  117. position: relative;
  118. margin: 30px 20px 30px 0;
  119. }
  120. .show-mask {
  121. display: block;
  122. position: absolute;
  123. top: 20px;
  124. right: 35px;
  125. text-align: center;
  126. padding-top: 330px;
  127. width: 100%;
  128. z-index: 999;
  129. }
  130. .footer {
  131. background: black;
  132. color: white;
  133. text-align: center;
  134. font-size: 80%;
  135. border-top: solid 1px white;
  136. }
  137. .footer p {
  138. margin: 10px 0 0;
  139. float: bottom;
  140. }