aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--css/style.css61
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
71footer { 71footer {
@@ -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