114 lines
1.7 KiB
CSS
114 lines
1.7 KiB
CSS
|
.menu-header {
|
||
|
|
background-color: #1a1a1a;
|
||
|
|
height: 13vh;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
padding-top: 2vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-header-logo {
|
||
|
|
height: 9vw;
|
||
|
|
width: 27vw;
|
||
|
|
background-color: #1a1a1a;
|
||
|
|
top: 1em;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-container {
|
||
|
|
background-color: #1a1a1a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item {
|
||
|
|
display: flex;
|
||
|
|
background-color: #1a1a1a;
|
||
|
|
color: #cccccc;
|
||
|
|
border-top: 1px solid #383838;
|
||
|
|
border-bottom: 1px solid #0f0f0f;
|
||
|
|
height: 10vh;
|
||
|
|
font-size: 5vw;
|
||
|
|
padding-top: 2.5vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item h3 {
|
||
|
|
font-size: 22px;
|
||
|
|
margin: 6px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-img-placeholder {
|
||
|
|
background-color: none;
|
||
|
|
height: 4vh;
|
||
|
|
width: 4.3vh;
|
||
|
|
margin: 0.2vh 2.5vw 0 2.5vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header h1 {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 22px;
|
||
|
|
color: #dfdfdf;
|
||
|
|
line-height: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd {
|
||
|
|
position: fixed;
|
||
|
|
background-color: #4d4d4d;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd .profile-display {
|
||
|
|
padding: 9vh 27vw 1vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd .profile-display .profile-pic {
|
||
|
|
border-radius: 50%;
|
||
|
|
height: 25vh;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd .profile-display h3 {
|
||
|
|
text-align: center;
|
||
|
|
color: #dfdfdf;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd .profile-input {
|
||
|
|
width: 85vw;
|
||
|
|
height: 5vh;
|
||
|
|
left: 7vw;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
border: 3px #0f0f0f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd input {
|
||
|
|
margin: 0vh 0vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd label {
|
||
|
|
line-height: 7vh;
|
||
|
|
margin-bottom: 0vh;
|
||
|
|
color: #dfdfdf;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-bkgd button {
|
||
|
|
background-color: #5c6fda;
|
||
|
|
color: #dfdfdf;
|
||
|
|
margin: 4.5vh 0vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.network .form-group .form-control {
|
||
|
|
width: 80vw;
|
||
|
|
margin: 6vh auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.network .contact {
|
||
|
|
width: 100%;
|
||
|
|
height: 15vh;
|
||
|
|
border-bottom: 2px black;
|
||
|
|
border-top: 1px white;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
background-color: green;
|
||
|
|
margin: 0vh 0vw;
|
||
|
|
}
|