Created Theme Switcher

Also rewrote the way layouts work. Now, each layout requires a "layout.tpl" file (which contains the header and footer for the layout) and a "style.php"
file (which contains and can include other files that contain the CSS for the layout). Each layout has it's own folder in theme/layouts and you can switch
between them using a combo box in the Hatbar.

Layouts 6.2 and 4.5 have been modified to work with new Layout 7 features such as AJAX, and they should be relatively free of bugs. Layout 3 has not yet
been transferred because since it is pre-The New Four Island, it will be very difficult to do so.

This changeset requires manual external code changes:

* The line below must be added above the functions.php include in The Fourm's funnctions.php
	require('/svr/www/hatkirby/fourisland/main/includes/session.php');
* The block of Four Island code in The Fourm's page_header() function should be replaced with:
	global $fi_pagetitle;
	$fi_pagetitle = $page_title;

	ob_start();
* The block of Four Island code in The Fourm's page_footer() function should be replaced with:
	global $fi_pagetitle;

	$content = ob_get_contents();
	ob_end_clean();

	$noRightbar = 1;
	$onFourm = 1;
	$pageCategory = 'fourm';

	if ($fi_pagetitle == 'Index page')
	{
		$title = 'The Fourm';
	} else if (strpos($fi_pagetitle, 'View topic') !== FALSE)
	{
		$title = str_replace('View topic - ', 'Topic: ', $fi_pagetitle) . ' - The Fourm';
	} else if (strpos($fi_pagetitle, 'View forum') !== FALSE)
	{
		$title = str_replace('View forum - ', 'Fourm: ', $fi_pagetitle) . ' - The Fourm';
	} else if (strpos($fi_pagetitle, 'Viewing profile') !== FALSE)
	{
		$title = str_replace('Viewing profile - ', 'Member: ', $fi_pagetitle) . ' - The Fourm';
	} else {
		$title = $fi_pagetitle . ' - The Fourm';
	}

	if ($_GET['view'] != 'print')
	{
		include('/svr/www/hatkirby/fourisland/main/includes/layout.php');
	} else {
		echo $content;
	}

Closes #117

1 files changed, 247 insertions, 0 deletions

@@ -0,0 +1,247 @@
+/* Banner */
+                
+div#banner, div#fi-banner {
+ background-repeat: no-repeat;
+ width: 900px; /*728*/
+ height: 200px;
+ float: left;
+/* margin-top: 21px; */
+}
+
+div#banner {
+ background: white url("/theme/images/fourisland_header.png") center no-repeat;
+ width: 100%;
+}
+
+body div#banner h1, body div#fi-banner h1 {
+ margin: 0;
+}
+
+body div#banner h1 a, body div#fi-banner h1 a {
+ display: block;
+ width: 900px;
+ height: 200px;
+ text-indent: -5000px;
+ text-decoration: none;
+ margin: 0;
+}
+
+div#banner h1, div#fi-banner h1 {
+ margin: 0;
+ font-size: 3.0em;
+ font-weight: normal;
+}
+
+/* NavBar */
+
+div#fi-navbar {
+ position: relative;
+ background-color: #b7e0ff;
+ width: auto;
+ margin-bottom: 14px;
+ font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
+ height: 1.9em;
+ clear: both;
+}
+
+div#fi-navbar div {
+ padding: .001em 0;
+ margin: 10px;
+}
+
+div#fi-navbar ul {
+ margin: .25em 0;
+ padding-left: 1em;
+ text-align: center;
+}
+
+div#fi-navbar ul li {
+ display: inline;
+ font-family: Verdana, sans-serif;
+ font-size: 1.1em;
+}
+
+div#fi-navbar ul li+li:before {
+ content: " - ";
+}
+
+div#fi-navbar ul li img,
+div#fi-navbar ul li.active span {
+ display: none;
+}
+
+div#fi-navbar ul li.active img {
+ display: inline;
+ background-color: white;
+ outline: white solid .5em;
+ margin: 0 .5em;
+}
+
+div#fi-navbar div.bubble blockquote {
+ background: none;
+ font-size: 0.9em;
+}
+
+div#fi-navbar div.bubble blockquote a {
+ color: blue;
+}
+
+/* Sidebar */
+
+div#rightbar {
+ float: left;
+ width: 270px; /*210*/
+}
+
+div.sidebar {
+ width: 250px; /*250*/ /*240*/ /*210*/
+ padding: 0 10px;
+ margin-bottom: 5px;
+}
+
+div.sidebar h3 {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ margin: 5px 0 0 0;
+ font-weight: bold;
+ color: #333333;
+}
+
+div.sidebar p {
+ font-size: 0.8em;
+ margin: 3px 0;
+}
+
+div.sidebar ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ line-height: normal !important;
+ list-style-image: none !important;
+}
+                                                        
+div#sidebar ul li {
+ margin-top: 4px;
+}
+                                
+div#sidebar ul li a {
+ display: block;
+ width: 230px;
+}
+
+div#sidebar li img {
+ border: 0;
+ height: 16px;
+ width: 16px;
+}
+
+/* Layout */
+
+#wrap {
+ width: 910px;
+ margin: 10px auto;
+ padding: 0;
+ background-color: white;
+ background-color: rgba(255, 255, 255, 0.5);
+ border: 4px solid gray;
+}
+
+#page-body {
+ margin: 0 30px;
+ clear: both;
+ position: relative;
+}
+
+body.fourm #page-body {
+ margin: 0 10px 0 25px;
+ width: 95%;
+ font-size: 62.5%;
+}
+
+#phpBB3-page-body {
+ margin: 4px 0 !important;
+ clear: both;
+}
+
+/* Content */
+                                                                                                                        
+div#content {
+ float: right;
+ width: 555px; /*465*/ /*555*/
+}
+
+div#footer {
+ clear: both;
+ padding: .5em 0 1em 0;
+ margin-top: .5em;
+ text-align: center;
+ font-size: .68em;
+ border-top: 1px black solid;
+}
+
+div#footer ul.rows li {
+ display: list-item;
+}
+
+div#footer ul {
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+}
+
+div#footer ul li {
+ display: inline;
+ margin-right: 1em;
+}
+
+div#footer ul li img {
+ width: 20px;
+ height: 20px;
+ vertical-align: top;
+}
+
+div#content ul {
+ list-style: url(/theme/images/bullet_disk_big.png);
+}
+
+div#content a img {
+ border: solid transparent 1px;
+}
+
+div#content a:hover img {
+ border: dashed gray 1px;
+}
+
+div#hatbar.quotes-options ul {
+ list-style: none;
+}
+
+div.autosize {
+ margin-bottom: 6px !important;
+}
+
+body {
+ background: repeat-x bottom left fixed;
+ font-family: Arial, FreeSans;
+ margin: 0px;
+ padding: 0px 0px 30px !important;
+}
+
+body.fourm {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+}
+
+body.fourm div#content {
+ width: 100%;
+ float: none;
+}
+
+body {
+ background-color: aqua;
+ background-image: url(/theme/images/backgrounds/island6.PNG);
+}
+
+span.post-vote {
+ float: right;
+ position: relative;
+ top: -20px;
+}