1. @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Montserrat|Roboto+Slab:400,700|Lobster&display=swap');
  2. html {
  3. background: #371938 url(https://i.imgur.com/C3qNnMQ.png) repeat fixed;
  4. }
  5. body {
  6. background: #1b051c;
  7. border-left: 3px solid #ff5d00;
  8. border-right: 3px solid #ff5d00;
  9. font-family: Montserrat;
  10. font-size: 12px;
  11. position: relative;
  12. color: #fce4cc;
  13. }
  14. #footer, #content {
  15. background: transparent;
  16. border: transparent;
  17. font-family: Montserrat;
  18. color: #fce4cc;
  19. }
  20. #footer hr {
  21. border: 0px!important;
  22. }
  23. .box {
  24. width: 800px;
  25. background: #371938;
  26. border-radius: 10px;
  27. border: 0px;
  28. padding: 20px;
  29. color: #fce4cc;
  30. }
  31. ul.infolinks {
  32. background: #1b051c;
  33. border-radius: 10px;
  34. border: 0px;
  35. }
  36. .infolinks li a {
  37. font-family: Roboto Slab;
  38. text-transform: uppercase;
  39. font-size: 16px;
  40. text-align: center;
  41. letter-spacing: 3px;
  42. font-weight: 700;
  43. color: #fce4cc;
  44. border: 0px;
  45. }
  46. .trophycase {
  47. text-align: center;
  48. }
  49. .trophycase div {
  50. float: none !important;
  51. display: inline-block;
  52. font-family: Roboto Slab;
  53. text-transform: uppercase;
  54. letter-spacing: 1px;
  55. font-size: 10px;
  56. font-weight: 700;
  57. color: #fce4cc;
  58. }
  59. .registry {
  60. text-align: center;
  61. }
  62. /* STYLES */
  63. a, #footer a {
  64. font-family: Montserrat;
  65. color: #a378a5;
  66. border-bottom: 1px dashed #ff5e00;
  67. }
  68. a:hover, #footer a:hover {
  69. font-family: Montserrat;
  70. color: #ff5e00;
  71. border-bottom: 1px dashed #fce4cc;
  72. }
  73. b {
  74. font-family: Roboto Slab;
  75. text-transform: uppercase;
  76. letter-spacing: 1px;
  77. font-weight: 700;
  78. color: #ff5e00;
  79. }
  80. h2 {
  81. background: transparent;
  82. border: 0px;
  83. font-family: Lobster;
  84. text-transform: none;
  85. font-variant: normal;
  86. font-size: 40px;
  87. line-height: 25px;
  88. margin: 10px auto 5px auto;
  89. text-align: center;
  90. font-weight: normal;
  91. color: #ff5e00;
  92. letter-spacing: 5px;
  93. }
  94. h5 {
  95. font-family: Roboto Slab !important;
  96. text-transform: uppercase !important;
  97. border: 0px !important;
  98. color: #fce4cc !important;
  99. font-size: 16px !important;
  100. letter-spacing: 3px !important;
  101. }
  102. hr {
  103. border: 0px !important;
  104. background: transparent url(https://i.imgur.com/9KyhKNF.png) no-repeat center top;
  105. height: 50px;
  106. width: 75%;
  107. margin: 0px auto;
  108. }
  109. input[type=text], input[type=password] {
  110. background-color: #1b051c!important;
  111. border: 0px !important;
  112. border-radius: 3px;
  113. color: #fce4cc;
  114. font-family: Open Sans;
  115. font-size: 12px;
  116. }
  117. input[type=submit], input[type=submit]:hover {
  118. background-color: #1b051c!important;
  119. border: 0px!important;
  120. border-radius: 5px;
  121. color: #ff5e00;
  122. font-family: Roboto Slab;
  123. font-size: 15px;
  124. padding: 5px;
  125. letter-spacing: 0px;
  126. text-transform: uppercase;
  127. font-weight: 700;
  128. }
  129. input[type=submit]:hover {
  130. color: #fce4cc;
  131. }
  132. input, textarea {
  133. background-color: #1b051c;
  134. border: 0px!important;
  135. border-radius: 5px;
  136. color: #fce4cc;
  137. font-family: Open Sans;
  138. font-size: 12px;
  139. }
  140. ::-webkit-scrollbar-thumb{
  141. background: #ff5e00;
  142. }
  143. ::-webkit-scrollbar {
  144. width: 7px;
  145. }
  146. ::-webkit-scrollbar-track {
  147. background: transparent;
  148. }
  149. /* NAV MENU */
  150. #menu {
  151. background: transparent;
  152. width: 900px;
  153. position: relative;
  154. top: 25px;
  155. left: 0px;
  156. z-index: 99;
  157. text-align: center;
  158. }
  159. ul#nav {
  160. width: 900px;
  161. margin: 0px auto;
  162. }
  163. ul#nav li a {
  164. float: none !important;
  165. color: #D8D1BF;
  166. background: transparent;
  167. border: 0px;
  168. padding: 0px 10px;
  169. font-family: Roboto Slab;
  170. font-size: 12px;
  171. font-weight: 700;
  172. font-style: normal;
  173. text-transform: uppercase;
  174. letter-spacing: 2px;
  175. text-shadow: none;
  176. }
  177. #nav ul {
  178. background: transparent!important;
  179. }
  180. #nav li:hover ul {
  181. background: transparent!important;
  182. }
  183. #nav a:hover {
  184. color: #ff5e00!important;
  185. background-color: transparent;
  186. letter-spacing: 2px;
  187. font-weight: 700 !important;
  188. }
  189. ul#nav .selected a, ul#nav li.selected > a {
  190. height: 25px;
  191. font-size: 12px;
  192. font-weight: 700 !important;
  193. letter-spacing: 2px;
  194. }
  195. ul#nav li.selected > a {
  196. color: #ff5e00;
  197. background-color: transparent;
  198. letter-spacing: 2px;
  199. }
  200. #nav ul {
  201. width: 900px !important;
  202. top: 0px;
  203. left: -25px;
  204. }
  205. ul#nav li.selected > ul li a {
  206. float: none!important;
  207. font-family: Roboto Slab;
  208. margin-top: 0px;
  209. margin-left: 0px;
  210. color: #a378a5;
  211. font-weight: bold;
  212. font-size: 10px;
  213. font-variant: normal;
  214. text-transform: uppercase!important;
  215. font-style: normal;
  216. letter-spacing: 1px;
  217. border: 0px;
  218. }
  219. ul#nav li.selected > ul li a:hover {
  220. color: #ff5e00!important;
  221. }