stylediary.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. *{
  2. cursor: url("icon/awesome.ico"), default;
  3. }
  4. @font-face
  5. {
  6. font-family: fixedsys;
  7. src: url(font/fixedsys.ttf);
  8. }
  9. body{
  10. background-image: url("images/colormorphstars.gif");
  11. background-attachment: fixed;
  12. image-rendering: pixelated;
  13. font-family: fixedsys;
  14. font-smooth: never;
  15. -webkit-font-smoothing: none;
  16. background-color: rgb(15, 11, 11);
  17. color: white;
  18. }
  19. .bod{
  20. font-family: fixedsys;
  21. font-smooth: never;
  22. font-size: 18px;
  23. }
  24. a:link{
  25. background-color: transparent;
  26. color: magenta;
  27. text-decoration: none;
  28. }
  29. a:visited{
  30. background-color: transparent;
  31. color: cyan;
  32. text-decoration: none;
  33. }
  34. a img, a:hover{
  35. background-color: transparent;
  36. color: white;
  37. cursor: url("icon/teehee.ico"), pointer;
  38. text-decoration: underline;
  39. }
  40. .border {
  41. position: relative;
  42. border: 5px solid;
  43. padding: 10px;
  44. }
  45. .titleborder{
  46. width: 340px;
  47. min-height: 100px;
  48. }
  49. .bottomborder{
  50. width: 340px;
  51. height: 80px;
  52. }
  53. .entry {
  54. position: relative;
  55. width: 510px;
  56. min-height: 50px;
  57. border: 5px solid;
  58. padding: 10px;
  59. margin-bottom: 40px;
  60. text-align: justify;
  61. font-size: 18px;
  62. }
  63. .stickbox{
  64. position: sticky;
  65. top: 29px;
  66. width: 160px;
  67. margin-left: calc(50% - 355px);
  68. margin-bottom: -361px;
  69. }
  70. .stick2{
  71. margin-bottom: -244px;
  72. }
  73. .glossary{
  74. position: relative;
  75. height: 225px;
  76. border: 5px solid;
  77. padding: 10px;
  78. margin-bottom: 10px;
  79. line-height: 16px;
  80. }
  81. .glo2{
  82. height: 108px;
  83. }
  84. .back{
  85. position: relative;
  86. height: 66px;
  87. border: 5px solid;
  88. padding: 10px;
  89. }
  90. .centertitle {
  91. margin-left: auto;
  92. margin-right: auto;
  93. }
  94. .centered {
  95. margin-left: calc(50% - 185px);
  96. }
  97. .full {
  98. border-image: linear-gradient(90deg, cyan, magenta) 1;
  99. }
  100. .great{
  101. border-image: linear-gradient(10deg, magenta, lime) 1;
  102. }
  103. .average{
  104. border-image: linear-gradient(-10deg, white, transparent) 1;
  105. }
  106. .bad{
  107. border-image: linear-gradient(0deg, red, transparent) 1;
  108. }
  109. .special{
  110. border-image: linear-gradient(90deg, rgb(255, 213, 26), white) 1;
  111. }
  112. .purple{
  113. border-image: linear-gradient(90deg, rgb(98, 0, 255), transparent) 1;
  114. }
  115. .white{
  116. border-image: linear-gradient(90deg, white, transparent) 1;
  117. }
  118. .rainbow{
  119. border-image: linear-gradient(to right, red, orange, yellow, lime, cyan, blue, purple) 1;
  120. }
  121. .trans{
  122. border-image: linear-gradient(0deg, cyan, rgb(247, 168, 184), white, rgb(247, 168, 184), cyan) 1;
  123. }
  124. .center{
  125. text-align: center;
  126. }
  127. .title{
  128. text-align: center;
  129. line-height: 5px;
  130. }
  131. .line{
  132. border-bottom: 2px solid white;
  133. margin-top: -20px;
  134. margin-bottom: 18px;
  135. width: 450px;
  136. }
  137. marquee{
  138. padding-top: 5px;
  139. padding-bottom: 5px;
  140. margin-top: 20px;
  141. margin-bottom: 20px;
  142. position: relative;
  143. border: 5px solid;
  144. border-image: linear-gradient(to bottom, rgb(89, 0, 255), yellow) 0 1;
  145. }
  146. .up{
  147. margin-bottom: 20px;
  148. }
  149. .foot{
  150. margin-top: 30px;
  151. font-size: 16px;
  152. }
  153. pre{
  154. margin: 0px;
  155. }