Tweaked the code of blog layout
This commit is contained in:
parent
7a0b0117c4
commit
061a961d8d
|
@ -20,7 +20,7 @@ body {
|
||||||
background-position: top;
|
background-position: top;
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
font-size: 1.125rem; /* 18px */
|
font-size: 1.3rem;
|
||||||
font-family: 'Nunito', Arial, sans-serif;
|
font-family: 'Nunito', Arial, sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -57,7 +57,7 @@ img {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 600px) {
|
@media only screen and (min-width: 37.5rem) {
|
||||||
.small {
|
.small {
|
||||||
max-width: 60%;
|
max-width: 60%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
@ -92,12 +92,12 @@ hr {
|
||||||
#container {
|
#container {
|
||||||
margin: 3em auto;
|
margin: 3em auto;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
max-width: 1100px;
|
max-width: 68.75rem;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: #dddddd;
|
color: #dddddd;
|
||||||
outline-color: #425e74;
|
outline-color: #425e74;
|
||||||
outline-style: ridge;
|
outline-style: ridge;
|
||||||
outline-width: 8px;
|
outline-width: 0.5rem;
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -158,7 +158,7 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
#recentpostlistdiv ul {
|
#recentpostlistdiv ul {
|
||||||
font-size: 1.2em;
|
font-size: 1.1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue