Improve responsivility

This commit is contained in:
nemunaire 2017-07-30 23:54:06 +02:00 committed by Pierre-Olivier Mercier
parent 9c28a0f8db
commit 4acd2d22a0
1 changed files with 16 additions and 9 deletions

View File

@ -98,13 +98,19 @@
/* --- General --- */
.about-icon {
margin-top: 5px;
position: absolute;
left: -12px;
}
body {
background-size: 100% 100%;
background-image: linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -o-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -moz-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -webkit-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -ms-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -o-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -moz-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -webkit-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -ms-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
font-family: "Linux Libertine", 'Times New Roman', serif;
font-size: 18px;
color: #404040;
@ -132,7 +138,7 @@ p {
p + p {
margin: 24px 0 6px 0;
}
p a {
p a, li a {
color: #00a185;
}
pre, code {
@ -143,7 +149,7 @@ h1,h2,h3,h4,h5,h6 {
font-weight: 800;
}
a {
color: #008AFF;
color: inherit;
}
a:hover,
a:focus,
@ -252,6 +258,7 @@ img {
margin-right: 0.5%;
margin-bottom: 20px;
width: 24.5%;
min-width: 149px;
}
.thumbApp p {
@ -737,7 +744,7 @@ footer .theme-by {
.intro-header .page-heading h1,
.intro-header .tags-heading h1,
.intro-header .categories-heading h1 {
font-size: 80px;
font-size: 64px;
}
.intro-header .post-heading h1 {
font-size: 50px;
@ -926,7 +933,7 @@ div.splitbox div.right {
padding: 15px 25px;
}
}
.disqus-comments button:hover,
.disqus-comments button:hover,
.disqus-comments button:focus {
color: #FFF;
background: #0085a1;