mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-14 10:48:12 +02:00
Made styling more coherent, shortened CSS, and added some other little
sprinkles of neatness.
This commit is contained in:
sarah committed
1 parent
7b804feba8
commit
ab0d858fef
9 files changed
+389
-286
No files matched your search
+60
-131
@@ -76,6 +76,25 @@ body {
|
||||
border: 4px solid var(--Mauve);
|
||||
}
|
||||
|
||||
.PanelHeader {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
align-items: baseline;
|
||||
margin: 0;
|
||||
padding: 0.75rem 1rem;
|
||||
background-color: var(--Surface0);
|
||||
border-bottom: 3px solid var(--Surface2);
|
||||
}
|
||||
|
||||
.PanelHeaderInset {
|
||||
margin: -0.75rem -0.75rem 0.75rem;
|
||||
}
|
||||
|
||||
.PanelHeader h2, .PanelHeader h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.StatusPanel {
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 0.75rem 1rem;
|
||||
@@ -87,12 +106,6 @@ body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.GardenInfoHeading {
|
||||
margin: 0;
|
||||
padding: 0.75rem 1rem;
|
||||
border-bottom: 3px solid var(--Surface2);
|
||||
}
|
||||
|
||||
.GardenInfoRow {
|
||||
display: grid;
|
||||
grid-template-columns: repeat( 2, minmax(0, 1fr) );
|
||||
@@ -440,16 +453,8 @@ input, button, textarea, select {
|
||||
}
|
||||
|
||||
.GardenQuickBuyHeader {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.GardenQuickBuyHeader h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.QuickBuyAmountList {
|
||||
@@ -575,12 +580,6 @@ input, button, textarea, select {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.GardenToolsPanel h2,
|
||||
.GardenInventoryPanel h2,
|
||||
.GardenPlotsPanel h2 {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.GardenToolsPanel .ToolList,
|
||||
.GardenInventoryPanel .SeedList {
|
||||
flex-direction: row;
|
||||
@@ -798,11 +797,7 @@ input, button, textarea, select {
|
||||
|
||||
.GardenUser, .Leaderboard {
|
||||
margin-top: 1.5rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.GardenUser h2, .Leaderboard h2 {
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.GardenUser input, .GardenUser button {
|
||||
@@ -959,14 +954,10 @@ input, button, textarea, select {
|
||||
|
||||
.ProfileSection {
|
||||
margin-top: 1.5rem;
|
||||
padding: 1rem;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.ProfileSection h2 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.ProfileSection h3 {
|
||||
.ProfileSection h3:not(.PanelHeader) {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
@@ -1334,16 +1325,11 @@ input, button, textarea, select {
|
||||
}
|
||||
|
||||
.ShopItemHeader {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
align-items: baseline;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 3px solid var(--Surface2);
|
||||
}
|
||||
|
||||
.ShopItemHeader h3 {
|
||||
margin: 0;
|
||||
.ShopItem > .PanelHeaderInset {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ShopItemHeaderOwned {
|
||||
@@ -1556,33 +1542,26 @@ input, button, textarea, select {
|
||||
|
||||
/* * Plant encyclopedia */
|
||||
|
||||
.PlantEncyclopediaList {
|
||||
.PlantEncyclopediaList,
|
||||
.MutationEncyclopediaList {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaCard {
|
||||
.PlantEncyclopediaCard,
|
||||
.MutationEncyclopediaCard {
|
||||
overflow: hidden;
|
||||
box-shadow: 3px 3px 0 var(--Crust);
|
||||
}
|
||||
|
||||
.PlantEncyclopediaHeader {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
align-items: baseline;
|
||||
padding: 0.75rem 1rem;
|
||||
background-color: var(--Surface0);
|
||||
border-bottom: 3px solid var(--Surface2);
|
||||
}
|
||||
|
||||
.PlantEncyclopediaHeader h2 {
|
||||
margin: 0;
|
||||
color: var(--Green);
|
||||
}
|
||||
|
||||
.PlantEncyclopediaNumber {
|
||||
.PlantEncyclopediaNumber,
|
||||
.MutationEncyclopediaNumber {
|
||||
flex: 0 0 auto;
|
||||
color: var(--Overlay2);
|
||||
font-size: 1.1rem;
|
||||
@@ -1614,7 +1593,8 @@ input, button, textarea, select {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaStat {
|
||||
.PlantEncyclopediaStat,
|
||||
.MutationEncyclopediaStat {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 0.75rem;
|
||||
@@ -1626,12 +1606,14 @@ input, button, textarea, select {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaStatName {
|
||||
.PlantEncyclopediaStatName,
|
||||
.MutationEncyclopediaStatName {
|
||||
flex: 0 0 auto;
|
||||
color: var(--Subtext1);
|
||||
}
|
||||
|
||||
.PlantEncyclopediaStat > :last-child {
|
||||
.PlantEncyclopediaStat > :last-child,
|
||||
.MutationEncyclopediaStat > :last-child {
|
||||
min-width: 0;
|
||||
text-align: right;
|
||||
overflow-wrap: anywhere;
|
||||
@@ -1651,12 +1633,7 @@ input, button, textarea, select {
|
||||
border-top: 3px solid var(--Surface2);
|
||||
}
|
||||
|
||||
.PlantEncyclopediaRelationGroup h3 {
|
||||
margin-bottom: 0.5rem;
|
||||
color: var(--Peach);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaRelationGroup h3,
|
||||
.PlantEncyclopediaRelationList {
|
||||
max-height: 7rem;
|
||||
margin: 0;
|
||||
@@ -1664,15 +1641,20 @@ input, button, textarea, select {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaRelationList li {
|
||||
.PlantEncyclopediaRelationList li,
|
||||
.MutationEncyclopediaRelationList li {
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaRelationList li:last-child {
|
||||
.PlantEncyclopediaRelationList li:last-child,
|
||||
.MutationEncyclopediaRelationList li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaRelationUnknown, .PlantEncyclopediaRelationEmpty {
|
||||
.PlantEncyclopediaRelationUnknown,
|
||||
.PlantEncyclopediaRelationEmpty,
|
||||
.MutationEncyclopediaRelationUnknown,
|
||||
.MutationEncyclopediaRelationEmpty {
|
||||
color: var(--Overlay1);
|
||||
}
|
||||
|
||||
@@ -1688,11 +1670,13 @@ input, button, textarea, select {
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaStat > :last-child {
|
||||
.PlantEncyclopediaStat > :last-child,
|
||||
.MutationEncyclopediaStat > :last-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.PlantEncyclopediaStat {
|
||||
.PlantEncyclopediaStat,
|
||||
.MutationEncyclopediaStat {
|
||||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
@@ -1700,38 +1684,10 @@ input, button, textarea, select {
|
||||
|
||||
/* * Mutation encyclopedia */
|
||||
|
||||
.MutationEncyclopediaList {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaCard {
|
||||
overflow: hidden;
|
||||
box-shadow: 3px 3px 0 var(--Crust);
|
||||
}
|
||||
|
||||
.MutationEncyclopediaHeader {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
align-items: baseline;
|
||||
padding: 0.75rem 1rem;
|
||||
background-color: var(--Surface0);
|
||||
border-bottom: 3px solid var(--Surface2);
|
||||
}
|
||||
|
||||
.MutationEncyclopediaHeader h2 {
|
||||
margin: 0;
|
||||
color: var(--Mauve);
|
||||
}
|
||||
|
||||
.MutationEncyclopediaNumber {
|
||||
flex: 0 0 auto;
|
||||
color: var(--Overlay2);
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaBody {
|
||||
padding: 1rem;
|
||||
}
|
||||
@@ -1753,6 +1709,17 @@ input, button, textarea, select {
|
||||
color: var(--Subtext1);
|
||||
}
|
||||
|
||||
.MutationHintList {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: var(--Subtext1);
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.MutationHintList li + li {
|
||||
margin-top: 0.35rem;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaStats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat( 2, minmax(0, 1fr) );
|
||||
@@ -1760,24 +1727,6 @@ input, button, textarea, select {
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaStat {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 0.75rem;
|
||||
padding: 0.35rem 0;
|
||||
border-bottom: 2px solid var(--Surface0);
|
||||
}
|
||||
|
||||
.MutationEncyclopediaStatName {
|
||||
flex: 0 0 auto;
|
||||
color: var(--Subtext1);
|
||||
}
|
||||
|
||||
.MutationEncyclopediaStat > :last-child {
|
||||
min-width: 0;
|
||||
text-align: right;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaRecipeSection {
|
||||
margin-bottom: 1.25rem;
|
||||
@@ -1876,18 +1825,6 @@ input, button, textarea, select {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaRelationList li {
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaRelationList li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaRelationUnknown, .MutationEncyclopediaRelationEmpty {
|
||||
color: var(--Overlay1);
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.MutationEncyclopediaStats, .MutationEncyclopediaRelations {
|
||||
grid-template-columns: 1fr;
|
||||
@@ -1902,14 +1839,6 @@ input, button, textarea, select {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.MutationEncyclopediaStat {
|
||||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
|
||||
.MutationEncyclopediaStat > :last-child {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/* * Admin editors */
|
||||
|
||||
Reference in new issue
Block a user