| 1 | /* ==========================================================================
|
|---|
| 2 | Grid
|
|---|
| 3 | ========================================================================== */
|
|---|
| 4 | /* The 16-column Deco Grid System for fixed width of 960px:
|
|---|
| 5 | * Cells are 45.0px (4.6875%), margin will be 16px (1.66666666667%).
|
|---|
| 6 | * Portal left/right margin is 0dpx (0.0%).
|
|---|
| 7 | */
|
|---|
| 8 |
|
|---|
| 9 | div.row {
|
|---|
| 10 | float: left;
|
|---|
| 11 | width: 100%;
|
|---|
| 12 | display: block;
|
|---|
| 13 | position: relative;
|
|---|
| 14 | }
|
|---|
| 15 | div.cell {
|
|---|
| 16 | position: relative;
|
|---|
| 17 | float: left;
|
|---|
| 18 | left: 100%;
|
|---|
| 19 | }
|
|---|
| 20 |
|
|---|
| 21 | /* Width classes */
|
|---|
| 22 |
|
|---|
| 23 | div.width-1 { width: 4.6875%; }
|
|---|
| 24 | div.width-2 { width: 11.0417%; }
|
|---|
| 25 | div.width-3 { width: 17.3958%; }
|
|---|
| 26 | div.width-4 { width: 23.7500%; }
|
|---|
| 27 | div.width-5 { width: 30.1042%; }
|
|---|
| 28 | div.width-6 { width: 36.4583%; }
|
|---|
| 29 | div.width-7 { width: 42.8125%; }
|
|---|
| 30 | div.width-8 { width: 49.1667%; }
|
|---|
| 31 | div.width-9 { width: 55.5208%; }
|
|---|
| 32 | div.width-10 { width: 61.8750%; }
|
|---|
| 33 | div.width-11 { width: 68.2292%; }
|
|---|
| 34 | div.width-12 { width: 74.5833%; }
|
|---|
| 35 | div.width-13 { width: 80.9375%; }
|
|---|
| 36 | div.width-14 { width: 87.2917%; }
|
|---|
| 37 | div.width-15 { width: 93.6458%; }
|
|---|
| 38 | div.width-16 { width: 100.0000%; }
|
|---|
| 39 |
|
|---|
| 40 | /* Positioning classes, these are subtracting from a rightmost position,
|
|---|
| 41 | * which is why they seem the wrong way around */
|
|---|
| 42 |
|
|---|
| 43 | div.position-0 { margin-left: -100.0000%; }
|
|---|
| 44 | div.position-1 { margin-left: -93.6458%; }
|
|---|
| 45 | div.position-2 { margin-left: -87.2917%; }
|
|---|
| 46 | div.position-3 { margin-left: -80.9375%; }
|
|---|
| 47 | div.position-4 { margin-left: -74.5833%; }
|
|---|
| 48 | div.position-5 { margin-left: -68.2292%; }
|
|---|
| 49 | div.position-6 { margin-left: -61.8750%; }
|
|---|
| 50 | div.position-7 { margin-left: -55.5208%; }
|
|---|
| 51 | div.position-8 { margin-left: -49.1667%; }
|
|---|
| 52 | div.position-9 { margin-left: -42.8125%; }
|
|---|
| 53 | div.position-10 { margin-left: -36.4583%; }
|
|---|
| 54 | div.position-11 { margin-left: -30.1042%; }
|
|---|
| 55 | div.position-12 { margin-left: -23.7500%; }
|
|---|
| 56 | div.position-13 { margin-left: -17.3958%; }
|
|---|
| 57 | div.position-14 { margin-left: -11.0417%; }
|
|---|
| 58 | div.position-15 { margin-left: -4.6875%; }
|
|---|
| 59 |
|
|---|
| 60 | /* Convenience classes. Not strictly necessary. */
|
|---|
| 61 | div.width-full { width: 100.0000% }
|
|---|
| 62 | div.position-0 { margin-left: -100.0000% }
|
|---|
| 63 |
|
|---|
| 64 | div.width-1\3a 2 { width: 49.1667% }
|
|---|
| 65 | div.position-1\3a 2 { margin-left: -49.1667% }
|
|---|
| 66 |
|
|---|
| 67 | div.width-1\3a 3 { width: 32.2222% }
|
|---|
| 68 | div.width-2\3a 3 { width: 66.1111% }
|
|---|
| 69 | div.position-1\3a 3 { margin-left: -66.1111% }
|
|---|
| 70 | div.position-2\3a 3 { margin-left: -32.2222% }
|
|---|
| 71 |
|
|---|
| 72 | div.width-1\3a 4 { width: 23.7500% }
|
|---|
| 73 | div.width-2\3a 4 { width: 49.1667% }
|
|---|
| 74 | div.width-3\3a 4 { width: 74.5833% }
|
|---|
| 75 | div.position-1\3a 4 { margin-left: -74.5833% }
|
|---|
| 76 | div.position-2\3a 4 { margin-left: -49.1667% }
|
|---|
| 77 | div.position-3\3a 4 { margin-left: -23.7500% }
|
|---|
| 78 |
|
|---|
| 79 | div.width-1\3a 5 { width: 18.6667% }
|
|---|
| 80 | div.width-2\3a 5 { width: 39.0000% }
|
|---|
| 81 | div.width-3\3a 5 { width: 59.3333% }
|
|---|
| 82 | div.width-4\3a 5 { width: 79.6667% }
|
|---|
| 83 | div.position-1\3a 5 { margin-left: -79.6667% }
|
|---|
| 84 | div.position-2\3a 5 { margin-left: -59.3333% }
|
|---|
| 85 | div.position-3\3a 5 { margin-left: -39.0000% }
|
|---|
| 86 | div.position-4\3a 5 { margin-left: -18.6667% }
|
|---|
| 87 |
|
|---|
| 88 | div.width-1\3a 6 { width: 15.2778% }
|
|---|
| 89 | div.width-2\3a 6 { width: 32.2222% }
|
|---|
| 90 | div.width-3\3a 6 { width: 49.1667% }
|
|---|
| 91 | div.width-4\3a 6 { width: 66.1111% }
|
|---|
| 92 | div.width-5\3a 6 { width: 83.0556% }
|
|---|
| 93 | div.position-1\3a 6 { margin-left: -83.0556% }
|
|---|
| 94 | div.position-2\3a 6 { margin-left: -66.1111% }
|
|---|
| 95 | div.position-3\3a 6 { margin-left: -49.1667% }
|
|---|
| 96 | div.position-4\3a 6 { margin-left: -32.2222% }
|
|---|
| 97 | div.position-5\3a 6 { margin-left: -15.2778% }
|
|---|
