Update style.css

Added some nice changes to the UI mainly the input bars and lines
This commit is contained in:
Andyyy7666
2022-02-26 01:47:11 +01:00
committed by GitHub
parent cc7d1c3a08
commit c812099595

View File

@@ -156,7 +156,7 @@ body {
#characterCreatorTopTextLine { #characterCreatorTopTextLine {
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(0,0,0,0) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(0, 0, 0, 0.014) 100%);
height: 0.1vh; height: 0.1vh;
width: 95%; width: 95%;
border: none; border: none;
@@ -165,15 +165,19 @@ body {
/* character info */ /* character info */
#characterInfoContainer { #characterInfoContainer {
margin-top: 2vh; padding: 2vh 3vw;
margin-left: 6.5vw; }
#characterInfoContainerLeft {
width: 50%;
float: left;
}
#characterInfoContainerRight {
width: 50%;
display: inline-block;
} }
.firstRowText, .secondRowText, .thirdRowText, .fourthRowText { .firstRowText, .secondRowText, .thirdRowText, .fourthRowText {
color: white; color: white;
display: inline-block;
margin-top: 2vh;
margin-bottom: 1vh;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold; font-weight: bold;
} }
@@ -181,16 +185,18 @@ body {
.firstRowInput, .secondRowInput, .thirdRowInput, .fourthRowInput { .firstRowInput, .secondRowInput, .thirdRowInput, .fourthRowInput {
background: white; background: white;
color: black; color: black;
display: inline-block;
border: none; border: none;
border-radius: 0.2vw; border-radius: 0.2vw;
height: 4vh; height: 3vh;
width: 36%; width: 95%;
margin-top: 0.5vh;
margin-bottom: 2vh;
padding: 0 0 0 0.5vw;
} }
.characterSubmitButton { .characterSubmitButton {
margin-top: 1vh; margin-top: 1vh;
margin-left: 30.3vw; margin-left: 33.7vw;
margin-bottom: 2vh; margin-bottom: 2vh;
width: 8vw; width: 8vw;
background-color: rgb(17, 113, 238); background-color: rgb(17, 113, 238);