1
+ body {
2
+ min-width : 300px ;
3
+ }
1
4
2
5
header
3
6
{
@@ -68,13 +71,17 @@ header
68
71
}
69
72
70
73
# steps-nav-bar {
71
- margin-top : 10px ;
72
- float : left;
73
- height : 100% ;
74
- border-right : 1px solid # E5E5E5 ;
75
- padding-right : 20px ;
76
- margin-right : 20px ;
77
- width : 170px ;
74
+ width : 100% ;
75
+ font-size : 90% ;
76
+ border-bottom : 1px solid # E5E5E5 ;
77
+ margin-bottom : 20px ;
78
+ padding-right : 0 ;
79
+ margin-right : 0 ;
80
+ }
81
+
82
+ # steps-ul li {
83
+ width : 32% ;
84
+ display : inline-block;
78
85
}
79
86
80
87
@media screen and (max-width : 320px ) {
@@ -118,10 +125,6 @@ header
118
125
# embedArea {
119
126
padding-left : 0px ;
120
127
}
121
-
122
- # steps-nav-bar {
123
- width : 170px ;
124
- }
125
128
}
126
129
127
130
@media screen and (min-width : 321px ) {
@@ -164,11 +167,7 @@ header
164
167
165
168
# embedArea {
166
169
padding-left : 0px ;
167
- }
168
-
169
- # steps-nav-bar {
170
- width : 170px ;
171
- }
170
+ }
172
171
}
173
172
174
173
@media screen and (min-width : 551px ) {
@@ -212,52 +211,9 @@ header
212
211
# embedArea {
213
212
padding-left : 0px ;
214
213
}
215
-
216
- # steps-nav-bar {
217
- width : 170px ;
218
- }
219
- }
220
-
221
- @media screen and (min-width : 551px ) {
222
- header
223
- {
224
- padding : 20px 10px ;
225
- }
226
-
227
- .logo-text-span {
228
- font-size : 130% ;
229
- line-height : 36px ;
230
- }
231
-
232
- # embedCodeDiv {
233
- width : 100% ;
234
- margin-bottom : 30px ;
235
- }
236
-
237
- # logWindow {
238
- width : 100% ;
239
- }
240
-
241
- # settings {
242
- width : 410px ;
243
- float : left;
244
- }
245
-
246
- # reportContainer {
247
- width : 100% ;
248
- height : 360px ;
249
- }
250
-
251
- # embedArea {
252
- padding-left : 0px ;
253
- }
254
-
255
- # steps-nav-bar {
256
- width : 170px ;
257
- }
258
214
}
259
215
260
- @media screen and (min-width : 861px ) {
216
+ @media screen and (min-width : 861px ) and ( max-width : 1023 px ) {
261
217
header
262
218
{
263
219
padding : 20px 40px ;
@@ -290,13 +246,9 @@ header
290
246
# embedArea {
291
247
padding-left : 0px ;
292
248
}
293
-
294
- # steps-nav-bar {
295
- width : 170px ;
296
- }
297
249
}
298
250
299
- @media screen and (min-width : 1024px ) and ( max-width : 1279 px ) {
251
+ @media screen and (min-width : 1024px ) {
300
252
header
301
253
{
302
254
padding : 20px 40px ;
@@ -306,19 +258,24 @@ header
306
258
font-size : 28px ;
307
259
}
308
260
261
+ # mainContent {
262
+ width : 90% ;
263
+ margin-left : 0.8% ;
264
+ }
265
+
309
266
# embedCodeDiv {
310
- width : 36 % ;
267
+ width : 34 % ;
311
268
font-size : 90% ;
312
- margin-right : 2 % ;
269
+ margin-right : 1 % ;
313
270
}
314
271
315
272
# logWindow {
316
- width : 36 % ;
273
+ width : 34 % ;
317
274
}
318
275
319
276
# settings {
320
277
float : left;
321
- width : 25 % ;
278
+ width : 30 % ;
322
279
margin-right : 1% ;
323
280
}
324
281
@@ -330,194 +287,63 @@ header
330
287
width : 100% ;
331
288
height : 380px ;
332
289
}
333
-
334
- # embedArea {
335
- padding-left : 0px ;
336
- }
337
-
290
+
338
291
.bottomPanel {
339
292
margin-left : 0 ;
340
293
width : 100% ;
341
294
}
342
295
343
296
# steps-nav-bar {
344
- width : 170px ;
345
- }
346
- }
347
-
348
- @media screen and (min-width : 1280px ) and (max-width : 1419px ) {
349
- header
350
- {
351
- padding : 20px 40px ;
352
- }
353
-
354
- .logo-text-span {
355
- font-size : 28px ;
356
- }
357
-
358
- # embedCodeDiv {
359
- width : 390px ;
360
- margin-right : 20px ;
361
- }
362
-
363
- # logWindow {
364
- width : 390px ;
365
- }
366
-
367
- .content {
368
- margin : 15px 20px ;
369
- }
370
-
371
- # mainContent {
372
- }
373
-
374
- # embedArea {
375
- padding-left : 0px ;
376
- width : 1220px ;
377
- }
378
-
379
- .bottomPanel {
380
- max-width : 100% ;
381
- margin-left : 0px ;
382
- }
383
-
384
- # settings {
385
- float : left;
386
- width : 400px ;
387
- margin-right : 20px ;
297
+ width : 9% ;
298
+ font-size : 90% ;
299
+ padding-right : 0.8% ;
300
+ border-right : 1px solid # E5E5E5 ;
301
+ border-bottom : none;
302
+ margin-bottom : 0px ;
388
303
}
389
304
390
- # steps-nav-bar {
391
- width : 170px ;
305
+ # steps-ul li {
306
+ width : 100% ;
307
+ display : block;
392
308
}
393
309
}
394
310
395
- @media screen and (min-width : 1420px ) {
396
- header
397
- {
398
- padding : 20px 40px ;
399
- }
400
-
311
+ @media screen and (min-width : 1280px ) {
401
312
.logo-text-span {
402
313
font-size : 28px ;
403
314
}
404
315
405
- # embedCodeDiv {
406
- width : 450px ;
407
- margin-right : 20px ;
408
- }
409
-
410
- # logWindow {
411
- width : 450px ;
412
- }
413
-
414
316
.content {
415
317
margin : 15px 20px ;
416
318
}
417
319
418
- # mainContent {
419
- }
420
-
421
- # embedArea {
422
- padding-left : 0px ;
423
- width : 1340px ;
424
- }
425
-
426
320
.bottomPanel {
427
321
max-width : 100% ;
428
322
margin-left : 0px ;
429
323
}
430
324
431
- # settings {
432
- float : left;
433
- width : 400px ;
434
- margin-right : 20px ;
435
- }
436
-
437
- # steps-nav-bar {
438
- width : 170px ;
325
+ .steps-ul li {
326
+ font-size : 17px ;
439
327
}
440
328
}
441
329
442
- @media screen and (max-width : 1599px ) {
443
- # steps-nav-bar {
444
- background-color : # E5E5E5 ;
445
- margin-bottom : 10px ;
446
- }
447
- }
448
330
449
331
@media screen and (min-width : 1600px ) {
450
- header
451
- {
452
- padding : 20px 40px ;
453
- }
454
-
455
332
.logo-text-span {
456
333
font-size : 28px ;
457
334
}
458
335
459
- # embedCodeDiv {
460
- width : 440px ;
461
- }
462
-
463
- # logWindow {
464
- width : 440px ;
465
- }
466
-
467
336
.content {
468
337
margin : 15px 40px ;
469
338
}
470
-
471
- # mainContent {
472
- width : 1350px ;
473
- }
474
-
475
- # embedArea {
476
- padding-left : 0px ;
477
- width : 1320px ;
478
- }
479
-
480
- # steps-nav-bar {
481
- width : 150px ;
482
- }
483
339
}
484
340
485
341
@media screen and (min-width : 1800px ) {
486
- header
487
- {
488
- padding : 20px 40px ;
489
- }
490
-
491
342
.logo-text-span {
492
343
font-size : 28px ;
493
344
}
494
345
495
- # embedCodeDiv {
496
- width : 540px ;
497
- }
498
-
499
- # logWindow {
500
- width : 540px ;
501
- }
502
-
503
- .content {
504
- margin : 15px 40px ;
505
- }
506
-
507
- # mainContent {
508
- width : 1520px ;
509
- }
510
-
511
- # embedArea {
512
- padding-left : 0px ;
513
- width : 1520px ;
514
- }
515
-
516
346
# reportContainer {
517
347
height : 450px ;
518
348
}
519
-
520
- # steps-nav-bar {
521
- width : 170px ;
522
- }
523
349
}
0 commit comments