Kindof fix title, switch to using css varriables
This commit is contained in:
		
							parent
							
								
									f4e6c3ffdb
								
							
						
					
					
						commit
						6049a8b6cd
					
				
					 1 changed files with 28 additions and 10 deletions
				
			
		
							
								
								
									
										36
									
								
								style.css
									
									
									
									
									
								
							
							
						
						
									
										36
									
								
								style.css
									
									
									
									
									
								
							|  | @ -1,6 +1,14 @@ | |||
| :root { | ||||
| 	--term-colour: #9C64FE; | ||||
| 	--term-bg-colour: #191919; | ||||
| 	--main-colour: white; | ||||
| 	--main-bg-colour: #3C3C3C; | ||||
| 	--body-bg-colour: black; | ||||
| } | ||||
| 
 | ||||
| body { | ||||
|     text-align: center; | ||||
|     background-color: black; | ||||
|     background-color: var(--body-bg-colour); | ||||
|     font-family: "Courier New", monospace; | ||||
| } | ||||
| 
 | ||||
|  | @ -20,15 +28,25 @@ p { | |||
|     display:inline-block; | ||||
|     font-weight: bolder; | ||||
| } | ||||
| h2#terminal { | ||||
| 	margin: 10px; | ||||
| 	padding-left: 12%; | ||||
| 	align-content: center; | ||||
| } | ||||
| 
 | ||||
| #infobox { | ||||
|     text-align: center; | ||||
|     background: rgb(60, 60, 60); | ||||
|     color:white; | ||||
|     color: var(--main-colour); | ||||
|     width: 50%; | ||||
|     height: 10%; | ||||
|     margin-left: 25%; | ||||
|     margin-top: 5%; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| h4 { | ||||
| 	padding: 5px; | ||||
| } | ||||
| 
 | ||||
| #roundedtop { | ||||
|  | @ -37,14 +55,14 @@ p { | |||
|     border-color: rgb(60, 60, 60); | ||||
|     border-bottom: solid; | ||||
|     border-bottom-color: darkgray; | ||||
|     border-width: 1px; | ||||
|     border-width: 2px; | ||||
|     height: 5%; | ||||
|     width: 50%; | ||||
|     margin-top: 5%; | ||||
|     margin-left: 25%; | ||||
|     background-color: rgb(60, 60, 60); | ||||
|     position: relative; | ||||
|     color:white; | ||||
|     color: var(--main-colour); | ||||
|     font-weight: bolder; | ||||
|     word-spacing: 10px; | ||||
|     text-align: center; | ||||
|  | @ -53,8 +71,8 @@ p { | |||
| #userText { | ||||
|     margin-left: 25%; | ||||
|     justify-content: center; | ||||
|     background-color: rgb(60, 60, 60); | ||||
|     color: white; | ||||
|     background-color: var(--term-bg-colour); | ||||
|     color: var(--term-colour); | ||||
|     text-align: left; | ||||
|     height: 45%; | ||||
|     width: 50%; | ||||
|  | @ -68,11 +86,11 @@ p { | |||
|     background-image: url('./greaterthans.png'); | ||||
|     background-position: 10px 10px;  | ||||
|     background-repeat: no-repeat; | ||||
|     background: rgb(60, 60, 60); | ||||
|     color: white; | ||||
|     background: var(--term-bg-colour); | ||||
|     color: var(--term-colour); | ||||
|     border-top: solid; | ||||
|     border-color: darkgray; | ||||
|     border-width: 1px; | ||||
|     border-width: 2px; | ||||
| } | ||||
| 
 | ||||
| #userInput:focus { | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue