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