summaryrefslogtreecommitdiff
path: root/css/trash
diff options
context:
space:
mode:
authorNathan Kinkade <nath@nkinka.de>2008-02-03 23:23:24 +0000
committerNathan Kinkade <nath@nkinka.de>2008-02-03 23:23:24 +0000
commitd895b852a6e160496ffc760d46d3719a3d62ff86 (patch)
tree52230bb04148197e8312e09b5c5273417e7a3be9 /css/trash
Initial checkin of nutridb.org and basic subversion directory structure
Diffstat (limited to 'css/trash')
-rw-r--r--css/trash/2column.css93
-rw-r--r--css/trash/3column.css103
-rw-r--r--css/trash/site.css.orig161
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;
+}
+