mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2024-10-31 22:28:54 +00:00
Code Issues Projects Releases Wiki Activity

correction largeur des blocs

Browse source
This commit is contained in:
nicosomb 2013-04-16 15:34:43 +02:00
parent 811a765d48
commit 45a04467ae
1 changed files with 31 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
css/style.css
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,24 +216,27 @@ body.article {
} }
/*** ***/ /*** ***/
#main #main
{ {
max-width: 60em; /* 960 px */ max-width: 60em; /* 960 px */
margin: 0 auto; margin: 0 auto;
} }
#content #content
{ {
width: 103.125%; /* 990px */ width: 103.125%; /* 990px */
overflow: hidden; overflow: hidden;
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 */ {
float: left; width: 30.303%; /* 300px */
margin: 0 1.515% 1.875em; /* 15px 30px */ background-color: #fff;
} float: left;
margin: 0 1.515% 1.875em; /* 15px 30px */
}
@media only screen and ( max-width: 40em ) /* 640px */ @media only screen and ( max-width: 40em ) /* 640px */
{ {
@ -249,17 +246,21 @@ 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%; {
margin-left: 0; width: 100%;
margin-right: 0; margin-left: 0;
} margin-right: 0;
}
} }