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.

94 files changed, 353 insertions, 157 deletions

@@ -28,6 +28,8 @@ include('../includes/specialdates.php');
 
 include("css/website.css");
 include("css/bubbles.css");
+include('css/navigation.css');
+include('css/headers.php');
 
 if (sd_ifNoSpecialDay())
 {
@@ -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*/
+}
@@ -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;

+}
@@ -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;
-}
@@ -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 {
@@ -22,72 +22,44 @@
                                                 </DIV>
                                         </DIV>
 
+                                        <!--BEGIN USEHATNAV-->
                                         <DIV class="sidebar">
                                                 <DIV CLASS="bubble">
                                                         <DIV CLASS="rounded">
                                                                 <BLOCKQUOTE>
-                                                                        <DIV ID="hatbar"><H3>HatNav</H3><P>
+                                                                        <DIV ID="hatnav"><H3>Hatnav</H3><P>
                                                                                 <UL>
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/newspaper.png" />
-                                                                                                <A HREF="http://fourisland.com/">Blog</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/projects.png" />
-                                                                                                <A HREF="http://projects.fourisland.com/">Projects</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/comment.png" />
-                                                                                                <A HREF="http://fourisland.com/fourm/">The Fourm</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/page_edit.png" />
-                                                                                                <A HREF="http://fourisland.com/wiki/">Fouripedia</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/overlays.png" />
-                                                                                                <A HREF="http://fourisland.com/poll/">Polls</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/16-file-page.png" />
-                                                                                                <A HREF="http://fourisland.com/quotes/">Quotes</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/door_<!--LOGDATA-->.png" />
-                                                                                                <A HREF="http://fourisland.com/log<!--LOGDATA-->.php?redirect=<!--REDIRPAGE-->">Log<!--LOGDATA--></A>
-                                                                                        </LI>
+                                                                                        <!--BEGIN HATNAV-->
+                                                                                        <LI STYLE="margin-left: 10"><A ID="<!--HATNAV.AID-->" HREF="<!--HATNAV.HREF-->"><IMG SRC="<!--HATNAV.IMAGE-->"><!--HATNAV.TEXT--><!--HATNAV.NEW--></A></LI>
+                                                                                        <!--END HATNAV-->
                                                                                 </UL>
-                                                                        </DIV>
+                                                                        </P></DIV>
                                                                 </BLOCKQUOTE>
                                                         </DIV>
                                                 </DIV>
                                         </DIV>
-                                                                                        
-                                        <DIV class="sidebar">
+                                        <!--END USEHATNAV-->
+
+                                        <DIV CLASS="sidebar">
                                                 <DIV CLASS="bubble">
                                                         <DIV CLASS="rounded">
                                                                 <BLOCKQUOTE>
                                                                         <DIV ID="hatbar"><H3>Poll of the Week</H3><P>
-                                                                                <P>
-                                                                                        <!--INCLUDE polloftheweek-->
-                                                                                </P>
-                                                                        </DIV>
+                                                                                <!--INCLUDE polloftheweek-->
+                                                                        </P></DIV>
                                                                 </BLOCKQUOTE>
                                                         </DIV>
                                                 </DIV>
                                         </DIV>
 
+                                        <!--EXTRASIDEBARS-->
+
                                         <DIV class="sidebar">
                                                 <DIV CLASS="bubble">
                                                         <DIV CLASS="rounded">
                                                                 <BLOCKQUOTE>
                                                                         <DIV ID="hatbar"><H3>Hatbar</H3><P>
+                                                                                Confused? Email the webmaster at hatk<a href="http://mailhide.recaptcha.net/d?k=01gkW_nSHD3Qbf7dcAwJVdsg==&amp;c=M-Dz6vqhsLdR6tNVOO5f7c6jZUsKP1mUNWfmLFkJqak=" onclick="window.open('http://mailhide.recaptcha.net/d?k=01gkW_nSHD3Qbf7dcAwJVdsg==&amp;c=M-Dz6vqhsLdR6tNVOO5f7c6jZUsKP1mUNWfmLFkJqak=', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" title="Reveal this e-mail address">...</a>@fourisland.com</SMALL>
                                                                                 <P>
                                                                                         <SPAN ID="hitcounter">
                                                                                                 Hits: <!--HITS--><BR>
@@ -123,38 +95,6 @@
                                                 <DIV CLASS="bubble">
                                                         <DIV CLASS="rounded">
                                                                 <BLOCKQUOTE>
-                                                                        <DIV ID="hatbar"><H3>Affiliates</H3><P>
-                                                                                <UL>
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/tag_blue.png" />
-                                                                                                <A HREF="http://ssite.fourisland.com/">The S Site</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/tag_green.png" />
-                                                                                                <A HREF="http://nablecak.fourisland.com/">Wikipinia</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/tag_orange.png" />
-                                                                                                <A HREF="http://gryph.fourisland.com/">Color Pencils</A>
-                                                                                        </LI>
-
-                                                                                        <LI>
-                                                                                                <IMG SRC="/theme/images/icons/tag_pink.png" />
-                                                                                                <A HREF="http://timbo94.fourisland.com/">Dream Weaver</A>
-                                                                                        </LI>
-                                                                                </UL>
-                                                                        </DIV>
-                                                                </BLOCKQUOTE>
-                                                        </DIV>
-                                                </DIV>
-                                        </DIV>
-
-                                        <DIV class="sidebar">
-                                                <DIV CLASS="bubble">
-                                                        <DIV CLASS="rounded">
-                                                                <BLOCKQUOTE>
                                                                         <DIV ID="hatbar">
                                                                                 <H3>Popular Posts</H3>
 
@@ -181,7 +121,7 @@
                                                                                 <P>
                                                                                         <UL>
                                                                                                 <!--BEGIN COMMENTS-->
-                                                                                                <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>
+                                                                                                <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->"><!--COMMENTS.TITLE--></A></LI>
                                                                                                 <!--END COMMENTS-->
                                                                                         </UL>
                                                                                 </P>
@@ -4,7 +4,6 @@
 
                 <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css.php?id=<!--BODYID-->&amp;cat=<!--CATEGORY-->" />
                 <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/thickbox.css" />
-                <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/print.css" MEDIA="print" />
                 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
                 <META HTTP-EQUIV="Content-Language" CONTENT="en" />
                 <LINK REL="alternate" TYPE="application/rss+xml" HREF="http://feeds.feedburner.com/FourIsland?format=xml" TITLE="Four Island" />
@@ -13,6 +12,7 @@
                 <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php" />
                 <SCRIPT SRC="/theme/js/jquery-1.2.6.min.js" TYPE="text/javascript"></SCRIPT>
                 <SCRIPT SRC="/theme/js/jquery.ie6blocker.js" TYPE="text/javascript"></SCRIPT>
+                <SCRIPT SRC="/theme/js/message.js" TYPE="text/javascript"></SCRIPT>
                 <SCRIPT SRC="/theme/js/rounded_corners.inc.js" TYPE="text/javascript"></SCRIPT>
                 <SCRIPT SRC="/theme/js/round_bubbles.js" TYPE="text/javascript"></SCRIPT>
                 <SCRIPT SRC="/theme/js/thickbox.js" TYPE="text/javascript"></SCRIPT>
@@ -27,18 +27,38 @@
         </HEAD>
 
         <BODY ID="<!--BODYID-->" CLASS="<!--CATEGORY--> <!--AID--> <!--CATEGORY-->-<!--AID-->"<!--BODYTAGS-->>
-                <DIV ID="top-fade"></DIV>
+                <DIV ID="stripe">
+                        You can get notifications on new Four Island posts either via
+                        <A HREF="http://feeds.feedburner.com/FourIsland">RSS</A>
+                        or
+                        <A HREF="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1464430">Email</A>
+                </DIV>
 
                 <DIV ID="wrap">
                         <DIV ID="page-header">
+                                <SPAN CLASS="side-left"></SPAN>
                                 <DIV ID="banner" STYLE="position: relative;">
-                                        <H1 ID="logo-banner">
-                                                <A HREF="/" TITLE="Four Island">Four Island</A>
-                                        </H1>
-                                </DIV>                          
+                                        <H1 ID="logo-banner"><A HREF="/" TITLE="Four Island">Four Island</A></H1>
+                                </DIV>
+                                <SPAN CLASS="side-right"></SPAN>
+                        </DIV>
+
+                        <DIV ID="banner-nav">
+                                <UL ID="bannernav">
+                                        <LI id="bannernav-home"><A HREF="/" REL="home"><B><SPAN>Home</SPAN></B></A></LI>
+                                        <LI id="bannernav-projects"><A HREF="http://projects.fourisland.com"><B><SPAN>Projects</SPAN></B></A></LI>
+                                        <LI id="bannernav-wiki"><A HREF="/wiki/"><B><SPAN>Wiki</SPAN></B></A></LI>
+                                        <LI id="bannernav-fourm"><A HREF="/fourm/"><B><SPAN>Fourm</SPAN></B></A></LI>
+                                        <LI id="bannernav-poll"><A HREF="/poll/"><B><SPAN>Poll</SPAN></B></A></LI>
+                                        <LI id="bannernav-quotes"><A HREF="/quotes/"><B><SPAN>Quotes</SPAN></B></A></LI>
+                                        <LI id="bannernav-<!--LOWERLOGDATA-->"><A HREF="/<!--LOWERLOGDATA-->.php?redirect=<!--REDIRPAGE-->"><B><SPAN><!--LOGDATA--></SPAN></B></A></LI>
+                                        <!--BEGIN PANEL-->
+                                        <LI id="bannernav-panel"><A HREF="/admin/"><B><SPAN>Panel</SPAN></B></A></LI>
+                                        <!--END PANEL-->
+                                </UL>
                         </DIV>
 
                         <DIV CLASS="push"></DIV>
 
                         <DIV id="page-body">
-                                <DIV id="content">
+                                <DIV id="content"><!-- Begin content -->
@@ -0,0 +1,5 @@
+$(document).ready(function() {
+        $("div#stripe").click(function() {
+                $("div#stripe").slideUp();
+        });
+});
@@ -1,47 +0,0 @@
-<DIV CLASS="sidebar" STYLE="margin: auto">
-        <DIV CLASS="bubble">
-                <DIV CLASS="rounded">
-                        <BLOCKQUOTE>
-                                <DIV ID="hatbar" CLASS="quotes-options">
-                                        <H3>Quote Options</H3>
-                                        <UL>
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/16-star-hot.png" />
-                                                        <A HREF="/quotes/latest.php">Latest</A>
-                                                </LI>
-
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/medal_gold_1.png" />
-                                                        <A HREF="/quotes/top.php">Best</A>
-                                                </LI>
-
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/16-message-warn.png" />
-                                                        <A HREF="/quotes/bottom.php">Worst</A>
-                                                </LI>
-
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/16-file-archive.png" />
-                                                        <A HREF="/quotes/browse.php">Browse All</A>
-                                                </LI>
-
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/16-clock.png" />
-                                                        <A HREF="/quotes/random.php">Random</A>
-                                                </LI>
-
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/16-em-pencil.png" />
-                                                        <A HREF="/quotes/add.php">Add</A>
-                                                </LI>
-
-                                                <LI>
-                                                        <IMG SRC="/theme/images/icons/book_open.png" />
-                                                        <A HREF="/quotes/search.php">Search</A> 
-                                                </LI>
-                                        </UL>
-                                </DIV>
-                        </BLOCKQUOTE>
-                </DIV>
-        </DIV>
-</DIV>