95 lines
2.2 KiB
CSS
95 lines
2.2 KiB
CSS
* {
|
|
font-family: ms ui gothic, sans-serif;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
body {
|
|
cursor: url('/src/img/cursor.png'), default;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.banner-div {
|
|
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
|
|
display: block;
|
|
max-width: 100%;
|
|
height: 200px;
|
|
background: rgba(0,0,0,0.5);
|
|
}
|
|
|
|
main {
|
|
margin: auto;
|
|
width: 850px;
|
|
}
|
|
|
|
.title-bar-text {
|
|
color: #fff;
|
|
font-weight: 700;
|
|
letter-spacing: 0;
|
|
margin-right: 24px;
|
|
}
|
|
|
|
.title-bar {
|
|
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
|
|
align-items: center;
|
|
background: #19191E;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 7px;
|
|
}
|
|
|
|
.title-bar-button {
|
|
background: silver;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
|
|
box-sizing: border-box;
|
|
color: transparent;
|
|
text-shadow: 0 0 #222;
|
|
}
|
|
|
|
.header {
|
|
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
|
|
}
|
|
|
|
.content {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: stretch;
|
|
color: white;
|
|
box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3;
|
|
background-color: #373737;
|
|
padding: 7px;
|
|
}
|
|
|
|
.navbar-link:visited {
|
|
color: white;
|
|
}
|
|
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.navbar-link:hover {
|
|
text-decoration-line: underline;
|
|
}
|
|
|
|
nav {
|
|
background-color: blue;
|
|
width: 80%;
|
|
border-right: 1px solid #0a0a0a;
|
|
}
|
|
|
|
.navbar-link {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
.welcome {
|
|
width: 80%;
|
|
background-color: red;
|
|
} |