Skip to content

Commit

Permalink
Small tweaks to selection screen
Browse files Browse the repository at this point in the history
Buttons press when you hover over them, and slightly changed colour of writing!
  • Loading branch information
PandaLegend committed Dec 18, 2023
1 parent 45d292b commit 4bb37c4
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 10 deletions.
Binary file modified selection/assets/customisationButtons/template.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion selection/dom.js
Original file line number Diff line number Diff line change
Expand Up @@ -435,7 +435,7 @@ function display () {

if(localStorage.getItem(selected.class) !== null) {
document.getElementById("info").innerHTML = "<strong>Level "+JSON.parse(localStorage.getItem(selected.class)).level+"</strong>"+
"<br><span style='font-size: 16px;'>"+JSON.parse(localStorage.getItem(selected.class)).displayAreaName+"</span>";
"<br><span style='font-size: 22px;'>"+JSON.parse(localStorage.getItem(selected.class)).displayAreaName+"</span>";
}
else {
document.getElementById("info").innerHTML = "<strong>Level 0</strong><br><span style='font-size: 16px;'>Not Started</span>";
Expand Down
18 changes: 9 additions & 9 deletions selection/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ body{
/* position: absolute;*/
}

#logo, #random{
#logo, #random{
top: 20px;
}

Expand Down Expand Up @@ -157,8 +157,8 @@ top: 20px;

#info {
/* height: 50px; */
font-size: 20px;
color: #c3be5c;
font-size: 25px;
color: #ada978;
display:inline-block;
width: 290px;
border: 5px solid #553a08;
Expand Down Expand Up @@ -253,7 +253,7 @@ top: 20px;
#play{
font-size: 25px;
font-weight: bold;
color: #c3be5c;
color: #ada978;
width: 290px;
border: 5px solid #553a08;

Expand All @@ -266,7 +266,7 @@ top: 20px;
/*position: fixed;
bottom: -15px;
transform: translate(-50%, -50%);*/
background-image: url("./assets/buttonBackground.png");
background-image: url("./assets/buttonBackground.png");
}

.title{
Expand Down Expand Up @@ -325,24 +325,24 @@ top: 20px;
#skinToneView {
background-image: url("assets/customisationButtons/skinTone.png");
}
#skinToneView.selected {
#skinToneView.selected, #skinToneView:hover {
background-image: url("assets/customisationButtons/skinToneSelected.png");
}
#clothingView {
background-image: url("assets/customisationButtons/clothing.png");
}
#clothingView.selected {
#clothingView.selected, #clothingView:hover {
background-image: url("assets/customisationButtons/clothingSelected.png");
}
#hairView {
background-image: url("assets/customisationButtons/hair.png");
}
#hairView.selected {
#hairView.selected, #hairView:hover {
background-image: url("assets/customisationButtons/hairSelected.png");
}
#hatView {
background-image: url("assets/customisationButtons/hat.png");
}
#hatView.selected {
#hatView.selected, #hatView:hover {
background-image: url("assets/customisationButtons/hatSelected.png");
}

0 comments on commit 4bb37c4

Please sign in to comment.