diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/2ColumnLayout.css | 105 | ||||
| -rw-r--r-- | css/2column.css | 93 | ||||
| -rw-r--r-- | css/3ColumnLayout.css | 101 | ||||
| -rw-r--r-- | css/3column.css | 103 | ||||
| -rw-r--r-- | css/site.baratbottom.css | 191 | ||||
| -rw-r--r-- | css/site.css | 267 | ||||
| -rw-r--r-- | css/site.css.orig | 161 | ||||
| -rw-r--r-- | css/trash/2column.css | 93 | ||||
| -rw-r--r-- | css/trash/3column.css | 103 | ||||
| -rw-r--r-- | css/trash/site.css.orig | 161 |
10 files changed, 1378 insertions, 0 deletions
diff --git a/css/2ColumnLayout.css b/css/2ColumnLayout.css new file mode 100644 index 0000000..fd3b1c1 --- /dev/null +++ b/css/2ColumnLayout.css @@ -0,0 +1,105 @@ +/* 2 column layout based on: */ + +/* http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix */ +/* 3 COLUMN LIQUID LAYOUT BEGIN */ + +#middleColumn { + float: left; + width: 80%; + margin-left: 20%; +} + +* html #middleColumn { + display: inline; +} + +#leftColumn { + float: left; + width: 20%; + margin-left: -100%; + background-color: #009999; +} + +#rightColumn { + clear: both; + margin-left: 20%; + + /* holly-hack from IE */ + height: 1%; + background-color: #cccccc; +} + +/* Start Mac IE5 filter */ +#middleColumn, #leftColumn, #rightColumn { + padding-bottom: 32767px; + margin-bottom: -32767px; +} + +@media all and (min-width: 0px) { + #middleColumn, #leftColumn, #rightColumn { + padding-bottom: 0; + margin-bottom: 0; + } + #middleColumn:before, #leftColumn:before, #rightColumn:before { + display: block; + background: inherit; + padding-top: 32767px; + margin-bottom: -32767px; + height: 0; + } +} +/* End Mac IE5 filter */ + +#columnContainer { + /* This hides the excess padding in non-IE browsers */ + overflow: hidden; +} + +/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the +necessary height (unless fixed, this problem becomes even more acute +weirdness as the method is enhanced */ +#columnContainer { + /* Normally a Holly-style hack height: 1% would suffice but that causes + IE 5.01 to completely collapse the columnContainer - instead we float it */ + float: left; + /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes + (I saw it happen many moons ago) makes the width of columnContainer too small + the float: none with the comment is ignored by 5.01, + 5.5 and above see it and carry on about their business + It's probably fine to just remove it, but it's left here + just in case that many moons ago problem rears its head again */ + float/**/: none; +} + +/* begin easy clearing */ +#columnContainer:after { + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#columnContainer { + display: inline-block; +} + +/*\*/ +#columnContainer { + display: block; +} +/* end easy clearing */ + +#footer { + clear: both; +} + +/* Safari needs this - otherwise the ghost overflow, though painted +correctly obscures links and form elements that by rights should be above it. +An unintended side-effect is that it cause such elements to vanish in IE 5.01 +and 5.5, hence the child selector hack */ +* > #footer, * > form { + position: relative; + /* z-index: 1000; */ +} + +/* 3 COLUMN LIQUID LAYOUT END */ diff --git a/css/2column.css b/css/2column.css new file mode 100644 index 0000000..fafa314 --- /dev/null +++ b/css/2column.css @@ -0,0 +1,93 @@ +/* +http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix +2 COLUMN LIQUID LAYOUT +*/ + +#middleColumn { + float: left; + width: 85%; +} + +* html #middleColumn { + display: inline; +} + +#rightColumn { + float: left; + width: 15%; + background-color: #cccccc; +} + +/* Start Mac IE5 filter \*/ +#middleColumn, #rightColumn { + padding-bottom: 32767px; + margin-bottom: -32767px; +} + +@media all and (min-width: 0px) { + #middleColumn, #rightColumn { + padding-bottom: 0; + margin-bottom: 0; + } + #middleColumn:before, #rightColumn:before { + display: block; + background: inherit; + padding-top: 32767px; + margin-bottom: -32767px; + height: 0; + } +} +/* End Mac IE5 filter */ + +#columnContainer { + /* This hides the excess padding in non-IE browsers */ + overflow: hidden; + margin-bottom: 3px; +} + +/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the +necessary height (unless fixed, this problem becomes even more acute +weirdness as the method is enhanced */ +#columnContainer { + /* Normally a Holly-style hack height: 1% would suffice but that causes + IE 5.01 to completely collapse the columnContainer - instead we float it */ + float: left; + /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes + (I saw it happen many moons ago) makes the width of columnContainer too small + the float: none with the comment is ignored by 5.01, + 5.5 and above see it and carry on about their business + It's probably fine to just remove it, but it's left here + just in case that many moons ago problem rears its head again */ + float/**/: none; +} + +/* begin easy clearing */ +#columnContainer:after { + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#columnContainer { + display: inline-block; +} + +/*\*/ +#columnContainer { + display: block; +} +/* end easy clearing */ + +#footer { + clear: both; +} + +/* Safari needs this - otherwise the ghost overflow, though painted +correctly obscures links and form elements that by rights should be above it. +An unintended side-effect is that it cause such elements to vanish in IE 5.01 +and 5.5, hence the child selector hack */ +* > #footer, * > form, * > #notes, * > .output { + position: relative; + z-index: 1000; +} diff --git a/css/3ColumnLayout.css b/css/3ColumnLayout.css new file mode 100644 index 0000000..3a2bc11 --- /dev/null +++ b/css/3ColumnLayout.css @@ -0,0 +1,101 @@ +/* http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix */ +/* 3 COLUMN LIQUID LAYOUT BEGIN */ + +#middleColumn { + float: left; + width: 64%; + margin-left: 20%; + margin-right: 1%; +} + +* html #middleColumn { + display: inline; +} + +#leftColumn { + float: left; + width: 19%; + margin-left: -85%; + background-color: #009999; +} + +#rightColumn { + float: left; + width: 15%; + background-color: #cccccc; +} + +/* Start Mac IE5 filter */ +#middleColumn, #leftColumn, #rightColumn { + padding-bottom: 32767px; + margin-bottom: -32767px; +} + +@media all and (min-width: 0px) { + #middleColumn, #leftColumn, #rightColumn { + padding-bottom: 0; + margin-bottom: 0; + } + #middleColumn:before, #leftColumn:before, #rightColumn:before { + display: block; + background: inherit; + padding-top: 32767px; + margin-bottom: -32767px; + height: 0; + } +} +/* End Mac IE5 filter */ + +#columnContainer { + /* This hides the excess padding in non-IE browsers */ + overflow: hidden; +} + +/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the +necessary height (unless fixed, this problem becomes even more acute +weirdness as the method is enhanced */ +#columnContainer { + /* Normally a Holly-style hack height: 1% would suffice but that causes + IE 5.01 to completely collapse the columnContainer - instead we float it */ + float: left; + /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes + (I saw it happen many moons ago) makes the width of columnContainer too small + the float: none with the comment is ignored by 5.01, + 5.5 and above see it and carry on about their business + It's probably fine to just remove it, but it's left here + just in case that many moons ago problem rears its head again */ + float/**/: none; +} + +/* begin easy clearing */ +#columnContainer:after { + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#columnContainer { + display: inline-block; +} + +/*\*/ +#columnContainer { + display: block; +} +/* end easy clearing */ + +#footer { + clear: both; +} + +/* Safari needs this - otherwise the ghost overflow, though painted +correctly obscures links and form elements that by rights should be above it. +An unintended side-effect is that it cause such elements to vanish in IE 5.01 +and 5.5, hence the child selector hack */ +* > #footer, * > form { + position: relative; + /* z-index: 1000; */ +} + +/* 3 COLUMN LIQUID LAYOUT END */ diff --git a/css/3column.css b/css/3column.css new file mode 100644 index 0000000..57b1abb --- /dev/null +++ b/css/3column.css @@ -0,0 +1,103 @@ +/* +http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix +3 COLUMN LIQUID LAYOUT +*/ + +#middleColumn { + float: left; + width: 64%; + margin-left: 20%; + margin-right: 1%; +} + +* html #middleColumn { + display: inline; +} + +#leftColumn { + float: left; + width: 19%; + margin-left: -85%; + background-color: #009999; + /*background-color: #568fc4;*/ +} + +#rightColumn { + float: left; + width: 15%; + background-color: #cccccc; +} + +/* Start Mac IE5 filter \*/ +#middleColumn, #leftColumn, #rightColumn { + padding-bottom: 32767px; + margin-bottom: -32767px; +} + +@media all and (min-width: 0px) { + #middleColumn, #leftColumn, #rightColumn { + padding-bottom: 0; + margin-bottom: 0; + } + #middleColumn:before, #leftColumn:before, #rightColumn:before { + display: block; + background: inherit; + padding-top: 32767px; + margin-bottom: -32767px; + height: 0; + } +} +/* End Mac IE5 filter */ + +#columnContainer { + /* This hides the excess padding in non-IE browsers */ + overflow: hidden; + margin-bottom: 3px; +} + +/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the +necessary height (unless fixed, this problem becomes even more acute +weirdness as the method is enhanced */ +#columnContainer { + /* Normally a Holly-style hack height: 1% would suffice but that causes + IE 5.01 to completely collapse the columnContainer - instead we float it */ + float: left; + /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes + (I saw it happen many moons ago) makes the width of columnContainer too small + the float: none with the comment is ignored by 5.01, + 5.5 and above see it and carry on about their business + It's probably fine to just remove it, but it's left here + just in case that many moons ago problem rears its head again */ + float/**/: none; +} + +/* begin easy clearing */ +#columnContainer:after { + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#columnContainer { + display: inline-block; +} + +/*\*/ +#columnContainer { + display: block; +} +/* end easy clearing */ + +#footer { + clear: both; +} + +/* Safari needs this - otherwise the ghost overflow, though painted +correctly obscures links and form elements that by rights should be above it. +An unintended side-effect is that it cause such elements to vanish in IE 5.01 +and 5.5, hence the child selector hack */ +* > #footer, * > form, * > #notes, * > .output { + position: relative; + z-index: 1000; +} diff --git a/css/site.baratbottom.css b/css/site.baratbottom.css new file mode 100644 index 0000000..3c4047e --- /dev/null +++ b/css/site.baratbottom.css @@ -0,0 +1,191 @@ +body { + margin: 1em; + background-color: #ffffff; + font-family: Verdana, Arial; + font-size: 10pt; +} + +img { + border: none; +} + +table, caption { + font-size: inherit; + font-weight: inherit; + font-style: inherit; + font-variant: inherit; +} + +a { + color: blue; + text-decoration: none; +} + +a:visited { + color: blue; + text-decoration: none; +} + +a:hover { + color: blue; + text-decoration: underline; +} + +#header { + height: 80px; + position: relative; + width: 100%; + background-color: #ccb8a6; +} + +#headerLeft { + position: absolute; + height: 60px; + line-height: 60px; + text-align: left; + padding-left: .5ex; + font-size: 150%; + font-weight: bold; + top: 0; + width: 60%; +} + +#headerMiddle { + position: absolute; + height: 55px; + text-align: right; + left: 60.5%; + width: 29%; + top: 0; + padding-top: 5px; +} + +#headerRight { + position: absolute; + height: 55px; + text-align: center; + left: 89.5%; + width: 10%; + top: 0; + padding-top: 5px; + padding-left: 1ex; +} + +#headerLinkBar { + position: absolute; + top: 60px; + width: 100%; + height: 20px; + background-color: #000000; +} + +#headerLinks { + position: absolute; + font-size: 8pt; + height: 20px; + line-height: 20px; + font-family: Arial, Verdana; + font-weight: bold; + color: #ffffff; + padding-left: 2ex; + width: 39%; + top: 0; +} + +#headerLinks a { + color: #ffffff; + text-decoration: none; +} + +#headerLinks a:visited { + color: #ffffff; + text-decoration: none; +} + +#headerLinks a:hover { + color: #ffffff; + text-decoration: underline; +} + +#systemMsgs { + position: absolute; + width: 59%; + margin-left: 40%; + top: 0; + height: 20px; + font-size: 8pt; + line-height: 20px; + font-family: Arial, Verdana; + font-weight: bold; + text-align: right; + padding-right: 1ex; +} + +#leftData { + margin: 1ex; +} + +#middleData { + margin: 1ex; +} + +#rightData { + margin: 1ex; +} + +#footerLinks { + text-align: center; + background-color: #000000; + height: 20px; + line-height: 20px; + color: white; + font-size: 7pt; +} + +#footerLinks a:visited { + color: blue; +} + + +.msgError { + color: red; +} + +.msgOkay { + color: green; +} + +.pageNav { + margin-top: 2ex; + margin-bottom: 2ex; + text-align: center; +} + +table.standardTable { + width: 100%; + border: 1px solid grey; +} + +tr.bgDark { + background: #e0e0e0; +} + +tr.bgLight { + background: #ffffff; +} + +.standardTable td { + border: 1px solid #e0e0e0; + padding-left: .5em; + text-align: left; + border: 1px solid #e0e0e0; +} + +.tableTitleRow { + font-weight: bold; + text-align: center; + background-color: #000000; + color: #ffffff; +} + + diff --git a/css/site.css b/css/site.css new file mode 100644 index 0000000..89310aa --- /dev/null +++ b/css/site.css @@ -0,0 +1,267 @@ +body { + margin: 1em; + background-color: #ffffff; + font-family: Verdana, Arial; + font-size: 10pt; +} + +img { + border: none; +} + +table, caption { + font-size: inherit; + font-weight: inherit; + font-style: inherit; + font-variant: inherit; +} + +a { + color: blue; + text-decoration: none; +} + +a:visited { + color: blue; + text-decoration: none; +} + +a:hover { + color: blue; + text-decoration: underline; +} + +a.whiteLink { + color: #ffffff; + text-decoration: underline; +} + +a:visited.whiteLink { + color: #ffffff; + text-decoration: underline; +} + +a:hover.whiteLink { + color: #ffffff; + text-decoration: underline; +} + +#header { + height: 80px; + position: relative; + width: 100%; + background-color: #ccb8a6; +} + +#headerLeft { + position: absolute; + height: 60px; + line-height: 60px; + text-align: left; + padding-left: .5ex; + font-size: 150%; + font-weight: bold; + top: 0; + width: 60%; +} + +#headerMiddle { + position: absolute; + height: 55px; + text-align: right; + left: 60.5%; + width: 29%; + top: 0; + padding-top: 5px; +} + +#headerRight { + position: absolute; + height: 55px; + text-align: center; + left: 89.5%; + width: 10%; + top: 0; + padding-top: 5px; + padding-left: 1ex; +} + +#headerLinkBar { + position: absolute; + top: 60px; + width: 100%; + height: 20px; + background-color: #000000; +} + +#headerLinks { + position: absolute; + font-size: 8pt; + height: 20px; + line-height: 20px; + font-family: Arial, Verdana; + font-weight: bold; + color: #ffffff; + padding-left: 2ex; + width: 39%; + top: 0; +} + +#headerLinks a { + color: #ffffff; + text-decoration: none; +} + +#headerLinks a:visited { + color: #ffffff; + text-decoration: none; +} + +#headerLinks a:hover { + color: #ffffff; + text-decoration: underline; +} + +#footerLinks a { + color: #ffffff; + text-decoration: none; +} + +#footerLinks a:visited { + color: #ffffff; + text-decoration: none; +} + +#footerLinks a:hover { + color: #ffffff; + text-decoration: underline; +} + +#systemMsgs { + position: absolute; + width: 59%; + margin-left: 40%; + top: 0; + height: 20px; + font-size: 8pt; + line-height: 20px; + font-family: Arial, Verdana; + font-weight: bold; + text-align: right; + padding-right: 1ex; +} + +#leftData { + margin: 1ex; +} + +#middleData { + margin: 1ex 3ex 1ex 3ex; + /* + background-image: url("../images/grey_mouse_lemur_trans.png"); + background-repeat: no-repeat; + background-color: transparent; + background-position: center center; + */ +} + +#rightData { + margin: 1ex; +} + +#footerLinks { + text-align: center; + background-color: #000000; + height: 20px; + line-height: 20px; + color: white; + font-size: 7pt; +} + +.msgError { + color: red; +} + +.msgOkay { + color: green; +} + +.pageNav { + margin-top: 2ex; + margin-bottom: 2ex; + text-align: center; +} + +table.standardTable { + width: 100%; + border: 1px solid grey; +} + +tr.bgDark { + background: #e0e0e0; +} + +tr.bgLight { + background: #ffffff; +} + +.standardTable td { + border: 1px solid #e0e0e0; + padding-left: .5em; + text-align: left; + border: 1px solid #e0e0e0; +} + +.tableTitleRow { + font-weight: bold; + text-align: center; + background-color: #000000; + color: #ffffff; +} + +.standardMargins { + margin-top: 2ex; + margin-bottom: 2ex; +} + +.searchDiv { + margin-bottom: 2ex; + margin-left: auto; + margin-right: auto; + text-align: justify; + width: 75%; +} + +.registerDiv { + margin-bottom: 2ex; + margin-left: auto; + margin-right: auto; + text-align: justify; + width: 75%; +} + +.helpItem { + text-align: justify; + margin: 1em; +} + + +/*CSS for Bubble Tooltips by Alessandro Fulciniti +- http://pro.html.it - http://web-graphics.com */ +.tooltip { + width: 200px; + color: #000; + font: lighter 11px/1.3 Arial,sans-serif; + text-decoration: none; + text-align: center +} +.tooltip span.top { + padding: 30px 8px 0; + background: url(images/tooltip.gif) no-repeat top; +} +.tooltip b.bottom { + padding:3px 8px 15px; + color: #548912; + background: url(images/tooltip.gif) no-repeat bottom; +} +/* -------------------------------------------- */ diff --git a/css/site.css.orig b/css/site.css.orig new file mode 100644 index 0000000..29620ea --- /dev/null +++ b/css/site.css.orig @@ -0,0 +1,161 @@ +body { + color: black; + background-color: white; + padding: 1%; +} + +table.smalltext td { + font-size: small; +} + +.indent { + padding-left: 1em; +} + +a img { + border: none; +} + +em { + font-weight: 600; +} + +p.nowrap { + white-space: nowrap; +} + +.bold-ital { + font-weight: bold; + font-style: italic; +} + +.small { + font-size: small; +} + +.x-small { + font-size: x-small; +} + +.limit-width { + max-width: 60%; +} + +.bold2 { + font-weight: bold; + font-size: large; +} + +.logout { + position: absolute; + right: 3%; +} + +.login-error { + font-weight: bold; + color: red; + background-color: #999966; +} + +.errors { + font-weight: bold; + color: red; + background-color: white; +} + +.blue { + color: blue; +} + +.header { + position: relative; + top: 0; + height: 4em; +} + +.hdr-link-left { + position: absolute; + top: 0; + left: 0; + width: 8%; + text-align: left; + +} +.hdr-img-center { + position: absolute; + top: 0; + left: 8%; + width: 84%; + text-align: center; +} +.hdr-link-right { + position: absolute; + top: 0; + right: 0; + width: 8%; + text-align: right; +} + +.search-box { + float: left; + padding: 1%; + height: 18em; + width: 47%; + margin-bottom: 1em; + border: medium gray ridge; + background-color: #FFCC66; +} + +.mystuff-box { + float: right; + padding: 1%; + min-height: 18em; + width: 47%; + margin-bottom: 1em; + border: medium gray ridge; + background-color: #999966; +} + +.footer { + clear: both; + width: 98%; + margin-top: 1em; + text-align: center; + font-size: x-small; + border-top: medium black double; +} + +.bsd-logo { + position: absolute; + margin-top: 0; + left: 0; + width: 25%; +} + +.apache-logo { + position: absolute; + margin-top: 1em; + right: 0; + width: 25%; +} + +.xhtml-logo { + position: absolute; + margin-top: 2em; + left: 25%; + width: 25%; +} + +.css-logo { + position: absolute; + margin-top: 2em; + right: 25%; + width: 25%; +} + +.border-med-ridge { + width: auto; + padding: 1%; + border: medium gray ridge; +} + diff --git a/css/trash/2column.css b/css/trash/2column.css new file mode 100644 index 0000000..fafa314 --- /dev/null +++ b/css/trash/2column.css @@ -0,0 +1,93 @@ +/* +http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix +2 COLUMN LIQUID LAYOUT +*/ + +#middleColumn { + float: left; + width: 85%; +} + +* html #middleColumn { + display: inline; +} + +#rightColumn { + float: left; + width: 15%; + background-color: #cccccc; +} + +/* Start Mac IE5 filter \*/ +#middleColumn, #rightColumn { + padding-bottom: 32767px; + margin-bottom: -32767px; +} + +@media all and (min-width: 0px) { + #middleColumn, #rightColumn { + padding-bottom: 0; + margin-bottom: 0; + } + #middleColumn:before, #rightColumn:before { + display: block; + background: inherit; + padding-top: 32767px; + margin-bottom: -32767px; + height: 0; + } +} +/* End Mac IE5 filter */ + +#columnContainer { + /* This hides the excess padding in non-IE browsers */ + overflow: hidden; + margin-bottom: 3px; +} + +/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the +necessary height (unless fixed, this problem becomes even more acute +weirdness as the method is enhanced */ +#columnContainer { + /* Normally a Holly-style hack height: 1% would suffice but that causes + IE 5.01 to completely collapse the columnContainer - instead we float it */ + float: left; + /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes + (I saw it happen many moons ago) makes the width of columnContainer too small + the float: none with the comment is ignored by 5.01, + 5.5 and above see it and carry on about their business + It's probably fine to just remove it, but it's left here + just in case that many moons ago problem rears its head again */ + float/**/: none; +} + +/* begin easy clearing */ +#columnContainer:after { + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#columnContainer { + display: inline-block; +} + +/*\*/ +#columnContainer { + display: block; +} +/* end easy clearing */ + +#footer { + clear: both; +} + +/* Safari needs this - otherwise the ghost overflow, though painted +correctly obscures links and form elements that by rights should be above it. +An unintended side-effect is that it cause such elements to vanish in IE 5.01 +and 5.5, hence the child selector hack */ +* > #footer, * > form, * > #notes, * > .output { + position: relative; + z-index: 1000; +} diff --git a/css/trash/3column.css b/css/trash/3column.css new file mode 100644 index 0000000..57b1abb --- /dev/null +++ b/css/trash/3column.css @@ -0,0 +1,103 @@ +/* +http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix +3 COLUMN LIQUID LAYOUT +*/ + +#middleColumn { + float: left; + width: 64%; + margin-left: 20%; + margin-right: 1%; +} + +* html #middleColumn { + display: inline; +} + +#leftColumn { + float: left; + width: 19%; + margin-left: -85%; + background-color: #009999; + /*background-color: #568fc4;*/ +} + +#rightColumn { + float: left; + width: 15%; + background-color: #cccccc; +} + +/* Start Mac IE5 filter \*/ +#middleColumn, #leftColumn, #rightColumn { + padding-bottom: 32767px; + margin-bottom: -32767px; +} + +@media all and (min-width: 0px) { + #middleColumn, #leftColumn, #rightColumn { + padding-bottom: 0; + margin-bottom: 0; + } + #middleColumn:before, #leftColumn:before, #rightColumn:before { + display: block; + background: inherit; + padding-top: 32767px; + margin-bottom: -32767px; + height: 0; + } +} +/* End Mac IE5 filter */ + +#columnContainer { + /* This hides the excess padding in non-IE browsers */ + overflow: hidden; + margin-bottom: 3px; +} + +/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the +necessary height (unless fixed, this problem becomes even more acute +weirdness as the method is enhanced */ +#columnContainer { + /* Normally a Holly-style hack height: 1% would suffice but that causes + IE 5.01 to completely collapse the columnContainer - instead we float it */ + float: left; + /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes + (I saw it happen many moons ago) makes the width of columnContainer too small + the float: none with the comment is ignored by 5.01, + 5.5 and above see it and carry on about their business + It's probably fine to just remove it, but it's left here + just in case that many moons ago problem rears its head again */ + float/**/: none; +} + +/* begin easy clearing */ +#columnContainer:after { + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#columnContainer { + display: inline-block; +} + +/*\*/ +#columnContainer { + display: block; +} +/* end easy clearing */ + +#footer { + clear: both; +} + +/* Safari needs this - otherwise the ghost overflow, though painted +correctly obscures links and form elements that by rights should be above it. +An unintended side-effect is that it cause such elements to vanish in IE 5.01 +and 5.5, hence the child selector hack */ +* > #footer, * > form, * > #notes, * > .output { + position: relative; + z-index: 1000; +} diff --git a/css/trash/site.css.orig b/css/trash/site.css.orig new file mode 100644 index 0000000..29620ea --- /dev/null +++ b/css/trash/site.css.orig @@ -0,0 +1,161 @@ +body { + color: black; + background-color: white; + padding: 1%; +} + +table.smalltext td { + font-size: small; +} + +.indent { + padding-left: 1em; +} + +a img { + border: none; +} + +em { + font-weight: 600; +} + +p.nowrap { + white-space: nowrap; +} + +.bold-ital { + font-weight: bold; + font-style: italic; +} + +.small { + font-size: small; +} + +.x-small { + font-size: x-small; +} + +.limit-width { + max-width: 60%; +} + +.bold2 { + font-weight: bold; + font-size: large; +} + +.logout { + position: absolute; + right: 3%; +} + +.login-error { + font-weight: bold; + color: red; + background-color: #999966; +} + +.errors { + font-weight: bold; + color: red; + background-color: white; +} + +.blue { + color: blue; +} + +.header { + position: relative; + top: 0; + height: 4em; +} + +.hdr-link-left { + position: absolute; + top: 0; + left: 0; + width: 8%; + text-align: left; + +} +.hdr-img-center { + position: absolute; + top: 0; + left: 8%; + width: 84%; + text-align: center; +} +.hdr-link-right { + position: absolute; + top: 0; + right: 0; + width: 8%; + text-align: right; +} + +.search-box { + float: left; + padding: 1%; + height: 18em; + width: 47%; + margin-bottom: 1em; + border: medium gray ridge; + background-color: #FFCC66; +} + +.mystuff-box { + float: right; + padding: 1%; + min-height: 18em; + width: 47%; + margin-bottom: 1em; + border: medium gray ridge; + background-color: #999966; +} + +.footer { + clear: both; + width: 98%; + margin-top: 1em; + text-align: center; + font-size: x-small; + border-top: medium black double; +} + +.bsd-logo { + position: absolute; + margin-top: 0; + left: 0; + width: 25%; +} + +.apache-logo { + position: absolute; + margin-top: 1em; + right: 0; + width: 25%; +} + +.xhtml-logo { + position: absolute; + margin-top: 2em; + left: 25%; + width: 25%; +} + +.css-logo { + position: absolute; + margin-top: 2em; + right: 25%; + width: 25%; +} + +.border-med-ridge { + width: auto; + padding: 1%; + border: medium gray ridge; +} + |