mirror of
https://github.com/wallabag/wallabag.git
synced 2024-10-31 22:28:54 +00:00
correction largeur des blocs
This commit is contained in:
parent
811a765d48
commit
45a04467ae
1 changed files with 31 additions and 30 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue