70 files changed, 160 insertions, 353 deletions

@@ -27,6 +27,9 @@ include('includes/functions_quotes.php');
 $pageCategory = 'quotes';
 $headtags = '<LINK REL="stylesheet" HREF="/theme/css/quotes.css" />';
 
+$template = new FITemplate('quotes/header');
+$template->display();
+
 if (isset($_GET['id']))
 {
         $quote_num = $_GET['id'];
@@ -28,8 +28,6 @@ include('../includes/specialdates.php');
 
 include("css/website.css");
 include("css/bubbles.css");
-include('css/navigation.css');
-include('css/headers.php');
 
 if (sd_ifNoSpecialDay())
 {
@@ -1,85 +0,0 @@
-<?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*/
-}
@@ -1,173 +0,0 @@
-/* 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,3 +2,15 @@ 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,18 +108,12 @@ pre {
                 
 div#banner, div#fi-banner {
  background-repeat: no-repeat;
- width: 850px;
- height: 129px;
+ width: 900px; /*728*/
+ height: 200px;
  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");
 }
@@ -130,8 +124,8 @@ body div#banner h1, body div#fi-banner h1 {
 
 body div#banner h1 a, body div#fi-banner h1 a {
  display: block;
- width: 850px;
- height: 129px;
+ width: 900px;
+ height: 200px;
  text-indent: -5000px;
  text-decoration: none;
  margin: 0;
@@ -147,27 +141,10 @@ 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: right;
+ float: left;
  width: 250px; /*210*/
  padding: 0 10;
 }
@@ -216,7 +193,6 @@ 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;
@@ -224,6 +200,16 @@ 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;
@@ -245,7 +231,7 @@ body.fourm #page-body {
 /* Content */
                                                                                                                         
 div#content {
- float: left;
+ float: right;
  width: 555px; /*465*/ /*555*/
 }
 
@@ -327,22 +313,6 @@ 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,44 +22,72 @@
                                                 </DIV>
                                         </DIV>
 
-                                        <!--BEGIN USEHATNAV-->
                                         <DIV class="sidebar">
                                                 <DIV CLASS="bubble">
                                                         <DIV CLASS="rounded">
                                                                 <BLOCKQUOTE>
-                                                                        <DIV ID="hatnav"><H3>Hatnav</H3><P>
+                                                                        <DIV ID="hatbar"><H3>HatNav</H3><P>
                                                                                 <UL>
-                                                                                        <!--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-->
+                                                                                        <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>
                                                                                 </UL>
-                                                                        </P></DIV>
+                                                                        </DIV>
                                                                 </BLOCKQUOTE>
                                                         </DIV>
                                                 </DIV>
                                         </DIV>
-                                        <!--END USEHATNAV-->
-
-                                        <DIV CLASS="sidebar">
+                                                                                        
+                                        <DIV class="sidebar">
                                                 <DIV CLASS="bubble">
                                                         <DIV CLASS="rounded">
                                                                 <BLOCKQUOTE>
                                                                         <DIV ID="hatbar"><H3>Poll of the Week</H3><P>
-                                                                                <!--INCLUDE polloftheweek-->
-                                                                        </P></DIV>
+                                                                                <P>
+                                                                                        <!--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>
@@ -95,6 +123,38 @@
                                                 <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>
 
@@ -121,7 +181,7 @@
                                                                                 <P>
                                                                                         <UL>
                                                                                                 <!--BEGIN COMMENTS-->
-                                                                                                <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->"><!--COMMENTS.TITLE--></A></LI>
+                                                                                                <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>
                                                                                                 <!--END COMMENTS-->
                                                                                         </UL>
                                                                                 </P>
@@ -4,6 +4,7 @@
 
                 <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" />
@@ -12,7 +13,6 @@
                 <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,38 +27,18 @@
         </HEAD>
 
         <BODY ID="<!--BODYID-->" CLASS="<!--CATEGORY--> <!--AID--> <!--CATEGORY-->-<!--AID-->"<!--BODYTAGS-->>
-                <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="top-fade"></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>
-                                <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>
+                                        <H1 ID="logo-banner">
+                                                <A HREF="/" TITLE="Four Island">Four Island</A>
+                                        </H1>
+                                </DIV>                          
                         </DIV>
 
                         <DIV CLASS="push"></DIV>
 
                         <DIV id="page-body">
-                                <DIV id="content"><!-- Begin content -->
+                                <DIV id="content">
@@ -1,5 +0,0 @@
-$(document).ready(function() {
-        $("div#stripe").click(function() {
-                $("div#stripe").slideUp();
-        });
-});
@@ -0,0 +1,47 @@
+<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>