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

Current CSS

This commit is contained in:
reverend 2021-04-10 08:24:33 +02:00
parent 50f60be10a
commit 10c08a2f5e
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
django_lostplaces/lostplaces/static/main.css
View File

@ -858,6 +858,13 @@ body {
.LP-Pagination .LP-Pagination__Item .LP-Link {
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 {
padding: 35px; }
@ -1060,19 +1067,13 @@ body {
padding: 5px;
font-size: 25px; }
.LP-UserInfo__Meta {
margin-top: 10px;
padding: 5px; }
.LP-UserInfo__Meta * {
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 18px; }
.LP-UserInfo__Meta .LP-UserInfo__Key {
padding-right: 25px;
font-weight: bold;
white-space: nowrap; }
.LP-UserInfo__Meta .LP-UserInfo__Value {
white-space: nowrap; }
.LP-UserInfo__Edit {
margin-top: 10px; }
font-weight: bold; }
.LP-Header {
display: flex;
@ -1681,6 +1682,12 @@ body {
object-position: botom; }
.LP-ImageGrid__Item--center img {
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 {
width: 100%;
height: 100%;
@ -1734,12 +1741,17 @@ body {
.LP-ImageGrid__LightBox:target {
visibility: visible;
display: grid;
justify-items: center;
grid-template-areas: 'picture picture' 'previous next';
grid-template-rows: 1fr 4rem;
grid-template-columns: 1fr 1fr;
pointer-events: initial; }
.LP-ImageGrid__FullSizeImage {
grid-area: picture; }
grid-area: picture;
max-width: 100%;
max-height: 100%;
height: unset;
width: unset; }
.LP-ImageGrid__Previous {
grid-area: previous;
align-self: center;
@ -1800,15 +1812,6 @@ body {
flex-shrink: 1;
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 {
margin: 0 auto;
max-width: 1280px; }