[CSS] Blog styling changes
This commit is contained in:
parent
eb68ab6079
commit
7fbd880b6d
@ -35,9 +35,15 @@ s {
|
||||
}
|
||||
.content-wrapper,
|
||||
#template-wrapper {
|
||||
max-width: 100% !important;
|
||||
width: 100% !important;
|
||||
margin-left: unset !important;
|
||||
padding: 0 1rem 0 1rem !important;
|
||||
}
|
||||
|
||||
.template-unit img {
|
||||
max-width:100% !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-left: unset !important;
|
||||
@ -86,11 +92,11 @@ header {
|
||||
|
||||
background-color: #221E22;
|
||||
|
||||
width: 15rem;
|
||||
width: 12vw;
|
||||
height: 100vh;
|
||||
|
||||
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);
|
||||
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,
|
||||
#template-wrapper {
|
||||
margin-left: 15rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 44vw;
|
||||
padding: 1rem;
|
||||
}
|
||||
#template-wrapper:first-of-type {
|
||||
@ -180,6 +190,14 @@ header ul li a {
|
||||
.template-unit ul + p {
|
||||
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 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@ -205,7 +223,7 @@ pre {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.footer {
|
||||
margin-left: 15rem;
|
||||
margin-left: 24vw;
|
||||
margin-top: auto;
|
||||
padding: 1rem;
|
||||
background-color: #333333;
|
||||
|
Loading…
Reference in New Issue
Block a user