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;
 | 
						|
}
 |