You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
977 B
CSS
81 lines
977 B
CSS
/* BEGIN LICENSE BLOCK
|
|
|
|
Authors : Ouvaton
|
|
Licensed under the GPL license.
|
|
See http://www.gnu.org/licenses/gpl.html
|
|
|
|
END LICENSE BLOCK */
|
|
|
|
|
|
/*FORMAT MOBILE*/
|
|
|
|
|
|
body {
|
|
background:#f0f0f0;
|
|
font-family:Arial, sans-serif;}
|
|
|
|
header h1,
|
|
header p {
|
|
text-align:center;}
|
|
|
|
header h1 a img {
|
|
margin-top:1%;}
|
|
|
|
header p {
|
|
margin-bottom:3%;
|
|
font-size:200%;}
|
|
|
|
main article p {
|
|
width:80%;
|
|
margin-left:10%;
|
|
margin-bottom:2%;
|
|
background:#FFFFFF;
|
|
box-shadow: inset 0 0 0 2px rgba(45,81,144);
|
|
}
|
|
|
|
main article p:hover {
|
|
box-shadow: inset 0 0 0 6px rgba(45,81,144);
|
|
}
|
|
|
|
main article p a img {
|
|
width:96%;
|
|
height:100px;
|
|
padding:2%;
|
|
border:none;}
|
|
|
|
footer {
|
|
margin-bottom:10%;}
|
|
|
|
|
|
/*FORMAT TABLETTE */
|
|
@media screen and (min-width:600px) {
|
|
|
|
|
|
main article p {
|
|
width:50%;
|
|
margin-left:25%; }
|
|
|
|
main article p a img {
|
|
height:150px; }
|
|
|
|
footer {
|
|
margin-bottom:5%; }
|
|
|
|
|
|
}
|
|
|
|
|
|
/*FORMAT PC */
|
|
@media screen and (min-width:1200px) {
|
|
|
|
|
|
main article p {
|
|
width:30%;
|
|
margin-left:35%; }
|
|
|
|
|
|
footer {
|
|
margin-bottom:4%; }
|
|
|
|
|
|
} |