/******************************** COLUMN FORMATTING ******************************** This section includes the default styles for multi-column formats. Naming conventions for these divs are as follows: .colWrap -- a generic wrapper for multiple columns that is 100% wide. This wrapper class must always be present when creating a multi-column layout. In the HTML, it must be accompanied by a class that selects the number of columns. .col2, .col3, .col4, .col5, .col6 -- these classes represent column formats, the names of which indicate the number of the columns they allow (see explicit definitions below). In the HTML, this class MUST be specified inline and space-delimited directly after the colWrap class like
-- this would create a 3 column layout. .col2 -- this is a 2 column format .col3 -- this is a 3 column format .col4 -- this is a 4 column format .col5 -- this is a 5 column format .col6 -- this is a 6 column format .col -- represents an individual, generic column which is floated left. In the HTML, it MUST be accompanied by a class that selects the column number. .c1, .c2, .c3, .c4, .c5, .c6 -- these represent column numbers (see explicit definitions below). In the HTML, this class is to be specified inline and space-delimited directly after the col class like
-- this indicates that the column is column number 1. .c1 -- this is column 1 .c2 -- this is column 2 .c3 -- this is column 3 .c4 -- this is column 4 .c5 -- this is column 5 .c6 -- this is column 6 .col .pad -- controls the amount of padding in each column, as well as the column gutters which are determined by a margin-left property. .w16, .w20, .w25, .w33, .w50, etc. -- these are classes that allow you to override the width of individual columns. See "WIDTH OVERRIDES" section below for more details. ********************************/ .colWrap { /* colWrap is a generic wrapper for multiple columns */ width: 100%; background-color: transparent; display: block; } .colWrap329 { /* colWrap is a generic wrapper for multiple columns */ width: 18%; } .col { /* col represents an individual column */ float: left; background-color: transparent; margin: 0; padding: 0; width: 100%; background: transparent; } .col .pad { padding: 11px; /* controls the amount of padding in all columns */ width: auto; margin-left: 9px; /* controls the column gutters */ border: 1px solid #666; /* if needed, borders may be added to all columns here */ background-color: transparent; /*background color of all columns can be specified here*/ } .c1 .pad {margin-left: 0;} /* turns off the column gutter that would otherwise appear on the left side of the first column */ /******************************** 6 COLUMNS ********************************/ .colWrap.col6 .col {width: 17%;} .colWrap.col6 .c1, .colWrap.col6 .c2, .colWrap.col6 .c3, .colWrap.col6 .c4, .colWrap.col6 .c5, .colWrap.col6 .c6 {display: block;} /* ensures that all 6 columns display */ .colWrap.col6 .c1 {width: 15%;} /******************************** 5 COLUMNS ********************************/ .colWrap.col5 .col {width: 20%;} .colWrap.col5 .c1, .colWrap.col5 .c2, .colWrap.col5 .c3, .colWrap.col5 .c4, .colWrap.col5 .c5 {display: block;} /* ensures that all 5 columns display */ .colWrap.col5 .c6 {display: none;} /* prevents unwanted columns from displaying */ /******************************** 4 COLUMNS ********************************/ .colWrap.col4 .col { width: 25%; } .colWrap.col4 .c1, .colWrap.col4 .c2, .colWrap.col4 .c3, .colWrap.col4 .c4 {display: block;} /* ensures that all 4 columns display */ .colWrap.col4 .c5, .colWrap.col4 .c6 {display: none;} /* prevents unwanted columns from displaying */ /******************************** 3 COLUMNS ********************************/ .colWrap.col3 .col {width: 33%;} .colWrap.col3 .c1, .colWrap.col3 .c2, .colWrap.col3 .c3 {display: block;} /* ensures that all 3 columns display */ .colWrap.col3 .c4, .colWrap.col3 .c5, .colWrap.col3 .c6 {display: none;} /* prevents unwanted columns from displaying */ .colWrap.col3 .c1 {width: 34%;} /******************************** 2 COLUMNS ********************************/ .colWrap.col2 .col {width: 50%;} .colWrap.col2 .c1, .colWrap.col2 .c2 {display: block;} /* ensures that both columns display */ .colWrap.col2 .c3, .colWrap.col2 .c4, .colWrap.col2 .c5, .colWrap.col2 .c6 {display: none;} /* prevents unwanted columns from displaying */ /******************************** WIDTH OVERRIDES ******************************** These classes (which only define width) can, in the HTML, be used to override the widths of individual columns by being specified inline and space-delimited directly after the class that specifies the column number like
-- this indicates that column one has a width of 33.33%. ********************************/ /***** 1/6 or 16.66% *****/ .colWrap.col2 .w16, .colWrap.col3 .w16, .colWrap.col4 .w16, .colWrap.col5 .w16, .colWrap.col6 .w16 {width: 16.66%;} /***** 1/5 or 20% *****/ .colWrap.col2 .w20, .colWrap.col3 .w20, .colWrap.col4 .w20, .colWrap.col5 .w20, .colWrap.col6 .w20 {width: 20%;} /***** 1/4 or 25% *****/ .colWrap.col2 .w25, .colWrap.col3 .w25, .colWrap.col4 .w25, .colWrap.col5 .w25, .colWrap.col6 .w25 {width: 25%;} /***** 3/10 or 30% *****/ .colWrap.col2 .w30, .colWrap.col3 .w30, .colWrap.col4 .w30, .colWrap.col5 .w30, .colWrap.col6 .w30 {width: 30%;} /***** 1/3 or 33.33% *****/ .colWrap.col2 .w33, .colWrap.col3 .w33, .colWrap.col4 .w33, .colWrap.col5 .w33, .colWrap.col6 .w33 {width: 33.33%;} /***** 2/5 or 40% *****/ .colWrap.col2 .w40, .colWrap.col3 .w40, .colWrap.col4 .w40, .colWrap.col5 .w40, .colWrap.col6 .w40 {width: 40%;} /***** 1/2 or 50% *****/ .colWrap.col2 .w50, .colWrap.col3 .w50, .colWrap.col4 .w50, .colWrap.col5 .w50, .colWrap.col6 .w50 {width: 50%;} /***** 3/5 or 60% *****/ .colWrap.col2 .w60, .colWrap.col3 .w60, .colWrap.col4 .w60, .colWrap.col5 .w60, .colWrap.col6 .w60 {width: 60%;} /***** 2/3 or 66.66% *****/ .colWrap.col2 .w66, .colWrap.col3 .w66, .colWrap.col4 .w66, .colWrap.col5 .w66, .colWrap.col6 .w66 {width: 66.66%;} /***** 7/10 or 70% *****/ .colWrap.col2 .w70, .colWrap.col3 .w70, .colWrap.col4 .w70, .colWrap.col5 .w70, .colWrap.col6 .w70 {width: 70%;} /***** 4/5 or 80% *****/ .colWrap.col2 .w80, .colWrap.col3 .w80, .colWrap.col4 .w80, .colWrap.col5 .w80, .colWrap.col6 .w80 {width: 80%;} /***** 5/6 or 83.34% *****/ .colWrap.col2 .w83, .colWrap.col3 .w83, .colWrap.col4 .w83, .colWrap.col5 .w83, .colWrap.col6 .w83 {width: 83.34%;} /***** 1/1 or 100% *****/ .colWrap.col2 .w100, .colWrap.col3 .w100, .colWrap.col4 .w100, .colWrap.col5 .w100, .colWrap.col6 .w100 {width: 100%;} /* FILE ARCHIVED ON 00:26:10 Aug 18, 2007 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 20:52:34 May 15, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 66.037 exclusion.robots: 0.114 exclusion.robots.policy: 0.105 cdx.remote: 0.072 esindex: 0.01 LoadShardBlock: 33.404 (3) PetaboxLoader3.datanode: 42.85 (4) CDXLines.iter: 21.334 (3) load_resource: 72.696 PetaboxLoader3.resolve: 59.17 */