sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

frontpage 1st cut

Browse Source
This commit is contained in:
Sander Roosendaal
2018-10-17 18:53:55 +02:00
parent 4f1ba0e802
commit 8407750027
11 changed files with 206 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
static/css/frontstyles.css
View File

@@ -3,6 +3,7 @@
.wrapper {
max-width: 1400px;
width: 100%;
color: white;
font: 1.2em Helvetica, arial, sans-serif;
}
@@ -19,7 +20,7 @@
a {
text-decoration: none;
color: #1c75bc;
color: white;
}
nav ul {
@@ -351,20 +352,22 @@
.main-head {
grid-area: header;
background-color: rgba(255,255,255,0.7);
background-color: rgba(0,0,0,0.6);
}
.main-user {
grid-area: user;
background-color: rgba(255,255,255,0.7);
background-color: rgba(0,0,0,0.6);
}
.content {
grid-area: content;
padding: 1.2em 1.2em 1.2em 1.2em;
font-size: 1.3rem;
color: white;
background-color: rgba(0,0,0,0.3)
}
.content h1 {
@@ -372,6 +375,10 @@
font-weight: normal;
}
.content label {
color: white;
}
.content h2 {
font-size 1.2em;
font-weight: normal;
@@ -386,14 +393,16 @@
font-style: italic;
}
.main-nav {
grid-area: nav;
background: #1c75bc;
background-color: rgba(28,117,188,0.6);
}
.side-nav {
grid-area: side-nav;
background: #1c75bc;
background-color: rgba(0,0,0,0.6);
}
.side {
@@ -440,7 +449,7 @@
}
.main-footer {
grid-area: footer;
background-color: rgba(255,255,255,0.6);
background-color: rgba(0,0,0,0.5);
padding: 1.2em 1.2em 1.2em 1.2em;
}
@@ -477,7 +486,7 @@
}
.main-content li.grid_3 {
grid-column-end: span 4;
grid-column-end: span 1;
}
@@ -489,14 +498,18 @@
.main-content li.grid_4 {
grid-column-end: span 1;
}
.main-content li.grid_5 {
grid-column-end: span 1;
}
/**
.main-content li img {
display: block;
width: 100%;
height: auto;
padding: 5px;
}
**/
@media (min-height: 600px) {
@@ -563,7 +576,7 @@
.main-content {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-columns: repeat(3,1fr);
grid-gap: 10px;
}
@@ -572,11 +585,14 @@
}
.main-content li.grid_3 {
grid-column-end: span 2;
grid-column-end: span 3;
}
.main-content li.grid_4 {
grid-column-end: span 2;
grid-column-end: span 3;
}
.main-content li.grid_5 {
grid-column-end: span 3;
}
}
@@ -602,7 +618,7 @@
.main-content {
display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-columns: repeat(5,1fr);
grid-gap: 10px;
}
@@ -618,6 +634,10 @@
grid-column-end: span 4;
}
.main-content li.grid_5 {
grid-column-end: span 5;
}
}
@media print {