aboutsummaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/style.css62
1 files changed, 57 insertions, 5 deletions
diff --git a/css/style.css b/css/style.css
index 41ea0d00..6a8b07b2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -55,18 +55,18 @@ footer {
55/*** GRID DISPLAY ***/ 55/*** GRID DISPLAY ***/
56 56
57#content { 57#content {
58 width: 800px; 58 width: 1000px;
59 margin: 0 auto; 59 margin: 0 auto;
60} 60}
61 61
62#entries { 62#entries {
63 -moz-column-count: 3; 63 -moz-column-count: 4;
64 -moz-column-gap: 20px; 64 -moz-column-gap: 20px;
65 -webkit-column-count: 3; 65 -webkit-column-count: 4;
66 -webkit-column-gap: 20px; 66 -webkit-column-gap: 20px;
67 column-count: 3; 67 column-count: 4;
68 column-gap: 20px; 68 column-gap: 20px;
69 width: 800px; 69 width: 1000px;
70} 70}
71 71
72#entries span.content { 72#entries span.content {
@@ -75,6 +75,58 @@ footer {
75 width: 100%; 75 width: 100%;
76} 76}
77 77
78@media only screen and (max-width : 1199px),
79only screen and (max-device-width : 1199px){
80 #entries {
81 -moz-column-count: 5;
82 -moz-column-gap: 20px;
83 -webkit-column-count: 5;
84 -webkit-column-gap: 20px;
85 column-count: 5;
86 column-gap: 20px;
87 width: 1000px;
88 }
89
90 #content {
91 width: 1000px;
92 }
93}
94
95
96@media only screen and (max-width : 999px),
97only screen and (max-device-width : 999px){
98 #entries {
99 -moz-column-count: 4;
100 -moz-column-gap: 15px;
101 -webkit-column-count: 4;
102 -webkit-column-gap: 15px;
103 column-count: 4;
104 column-gap: 15px;
105 width: 800px;
106 }
107
108 #content {
109 width: 800px;
110 }
111}
112
113@media only screen and (max-width : 799px),
114only screen and (max-device-width : 799px){
115 #entries {
116 -moz-column-count: 3;
117 -moz-column-gap: 10px;
118 -webkit-column-count: 3;
119 -webkit-column-gap: 10px;
120 column-count: 3;
121 column-gap: 10px;
122 width: 600px;
123 }
124
125 #content {
126 width: 600px;
127 }
128}
129
78@media only screen and (max-width : 599px), 130@media only screen and (max-width : 599px),
79only screen and (max-device-width : 599px){ 131only screen and (max-device-width : 599px){
80 #entries { 132 #entries {