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

View File

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