lunastella
/
textadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Kindof fix title, switch to using css varriables

pull/1/head
~erin 2021-07-10 17:43:14 -04:00
parent f4e6c3ffdb
commit 6049a8b6cd
Signed by untrusted user: erin
GPG Key ID: DA70E064A8C70F44
1 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
style.css
View File

@ -1,6 +1,14 @@
:root {
--term-colour: #9C64FE;
--term-bg-colour: #191919;
--main-colour: white;
--main-bg-colour: #3C3C3C;
--body-bg-colour: black;
}
body { body {
text-align: center; text-align: center;
background-color: black; background-color: var(--body-bg-colour);
font-family: "Courier New", monospace; font-family: "Courier New", monospace;
} }
@ -20,15 +28,25 @@ p {
display:inline-block; display:inline-block;
font-weight: bolder; font-weight: bolder;
} }
h2#terminal {
margin: 10px;
padding-left: 12%;
align-content: center;
}
#infobox { #infobox {
text-align: center; text-align: center;
background: rgb(60, 60, 60); background: rgb(60, 60, 60);
color:white; color: var(--main-colour);
width: 50%; width: 50%;
height: 10%; height: 10%;
margin-left: 25%; margin-left: 25%;
margin-top: 5%; margin-top: 5%;
padding-bottom: 10px;
}
h4 {
padding: 5px;
} }
#roundedtop { #roundedtop {
@ -37,14 +55,14 @@ p {
border-color: rgb(60, 60, 60); border-color: rgb(60, 60, 60);
border-bottom: solid; border-bottom: solid;
border-bottom-color: darkgray; border-bottom-color: darkgray;
border-width: 1px; border-width: 2px;
height: 5%; height: 5%;
width: 50%; width: 50%;
margin-top: 5%; margin-top: 5%;
margin-left: 25%; margin-left: 25%;
background-color: rgb(60, 60, 60); background-color: rgb(60, 60, 60);
position: relative; position: relative;
color:white; color: var(--main-colour);
font-weight: bolder; font-weight: bolder;
word-spacing: 10px; word-spacing: 10px;
text-align: center; text-align: center;
@ -53,8 +71,8 @@ p {
#userText { #userText {
margin-left: 25%; margin-left: 25%;
justify-content: center; justify-content: center;
background-color: rgb(60, 60, 60); background-color: var(--term-bg-colour);
color: white; color: var(--term-colour);
text-align: left; text-align: left;
height: 45%; height: 45%;
width: 50%; width: 50%;
@ -68,13 +86,13 @@ p {
background-image: url('./greaterthans.png'); background-image: url('./greaterthans.png');
background-position: 10px 10px; background-position: 10px 10px;
background-repeat: no-repeat; background-repeat: no-repeat;
background: rgb(60, 60, 60); background: var(--term-bg-colour);
color: white; color: var(--term-colour);
border-top: solid; border-top: solid;
border-color: darkgray; border-color: darkgray;
border-width: 1px; border-width: 2px;
} }
#userInput:focus { #userInput:focus {
outline: none; outline: none;
} }