walnut.js/lib/com.daplie.walnut/menu.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;
}