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

New css

Browse Source
This commit is contained in:
reverend 2020-08-04 20:06:39 +02:00
parent 2346f814e7
commit fc7a847f6d
1 changed files with 67 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
lostplaces/lostplaces_app/static/main.css
View File

@ -1,12 +1,20 @@
@font-face {
font-family: Crimson;
src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); }
@font-face {
font-family: Montserrat;
src: url("fonts/Montserrat/Montserrat-Regular.otf"), url("fonts/Montserrat/Montserrat-Bold.otf"), url("fonts/Montserrat/Montserrat-Italic.otf"); }
.LP-Link { .LP-Link {
color: #565656; color: #565656;
text-decoration: none; text-decoration: none;
font-family: Roboto, Arial, sans-serif; } font-family: Montserrat, Helvetica, sans-serif; }
.LP-Link:hover { .LP-Link:hover {
color: #C09F80; } color: #C09F80; }
.LP-Link .LP-Text { .LP-Link .LP-Paragraph {
font-family: Roboto, Arial, sans-serif; } font-family: Montserrat, Helvetica, sans-serif; }
.LP-Link .LP-Text:hover { .LP-Link .LP-Paragraph:hover {
color: #C09F80; } color: #C09F80; }
.LP-Link__IconWrapper { .LP-Link__IconWrapper {
@ -221,33 +229,49 @@
.LP-TagList .LP-TagList__List .LP-TagList__Item { .LP-TagList .LP-TagList__List .LP-TagList__Item {
margin: 6px; } margin: 6px; }
.LP-Menu {
border-left: 1px solid #C09F80; }
.LP-Menu .LP-Menu__List { .LP-Menu .LP-Menu__List {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-around;
padding: 0; padding: 0;
margin: 0; } margin: 0; }
.LP-Menu .LP-Menu__Item { .LP-Menu .LP-Menu__Item {
padding: 15px 0;
margin: 0; margin: 0;
width: 100px;
text-align: center; text-align: center;
background-color: transparent; } background-color: transparent; }
.LP-Menu .LP-Menu__Item .LP-Link {
display: block;
padding: 15px 0; }
.LP-Menu .LP-Link__Text { .LP-Menu .LP-Link__Text {
color: #565656; color: #565656;
font-weight: bold; font-weight: bold;
text-shadow: 0px 0px 20px white; } text-shadow: 0px 0px 20px white; }
.LP-Menu .LP-Link__Text:hover { .LP-Menu .LP-Link__Text:hover {
color: #76323F; } color: #76323F; }
.LP-Menu--sidebar {
border: none;
min-width: 80px; }
.LP-Menu--sidebar .LP-Menu__List {
flex-direction: column; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item {
text-align: left;
border-left: 1px solid #C09F80;
margin-bottom: 10px; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child {
margin-bottom: 0; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link:hover {
background-color: #f9f9f9; }
@media (max-width: 750px) { @media (max-width: 750px) {
.LP-Menu .LP-Menu__List { .LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; } } justify-content: flex-start; }
.LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List .LP-Menu__Item {
flex: 1 1 auto; } }
@media (max-width: 450px) { @media (max-width: 450px) {
.LP-Menu .LP-Menu__List { .LP-Menu .LP-Menu__List {
@ -259,15 +283,27 @@
justify-content: space-between; justify-content: space-between;
margin-bottom: 70px; margin-bottom: 70px;
height: 60px; } height: 60px; }
.LP-Header__Navigation {
flex-grow: 2; }
.LP-Header__Logo { .LP-Header__Logo {
height: 60px; height: 60px;
margin: 25px; margin: 25px;
object-fit: cover; object-fit: cover;
max-height: 100%; max-height: 100%;
overflow: hidden; } overflow: hidden;
flex-shrink: 0; }
.LP-Header__Logo .LP-Image { .LP-Header__Logo .LP-Image {
height: 60px; } height: 60px; }
.LP-Header__UserInformation {
margin-right: 3%; }
.LP-Header__UserInformation .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif;
white-space: nowrap; }
.LP-Header__UserInformation .LP-Link {
margin: 0 3px;
padding: 4px 4px; }
@media (max-width: 750px) { @media (max-width: 750px) {
.LP-Header__Logo { .LP-Header__Logo {
width: 60px; } width: 60px; }
@ -412,9 +448,6 @@
.LP-HorizontalLine { .LP-HorizontalLine {
color: #565656; } color: #565656; }
.LP-Section {
clear: both; }
@media (max-width: 650px) { @media (max-width: 650px) {
.LP-MainContainer { .LP-MainContainer {
width: 100%; } } width: 100%; } }
@ -435,7 +468,8 @@
top: -15px; } top: -15px; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOverView__Description .LP-Headline { .LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOverView__Description .LP-Headline {
position: relative; position: relative;
top: 15px; } top: 15px;
margin-bottom: 30px; }
.LP-PlaceOverview .LP-PlaceOverView__ImageList { .LP-PlaceOverview .LP-PlaceOverView__ImageList {
list-style-type: none; list-style-type: none;