diff options
Diffstat (limited to 'css/style.css')
-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 | |||