View | Details | Raw Unified | Return to bug 237772
Collapse All | Expand All

(-)layout.css (-20 / +31 lines)
Lines 161-173 Link Here
161
161
162
#frontfeaturecontainer {
162
#frontfeaturecontainer {
163
  clear: both;
163
  clear: both;
164
  display: flex;
165
  flex-wrap: wrap;
164
}
166
}
165
167
166
#frontfeatureleft{
168
#frontfeatureleft{
167
  width: 30%;
169
  flex-basis: 33%;
168
  margin: 0;
170
  margin: 0;
169
  padding: 0;
171
  padding: 0;
170
  float: left;
172
  flex-grow: 20;
171
}
173
}
172
174
173
#frontfeatureleft h2 {
175
#frontfeatureleft h2 {
Lines 184-203 Link Here
184
	}
186
	}
185
187
186
#frontfeaturemiddle {
188
#frontfeaturemiddle {
187
  float: left;
189
  flex-grow: 1;
188
  margin-top: 20px;
190
  margin-top: 20px;
189
  background: url(../images/beastie.png) no-repeat top left;
191
  background: url(../images/beastie.png) no-repeat top left;
190
  min-height: 196px;
192
  min-height: 196px;
191
  width: 30%;
193
  flex-basis: 33%;
194
  min-width: 350px;
192
}
195
}
193
196
194
#frontfeatureright {
197
#frontfeatureright {
195
  position: relative;
198
  flex-grow: 1;
196
  border: 0px;
199
  border: 0px;
197
  padding: 0px;
200
  padding: 0px;
198
  margin: 0px;
201
  margin: 0px;
199
  width: 30%;
202
  flex-basis: 33%;
200
  float: right;
201
}
203
}
202
204
203
/* News/Events/Media/Security Box */
205
/* News/Events/Media/Security Box */
Lines 205-221 Link Here
205
#frontnemscontainer {
207
#frontnemscontainer {
206
  width: 100%;
208
  width: 100%;
207
  background: #eee;
209
  background: #eee;
208
  display: inline;
210
  display: flex;
209
  float: left;
211
  flex-wrap: wrap;
210
  margin-top: 8px;
212
  margin-top: 8px;
211
  margin-bottom: 8px;
213
  margin-bottom: 8px;
214
  justify-content: center;
212
}
215
}
213
216
214
#frontnews {
217
#frontnews {
215
  width: 24%;
218
  flex-grow: 1;
219
  flex-basis: 300px;
216
  margin: 0;
220
  margin: 0;
217
  padding: 0;
221
  padding: 0;
218
  float: left;
222
  border-left: 5px solid white;
223
  border-right: 5px solid white;
219
}
224
}
220
225
221
#frontnewscontent {
226
#frontnewscontent {
Lines 223-232 Link Here
223
}
228
}
224
229
225
#frontevents {
230
#frontevents {
226
  width: 24%;
231
  flex-grow: 1;
232
  flex-basis: 300px;
227
  margin: 0;
233
  margin: 0;
228
  padding: 0;
234
  padding: 0;
229
  float: left;
235
  border-left: 5px solid white;
236
  border-right: 5px solid white;
230
}
237
}
231
238
232
#fronteventscontent {
239
#fronteventscontent {
Lines 234-243 Link Here
234
}
241
}
235
242
236
#frontmedia {
243
#frontmedia {
237
  width: 24%;
244
  flex-grow: 1;
245
  flex-basis: 300px;
238
  margin: 0;
246
  margin: 0;
239
  padding: 0;
247
  padding: 0;
240
  float: left;
248
  border-left: 5px solid white;
249
  border-right: 5px solid white;
241
}
250
}
242
251
243
#frontmediacontent {
252
#frontmediacontent {
Lines 245-254 Link Here
245
}
254
}
246
255
247
#frontsecurity {
256
#frontsecurity {
248
  width: 24%;
257
  flex-grow: 1;
258
  flex-basis: 300px;
249
  margin: 0;
259
  margin: 0;
250
  padding: 0;
260
  padding: 0;
251
  float: left;
261
  border-left: 5px solid white;
262
  border-right: 5px solid white;
252
}
263
}
253
264
254
#frontsecuritycontent {
265
#frontsecuritycontent {
Lines 263-268 Link Here
263
  padding: 0;
274
  padding: 0;
264
  background-color: #fff;
275
  background-color: #fff;
265
  float: left;
276
  float: left;
277
  display: none;
266
}
278
}
267
279
268
.newseventswrap {
280
.newseventswrap {
Lines 342-352 Link Here
342
#frontreleases {
354
#frontreleases {
343
  padding: 0;
355
  padding: 0;
344
  margin: 8px;
356
  margin: 8px;
345
  margin-left: 190px;
357
  margin-left: 160px;
346
  margin-top: 5px;
358
  margin-top: 5px;
347
  padding-bottom: 20px;
359
  padding-bottom: 20px;
348
  color: #666;
360
  color: #666;
349
  width: 85%;
350
}
361
}
351
362
352
#frontreleasescontent {
363
#frontreleasescontent {
Lines 461-467 Link Here
461
472
462
.frontgetroundbox {
473
.frontgetroundbox {
463
  margin-top: 50px;
474
  margin-top: 50px;
464
  margin-left: 160px;
475
  margin-left: 140px;
465
  padding: 0;
476
  padding: 0;
466
  width: 190px;
477
  width: 190px;
467
  background-color: #FACC2E;
478
  background-color: #FACC2E;

Return to bug 237772