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

[CSS] Blog styling changes

This commit is contained in:
Eliseu Amaro 2021-12-09 14:50:33 +00:00 committed by Diogo Peralta Cordeiro
parent eb68ab6079
commit 7fbd880b6d
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
1 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/blog.css
View File

@ -35,9 +35,15 @@ s {
} }
.content-wrapper, .content-wrapper,
#template-wrapper { #template-wrapper {
max-width: 100% !important;
width: 100% !important;
margin-left: unset !important; margin-left: unset !important;
padding: 0 1rem 0 1rem !important; padding: 0 1rem 0 1rem !important;
} }
.template-unit img {
max-width:100% !important;
}
.footer { .footer {
margin-left: unset !important; margin-left: unset !important;
@ -86,11 +92,11 @@ header {
background-color: #221E22; background-color: #221E22;
width: 15rem; width: 12vw;
height: 100vh; height: 100vh;
top: 0; top: 0;
left: 0; left: 12vw;
-webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0); -webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0); box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
@ -154,7 +160,11 @@ header ul li a {
.content-wrapper, .content-wrapper,
#template-wrapper { #template-wrapper {
margin-left: 15rem; display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
max-width: 44vw;
padding: 1rem; padding: 1rem;
} }
#template-wrapper:first-of-type { #template-wrapper:first-of-type {
@ -180,6 +190,14 @@ header ul li a {
.template-unit ul + p { .template-unit ul + p {
margin-top: 1rem; margin-top: 1rem;
} }
.template-unit img {
display: block;
max-width:800px;
max-height: 400px;
width: auto;
height: auto;
margin-top: 5px;
}
.allposts_header + ul :last-child { .allposts_header + ul :last-child {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -205,7 +223,7 @@ pre {
overflow-x: scroll; overflow-x: scroll;
} }
.footer { .footer {
margin-left: 15rem; margin-left: 24vw;
margin-top: auto; margin-top: auto;
padding: 1rem; padding: 1rem;
background-color: #333333; background-color: #333333;