mirror/Archipelago
1
0
Fork 1
mirror of https://github.com/ArchipelagoMW/Archipelago.git synced 2026-04-15 05:33:38 -07:00
Code Issues Packages Projects Releases Wiki Activity

Updates all styles save for the tooltip and tracker, which are forthcoming. I just really wanted to commit all these changes.

Browse Source
This commit is contained in:
Chris Wilson
2020-11-30 21:15:47 -05:00
parent 7891c2761f
commit bd3b419de0
38 changed files with 300 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
WebHostLib/static/styles/player-settings.css
View File

@@ -1,87 +1,99 @@
#game-settings{
margin-left: auto;
margin-right: auto;
html{
background-image: url('../static/backgrounds/dirt/dirt-0005-large.png');
background-repeat: repeat;
background-size: 900px 900px;
}
#game-settings code{
background-color: #dbe1bc;
#player-settings{
width: 60rem;
margin-left: auto;
margin-right: auto;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 1rem;
color: #ffe993;
}
#player-settings code{
background-color: #d9cd8e;
border-radius: 4px;
padding-left: 0.25rem;
padding-right: 0.25rem;
color: #000000;
}
#game-settings .instructions{
#player-settings .instructions{
text-align: left;
}
#game-settings #settings-wrapper .setting-wrapper{
#player-settings #settings-wrapper .setting-wrapper{
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
}
#game-settings #settings-wrapper .setting-wrapper .title-span{
#player-settings #settings-wrapper .setting-wrapper .title-span{
font-weight: bold;
}
#game-settings #settings-wrapper{
#player-settings #settings-wrapper{
margin-top: 1.5rem;
}
#game-settings #settings-wrapper #sprite-picker{
#player-settings #settings-wrapper #sprite-picker{
margin-bottom: 2rem;
}
#game-settings #settings-wrapper #sprite-picker #sprite-picker-sprites{
#player-settings #settings-wrapper #sprite-picker #sprite-picker-sprites{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
#game-settings #settings-wrapper #sprite-picker .sprite-img-wrapper{
#player-settings #settings-wrapper #sprite-picker .sprite-img-wrapper{
cursor: pointer;
margin: 10px;
}
/* Center tooltip text for sprite images */
#game-settings #settings-wrapper #sprite-picker .sprite-img-wrapper::after{
#player-settings #settings-wrapper #sprite-picker .sprite-img-wrapper::after{
text-align: center;
}
#game-settings #settings-wrapper #sprite-picker .sprite-img-wrapper img{
#player-settings #settings-wrapper #sprite-picker .sprite-img-wrapper img{
width: 32px;
height: 48px;
}
#game-settings table.option-set{
#player-settings table.option-set{
width: 100%;
margin-bottom: 1.5rem;
}
#game-settings table.option-set td.option-name{
#player-settings table.option-set td.option-name{
width: 150px;
font-weight: bold;
font-size: 1rem;
line-height: 2rem;
}
#game-settings table.option-set td.option-name .delete-button{
#player-settings table.option-set td.option-name .delete-button{
cursor: pointer;
}
#game-settings table.option-set td.option-value{
#player-settings table.option-set td.option-value{
line-height: 2rem;
}
#game-settings table.option-set td.option-value input[type=range]{
#player-settings table.option-set td.option-value input[type=range]{
width: 90%;
min-width: 300px;
vertical-align: middle;
}
#game-settings #game-settings-button-row{
#player-settings #player-settings-button-row{
display: flex;
flex-direction: row;
justify-content: space-between;