From d5e453a7b0a2f966106de4f19602e433f9c7713d Mon Sep 17 00:00:00 2001
From: Starla Insigna <hatkirby@fourisland.com>
Date: Sat, 6 Dec 2008 09:45:32 -0500
Subject: Reverted back to layout 4

Oh so many people complained at the new, pretty layout. The decision was reached in the Poll of the Week: Layout 6 had to go.
---
 theme/css/headers.php    |  85 +++++++++++++++++++++++
 theme/css/navigation.css | 173 +++++++++++++++++++++++++++++++++++++++++++++++
 theme/css/night.css      |  12 ----
 theme/css/website.css    |  62 ++++++++++++-----
 4 files changed, 304 insertions(+), 28 deletions(-)
 create mode 100644 theme/css/headers.php
 create mode 100644 theme/css/navigation.css

(limited to 'theme/css')

diff --git a/theme/css/headers.php b/theme/css/headers.php
new file mode 100644
index 0000000..bb5a179
--- /dev/null
+++ b/theme/css/headers.php
@@ -0,0 +1,85 @@
+<?php
+/*
+       444444444  
+      4::::::::4  
+     4:::::::::4  
+    4::::44::::4  
+   4::::4 4::::4   Four Island
+  4::::4  4::::4  
+ 4::::4   4::::4   Written and maintained by Starla Insigna
+4::::444444::::444
+4::::::::::::::::4  theme/css/headers.php
+4444444444:::::444
+          4::::4   Please do not use, reproduce or steal the
+          4::::4   contents of this file without explicit
+          4::::4   permission from Hatkirby.
+        44::::::44
+        4::::::::4
+        4444444444
+*/
+
+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+
+require('headerproc.php');
+
+?>
+/* Four Island Header CSS */
+<?php
+
+include_once('../includes/specialdates.php');
+
+if (sd_ifNoSpecialDay())
+{
+	$bgimgm = 'main';
+} elseif (sd_isSpecialDay('Four Island A'))
+{
+	$bgimgm = 'islandYearly';
+} elseif (sd_isSpecialDay('Mothers Day'))
+{
+	$bgimgm = 'mothers';
+} elseif (sd_isSpecialDay('Memorial Day'))
+{
+	$bgimgm = 'memorial';
+} elseif (sd_isSpecialDay('Hatkirbys B-Day'))
+{
+	$bgimgm = 'hatkirbybday';
+} else if (sd_isSpecialDay('CTNH'))
+{
+	$bgimgm = 'ctnh';
+} else {
+	$bgimgm = 'main';
+}
+
+if ($bgimgm == 'main')
+{
+	//Check for page-based headers
+?>
+/* Category-Based Headers */
+body.projects div#banner {
+ background-image: url("/theme/images/headers/projects.png");
+}
+body.wiki div#banner {
+ background-image: url("/theme/images/headers/kfm.png");
+}
+body.fourm div#banner {
+ background-image: url("/theme/images/headers/fourm.png");
+}
+body.misc div#banner {
+ background-image: url("/theme/images/headers/random.png");
+}
+body.webs div#banner {
+ background-image: url("/theme/images/headers/links.png");
+}
+body.quotes div#banner {
+ background-image: url("/theme/images/headers/quotes.png");
+}
+body.poll div#banner {
+ background-image: url("/theme/images/headers/potw.png");
+}
+/* AID-Based Headers */
+<?php
+}
+?>
+div#banner {
+ background-image: url("/theme/images/headers/<?php echo($bgimgm); ?>.png"); /*850x129*/
+}
diff --git a/theme/css/navigation.css b/theme/css/navigation.css
new file mode 100644
index 0000000..4d3156b
--- /dev/null
+++ b/theme/css/navigation.css
@@ -0,0 +1,173 @@
+/* Four Island NavBar CSS */
+
+ul#bannernav {
+ list-style: none;
+ clear: both;
+ margin: 0px;
+}
+
+div#banner-nav {
+ height: 30px;
+ clear: both;
+ margin: 1px 30px 0 30px;
+ background: url("/theme/images/bg_navbar.gif") repeat-x 0 0;
+}
+
+ul#bannernav li {
+ float: left;
+ margin: 0;
+ padding: 0;
+ padding-right: 6px;
+}
+
+ul#bannernav li a {
+ text-decoration: none;
+ display: block;
+ width: 100;
+ height: 30;
+}
+
+ul#bannernav li a span {
+ visibility: hidden;
+}
+
+ul#bannernav li img {
+ display: none;
+}
+
+ul#bannernav li#bannernav-home a {
+ background-image: url("/theme/images/Home.gif");
+}
+
+body.home ul#bannernav li#bannernav-home a,
+ul#bannernav li#bannernav-home a:hover {
+ background-image: url("/theme/images/Home_ro.gif");
+}
+
+ul#bannernav li#bannernav-projects a {
+ background-image: url("/theme/images/Projects.gif");
+}
+
+body.projects ul#bannernav li#bannernav-projects a,
+ul#bannernav li#bannernav-projects a:hover {
+ background-image: url("/theme/images/Projects_ro.gif");
+}
+
+ul#bannernav li#bannernav-wiki a {
+ background-image: url("/theme/images/Wiki.gif");
+}
+
+body.wiki ul#bannernav li#bannernav-wiki a,
+ul#bannernav li#bannernav-wiki a:hover {
+ background-image: url("/theme/images/Wiki_ro.gif");
+}
+
+ul#bannernav li#bannernav-fourm a {
+ background-image: url("/theme/images/Fourm.gif");
+}
+
+body.fourm ul#bannernav li#bannernav-fourm a,
+ul#bannernav li#bannernav-fourm a:hover {
+ background-image: url("/theme/images/Fourm_ro.gif");
+}
+
+ul#bannernav li#bannernav-misc a {
+ background-image: url("/theme/images/Random.gif");
+}
+
+body.misc ul#bannernav li#bannernav-misc a,
+ul#bannernav li#bannernav-misc a:hover {
+ background-image: url("/theme/images/Random_ro.gif");
+}
+
+ul#bannernav li#bannernav-webs a {
+ background-image: url("/theme/images/Links.gif");
+}
+
+body.webs ul#bannernav li#bannernav-webs a,
+ul#bannernav li#bannernav-webs a:hover {
+ background-image: url("/theme/images/Links_ro.gif");
+}
+
+ul#bannernav li#bannernav-poll a {
+ background-image: url("/theme/images/Poll.gif");
+}
+
+body.poll ul#bannernav li#bannernav-poll a,
+ul#bannernav li#bannernav-poll a:hover {
+ background-image: url("/theme/images/Poll_ro.gif");
+}
+
+ul#bannernav li#bannernav-quotes a {
+ background-image: url("/theme/images/Quotes.gif");
+}
+
+body.quotes ul#bannernav li#bannernav-quotes a,
+ul#bannernav li#bannernav-quotes a:hover {
+ background-image: url("/theme/images/Quotes_ro.gif");
+}
+
+ul#bannernav li#bannernav-login a {
+ background-image: url("/theme/images/Login.gif");
+}
+
+body.login ul#bannernav li#bannernav-login a,
+ul#bannernav li#bannernav-login a:hover {
+ background-image: url("/theme/images/Login_ro.gif");
+}
+
+ul#bannernav li#bannernav-logout a {
+ background-image: url("/theme/images/Logout.gif");
+}
+
+ul#bannernav li#bannernav-logout a:hover {
+ background-image: url("/theme/images/Logout_ro.gif");
+}
+
+ul#bannernav li#bannernav-panel a {
+ background-image: url("/theme/images/Panel.gif");
+}
+
+body.panel ul#bannernav li#bannernav-panel a,
+ul#bannernav li#bannernav-panel a:hover {
+ background-image: url("/theme/images/Panel_ro.gif");
+}
+
+ul#bannernav li#bannernav-search {
+ display: block;
+ float: right;
+ width: 165px;
+ height: 30px;
+ margin: 0px;
+ background: url("/theme/images/bg_search.gif") 0 0 no-repeat;
+}
+
+ul#bannernav li#bannernav-search fieldset {
+ border: none;
+ padding-top: 6px;
+ border-width:0pt;
+ font-family:Verdana,Helvetica,Arial,sans-serif;
+ font-size:1.1em;
+}
+
+ul#bannernav li#bannernav-search input {
+ width: 125px;
+ height: 19px !important;
+ margin-left: 13px;
+ border: none !important;
+ background-color: transparent;
+ cursor:pointer;
+ font-family:Verdana,Helvetica,Arial,sans-serif;
+ font-weight:normal;
+ padding:0pt 3px;
+ vertical-align:middle;
+ line-height:1.3em;
+ color:#536482;
+ margin-top: -20px;
+}
+
+body.fourm ul#bannernav li#bannernav-search input {
+ margin-top: 0px;
+ font-size: 1.1em !important;
+ margin-left: 28px;
+}
diff --git a/theme/css/night.css b/theme/css/night.css
index 614cc79..e97ac71 100644
--- a/theme/css/night.css
+++ b/theme/css/night.css
@@ -2,15 +2,3 @@ body {
  background-color: black;
  background-image: url(/theme/images/backgrounds/island6night.PNG);
 }
-
-body div#banner {
- background-image: url("/theme/images/fourisland_header_night.png") !important;
-}
-
-body div#top-fade {
- background-image: url(/theme/images/top_fade_night.png) !important;
-}
-
-body.home div.bubble cite {
- color: yellow;
-}
diff --git a/theme/css/website.css b/theme/css/website.css
index de2fecd..823e80e 100755
--- a/theme/css/website.css
+++ b/theme/css/website.css
@@ -108,12 +108,18 @@ pre {
 		
 div#banner, div#fi-banner {
  background-repeat: no-repeat;
- width: 900px; /*728*/
- height: 200px;
+ width: 850px;
+ height: 129px;
  float: left;
  margin-top: 21px;
 }
 
+#page-header {
+ background: url("/theme/images/bg_header.gif") repeat-x 0 0;
+ height: 150px;
+ clear: both;
+}
+
 div#banner {
  background-image: url("/theme/images/fourisland_header.png");
 }
@@ -124,8 +130,8 @@ body div#banner h1, body div#fi-banner h1 {
 
 body div#banner h1 a, body div#fi-banner h1 a {
  display: block;
- width: 900px;
- height: 200px;
+ width: 850px;
+ height: 129px;
  text-indent: -5000px;
  text-decoration: none;
  margin: 0;
@@ -141,10 +147,27 @@ div#bannernav {
  text-align: center;
 }
 
+span.side-left, span.side-right {
+ display: block;
+ width: 20px;
+ height: 150px;
+ background: url("/theme/images/sides_top.gif") no-repeat;
+}
+
+span.side-left {
+ float: left;
+ margin-right: 10px;
+}
+
+span.side-right {
+ background-position: 100% 0;
+ float: right;
+}
+
 /* Sidebar */
 
 div#rightbar {
- float: left;
+ float: right;
  width: 250px; /*210*/
  padding: 0 10;
 }
@@ -193,6 +216,7 @@ div#sidebar li img {
 /* Layout */
 
 #wrap {
+ background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0;
  width: 910px;
  margin: 10px auto;
  text-align: left;
@@ -200,16 +224,6 @@ div#sidebar li img {
  margin-top: 25px;
 }
 
-div#top-fade {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- background-image: url(/theme/images/top_fade.png);
- height: 400px;
- z-index: 0;
-}
-
 #page-body {
  margin: 0 30px;
  clear: both;
@@ -231,7 +245,7 @@ body.fourm #page-body {
 /* Content */
 															
 div#content {
- float: right;
+ float: left;
  width: 555px; /*465*/ /*555*/
 }
 
@@ -313,6 +327,22 @@ div#hatbar.quotes-options ul {
  list-style: none;
 }
 
+div#stripe {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ background-color: #FBEC5D;
+ height: 20px;
+ z-index: 99;
+ padding-top: 5px;
+ text-align: center;
+}
+
+* > html div#stripe {
+ position: absolute;
+}
+
 /* Tables */
 
 table.webmail {
-- 
cgit 1.4.1