82 lines
980 B
CSS
82 lines
980 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;
|
||
|
border:dashed ;
|
||
|
border-color:#00419b;
|
||
|
border-width:2px;}
|
||
|
|
||
|
main article p:hover {
|
||
|
border-width:4px;
|
||
|
border-color:#5aa120;}
|
||
|
|
||
|
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%; }
|
||
|
|
||
|
|
||
|
}
|