Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

New CSS.

Browse Source
This commit is contained in:
Marcus Scholz 2021-10-02 09:30:58 +02:00
parent 8aff544de6
commit 3d6601c110
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/main.css
View File

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