GNUsocial/gnusocial.rocks
4
0
Fork 1
Code Issues Pull Requests Releases Activity

[DOCS][BLOG] Footer is now an actual footer. Line height fixes in the sidebar.

Browse Source
This commit is contained in:
Eliseu Amaro 2021-09-11 19:56:51 +01:00
parent be6560bfcb
commit 9ee437d8aa
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/blog.css
View File

@ -58,12 +58,17 @@ s {
width: 100%; width: 100%;
transform: rotateZ(-1deg); transform: rotateZ(-1deg);
} }
.footer {
margin-left: unset;
}
} }
body, html { body, html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
line-height: 1.4em; line-height: 1.4em;
height: 100vh;
} }
#title{display:none;} #title{display:none;}
@ -90,9 +95,7 @@ header {
header * { header * {
margin: 0; margin: 0;
} }
header ~ * {
padding: 1rem 1rem 0 1rem;
}
header ul li { header ul li {
all: unset; all: unset;
display: flex; display: flex;
@ -104,7 +107,7 @@ header ul li a {
} }
.home-menu { .home-menu {
font-size: 1.25rem; font-size: 1.4rem;
font-weight: bold; font-weight: bold;
max-height: 3rem; max-height: 3rem;
@ -128,8 +131,8 @@ header ul li a {
margin-right: 4px; margin-right: 4px;
} }
.menu-link { .menu-link {
line-height: 2.5rem;
color: #F6F4F6; color: #F6F4F6;
margin-left: 1rem;
} }
.menu-link:hover, .menu-link:focus { .menu-link:hover, .menu-link:focus {
color: #C8BCC8; color: #C8BCC8;
@ -143,6 +146,7 @@ header ul li a {
.content-wrapper, .content-wrapper,
#template-wrapper { #template-wrapper {
margin-left: 15rem; margin-left: 15rem;
padding: 1rem;
} }
#template-wrapper:first-of-type { #template-wrapper:first-of-type {
padding-top: 1rem; padding-top: 1rem;
@ -183,6 +187,7 @@ blockquote {
} }
.footer { .footer {
margin-left: 15rem; margin-left: 15rem;
margin-top: auto;
padding: 1rem; padding: 1rem;
background-color: #333333; background-color: #333333;
color: #e9eaed; color: #e9eaed;

1
assets/css/style.css
View File

@ -99,6 +99,7 @@ header * {
height: 1.25rem; height: 1.25rem;
} }
.menu-link { .menu-link {
line-height: 1.4em;
margin-left: 1rem; margin-left: 1rem;
color: #F6F4F6; color: #F6F4F6;
} }