Background color for center column

merge-requests/8/head
Bob Mottram 2020-10-02 21:40:36 +01:00
parent 18616cf0d9
commit f5b682166f
1 changed files with 23 additions and 22 deletions

View File

@ -941,12 +941,12 @@ aside .toggle-inside li {
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.timeline-banner { .timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png"); background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
height: 15%; height: 15%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100vw; background-size: 100vw;
position: relative; position: relative;
} }
.timeline { .timeline {
border: 0; border: 0;
@ -977,16 +977,21 @@ aside .toggle-inside li {
.col-left img.leftColEditImage { .col-left img.leftColEditImage {
background: var(--column-left-color); background: var(--column-left-color);
width: 20%; width: 20%;
float: right; float: right;
} }
.col-left img.leftColImg { .col-left img.leftColImg {
background: var(--column-left-color); background: var(--column-left-color);
width: 100%; width: 100%;
margin: 0 0; margin: 0 0;
padding: 0 0; padding: 0 0;
}
.column-center {
display: inline-block;
width: var(--column-center-width);
} }
.col-center { .col-center {
width: var(--column-center-width); width: var(--column-center-width);
background-color: var(--main-bg-color);
} }
.col-right a:link { .col-right a:link {
background: var(--column-left-color); background: var(--column-left-color);
@ -1013,17 +1018,13 @@ aside .toggle-inside li {
.col-right img.rightColEditImage { .col-right img.rightColEditImage {
background: var(--column-left-color); background: var(--column-left-color);
width: 20%; width: 20%;
float: right; float: right;
} }
.col-right img.rightColImg { .col-right img.rightColImg {
background: var(--column-left-color); background: var(--column-left-color);
width: 100%; width: 100%;
margin: 0 0; margin: 0 0;
padding: 0 0; padding: 0 0;
}
.column-center {
display: inline-block;
width: var(--column-center-width);
} }
.likesCount { .likesCount {
font-size: var(--font-size-likes); font-size: var(--font-size-likes);
@ -1486,12 +1487,12 @@ aside .toggle-inside li {
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.timeline-banner { .timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png"); background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
height: 6%; height: 6%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 145vw; background-size: 145vw;
position: relative; position: relative;
} }
.timeline { .timeline {
border: 0; border: 0;