Unverified Commit 8fe355b4 authored by iGor milhit's avatar iGor milhit 🐑
Browse files

mise au point responsive et centrage

parent a8d84451
......@@ -8,15 +8,9 @@
@import url('../fonts/fonts.css')
html {
font-size: 120%;
}
body {
color: rgba(0, 0, 0, 0.8);
font-family: "Cantarell", sans-serif;
line-height: 1.5;
margin: 0;
}
a {
......@@ -24,42 +18,23 @@ a {
}
#accueil {
margin-left: auto;
margin-right: auto;
margin-top: 4%;
margin: 4% auto 0 auto;
width: 98%;
max-width: 960px;
}
#apropos {
background-color: rgba(216, 216, 216, .8);
color: rgba(34, 34, 34, .8);
}
#apropos a {
color: rgba(34, 34, 34, .8);
}
#apropos.entree:hover {
background-color: rgba(34, 34, 34, .5);
}
#apropos.entree a:hover {
color: rgba(231, 231, 231, .7);
}
.entree {
margin: 1%;
width: 8em;
line-height: 8em;
margin: 16px;
width: 205px;
line-height: 205px;
overflow: hidden;
text-align: center;
background-color: rgba(34, 34, 34, .8);
color: rgba(231, 231, 231, .7);
font-size: 1.6em;
font-size: 1.7em;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border-radius: 5px;
}
.entree:hover {
......@@ -74,30 +49,51 @@ a {
color: rgba(231, 231, 231, .7);
}
@media (max-width:900px) {
#apropos {
background-color: rgba(216, 216, 216, .8);
color: rgba(34, 34, 34, .8);
}
#apropos a {
color: rgba(34, 34, 34, .8);
}
#apropos.entree:hover {
background-color: rgba(34, 34, 34, .5);
}
#apropos.entree a:hover {
color: rgba(231, 231, 231, .7);
}
/* ------------------------------------------------------
* ---------- Responsive --------------
* ----------------------------------------------------*/
@media (max-width:979px) {
#accueil {
margin-top: 2%;
max-width: 85%;
max-width: 660px;
}
.entree {
margin: 1%;
font-size: 1.6em;
margin: 10px;
width: 197px;
line-height: 197px;
}
}
@media (max-width:670px) {
#accueil {
margin-top: 1%;
max-width: 640px
}
.entree {
margin: 2%;
padding: 1%;
width: 100%;
margin: 2% auto;
padding: 2%;
width: 90%;
line-height: 2em;
font-size: 2em;
display: block;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment