Revision: 3504
http://vexi.svn.sourceforge.net/vexi/?rev=3504&view=rev
Author: clrg
Date: 2009-05-22 17:47:15 +0000 (Fri, 22 May 2009)
Log Message:
-----------
Better browser compatable website materials
Modified Paths:
--------------
trunk/media/web/VexiBook.php
trunk/media/web/blog_template.xml
trunk/media/web/forum.html
trunk/media/web/template.css
trunk/media/web/template.html
trunk/media/web/vexibook/main.css
Modified: trunk/media/web/VexiBook.php
===================================================================
--- trunk/media/web/VexiBook.php 2009-05-20 10:11:51 UTC (rev 3503)
+++ trunk/media/web/VexiBook.php 2009-05-22 17:47:15 UTC (rev 3504)
@@ -39,12 +39,12 @@
// Currently in testing... try 'chick/main.css'
$out->addStyle( $wgHandheldStyle, 'handheld' );
}
-
+/*
$out->addStyle( 'vexibook/IE50Fixes.css', 'screen', 'lt IE
5.5000' );
$out->addStyle( 'vexibook/IE55Fixes.css', 'screen', 'IE 5.5000'
);
$out->addStyle( 'vexibook/IE60Fixes.css', 'screen', 'IE 6' );
$out->addStyle( 'vexibook/IE70Fixes.css', 'screen', 'IE 7' );
-
+*/
$out->addStyle( 'vexibook/rtl.css', 'screen', '', 'rtl' );
}
}
@@ -71,7 +71,7 @@
// Suppress warnings to prevent notices about missing indexes
in $this->data
wfSuppressWarnings();
-?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html xmlns="<?php $this->text('xhtmldefaultnamespace') ?>" <?php
foreach($this->data['xhtmlnamespaces'] as $tag => $ns) {
?>xmlns:<?php echo "{$tag}=\"{$ns}\" ";
@@ -119,18 +119,16 @@
<?php if($this->data['body_onload']) { ?> onload="<?php
$this->text('body_onload') ?>"<?php } ?>
class="mediawiki <?php $this->text('dir') ?> <?php $this->text('pageclass')
?> <?php $this->text('skinnameclass') ?>">
<!-- Vexi Header Template -->
- <div id="header-outer">
- <div id="header-inner">
- <div id="header-upper">
- <img src="/web/vexi_tagline.png" width="500" height="48" />
- </div>
- <div id="header-lower">
- <a href="/blog/"><img src="/web/blog.png" width="100" height="48"
/></a>
- <a href="/forum/"><img src="/web/forum.png" width="100" height="48"
/></a>
- <a href="/"><img src="/web/wiki_current.png" width="100" height="48"
/></a>
- </div>
- </div>
+ <div id="vexi-header-main">
+ <a href="/"><img src="/web/vexi-icon64.png" height="64" width="64"
alt="Vexi Platform" /></a><span style="vertical-align:bottom;">Vexi
Platform</span>
</div>
+ <div id="vexi-header-upper">vexi: easy, extensible, flexible</div>
+ <div id="vexi-header-lower">
+ <div class="vexi-header-link"><a href="/blog/">Blog</a></div>
+ <div class="vexi-header-link"><a href="/forum/">Forum</a></div>
+ <div class="vexi-header-link"><a href="/"
class="vexi-header-current">Wiki</a></div>
+ </div>
+ <div id="vexi-content">
<!-- End of Vexi Header -->
<div id="globalWrapper">
<div id="column-content">
@@ -395,6 +393,7 @@
?>
</div>
</div>
+ </div>
<?php
}
Modified: trunk/media/web/blog_template.xml
===================================================================
--- trunk/media/web/blog_template.xml 2009-05-20 10:11:51 UTC (rev 3503)
+++ trunk/media/web/blog_template.xml 2009-05-22 17:47:15 UTC (rev 3504)
@@ -4,7 +4,7 @@
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
- <link href='http://vexi.sourcefoge.net/web/blog_template.css'
media='screen' rel='stylesheet' type='text/css'/>
+ <link href='http://vexi.sourceforge.net/web/template.css' media='screen'
rel='stylesheet' type='text/css' />
<b:skin><![CDATA[
/* Variable definitions
====================
@@ -24,8 +24,6 @@
type="color" default="#6666ff" value="#6666ff">
<Variable name="footercolor" description="Footer Color"
type="color" default="#6666ff" value="#6666ff">
- <Variable name="descbgcolor" description="Description BG Color"
- type="color" default="#6666ff" value="#6666ff">
<Variable name="pagetitlecolor" description="Page Title Color"
type="color" default="#6666ff" value="#6666ff">
<Variable name="pagetitlebgcolor" description="Page Title BG Color"
@@ -79,7 +77,9 @@
}
#content-wrapper {
- padding: 0 1em 0 1em;
+ position:absolute;
+ top:96px;
+ padding:0 1em;
}
@media all {
@@ -116,8 +116,6 @@
#header {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
- border-bottom:dotted 1px $bordercolor;
- background:$descbgcolor;
}
h1 a:link {
@@ -370,44 +368,6 @@
padding-left: 10px;
}
-#header-wrapper { display:none; }
-
-#header-outer {
- background:url('http://vexi.sourceforge.net/web/header-outer.png')
repeat-x top;
- color:"black";
- height:96px;
-}
-
-#header-inner {
- background:url('http://vexi.sourceforge.net/web/header-inner.png')
no-repeat left;
- color:black;
- height:96px;
-}
-
-#header-upper {
- background:url('http://vexi.sourceforge.net/web/header-upper.png')
repeat-x top;
- color:white;
- height:48px;
- margin-left:96px;
- margin-right:32px;
- text-align:center;
-}
-
-#header-lower {
- background:none;
- color:black;
- height:48px;
- margin-left:96px;
- margin-right:17px;
- text-align:right;
- vertical-align:bottom;
-}
-#header-lower a { }
-
-.current {
- background:url('http://vexi.sourceforge.net/web/current.png') no-repeat
bottom center;
-}
-
]]></b:skin>
</head>
@@ -426,18 +386,15 @@
</b:section>
</div>
- <div id='header-outer'>
- <div id='header-inner'>
- <div id='header-upper'>
- <img height='48'
src='http://vexi.sourceforge.net/web/vexi_tagline.png' width='500'/>
- </div>
- <div id='header-lower'>
- <a href='http://vexi.sourceforge.net/blog/' target='_top'><img
height='48' src='http://vexi.sourceforge.net//web/blog_current.png'
width='100'/></a>
- <a href='http://vexi.sourceforge.net/forum/' target='_top'><img
height='48' src='http://vexi.sourceforge.net//web/forum.png' width='100'/></a>
- <a href='http://vexi.sourceforge.net/' target='_top'><img
height='48' src='http://vexi.sourceforge.net//web/wiki.png' width='100'/></a>
- </div>
- </div>
+ <div id="vexi-header-main">
+ <a href="/"><img src="http://vexi.sourceforge.net/web/vexi-icon64.png";
height="64" width="64" alt="Vexi Platform" /></a>Vexi Platform
</div>
+ <div id="vexi-header-upper">vexi: easy, extensible, flexible</div>
+ <div id="vexi-header-lower">
+ <div class="vexi-header-link"><a
href="http://vexi.sourceforge.net/blog/";
class="vexi-header-current">Blog</a></div>
+ <div class="vexi-header-link"><a
href="http://vexi.sourceforge.net/forum/";>Forum</a></div>
+ <div class="vexi-header-link"><a
href="http://vexi.sourceforge.net/";>Wiki</a></div>
+ </div>
<div id='content-wrapper'>
@@ -471,4 +428,4 @@
</div></div> <!-- end outer-wrapper -->
</body>
</html>
-
+
Modified: trunk/media/web/forum.html
===================================================================
--- trunk/media/web/forum.html 2009-05-20 10:11:51 UTC (rev 3503)
+++ trunk/media/web/forum.html 2009-05-22 17:47:15 UTC (rev 3504)
@@ -1,6 +1,8 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
+
<html>
<head>
- <title>Vexi Web Application Platform</title>
+ <title>Vexi forum</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="author" content="Charles Goodwin" >
@@ -11,20 +13,19 @@
<link rel="stylesheet" type="text/css" media="screen"
href="/web/template.css">
</head>
- <body style="padding:0;margin:0;">
- <div id="header-outer">
- <div id="header-inner">
- <div id="header-upper">
- <img src="/web/vexi_tagline.png" width="500" height="48" />
- </div>
- <div id="header-lower">
- <a href="/blog/"><img src="/web/blog.png" width="100" height="48"
/></a>
- <a href="/forum/"><img src="/web/forum_current.png" width="100"
height="48" /></a>
- <a href="/"><img src="/web/wiki.png" width="100" height="48" /></a>
- </div>
- </div>
+ <body>
+ <div id="vexi-header-main">
+ <a href="/"><img src="/web/vexi-icon64.png" height="64" width="64"
alt="Vexi Platform" /></a>Vexi Platform
</div>
- <a id="nabblelink" href="http://n2.nabble.com/Vexi-f1669141.html";>Vexi</a>
- <script src="http://n2.nabble.com/embed/f1669141";></script>
+ <div id="vexi-header-upper">vexi: easy, extensible, flexible</div>
+ <div id="vexi-header-lower">
+ <div class="vexi-header-link"><a href="/blog/">Blog</a></div>
+ <div class="vexi-header-link"><a href="/forum/"
class="vexi-header-current">Forum</a></div>
+ <div class="vexi-header-link"><a href="/">Wiki</a></div>
+ </div>
+ <div id="vexi-content">
+ <a id="nabblelink" href="http://n2.nabble.com/Vexi-f1669141.html";
style="display:none;">Vexi</a>
+ <script src="http://n2.nabble.com/embed/f1669141";></script>
+ </div>
</body>
</html>
Modified: trunk/media/web/template.css
===================================================================
--- trunk/media/web/template.css 2009-05-20 10:11:51 UTC (rev 3503)
+++ trunk/media/web/template.css 2009-05-22 17:47:15 UTC (rev 3504)
@@ -1,37 +1,75 @@
-body, div, img { margin:0; padding:0; border:0; }
+body, div, img {
+ font-family:sans-serif;
+ margin:0;
+ padding:0;
+ border:0;
+}
-#header-outer {
+#vexi-header-main {
+ position:absolute;
background:url('header-outer.png') repeat-x top;
color:"black";
+ font-size:x-large;
+ font-weight:bold;
height:96px;
+ left:0px;
+ right:0px;
+ top:0px;
+ padding-left:16px;
+ padding-top:16px;
+ width:100%;
}
+#vexi-header-main a { text-decoration:none; color:black; margin-right:16px; }
+#vexi-header-main a:hover { text-decoration:none; color:#6666ff; }
-#header-inner {
- background:url('header-inner.png') no-repeat left;
- color:black;
- height:96px;
-}
-
-#header-upper {
+#vexi-header-upper {
+ position:absolute;
background:url('header-upper.png') repeat-x top;
color:white;
+ font-size:x-large;
height:48px;
- margin-left:96px;
- margin-right:32px;
+ line-height:48px;
+ left:96px;
+ right:32px;
+ top:0px;
+ padding:0px 20px;
text-align:center;
}
-#header-lower {
- background:none;
- color:black;
- height:48px;
- margin-left:96px;
- margin-right:17px;
+#vexi-header-lower {
+ position:absolute;
+ font-size:large;
+ height:96px;
+ right:32px;
+ top:48px;
text-align:right;
- vertical-align:bottom;
+ vertical-align:baseline;
}
-#header-lower a { }
-.current {
+#vexi-header-lower div {
+ float:right;
+ height:48px;
+ line-height:48px;
+}
+
+#vexi-header-lower div a {
+ display:block;
+ color:#6666ff;
+ margin-left:20px;
+ text-decoration:none;
+}
+#vexi-header-lower div a:visited { color:#6666ff; }
+
+.vexi-header-current {
+ color:#3333ff;
background:url('current.png') no-repeat bottom center;
+ font-weight:bold;
}
+
+#vexi-content {
+ position:absolute;
+ top:96px;
+ left:0px;
+ right:0px;
+ width:100%;
+}
Modified: trunk/media/web/template.html
===================================================================
--- trunk/media/web/template.html 2009-05-20 10:11:51 UTC (rev 3503)
+++ trunk/media/web/template.html 2009-05-22 17:47:15 UTC (rev 3504)
@@ -1,3 +1,5 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
+
<html>
<head>
<title>Vexi Web Application Platform</title>
@@ -12,19 +14,18 @@
<link rel="stylesheet" type="text/css" media="screen" href="template.css">
</head>
<body style="padding:0;margin:0;">
- <div id="header-outer">
- <div id="header-inner">
- <div id="header-upper">
- <img src="vexi_tagline.png" width="500" height="48" />
- </div>
- <div id="header-lower">
- <a href="#"><img src="blog.png" width="100" height="48" /></a>
- <a href="#"><img src="forum_current.png" width="100" height="48"
/></a>
- <a href="#"><img src="wiki.png" width="100" height="48" /></a>
- </div>
- </div>
+ <div id="vexi-header-main">
+ <a href="/"><img src="vexi-icon64.png" height="64" width="64" alt="Vexi
Platform" /></a>Vexi Platform
</div>
- <a id="nabblelink" href="http://n2.nabble.com/Vexi-f1669141.html";>Vexi</a>
- <script src="http://n2.nabble.com/embed/f1669141";></script>
+ <div id="vexi-header-upper">vexi: easy, extensible, flexible</div>
+ <div id="vexi-header-lower">
+ <div class="vexi-header-link"><a href="#">Blog</a></div>
+ <div class="vexi-header-link"><a href="#"
class="vexi-header-current">Forum</a></div>
+ <div class="vexi-header-link"><a href="#">Wiki</a></div>
+ </div>
+ <div id="vexi-content">
+ <a id="nabblelink" href="http://n2.nabble.com/Vexi-f1669141.html";
style="display:none;">Vexi</a>
+ <script src="http://n2.nabble.com/embed/f1669141";></script>
+ </div>
</body>
</html>
Modified: trunk/media/web/vexibook/main.css
===================================================================
--- trunk/media/web/vexibook/main.css 2009-05-20 10:11:51 UTC (rev 3503)
+++ trunk/media/web/vexibook/main.css 2009-05-22 17:47:15 UTC (rev 3504)
@@ -47,7 +47,7 @@
font-size: 127%;
width: 100%;
margin: 0;
- padding: 0;
+ padding: 0 0 1em 0;
}
.visualClear {
clear: both;
This was sent by the SourceForge.net collaborative development platform, the
world's largest Open Source development site.
------------------------------------------------------------------------------
Register Now for Creativity and Technology (CaT), June 3rd, NYC. CaT
is a gathering of tech-side developers & brand creativity professionals. Meet
the minds behind Google Creative Lab, Visual Complexity, Processing, &
iPhoneDevCamp asthey present alongside digital heavyweights like Barbarian
Group, R/GA, & Big Spaceship. http://www.creativitycat.com
_______________________________________________
Vexi-svn mailing list
Vexi-svn@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/vexi-svn
![http://vexi.sourceforge.net/web/vexi-icon64.png"](http://vexi.sourceforge.net/web/vexi-icon64.png"){kind=link}