- @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Montserrat|Roboto+Slab:400,700|Sancreek&display=swap');
- html {
- background: #371938 url(https://i.imgur.com/C3qNnMQ.png) repeat fixed;
- }
- body {
- background: #1b051c;
- border-left: 3px solid #ff5d00;
- border-right: 3px solid #ff5d00;
- font-family: Montserrat;
- font-size: 12px;
- position: relative;
- color: #fce4cc;
- }
- #footer, #content {
- background: transparent;
- border: transparent;
- font-family: Montserrat;
- color: #fce4cc;
- }
- #footer hr {
- border: 0px!important;
- }
- .box {
- width: 800px;
- background: #371938;
- border-radius: 10px;
- border: 0px;
- padding: 20px;
- color: #fce4cc;
- }
- ul.infolinks {
- background: #1b051c;
- border-radius: 10px;
- border: 0px;
- }
- .infolinks li a {
- font-family: Roboto Slab;
- text-transform: uppercase;
- font-size: 16px;
- text-align: center;
- letter-spacing: 3px;
- font-weight: 700;
- color: #fce4cc;
- border: 0px;
- }
- .trophycase {
- text-align: center;
- }
- .trophycase div {
- float: none !important;
- display: inline-block;
- font-family: Roboto Slab;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 10px;
- font-weight: 700;
- color: #fce4cc;
- }
- .registry {
- text-align: center;
- }
- /* STYLES */
- a, #footer a {
- font-family: Montserrat;
- color: #a378a5;
- border-bottom: 1px dashed #ff5e00;
- }
- a:hover, #footer a:hover {
- font-family: Montserrat;
- color: #ff5e00;
- border-bottom: 1px dashed #fce4cc;
- }
- b {
- font-family: Roboto Slab;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-weight: 700;
- color: #ff5e00;
- }
- h2 {
- background: transparent;
- border: 0px;
- font-family: Sancreek;
- text-transform: uppercase;
- font-variant: normal;
- font-size: 40px;
- line-height: 25px;
- margin: 10px auto 5px auto;
- text-align: center;
- font-weight: normal;
- color: #fce4cc;
- letter-spacing: 5px;
- }
- h5 {
- font-family: Roboto Slab !important;
- text-transform: uppercase !important;
- border: 0px !important;
- color: #fce4cc !important;
- font-size: 16px !important;
- letter-spacing: 3px !important;
- }
- hr {
- border: 0px !important;
- background: transparent url(https://i.imgur.com/9KyhKNF.png) no-repeat center top;
- height: 50px;
- width: 75%;
- margin: 0px auto;
- }
- input[type=text], input[type=password] {
- background-color: #1b051c!important;
- border: 0px !important;
- border-radius: 3px;
- color: #fce4cc;
- font-family: Open Sans;
- font-size: 12px;
- }
- input[type=submit], input[type=submit]:hover {
- background-color: #1b051c!important;
- border: 0px!important;
- border-radius: 5px;
- color: #ff5e00;
- font-family: Roboto Slab;
- font-size: 15px;
- padding: 5px;
- letter-spacing: 0px;
- text-transform: uppercase;
- font-weight: 700;
- }
- input[type=submit]:hover {
- color: #fce4cc;
- }
- input, textarea {
- background-color: #1b051c;
- border: 0px!important;
- border-radius: 5px;
- color: #fce4cc;
- font-family: Open Sans;
- font-size: 12px;
- }
- ::-webkit-scrollbar-thumb{
- background: #ff5e00;
- }
- ::-webkit-scrollbar {
- width: 7px;
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- }
- /* NAV MENU */
- #menu {
- background: transparent;
- width: 900px;
- position: relative;
- top: 25px;
- left: 0px;
- z-index: 99;
- text-align: center;
- }
- ul#nav {
- width: 900px;
- margin: 0px auto;
- }
- ul#nav li a {
- float: none !important;
- color: #D8D1BF;
- background: transparent;
- border: 0px;
- padding: 0px 10px;
- font-family: Roboto Slab;
- font-size: 12px;
- font-weight: 700;
- font-style: normal;
- text-transform: uppercase;
- letter-spacing: 2px;
- text-shadow: none;
- }
- #nav ul {
- background: transparent!important;
- }
- #nav li:hover ul {
- background: transparent!important;
- }
- #nav a:hover {
- color: #ff5e00!important;
- background-color: transparent;
- letter-spacing: 2px;
- font-weight: 700 !important;
- }
- ul#nav .selected a, ul#nav li.selected > a {
- height: 25px;
- font-size: 12px;
- font-weight: 700 !important;
- letter-spacing: 2px;
- }
- ul#nav li.selected > a {
- color: #ff5e00;
- background-color: transparent;
- letter-spacing: 2px;
- }
- #nav ul {
- width: 900px !important;
- top: 0px;
- left: -25px;
- }
- ul#nav li.selected > ul li a {
- float: none!important;
- font-family: Roboto Slab;
- margin-top: 0px;
- margin-left: 0px;
- color: #a378a5;
- font-weight: bold;
- font-size: 10px;
- font-variant: normal;
- text-transform: uppercase!important;
- font-style: normal;
- letter-spacing: 1px;
- border: 0px;
- }
- ul#nav li.selected > ul li a:hover {
- color: #ff5e00!important;
- }