/* 960 Grid System ~ Core CSS - Fluid Grid. Learn more ~ http://960.gs/ Licensed under GPL and MIT. Modified for Drupal. */ /* =Containers --------------------------------------------------------------------------------*/ .container-12, .container-16, .container-24 { width: 92%; margin-left: 4%; margin-right: 4%; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, .grid-20, .grid-21, .grid-22, .grid-23, .grid-24 { display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; } .container-12 .grid-3, .container-16 .grid-4, .container-24 .grid-6 { width: 23%; } .container-12 .grid-6, .container-16 .grid-8, .container-24 .grid-12 { width: 48%; } .container-12 .grid-9, .container-16 .grid-12, .container-24 .grid-18 { width: 73%; } .container-12 .grid-12, .container-16 .grid-16, .container-24 .grid-24 { width: 98%; } .push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12, .push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16, .push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20, .push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 { position: relative; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ .container-12 .grid-1 { width: 6.333%; } .container-12 .grid-2 { width: 14.666%; } .container-12 .grid-4 { width: 31.333%; } .container-12 .grid-5 { width: 39.666%; } .container-12 .grid-7 { width: 56.333%; } .container-12 .grid-8 { width: 64.666%; } .container-12 .grid-10 { width: 81.333%; } .container-12 .grid-11 { width: 89.666%; } /* =Grid >> 16 Columns --------------------------------------------------------------------------------*/ .container-16 .grid-1 { width: 4.25%; } .container-16 .grid-2 { width: 10.5%; } .container-16 .grid-3 { width: 16.75%; } .container-16 .grid-5 { width: 29.25%; } .container-16 .grid-6 { width: 35.5%; } .container-16 .grid-7 { width: 41.75%; } .container-16 .grid-9 { width: 54.25%; } .container-16 .grid-10 { width: 60.5%; } .container-16 .grid-11 { width: 66.75%; } .container-16 .grid-13 { width: 79.25%; } .container-16 .grid-14 { width: 85.5%; } .container-16 .grid-15 { width: 91.75%; } /* =Grid >> 24 Columns --------------------------------------------------------------------------------*/ .container-24 .grid-1 { width: 2.167%; } .container-24 .grid-2 { width: 6.333%; } .container-24 .grid-3 { width: 10.5%; } .container-24 .grid-4 { width: 14.667%; } .container-24 .grid-5 { width: 18.833%; } .container-24 .grid-7 { width: 27.167%; } .container-24 .grid-8 { width: 31.333%; } .container-24 .grid-9 { width: 35.5%; } .container-24 .grid-10 { width: 39.667%; } .container-24 .grid-11 { width: 43.833%; } .container-24 .grid-13 { width: 52.167%; } .container-24 .grid-14 { width: 56.333%; } .container-24 .grid-15 { width: 60.5%; } .container-24 .grid-16 { width: 64.667%; } .container-24 .grid-17 { width: 68.833%; } .container-24 .grid-19 { width: 77.167%; } .container-24 .grid-20 { width: 81.333%; } .container-24 .grid-21 { width: 85.5%; } .container-24 .grid-22 { width: 89.667%; } .container-24 .grid-23 { width: 93.833%; } /* =Prefix Extra Space >> Global --------------------------------------------------------------------------------*/ .container-12 .prefix-3, .container-16 .prefix-4, .container-24 .prefix-6 { padding-left: 25%; } .container-12 .prefix-6, .container-16 .prefix-8, .container-24 .prefix-12 { padding-left: 50%; } .container-12 .prefix-9, .container-16 .prefix-12, .container-24 .prefix-18 { padding-left: 75%; } /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container-12 .prefix-1 { padding-left: 8.333%; } .container-12 .prefix-2 { padding-left: 16.666%; } .container-12 .prefix-4 { padding-left: 33.333%; } .container-12 .prefix-5 { padding-left: 41.666%; } .container-12 .prefix-7 { padding-left: 58.333%; } .container-12 .prefix-8 { padding-left: 66.666%; } .container-12 .prefix-10 { padding-left: 83.333%; } .container-12 .prefix-11 { padding-left: 91.666%; } /* =Prefix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container-16 .prefix-1 { padding-left: 6.25%; } .container-16 .prefix-2 { padding-left: 12.5%; } .container-16 .prefix-3 { padding-left: 18.75%; } .container-16 .prefix-5 { padding-left: 31.25%; } .container-16 .prefix-6 { padding-left: 37.5%; } .container-16 .prefix-7 { padding-left: 43.75%; } .container-16 .prefix-9 { padding-left: 56.25%; } .container-16 .prefix-10 { padding-left: 62.5%; } .container-16 .prefix-11 { padding-left: 68.75%; } .container-16 .prefix-13 { padding-left: 81.25%; } .container-16 .prefix-14 { padding-left: 87.5%; } .container-16 .prefix-15 { padding-left: 93.75%; } /* =Prefix Extra Space >> 24 Columns --------------------------------------------------------------------------------*/ .container-24 .prefix-1 { padding-left: 4.167%; } .container-24 .prefix-2 { padding-left: 8.333%; } .container-24 .prefix-3 { padding-left: 12.5%; } .container-24 .prefix-4 { padding-left: 16.667%; } .container-24 .prefix-5 { padding-left: 20.833%; } .container-24 .prefix-7 { padding-left: 29.167%; } .container-24 .prefix-8 { padding-left: 33.333%; } .container-24 .prefix-9 { padding-left: 37.5%; } .container-24 .prefix-10 { padding-left: 41.667%; } .container-24 .prefix-11 { padding-left: 45.833%; } .container-24 .prefix-13 { padding-left: 54.167%; } .container-24 .prefix-14 { padding-left: 58.333%; } .container-24 .prefix-15 { padding-left: 62.5%; } .container-24 .prefix-16 { padding-left: 66.667%; } .container-24 .prefix-17 { padding-left: 70.833%; } .container-24 .prefix-19 { padding-left: 79.167%; } .container-24 .prefix-20 { padding-left: 83.333%; } .container-24 .prefix-21 { padding-left: 87.5%; } .container-24 .prefix-22 { padding-left: 91.667%; } .container-24 .prefix-23 { padding-left: 95.833%; } /* =Suffix Extra Space >> Global --------------------------------------------------------------------------------*/ .container-12 .suffix-3, .container-16 .suffix-4, .container-24 .suffix-6 { padding-right: 25%; } .container-12 .suffix-6, .container-16 .suffix-8, .container-24 .suffix-12 { padding-right: 50%; } .container-12 .suffix-9, .container-16 .suffix-12, .container-24 .suffix-18 { padding-right: 75%; } /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container-12 .suffix-1 { padding-right: 8.333%; } .container-12 .suffix-2 { padding-right: 16.666%; } .container-12 .suffix-4 { padding-right: 33.333%; } .container-12 .suffix-5 { padding-right: 41.666%; } .container-12 .suffix-7 { padding-right: 58.333%; } .container-12 .suffix-8 { padding-right: 66.666%; } .container-12 .suffix-10 { padding-right: 83.333%; } .container-12 .suffix-11 { padding-right: 91.666%; } /* =Suffix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container-16 .suffix-1 { padding-right: 6.25%; } .container-16 .suffix-2 { padding-right: 16.5%; } .container-16 .suffix-3 { padding-right: 18.75%; } .container-16 .suffix-5 { padding-right: 31.25%; } .container-16 .suffix-6 { padding-right: 37.5%; } .container-16 .suffix-7 { padding-right: 43.75%; } .container-16 .suffix-9 { padding-right: 56.25%; } .container-16 .suffix-10 { padding-right: 62.5%; } .container-16 .suffix-11 { padding-right: 68.75%; } .container-16 .suffix-13 { padding-right: 81.25%; } .container-16 .suffix-14 { padding-right: 87.5%; } .container-16 .suffix-15 { padding-right: 93.75%; } /* =Suffix Extra Space >> 24 Columns --------------------------------------------------------------------------------*/ .container-24 .suffix-1 { padding-right: 4.167%; } .container-24 .suffix-2 { padding-right: 8.333%; } .container-24 .suffix-3 { padding-right: 12.5%; } .container-24 .suffix-4 { padding-right: 16.667%; } .container-24 .suffix-5 { padding-right: 20.833%; } .container-24 .suffix-7 { padding-right: 29.167%; } .container-24 .suffix-8 { padding-right: 33.333%; } .container-24 .suffix-9 { padding-right: 37.5%; } .container-24 .suffix-10 { padding-right: 41.667%; } .container-24 .suffix-11 { padding-right: 45.833%; } .container-24 .suffix-13 { padding-right: 54.167%; } .container-24 .suffix-14 { padding-right: 58.333%; } .container-24 .suffix-15 { padding-right: 62.5%; } .container-24 .suffix-16 { padding-right: 66.667%; } .container-24 .suffix-17 { padding-right: 70.833%; } .container-24 .suffix-19 { padding-right: 79.167%; } .container-24 .suffix-20 { padding-right: 83.333%; } .container-24 .suffix-21 { padding-right: 87.5%; } .container-24 .suffix-22 { padding-right: 91.667%; } .container-24 .suffix-23 { padding-right: 95.833%; } /* =Push Space >> Global --------------------------------------------------------------------------------*/ .container-12 .push-3, .container-16 .push-4, .container-24 .push-6 { left: 25%; } .container-12 .push-6, .container-16 .push-8, .container-24 .push-12 { left: 50%; } .container-12 .push-9, .container-16 .push-12, .container-24 .push-18 { left: 75%; } /* =Push Space >> 12 Columns --------------------------------------------------------------------------------*/ .container-12 .push-1 { left: 8.333%; } .container-12 .push-2 { left: 16.667%; } .container-12 .push-4 { left: 33.333%; } .container-12 .push-5 { left: 41.667%; } .container-12 .push-7 { left: 58.333%; } .container-12 .push-8 { left: 66.667%; } .container-12 .push-10 { left: 83.333%; } .container-12 .push-11 { left: 91.667%; } /* =Push Space >> 16 Columns --------------------------------------------------------------------------------*/ .container-16 .push-1 { left: 6.25%; } .container-16 .push-2 { left: 12.5%; } .container-16 .push-3 { left: 18.75%; } .container-16 .push-5 { left: 31.25%; } .container-16 .push-6 { left: 37.5%; } .container-16 .push-7 { left: 43.75%; } .container-16 .push-9 { left: 56.25%; } .container-16 .push-10 { left: 62.5%; } .container-16 .push-11 { left: 68.75%; } .container-16 .push-13 { left: 81.25%; } .container-16 .push-14 { left: 87.5%; } .container-16 .push-15 { left: 93.75%; } /* =Push Space >> 24 Columns --------------------------------------------------------------------------------*/ .container-24 .push-1 { left: 4.167%; } .container-24 .push-2 { left: 8.333%; } .container-24 .push-3 { left: 12.5%; } .container-24 .push-4 { left: 16.667%; } .container-24 .push-5 { left: 20.833%; } .container-24 .push-7 { left: 29.167%; } .container-24 .push-8 { left: 33.333%; } .container-24 .push-9 { left: 37.5%; } .container-24 .push-10 { left: 41.667%; } .container-24 .push-11 { left: 45.833%; } .container-24 .push-13 { left: 54.167%; } .container-24 .push-14 { left: 58.333%; } .container-24 .push-15 { left: 62.5%; } .container-24 .push-16 { left: 66.667%; } .container-24 .push-17 { left: 70.833%; } .container-24 .push-19 { left: 79.167%; } .container-24 .push-20 { left: 83.333%; } .container-24 .push-21 { left: 87.5%; } .container-24 .push-22 { left: 91.667%; } .container-24 .push-23 { left: 95.833%; } /* =Pull Space >> Global --------------------------------------------------------------------------------*/ .container-12 .pull-3, .container-16 .pull-4, .container-24 .pull-6 { left: -25%; } .container-12 .pull-6, .container-16 .pull-8, .container-24 .pull-12 { left: -50%; } .container-12 .pull-9, .container-16 .pull-12, .container-24 .pull-18 { left: -75%; } /* =Pull Space >> 12 Columns --------------------------------------------------------------------------------*/ .container-12 .pull-1 { left: -8.333%; } .container-12 .pull-2 { left: -16.667%; } .container-12 .pull-4 { left: -33.333%; } .container-12 .pull-5 { left: -41.667%; } .container-12 .pull-7 { left: -58.333%; } .container-12 .pull-8 { left: -66.667%; } .container-12 .pull-10 { left: -83.333%; } .container-12 .pull-11 { left: -91.667%; } /* =Pull Space >> 16 Columns --------------------------------------------------------------------------------*/ .container-16 .pull-1 { left: -6.25%; } .container-16 .pull-2 { left: -12.5%; } .container-16 .pull-3 { left: -18.75%; } .container-16 .pull-5 { left: -31.25%; } .container-16 .pull-6 { left: -37.5%; } .container-16 .pull-7 { left: -43.75%; } .container-16 .pull-9 { left: -56.25%; } .container-16 .pull-10 { left: -62.5%; } .container-16 .pull-11 { left: -68.75%; } .container-16 .pull-13 { left: -81.25%; } .container-16 .pull-14 { left: -87.5%; } .container-16 .pull-15 { left: -93.75%; } /* =Pull Space >> 24 Columns --------------------------------------------------------------------------------*/ .container-24 .pull-1 { left: -4.167%; } .container-24 .pull-2 { left: -8.333%; } .container-24 .pull-3 { left: -12.5%; } .container-24 .pull-4 { left: -16.667%; } .container-24 .pull-5 { left: -20.833%; } .container-24 .pull-7 { left: -29.167%; } .container-24 .pull-8 { left: -33.333%; } .container-24 .pull-9 { left: -37.5%; } .container-24 .pull-10 { left: -41.667%; } .container-24 .pull-11 { left: -45.833%; } .container-24 .pull-13 { left: -54.167%; } .container-24 .pull-14 { left: -58.333%; } .container-24 .pull-15 { left: -62.5%; } .container-24 .pull-16 { left: -66.667%; } .container-24 .pull-17 { left: -70.833%; } .container-24 .pull-19 { left: -79.167%; } .container-24 .pull-20 { left: -83.333%; } .container-24 .pull-21 { left: -87.5%; } .container-24 .pull-22 { left: -91.667%; } .container-24 .pull-23 { left: -95.833%; }