diff options
| author | nicosomb <nicolas@loeuillet.org> | 2013-04-16 15:34:43 +0200 |
|---|---|---|
| committer | nicosomb <nicolas@loeuillet.org> | 2013-04-16 15:34:43 +0200 |
| commit | 45a04467ae9bc0fa90234a534a20104ac9797239 (patch) | |
| tree | 80cf9eaf747da84831fa2a473a1104e4d833f007 | |
| parent | 811a765d48edf16aba85f8d5112eb94b13519912 (diff) | |
| download | wallabag-45a04467ae9bc0fa90234a534a20104ac9797239.tar.gz wallabag-45a04467ae9bc0fa90234a534a20104ac9797239.tar.zst wallabag-45a04467ae9bc0fa90234a534a20104ac9797239.zip | |
correction largeur des blocs
| -rw-r--r-- | css/style.css | 61 |
1 files changed, 31 insertions, 30 deletions
diff --git a/css/style.css b/css/style.css index 5c1ddebd..134ca5d5 100644 --- a/css/style.css +++ b/css/style.css | |||
| @@ -62,10 +62,10 @@ header { | |||
| 62 | color: #F1F1F1; | 62 | color: #F1F1F1; |
| 63 | } | 63 | } |
| 64 | 64 | ||
| 65 | #content { | 65 | /*#content { |
| 66 | width: 800px; | 66 | width: 800px; |
| 67 | margin: 0 auto; | 67 | margin: 0 auto; |
| 68 | } | 68 | }*/ |
| 69 | 69 | ||
| 70 | 70 | ||
| 71 | footer { | 71 | footer { |
| @@ -96,16 +96,10 @@ input[type=submit].delete { | |||
| 96 | 96 | ||
| 97 | #main .entrie { | 97 | #main .entrie { |
| 98 | color: rgb(46, 46, 46); | 98 | color: rgb(46, 46, 46); |
| 99 | position:relative; | ||
| 100 | background-color: #ffffff; | 99 | background-color: #ffffff; |
| 101 | padding: 15px; | 100 | padding: 15px; |
| 102 | min-height: 8em; | 101 | min-height: 8em; |
| 103 | -webkit-border-radius: 2px; | 102 | border: 1px solid; |
| 104 | border-radius: 2px; | ||
| 105 | -webkit-box-shadow: 0px 0px 6px -1px #000; | ||
| 106 | box-shadow: 0px 0px 6px -1px #000; | ||
| 107 | margin: 10px; | ||
| 108 | float: left; | ||
| 109 | } | 103 | } |
| 110 | #main .entrie h2 { | 104 | #main .entrie h2 { |
| 111 | width: 95%; | 105 | width: 95%; |
| @@ -222,24 +216,27 @@ body.article { | |||
| 222 | } | 216 | } |
| 223 | 217 | ||
| 224 | /*** ***/ | 218 | /*** ***/ |
| 219 | |||
| 225 | #main | 220 | #main |
| 226 | { | 221 | { |
| 227 | max-width: 60em; /* 960 px */ | 222 | max-width: 60em; /* 960 px */ |
| 228 | margin: 0 auto; | 223 | margin: 0 auto; |
| 229 | } | 224 | } |
| 230 | #content | 225 | #content |
| 231 | { | 226 | { |
| 232 | width: 103.125%; /* 990px */ | 227 | width: 103.125%; /* 990px */ |
| 233 | overflow: hidden; | 228 | overflow: hidden; |
| 234 | margin-left: -1.562%; /* 15px */ | 229 | margin-left: -1.562%; /* 15px */ |
| 235 | margin-bottom: -1.875em; /* 30px */ | 230 | margin-bottom: -1.875em; /* 30px */ |
| 236 | } | 231 | } |
| 237 | .entrie | 232 | |
| 238 | { | 233 | .entrie |
| 239 | width: 30.303%; /* 300px */ | 234 | { |
| 240 | float: left; | 235 | width: 30.303%; /* 300px */ |
| 241 | margin: 0 1.515% 1.875em; /* 15px 30px */ | 236 | background-color: #fff; |
| 242 | } | 237 | float: left; |
| 238 | margin: 0 1.515% 1.875em; /* 15px 30px */ | ||
| 239 | } | ||
| 243 | 240 | ||
| 244 | @media only screen and ( max-width: 40em ) /* 640px */ | 241 | @media only screen and ( max-width: 40em ) /* 640px */ |
| 245 | { | 242 | { |
| @@ -249,17 +246,21 @@ body.article { | |||
| 249 | margin-bottom: 0.938em; /* 15px */ | 246 | margin-bottom: 0.938em; /* 15px */ |
| 250 | } | 247 | } |
| 251 | } | 248 | } |
| 252 | @media only screen and ( max-width: 20em ) /* 640px */ | 249 | |
| 250 | @media only screen and ( max-width: 20em ) /* 320px */ | ||
| 253 | { | 251 | { |
| 254 | #content | 252 | #content |
| 255 | { | 253 | { |
| 256 | width: 100%; | 254 | width: 100%; |
| 257 | margin-left: 0; | 255 | margin-left: 0; |
| 258 | } | 256 | } |
| 259 | .entrie | 257 | |
| 260 | { | 258 | .entrie |
| 261 | width: 100%; | 259 | { |
| 262 | margin-left: 0; | 260 | width: 100%; |
| 263 | margin-right: 0; | 261 | margin-left: 0; |
| 264 | } | 262 | margin-right: 0; |
| 265 | } \ No newline at end of file | 263 | } |
| 264 | } | ||
| 265 | |||
| 266 | |||