First commit.

codex/body.php

@@ -0,0 +1,119 @@
+<div id="header">
+	<div class="wrapper">
+	    <h1><a href="<?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href']); ?>" title="<?php $this->html('title'); ?>" /><?php $this->html('title'); ?></a></h1>
+	    <?php $this->searchBox(); ?>
+        <ul>
+			<li><a href="#" title="">Home</a></li>
+			<li><a href="#" title="">Showcase</a></li>
+			<li><a href="#" title="">Extend</a>
+                <ul class="nav-submenu">
+				    <li><a href="#" title="">Plugins</a></li>
+				    <li><a href="#" title="">Themes</a></li>
+			    </ul>
+			</li>
+			<li><a href="#" title="">About</a></li>
+			<li><a class="current" href="<?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href']); ?>" title="Documentation, tutorials, best practices.">Docs</a></li>
+			<li><a href="#" title="">Blog</a></li>
+
+			<li><a href="#" title="">Forums</a></li>
+			<li><a href="#" title="">Hosting</a></li>
+			<li id="download"><a href="#" title="Get it. Got it? Good.">Download</a></li>
+		</ul>
+	</div>
+</div><!-- #header -->
+<div id="headline">
+    <div class="wrapper">
+        <h2>Codex</h2>
+        <div class="portlet" id="p-personal">
+		    <p class="login">Codex tools:
+		    <?php foreach($this->data['personal_urls'] as $key => $item) {
+		        $linkf = '<a href="%s" class="%s" %s>%s</a>';
+		        $class = $item['class'] .' '. ($item['active'] ? 'active':'');
+		        printf( $linkf, htmlspecialchars($item['href']), $class, $skin->tooltipAndAccesskey('pt-'.$key), htmlspecialchars($item['text']) );
+		    } ?>
+		    </p>
+	    </div>
+	</div>
+</div><!-- #headline -->
+
+<div id="pagebody" <?php $this->html("specialpageattributes"); ?>>
+	<div class="wrapper">
+	<?php if($this->data['sitenotice']) { ?><div id="siteNotice"><?php $this->html('sitenotice'); ?></div><?php } ?>
+        <div id="bodyContent" class="col-10">
+		    <h2 class="pagetitle"><?php $this->html('title'); ?></h2>
+		    <!-- start content -->
+		    <?php $this->html('bodytext'); ?>
+		    <?php if($this->data['catlinks']) { $this->html('catlinks'); } ?>
+		    <!-- end content -->
+		    <?php if($this->data['dataAfterContent']) { $this->html('dataAfterContent'); } ?>
+	    </div><!-- #bodyContent -->
+	    <div class="col-2">
+	        <?php $this->viewsBox(); ?>
+            <?php $this->toolBox(); ?>
+            <?php $this->languageBox(); ?>
+	    </div>
+    </div>
+</div><!-- #pagebody -->
+<?php
+/*
+		$sidebar = $this->data['sidebar'];
+		if ( !isset( $sidebar['TOOLBOX'] ) ) $sidebar['TOOLBOX'] = true;
+		if ( !isset( $sidebar['LANGUAGES'] ) ) $sidebar['LANGUAGES'] = true;
+		foreach ($sidebar as $boxName => $cont) {
+			if ( $boxName == 'TOOLBOX' ) {
+				$this->toolbox();
+			} elseif ( $boxName == 'LANGUAGES' ) {
+				$this->languageBox();
+			} else {
+				$this->customBox( $boxName, $cont );
+			}
+		}
+*/
+?>
+
+<div id="footer"<?php $this->html('userlangattributes') ?>>
+    <div class="wrapper">
+<?php 
+        // Generate additional footer links
+		$footerlinks = array(
+			'lastmod', 'viewcount', 'numberofwatchingusers', 'credits', 'copyright',
+			'privacy', 'about', 'disclaimer', 'tagline',
+		);
+		$validFooterLinks = array();
+		
+		foreach( $footerlinks as $aLink ) {
+			if( isset( $this->data[$aLink] ) && $this->data[$aLink] ) {
+				$validFooterLinks[] = $aLink;
+			}
+		}
+		if ( count( $validFooterLinks ) > 0 ) { ?>
+		<p>
+        <?php
+        $i = 0;
+        $c = count($validFooterLinks);
+		foreach( $validFooterLinks as $aLink )
+		{
+		    if( isset( $this->data[$aLink] ) && $this->data[$aLink] )
+		    {
+                $this->html($aLink);
+                echo $i < $c ? ' | ':'';
+            }
+            $i++;
+        }
+?>      </p>
+<?php   } ?>
+        <h6>Code is Poetry</h6>
+    </div>
+</div><!-- #footer -->
+<?php
+$this->html('bottomscripts'); /* JS call to runBodyOnloadHook */
+$this->html('reporttime');
+
+if( $this->data['debug'] ): ?>
+<!-- Debug output:
+<?php $this->text( 'debug' ); ?>
+
+-->
+<?php endif; ?>
+</body>
+</html>

codex/iphone.css

@@ -0,0 +1,3 @@
+html {-webkit-text-size-adjust: none;}
+
+#header ul li a.current, #header ul li#download a.current {padding-bottom: 1px;}

codex/main.css

@@ -0,0 +1,229 @@
+html * {
+	font-variant: normal !important;
+	text-align: left !important;
+}
+
+.printfooter, hr, .urlexpansion {
+	display: none !important;
+}
+
+#bodyContent h1, #bodyContent h2 {
+	font-family: Georgia, "Times New Roman", Times, serif;
+	font-size: 22px;
+	margin-bottom: 22px;
+	color: #333;
+}
+#bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
+	font-family: Georgia, "Times New Roman", Times, serif; 
+		border-bottom: 1px solid #dadada;
+		font-weight: normal;
+}
+#bodyContent h2.pagetitle {
+	font-family: "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
+	font-size: 24px;
+	font-weight: bold;
+	color: #666;
+	padding-bottom: 2px;
+	margin-top: 0;
+	margin-bottom: 24px;
+}
+.col-2 h3 {
+	margin-top: 3px;
+}
+
+#bodyContent h2 {
+	margin-top: 22px;
+	margin-bottom: 11px;
+}
+.editsection {
+font-size: 10px;
+font-weight: normal !important;
+font-family: "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
+}
+#bodyContent h3 {
+	padding-bottom: 4px;
+	margin-bottom: 4px;
+}
+#bodyContent h2 {
+font-size: 190%;
+}
+#bodyContent h3 {
+font-size: 150%;
+border-color: #eee;
+}
+#bodyContent h4 {
+font-size: 130%;
+}
+h4 b {
+font-weight: normal;
+}
+#bodyContent h5 {
+font-size: 100%;
+font-weight: bold;
+}
+
+#bodyContent {
+color: black;
+}
+#bodyContent p {
+	clear: left;
+}
+#pagebody #bodyContent p,
+#pagebody #bodyContent ul,
+#pagebody #bodyContent dl,
+#pagebody #bodyContent ol {
+	margin-bottom: 22px;
+}
+
+p.login a {
+	margin-right: 6px;
+}
+
+#editpage-copywarn p {
+	margin-top: 18px !important;
+}
+
+blockquote {
+	padding: 11px 22px !important;
+}
+
+#bodyContent div {
+	font-size: 100% !important;
+}
+
+#bodyContent pre, #bodyContent code {
+	margin-bottom: 22px;
+	font-family: Consolas, Monaco, "Courier New", Courier, monospace;
+	font-size: 12px;
+	font-weight: inherit;
+	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
+	white-space: pre-wrap; /* css-3 */
+	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
+	white-space: -pre-wrap; /* Opera 4-6 */
+	white-space: -o-pre-wrap; /* Opera 7 */
+	/*messes up flow* width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
+	word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+textarea {
+	width: 100%;
+}
+
+dl dt {
+	font-weight: bold;
+	font-size: 110%;
+}
+
+dl dd {
+	margin-bottom: 11px;
+	margin-left: 1em;
+}
+
+#toc {
+	background: #f1f1f1;
+	border: 1px solid #dadada;
+	-webkit-border-radius: 3px;
+	float: right;
+	margin-left: 16px;
+	padding: 4px 8px;
+	margin-bottom: 12px;
+	font-size: 85%;
+	max-width: 30%;
+}
+#pagebody #toc ul {
+	margin-bottom: 0px;
+}
+
+#toctitle h2{
+	font-size: 18px;
+	margin-top: 0;
+	margin-bottom: 5%;
+}
+#toctitle td {
+	text-align: left !important;
+}
+
+#toctitle td {
+	border-bottom: 1px solid #dadada;
+}
+
+#tocinside td {
+	padding-top: 4px;
+	font-size: 10px;
+}
+
+.tocindent p {
+	padding-left: 12px;
+	margin-bottom: 0 !important;
+}
+
+.tocindent .tocindent p {
+	padding-left: 32px;
+}
+
+input[type="text"], input[type="password"] {
+	margin-right: 2px;
+	font-size: 10px;
+	padding: 3px;
+	margin-bottom: 6px;
+	background: #f5f5f5;
+	border: 1px solid #ccc;
+	-moz-border-radius: 3px;
+	-khtml-border-radius: 3px;	
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	height: 14px;
+	color: #666;
+}
+
+input[type="checkbox"] {
+	margin-right: 4px;
+}
+
+label {
+	margin-right: 8px;
+}
+
+table.diff { background:white; }
+td.diff-otitle { background:#ffffff; }
+td.diff-ntitle { background:#ffffff; }
+td.diff-addedline {
+    background:#ccffcc;
+    font-size: smaller;
+}
+td.diff-deletedline {
+    background:#ffffaa;
+    font-size: smaller;
+}
+td.diff-context {
+    background:#eeeeee;
+    font-size: smaller;
+}
+span.diffchange { color: red; font-weight: bold; }
+
+/* image css */
+a img.alignright, .tright, .floatright, img.alignright, img.right {float:right; margin:0 0 1em 1em}
+a img.alignleft, .tleft, .floatleft, img.alignleft, img.left {float:left; margin:0 1em 1em 0}
+a img.aligncenter, img.aligncenter, img.center {display: block; margin-left: auto; margin-right: auto}
+
+#bodyContent hr {
+display: block !important;
+border: 0;
+border-top: 1px solid #ddd;
+}
+
+#bodyContent #Copyedit {
+border: solid 1px transparent; 
+	-moz-border-radius: 3px;
+	-khtml-border-radius: 3px;	
+	-webkit-border-radius: 3px;
+background-color: #eef; 
+text-align: center; 
+padding: 1em 1em 1px 1em; 
+margin: 1em 0;
+
+}
+
+.new, .new:link, .new:visited { color: red !important; }
+.new:hover, .new:active { text-decoration: underline !important; }
+