Header and title fxes
This commit is contained in:
parent
fce7ee90b5
commit
03993bfdfd
@ -128,6 +128,7 @@ p a {
|
|||||||
.article-title {
|
.article-title {
|
||||||
font-family: solidemirage;
|
font-family: solidemirage;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article-author {
|
.article-author {
|
||||||
@ -150,6 +151,7 @@ p a {
|
|||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: mplus-regular;
|
font-family: mplus-regular;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article-img img{
|
.article-img img{
|
||||||
@ -244,7 +246,7 @@ blockquote{
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* responsive instructions */
|
/* responsive instructions */
|
||||||
@media only screen and (max-width:632px) {
|
@media only screen and (max-width:1000px) {
|
||||||
header > a > h1{
|
header > a > h1{
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
@ -252,14 +254,20 @@ blockquote{
|
|||||||
header {
|
header {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin-top: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vignette > h2{
|
.vignette > h2{
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.article-title {
|
.article-title {
|
||||||
font-size: 2em;
|
font-size: 1.5em;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.article {
|
.article {
|
||||||
display: block;
|
display: block;
|
||||||
@ -278,13 +286,11 @@ blockquote{
|
|||||||
footer {
|
footer {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
display: block;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer > a {
|
footer > a {
|
||||||
position : unset;
|
position : unset;
|
||||||
display: unset;
|
|
||||||
margin-top : 10px;
|
margin-top : 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -128,6 +128,7 @@ p a {
|
|||||||
.article-title {
|
.article-title {
|
||||||
font-family: solidemirage;
|
font-family: solidemirage;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article-author {
|
.article-author {
|
||||||
@ -150,6 +151,7 @@ p a {
|
|||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: mplus-regular;
|
font-family: mplus-regular;
|
||||||
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article-img img{
|
.article-img img{
|
||||||
@ -244,7 +246,7 @@ blockquote{
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* responsive instructions */
|
/* responsive instructions */
|
||||||
@media only screen and (max-width:632px) {
|
@media only screen and (max-width:1000px) {
|
||||||
header > a > h1{
|
header > a > h1{
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
@ -252,14 +254,20 @@ blockquote{
|
|||||||
header {
|
header {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin-top: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vignette > h2{
|
.vignette > h2{
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.article-title {
|
.article-title {
|
||||||
font-size: 2em;
|
font-size: 1.5em;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.article {
|
.article {
|
||||||
display: block;
|
display: block;
|
||||||
@ -278,13 +286,11 @@ blockquote{
|
|||||||
footer {
|
footer {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
display: block;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer > a {
|
footer > a {
|
||||||
position : unset;
|
position : unset;
|
||||||
display: unset;
|
|
||||||
margin-top : 10px;
|
margin-top : 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user