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

added side header

Browse Source
This commit is contained in:
Sander Roosendaal
2018-09-26 18:48:14 +02:00
parent 2e9ffe6660
commit 3992120f87
18 changed files with 69 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
static/css/styles2.css
View File

@@ -276,6 +276,9 @@
grid-area: header;
background: #ededed;
}
.main-user {
grid-area: user;
background: #ededed;
@@ -292,9 +295,27 @@
.side {
grid-area: sidebar;
background: #35383d;
border-top: 1px solid #dddddd;
padding: 0;
}
.sideheader {
grid-area: side-header;
background: #35383d;
padding: 0;
}
.sideheader h1 {
font-weight: bold;
text-align: left;
font-size: 1.4em;
color: #dddddd;
padding: 5px;
margin: 0;
margin-left: 30px;
padding-bottom: 0;
}
.ad {
grid-area: ad;
background: #35383d;
@@ -310,11 +331,12 @@
.wrapper {
display: grid;
/* grid-gap: 2px; */
grid-template-areas:
grid-template-areas:
"header"
"user"
"user"
"nav"
"content"
"side-header"
"sidebar"
"ad"
"footer";
@@ -336,7 +358,7 @@
grid-template-areas:
"header header"
"user user"
"sidebar nav"
"side-header nav"
"sidebar content"
"ad footer";
}
@@ -362,7 +384,7 @@
grid-template-columns: 1fr 4fr 1fr;
grid-template-areas:
"header header user"
"sidebar nav nav"
"side-header nav nav"
"sidebar content content"
"sidebar content content"
"sidebar footer footer"