diff --git a/public/main.css b/public/main.css index e0a93d3..906ecbc 100644 --- a/public/main.css +++ b/public/main.css @@ -555,7 +555,7 @@ body { .LP-Link { color: #C09F80; text-decoration: none; - font-family: "Crimson Pro", Times, serif; } + font-family: "Montserrat", Helvetica, sans-serif; } .LP-Link:hover { color: #565656; text-decoration: underline; } @@ -739,7 +739,8 @@ body { flex-direction: row; height: 100%; height: min-content; - gap: 3px; } + gap: 3px; + transition: background .3s; } .LP-Tag--multiRow { flex-wrap: wrap; } .LP-Tag--column { @@ -20100,6 +20101,8 @@ body { margin: 0; text-align: center; background-color: transparent; } + .LP-Menu .LP-Menu__Item .LP-Paragraph { + margin-bottom: 0; } .LP-Menu .LP-Menu__Item .LP-Link { display: block; padding: 15px 0; } @@ -20120,7 +20123,8 @@ body { .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item { text-align: left; margin-bottom: 10px; - padding-left: 25px; } + padding-left: 25px; + transition: background .2s; } .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item--additional { background-color: #ccc; } .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link { @@ -20322,6 +20326,7 @@ body { border-left: 1px solid #C09F80; width: calc(100% - 1px); overflow: hidden; + transition: background .3s, color .5s; display: grid; align-items: center; display: flex; @@ -20794,7 +20799,8 @@ body { height: 100%; position: relative; display: block; - background: #f9f9f9; } + background: #f9f9f9; + transition: background .3s; } .LP-ImageGrid__Item--add .LP-Link .LP-Icon { width: 35px; height: 35px; @@ -20810,8 +20816,9 @@ body { position: absolute; top: 10px; right: 10px; - background-color: #C09F80; + background-color: transparent; border-radius: 50%; + transition: background .2s; height: 35px; width: 35px; } .LP-ImageGrid__DeleteItem .LP-Link .LP-Icon { @@ -20821,6 +20828,7 @@ body { left: 7.8125px; top: 7.8125px; } .LP-ImageGrid__Item > .LP-Link:hover + .LP-ImageGrid__DeleteItem, .LP-ImageGrid__DeleteItem:hover { + background-color: #C09F80; visibility: visible; } .LP-ImageGrid__LightBox { visibility: hidden; @@ -20839,6 +20847,8 @@ body { top: 0; left: 0; box-sizing: border-box; } + .LP-ImageGrid__LightBox img { + object-fit: contain; } .LP-ImageGrid__LightBox:target { visibility: visible; display: grid; @@ -20871,6 +20881,14 @@ body { visibility: visible; opacity: 1; } +.LP-Select { + display: block; + cursor: pointer; + transition: box-shadow .3s; } + +.LP-Select:checked, :checked + .LP-Select, .LP-Select--active { + box-shadow: 0 0 3px 3px #C09F80; } + .LP-Map { margin-bottom: 25px; } .LP-Map--wide {