1
0
mirror of https://github.com/moparisthebest/wallabag synced 2024-11-30 12:52:24 -05:00

correction largeur des blocs

This commit is contained in:
nicosomb 2013-04-16 15:34:43 +02:00
parent 811a765d48
commit 45a04467ae

View File

@ -62,10 +62,10 @@ header {
color: #F1F1F1; color: #F1F1F1;
} }
#content { /*#content {
width: 800px; width: 800px;
margin: 0 auto; margin: 0 auto;
} }*/
footer { footer {
@ -96,16 +96,10 @@ input[type=submit].delete {
#main .entrie { #main .entrie {
color: rgb(46, 46, 46); color: rgb(46, 46, 46);
position:relative;
background-color: #ffffff; background-color: #ffffff;
padding: 15px; padding: 15px;
min-height: 8em; min-height: 8em;
-webkit-border-radius: 2px; border: 1px solid;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 6px -1px #000;
box-shadow: 0px 0px 6px -1px #000;
margin: 10px;
float: left;
} }
#main .entrie h2 { #main .entrie h2 {
width: 95%; width: 95%;
@ -222,6 +216,7 @@ body.article {
} }
/*** ***/ /*** ***/
#main #main
{ {
max-width: 60em; /* 960 px */ max-width: 60em; /* 960 px */
@ -234,9 +229,11 @@ body.article {
margin-left: -1.562%; /* 15px */ margin-left: -1.562%; /* 15px */
margin-bottom: -1.875em; /* 30px */ margin-bottom: -1.875em; /* 30px */
} }
.entrie .entrie
{ {
width: 30.303%; /* 300px */ width: 30.303%; /* 300px */
background-color: #fff;
float: left; float: left;
margin: 0 1.515% 1.875em; /* 15px 30px */ margin: 0 1.515% 1.875em; /* 15px 30px */
} }
@ -249,13 +246,15 @@ body.article {
margin-bottom: 0.938em; /* 15px */ margin-bottom: 0.938em; /* 15px */
} }
} }
@media only screen and ( max-width: 20em ) /* 640px */
@media only screen and ( max-width: 20em ) /* 320px */
{ {
#content #content
{ {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
} }
.entrie .entrie
{ {
width: 100%; width: 100%;
@ -263,3 +262,5 @@ body.article {
margin-right: 0; margin-right: 0;
} }
} }