Current CSS

This commit is contained in:
reverend 2021-04-10 08:24:33 +02:00
parent 50f60be10a
commit 10c08a2f5e

View File

@ -858,6 +858,13 @@ body {
.LP-Pagination .LP-Pagination__Item .LP-Link { .LP-Pagination .LP-Pagination__Item .LP-Link {
padding: 8px 11px; } } padding: 8px 11px; } }
.LP-Select {
display: block;
cursor: pointer; }
.LP-Select:checked,
:checked + .LP-Select, .LP-Select--active {
box-shadow: 0 0 3px 3px #C09F80; }
.LP-Content { .LP-Content {
padding: 35px; } padding: 35px; }
@ -1060,19 +1067,13 @@ body {
padding: 5px; padding: 5px;
font-size: 25px; } font-size: 25px; }
.LP-UserInfo__Meta { .LP-UserInfo__Meta {
margin-top: 10px;
padding: 5px; } padding: 5px; }
.LP-UserInfo__Meta * { .LP-UserInfo__Meta * {
font-family: "Montserrat", Helvetica, sans-serif; font-family: "Montserrat", Helvetica, sans-serif;
font-size: 18px; } font-size: 18px; }
.LP-UserInfo__Meta .LP-UserInfo__Key { .LP-UserInfo__Meta .LP-UserInfo__Key {
padding-right: 25px; padding-right: 25px;
font-weight: bold; font-weight: bold; }
white-space: nowrap; }
.LP-UserInfo__Meta .LP-UserInfo__Value {
white-space: nowrap; }
.LP-UserInfo__Edit {
margin-top: 10px; }
.LP-Header { .LP-Header {
display: flex; display: flex;
@ -1681,6 +1682,12 @@ body {
object-position: botom; } object-position: botom; }
.LP-ImageGrid__Item--center img { .LP-ImageGrid__Item--center img {
object-position: center; } object-position: center; }
.LP-ImageGrid__Item img {
height: unset;
width: unset; }
.LP-ImageGrid__Item .LP-Image {
height: 100%;
width: 100%; }
.LP-ImageGrid__Item--add .LP-Link { .LP-ImageGrid__Item--add .LP-Link {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -1734,12 +1741,17 @@ body {
.LP-ImageGrid__LightBox:target { .LP-ImageGrid__LightBox:target {
visibility: visible; visibility: visible;
display: grid; display: grid;
justify-items: center;
grid-template-areas: 'picture picture' 'previous next'; grid-template-areas: 'picture picture' 'previous next';
grid-template-rows: 1fr 4rem; grid-template-rows: 1fr 4rem;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
pointer-events: initial; } pointer-events: initial; }
.LP-ImageGrid__FullSizeImage { .LP-ImageGrid__FullSizeImage {
grid-area: picture; } grid-area: picture;
max-width: 100%;
max-height: 100%;
height: unset;
width: unset; }
.LP-ImageGrid__Previous { .LP-ImageGrid__Previous {
grid-area: previous; grid-area: previous;
align-self: center; align-self: center;
@ -1800,15 +1812,6 @@ body {
flex-shrink: 1; flex-shrink: 1;
flex-basis: max-content; } flex-basis: max-content; }
@media (max-width: 1000px) {
.LP-UserProfile {
flex-direction: column-reverse;
gap: 35px; }
.LP-UserProfile__Info {
flex-basis: 100%; }
.LP-UserProfile__Info .LP-UserInfo {
max-width: unset; } }
.LP-MainContainer { .LP-MainContainer {
margin: 0 auto; margin: 0 auto;
max-width: 1280px; } max-width: 1280px; }