diff options
| author | Nathan Kinkade <nath@nkinka.de> | 2008-02-03 23:23:24 +0000 |
|---|---|---|
| committer | Nathan Kinkade <nath@nkinka.de> | 2008-02-03 23:23:24 +0000 |
| commit | d895b852a6e160496ffc760d46d3719a3d62ff86 (patch) | |
| tree | 52230bb04148197e8312e09b5c5273417e7a3be9 /css/trash | |
Initial checkin of nutridb.org and basic subversion directory structure
Diffstat (limited to 'css/trash')
| -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 |
3 files changed, 357 insertions, 0 deletions
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; +} + |
