style.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. html {
  2. -webkit-font-smoothing: none;
  3. overflow-y: scroll;
  4. }
  5. /* Font used is called "Drogowskaz", and was made by the Polish Government */
  6. @font-face {
  7. font-family: "Drogowskaz";
  8. src: url("/common/fonts/Drogowskaz.ttf");
  9. }
  10. body {
  11. max-width: 800px;
  12. margin: 0 auto;
  13. font-size: 16px;
  14. background-color: #10071E;
  15. background-image: url("common/bricks.png");
  16. color: #9242FF;
  17. font-family: Drogowskaz, Georgia;
  18. font-size: 16px;
  19. }
  20. header {
  21. margin-top: 10px;
  22. width: 800px;
  23. height: 150px;
  24. text-align: center;
  25. }
  26. .marquee {
  27. margin: 0;
  28. padding: 3px;
  29. height: 20px;
  30. background-color: #000000;
  31. font-style: italic;
  32. font-weight: bold;
  33. }
  34. main {
  35. display: flex;
  36. flex-wrap: nowrap;
  37. width: 800px;
  38. margin: 0 auto;
  39. }
  40. .left {
  41. padding: 5px;
  42. float: left;
  43. width: 145px;
  44. background-color: #000000;
  45. color: #5B378B;
  46. font-size: 13px;
  47. }
  48. .left hr {
  49. margin: 5px 5px;
  50. border: 0;
  51. border-top: 1px solid #5B378B;
  52. height: 2px;
  53. border-bottom: 1px solid #5B378B;
  54. }
  55. .b {
  56. margin: 2px;
  57. transition: all 0.3s ease-in-out;
  58. }
  59. .b:hover { filter: drop-shadow(0 0 5px #9242FF); }
  60. .ricky:hover { filter: drop-shadow(0 0 5px #B400FF) hue-rotate(360deg) brightness(1.5); }
  61. .emily:hover { filter: drop-shadow(0 0 5px #FFCF4E) saturate(3) brightness(1.5); }
  62. .nekojiru:hover { filter: drop-shadow(0 0 5px #FF00FF) brightness(1.2); }
  63. .owlman:hover { filter: drop-shadow(0 0 5px #69FF69) brightness(1.2);}
  64. .tehleroy:hover { filter: drop-shadow(0 0 5px #66CCCC) saturate(3); }
  65. .bytemoth:hover { filter: drop-shadow(0 0 5px #FFFFFF) saturate(2); }
  66. .right {
  67. float: right;
  68. width: 100%;
  69. padding: 15px;
  70. background-color: #5B378B;
  71. color: #FFFFFF;
  72. z-index: 1;
  73. }
  74. footer {
  75. padding: 10px;
  76. margin-bottom: 10px;
  77. width: 780px;
  78. position: absolute;
  79. white-space: nowrap;
  80. background-color: #000000;
  81. color: #5B378B;
  82. text-align: center;
  83. font-size: 13px;
  84. }
  85. a:link { color: #A17FFF; }
  86. a:visited { color: #D200FF; }
  87. a:hover { color: #6D00FF; }
  88. a:active { color: #FF00C0; }
  89. /* CUSTOM SCROLLBAR (Chrome and Safari users only) */
  90. ::-webkit-scrollbar { width: 16px }
  91. ::-webkit-scrollbar-track{ background: #2D1C3C; border-radius: 0px }
  92. ::-webkit-scrollbar-thumb{ background: #5B378B; border-radius: 0px }