Ajout du CSS de la page webmail

This commit is contained in:
Matthieu Patout 2020-06-09 18:08:19 +02:00
parent e381f974a9
commit e3d151482f
1 changed files with 82 additions and 0 deletions

82
webmail.css Normal file
View File

@ -0,0 +1,82 @@
/* 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%; }
}