]> oss.titaniummirror.com Git - oss-web.git/commitdiff
Playing around with a textpattern like theme. I like some of this but not all.
authorR. Steve McKown <rsmckown@gmail.com>
Tue, 15 Dec 2009 03:29:57 +0000 (20:29 -0700)
committerR. Steve McKown <rsmckown@gmail.com>
Wed, 16 Dec 2009 01:52:22 +0000 (18:52 -0700)
12 files changed:
in/style/banner.jpg [new file with mode: 0644]
in/style/base.css [deleted file]
in/style/css-reset.css [new file with mode: 0644]
in/style/default.css [new file with mode: 0644]
in/style/default.tmpl
in/style/history.tmpl [deleted file]
in/style/ie6.css [new file with mode: 0644]
in/style/ie7.css [new file with mode: 0644]
in/style/list_style_image.gif [new file with mode: 0644]
in/style/sidebar.tmpl [deleted file]
in/style/sidebar_border.gif [new file with mode: 0644]
in/webber.conf

diff --git a/in/style/banner.jpg b/in/style/banner.jpg
new file mode 100644 (file)
index 0000000..2e6dced
Binary files /dev/null and b/in/style/banner.jpg differ
diff --git a/in/style/base.css b/in/style/base.css
deleted file mode 100644 (file)
index fa707f4..0000000
+++ /dev/null
@@ -1,204 +0,0 @@
-/* Based on http://www.positioniseverything.net/articles/onetruelayout/ */
-
-#block_1 {
-       float: left;
-       width: 65%;
-       margin-left: 21%;
-}
-* html #block_1 {
-       display: inline;
-}
-#block_2 {
-       float: left;
-       width: 19%;
-       margin-left: -86%;
-       /* Local style: */
-       padding-left: 16px;
-}
-#block_3 {
-       float: left;
-       width: 11%;
-}
-
-/* Start Mac IE5 filter \*/
-#block_1, #block_2, #block_3 {
-       margin-bottom: -32767px !important;
-       padding-bottom: 32767px !important;
-}
-/* End Mac IE5 filter */
-
-#wrapper {
-       overflow: hidden; /* This hides the excess padding in non-IE browsers */
-       /* Local style: */
-       background: #FFFFFF none repeat scroll 0 0;
-       border: 10px solid #FFFFFF;
-}
-/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
- * necessary height (unless fixed, this problem becomes even more acute
- * weirdness as the method is enhanced
-*/
-#wrapper {
-       /* Normally a Holly-style hack height: 1% would suffice but that causes
-        * IE 5.01 to completely collapse the wrapper - instead we float it */
-       float: left;
-       /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
-        * (I saw it happen many moons ago) makes the width of wrapper too small
-        * the float: none with the comment is ignored by 5.01,
-        * 5.5 and above see it and carry on about their business
-        * It's probably fine to just remove it, but it's left here
-        * just in case that many moons ago problem rears its head again */
-       float/**/: none;
-}
-
-/* easy clearing */
-#wrapper:after {
-       content: '[DO NOT LEAVE IT IS NOT REAL]';
-       display: block;
-       clear: both;
-       height: 0;
-       visibility: hidden;
-}
-#wrapper {
-       display: inline-block;
-}
-/*\*/
-#wrapper {
-       display: block;
-}
-/* end easy clearing */
-
-#footer {
-       clear: both;
-       /* Local style */
-       border-top: 5px solid #EFEFEF;
-       color: #777777;
-       padding-bottom: 1.2em;
-       padding-top: 1.2em;
-       margin-left: 1.5em;
-}
-
-/*
- * Safari needs this - otherwise the ghost overflow, though painted
- * correctly obscures links and form elements that by rights should be above
- * it.  An unintended side-effect is that it cause such elements to vanish in
- * IE 5.01 and 5.5, hence the child selector hack
-*/
-* > #footer, * > form, * > #notes, * > .output {
-       position: relative;
-       z-index: 1000;
-}
-
-
-/* Local style: */
-
-body {
-       background: #4D87C7 url(bg_blue.gif) repeat-x fixed left top;
-       font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
-       font-size: 80%;
-       padding: 10px;
-}
-h1, h2, h3, h4, h5, h6 {
-       font-family: "times new roman",times,serif;
-       margin: 0 0 0.25em;
-}
-h1 { font-size: 200%; }
-h2 { font-size: 180%; }
-h3 { font-size: 150%; }
-h4 { font-size: 133.33%; }
-h5 { font-size: 116.67%; }
-h6 { font-size: 116.67%; font-style: italic; }
-
-li {
-       line-height: 1.5em;
-}
-
-p {
-       margin-bottom: 1em;
-}
-
-a {
-       text-decoration: none;
-}
-a:link, a:visited {
-       color: #4D87C7;
-}
-
-#header {
-       padding-top: 35px;
-       padding-bottom: 2em;
-       padding-left: 20px;
-       padding-right: 10px;
-       position: relative;
-}
-#header span {
-       color: #999999;
-}
-#header h1 {
-       color: #000000;
-       font-size: 2.5em;
-       letter-spacing: 2px;
-       line-height: 65%;
-}
-#topnav {
-       position: absolute;
-       right: 3px;
-       text-align: right;
-       top: 10px;
-}
-
-.skip {
-       height: 1px;
-       left: -10000em;
-       position: absolute;
-       top: -10000em;
-       width: 1px;
-}
-#nav {
-       background: #EFEFEF none repeat scroll 0 0;
-       margin-bottom: 1.4em;
-       padding: 0.2em 0.2em 0.2em 0.4em;
-       text-align: right;
-}
-
-#nav ul {
-       list-style-image: none;
-       list-style-position: outside;
-       list-style-type: none;
-       margin: 0;
-       padding: 0;
-}
-#nav li {
-       display: inline;
-       margin-left: 1em;
-       padding: 0;
-}
-#sidebar, #sitemap ul {
-       list-style-type: none;
-       overflow: hidden;
-       padding: 0;
-       margin: 0;
-}
-#sidebar li {
-       float: left;
-       width: 100%;
-       margin-left: 0.5em;
-}
-#sidebar li:hover {
-       background: #EFEFEF none repeat scroll 0 0;
-}
-#sidebar_current {
-       font-weight: bold;
-}
-.sidebar0, .sitemap0 { padding-left: 0; }
-.sidebar1, .sitemap1 { padding-left: 1.5em; }
-.sidebar2, .sitemap2 { padding-left: 3em; }
-.sidebar3, .sitemap3 { padding-left: 4.5em; }
-.sidebar4, .sitemap4 { padding-left: 6em; }
-.sidebar5, .sitemap5 { padding-left: 7.5em; }
-.sidebar6, .sitemap6 { padding-left: 9em; }
-pre {
-       background-color: #EFEFEF;
-       padding: 0.2em;
-       padding-left: 0.4em;
-       margin-left: 3em;
-}
diff --git a/in/style/css-reset.css b/in/style/css-reset.css
new file mode 100644 (file)
index 0000000..fe8d51c
--- /dev/null
@@ -0,0 +1,56 @@
+/* =======================================================\r
+http://meyerweb.com/eric/tools/css/reset/\r
+v1.0 | 20080212\r
+========================================================== */\r
+\r
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {\r
+       margin: 0;\r
+       padding: 0;\r
+       border: 0;\r
+       /*outline: 0;*/\r
+       font-size: 100%;\r
+       font-weight: normal;\r
+       vertical-align: baseline;\r
+       background: transparent;\r
+}\r
+\r
+body {\r
+       line-height: 1;\r
+}\r
+\r
+ol, ul {\r
+       list-style: none;\r
+}\r
+\r
+blockquote, q {\r
+       quotes: none;\r
+}\r
+\r
+blockquote:before, blockquote:after, q:before, q:after {\r
+       content: '';\r
+       content: none;\r
+}\r
+\r
+/* remember to define focus styles! */\r
+/**\r
+:focus {\r
+       outline: 0;\r
+}\r
+**/\r
+\r
+a:active { outline: none; }\r
+\r
+/* remember to highlight inserts somehow! */\r
+ins {\r
+       text-decoration: none;\r
+}\r
+\r
+del {\r
+       text-decoration: line-through;\r
+}\r
+\r
+/* tables still need 'cellspacing="0"' in the markup */\r
+table {\r
+       border-collapse: collapse;\r
+       border-spacing: 0;\r
+}
\ No newline at end of file
diff --git a/in/style/default.css b/in/style/default.css
new file mode 100644 (file)
index 0000000..b045601
--- /dev/null
@@ -0,0 +1,660 @@
+/* =============================================\r
+  Clear - Accessibilty\r
+================================================ */\r
+\r
+* {\r
+       margin: 0;\r
+       padding: 0;\r
+       border: 0;\r
+}\r
+\r
+.clearfix:after {\r
+       content: "."; \r
+       display: block; \r
+       height: 1px; \r
+       clear: both; \r
+       visibility: hidden;\r
+}\r
+\r
+.clearfix {\r
+       display: inline-block;\r
+}\r
+\r
+/* Hides from IE-mac \*/\r
+\r
+.clearfix {\r
+       display: block;\r
+}\r
+\r
+/* End hide from IE-mac */\r
+\r
+#accessibility {\r
+       position: absolute;\r
+       top: -10000px;\r
+}\r
+\r
+\r
+/* =============================================\r
+  Main Blocks\r
+================================================ */\r
+\r
+body {\r
+       font-family: "Times New Roman", Times, serif;\r
+       font-size: 14px;\r
+       color: #494949;\r
+       background-color: #FFF;\r
+}\r
+\r
+#container {\r
+       width: 955px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+       background-image: url(/style/sidebar_border.gif);\r
+       background-repeat: repeat-y;\r
+}\r
+\r
+#error-503 #container {\r
+       background-image: none;\r
+}\r
+\r
+#wrapper {}\r
+\r
+/* =============================================\r
+  Header\r
+================================================ */\r
+\r
+#header {\r
+       margin-bottom: 18px;\r
+       width: 955px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+       padding: 16px 0;\r
+       height: 86px;\r
+}\r
+\r
+#homeLink {\r
+       float: left;\r
+       width: 280px;\r
+       padding-right: 21px;\r
+}\r
+\r
+#homeLink a .homeLinkText {\r
+       display: none;\r
+}\r
+\r
+#homeLink a {\r
+       display: block;\r
+       width: 280px;\r
+       height: 86px;\r
+       background-image: url(/style/banner.jpg);\r
+       background-repeat: no-repeat;\r
+       background-position: 0px 5px;\r
+}\r
+\r
+#homeLink a:hover {\r
+       background-position: 0px -112px;\r
+}\r
+\r
+#homeLink a:active,\r
+#homeLink.onClick a {\r
+       background-position: 0px -110px;\r
+}\r
+\r
+/* =============================================\r
+  Top Info\r
+================================================ */\r
+\r
+#topInfo {\r
+       float: right;\r
+}\r
+\r
+#topInfo p {\r
+       color: #444444;\r
+       line-height: 18px;\r
+       margin-bottom: 36px;\r
+       text-align: right;\r
+}\r
+\r
+#topInfo h2 {\r
+       color: #23292F;\r
+       font-size: 38px;\r
+       font-style: italic;\r
+       font-weight: normal;\r
+       margin-top: 6px;\r
+       line-height: 40px;\r
+}\r
+\r
+#topInfo a {\r
+       color: #4A80BE;\r
+       text-decoration: none;\r
+}\r
+\r
+#topInfo a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+\r
+/* =============================================\r
+  Bread Crumbs\r
+================================================ */\r
+\r
+#breadCrumbs {\r
+       width: 100%;\r
+       float: right;\r
+       margin-top: 8px;\r
+       border-top: 1px solid #d4d4d4;\r
+}\r
+\r
+#breadCrumbs p {\r
+       color: #444444;\r
+       line-height: 18px;\r
+       margin-top: 2px;\r
+       text-align: right;\r
+}\r
+\r
+#breadCrumbs a {\r
+       color: #4A80BE;\r
+       text-decoration: none;\r
+}\r
+\r
+#breadCrumbs a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+\r
+/* =============================================\r
+  Titles\r
+================================================ */\r
+\r
+.article h2 {\r
+       color: #23292F;\r
+       font-size: 30px;\r
+       font-style: normal;\r
+       font-weight: normal;\r
+       line-height: 40px;\r
+       padding-bottom: 16px;\r
+       border-bottom: 1px solid #d4d4d4;\r
+}\r
+\r
+h2 {\r
+       color: #23292F;\r
+       font-size: 38px;\r
+       font-style: italic;\r
+       font-weight: normal;\r
+       margin-top: 6px;\r
+       line-height: 40px;\r
+}\r
+\r
+h2 a {\r
+       color: #23292F;\r
+       text-decoration: none;\r
+}\r
+\r
+h2 a:hover {}\r
+\r
+h2.error-status {\r
+       text-align: center;\r
+}\r
+\r
+h3 {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 14px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       line-height: normal;\r
+       padding-bottom: 0;\r
+       border: 0;\r
+}\r
+\r
+h4 {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       line-height: normal;\r
+       padding-bottom: 0;\r
+       border: 0;\r
+}\r
+\r
+#sidebar h2 {\r
+       font-family: "Arial Bold", "Helvetica Bold", sans-serif;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+       font-style: normal;\r
+       line-height: normal;\r
+       text-transform: uppercase;\r
+       padding-bottom: 0;\r
+       border: 0;\r
+}\r
+\r
+#sidebar h2.articleBlockTitle {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 14px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       text-transform: uppercase;\r
+       padding: 9px 0 8px 12px;\r
+}\r
+\r
+#sidebar h2.articleBlockTitle.feeds {\r
+       border-bottom: 1px solid #d4d4d4;\r
+}\r
+\r
+.articleBody h2 {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 16px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       line-height: normal;\r
+       padding-bottom: 15px;\r
+       border: 0;\r
+}\r
+\r
+#content .articleBody h3.listingTitle {\r
+       font-weight: normal;\r
+       padding-bottom: 0px;\r
+}\r
+\r
+#content .articleBody h3.listingTitle a,\r
+#content .articleBody h3.searchResultTitle a {\r
+       color: #23292F;\r
+       text-decoration: none;\r
+}\r
+\r
+#content .articleBody h3.listingTitle a:hover,\r
+#content .articleBody h3.searchResultTitle a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+/* =============================================\r
+  Content Blocks\r
+================================================ */\r
+\r
+#content {\r
+       width: 636px;\r
+       float: right;\r
+       margin-top: 6px;\r
+}\r
+\r
+/* =============================================\r
+  Articles\r
+================================================ */\r
+\r
+#content p.error-msg {\r
+       text-align: center;\r
+       margin-top: 30px;\r
+}\r
+\r
+#content .article {\r
+       margin-bottom: 40px;\r
+}\r
+\r
+#content .narrow {\r
+       width: 75%;\r
+}\r
+\r
+#content .articleImage {\r
+       margin: 30px 0 10px 0px;\r
+       padding: 2px;\r
+       background-color: #F0F2F6;\r
+       max-width: 635px;\r
+}\r
+\r
+#content .articleBody {\r
+       padding-top: 15px;\r
+       color: #23292F;\r
+}\r
+\r
+#content .articleBody .authorMeta {\r
+       text-transform: capitalize;\r
+}\r
+\r
+#content .articleBody .qaText {\r
+       float: left;\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 14px;\r
+       font-weight: bold;\r
+       font-style: italic;\r
+       line-height: 18px;\r
+       color: #3D4B58;\r
+       margin-right: 4px;\r
+}\r
+\r
+#content .articleBody a {\r
+       color: #4A80BE;\r
+       text-decoration: none;\r
+}\r
+\r
+#content .articleBody a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#content .articleBody p {\r
+       color: #444444;\r
+       line-height: 18px;\r
+       margin-bottom: 16px;\r
+}\r
+\r
+#content .articleBody p strong,\r
+#content .articleBody ul li strong,\r
+#content .articleBody ol li strong,\r
+#content .articleBody dl strong {\r
+       font-weight: bold;\r
+       color: #333333;\r
+}\r
+\r
+#content .articleBody blockquote {\r
+       border-left: 2px solid #D4D4D4;\r
+       font-style: italic;\r
+       margin-left: 0;\r
+       padding: 5px 10px;\r
+       margin-bottom: 16px;\r
+}\r
+\r
+#content .articleBody code {\r
+       background-color: #FFF2C0;\r
+       font-family: monospace;\r
+       font-size: 12px;\r
+       font-style: normal;\r
+       line-height: 16px;\r
+       padding: 0 3px 0 0;\r
+}\r
+\r
+#content .articleBody pre {\r
+       background-color: #FFF2C0;\r
+       padding: 3px 0 3px 3px;\r
+       border: 1px solid #d4d4d4;\r
+       margin-bottom: 16px;\r
+       overflow: auto;\r
+}\r
+\r
+#content .articleBody p .caps,\r
+#content .articleBody ul .caps,\r
+#content .articleBody ol .caps {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       font-style: normal;\r
+       font-weight: normal;\r
+       color: #333333;\r
+       text-transform: uppercase;\r
+}\r
+\r
+#content .articleBody h2 .caps,\r
+#content .articleBody h2 a .caps {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+}\r
+\r
+#content .articleBody img.imgLeft {\r
+       float: left;\r
+       background-color: #F0F2F6;\r
+       padding: 10px;\r
+       border: 1px solid #E4ECF1;\r
+       margin: 4px 15px 4px 0;\r
+}\r
+\r
+#content .articleBody img.imgRight {\r
+       float: right;\r
+       background-color: #F0F2F6;\r
+       padding: 10px;\r
+       border: 1px solid #E4ECF1;\r
+       margin: 4px 0 4px 15px;\r
+}\r
+\r
+#content .articleBody ul {\r
+       list-style: none;\r
+       padding-bottom: 24px;\r
+       color: #444444;\r
+}\r
+\r
+#content .articleBody ol {\r
+       list-style: none;\r
+       color: #444444;\r
+}\r
+\r
+#content .articleBody ul li,\r
+#content .articleBody ol li {\r
+       line-height: 16px;\r
+       margin-left: 14px;\r
+       padding: 5px 0 10px;\r
+}\r
+\r
+#content .articleBody ul li ul,\r
+#content .articleBody ol li ol,\r
+#content .articleBody ul li ol,\r
+#content .articleBody ol li ul {\r
+       margin-left: 20px;\r
+}\r
+\r
+#content .articleBody ul li {\r
+       padding-left: 15px;\r
+       background-image: url(/style/list_style_image.gif);\r
+       background-repeat: no-repeat;\r
+       background-position: 0 9px;\r
+}\r
+\r
+#content .articleBody dl {\r
+       line-height: 18px;\r
+       color: #444444;\r
+}\r
+\r
+#content .articleBody dl dt {\r
+       margin-top: 15px;\r
+       font-weight: bold;\r
+}\r
+\r
+#content .articleBody dl dd strong {\r
+       color: #900;\r
+}\r
+\r
+#content .articleBody .quoteBy {\r
+       text-align: right;\r
+       margin: -2em 2em 2em;\r
+}\r
+\r
+#content .articleBody .archiveListing ul {\r
+       list-style-type: none;\r
+       list-style-image: none;\r
+}\r
+\r
+#content .articleNav1 {\r
+       width: 630px;\r
+       margin-top: -15px;\r
+}\r
+\r
+#content .articleNav2 {\r
+       margin: -18px 0 15px 0;\r
+}\r
+\r
+#content .articleNav1 .jumpText {\r
+       float: left;\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-weight: bold;\r
+       font-size: 11px;\r
+       text-transform: uppercase;\r
+       color: #333333;\r
+       width: 57px;\r
+       padding: 15px 10px 15px 0;\r
+       height: 100%;\r
+       vertical-align: middle;\r
+}\r
+\r
+#content .articleNav2 .jumpText {\r
+       display: none;\r
+}\r
+\r
+#content .articleNav1 ul.contents {\r
+       float: left;\r
+       width: 560px;\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#contributors #content .articleNav1 ul.contents {\r
+       border-left: 1px solid #d4d4d4;\r
+}\r
+\r
+#content .articleNav2 ul.contents {\r
+       float: left;\r
+       width: 400px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border-top: 1px solid #d4d4d4;\r
+}\r
+\r
+#contributors #content .articleNav2 ul.contents {\r
+       border-left: 1px solid #d4d4d4;\r
+}\r
+\r
+#content .articleNav1 ul.contents li {\r
+       float: left;\r
+       padding: 0;\r
+       margin: 0;\r
+       text-align: center;\r
+       border-left: 1px solid #d4d4d4;\r
+       line-height: normal;\r
+       background-image: none;\r
+}\r
+\r
+#content .articleNav2 ul.contents li {\r
+       float: left;\r
+       padding: 0;\r
+       margin: 0;\r
+       text-align: center;\r
+       border-left: 1px solid #d4d4d4;\r
+       line-height: normal;\r
+       background-image: none;\r
+}\r
+\r
+#contributors #content .articleNav1 ul.contents li,\r
+#contributors #content .articleNav2 ul.contents li {\r
+       border-left: 0;\r
+}\r
+\r
+#content .articleNav1 ul.contents li a,\r
+#content .articleNav2 ul.contents li a {\r
+       display: block;\r
+       padding: 15px 10px 15px 10px;\r
+}\r
+\r
+/* =============================================\r
+  Articles - Tables\r
+================================================ */\r
+\r
+#content .articleBody table {\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       border-left: 1px solid #d4d4d4;\r
+       background-color: transparent;\r
+       margin-bottom: 16px;\r
+}\r
+\r
+#content .articleBody table th,\r
+#content .articleBody table td {\r
+       border-right: 1px solid #d4d4d4;\r
+       border-bottom: 1px solid #d4d4d4;\r
+       padding: 15px 12px 15px 12px;\r
+       vertical-align: middle;\r
+}\r
+\r
+#content .articleBody table th {\r
+       background-color: #F0F2F6;\r
+       font-weight: bold;\r
+}\r
+\r
+/* =============================================\r
+  Sidebar\r
+================================================ */\r
+\r
+#sidebar {\r
+       width: 280px;\r
+       float: left;\r
+}\r
+\r
+#sidebar p {\r
+       padding: 5px 0 5px 0;\r
+       text-align: left;\r
+}\r
+\r
+#sidebar .articleListing {\r
+       margin-top: 6px;\r
+       margin-bottom: 30px;\r
+       font-size: 12px;\r
+}\r
+\r
+#sidebar .articleListing ul.directory li a {\r
+       display: block;\r
+       padding: 4px 15px 4px 11px;\r
+       color: #333;\r
+       text-decoration: none;\r
+       text-transform: uppercase;\r
+}\r
+\r
+#sidebar .articleListing ul.directory li.external.first a {\r
+       border-top: 1px solid #d4d4d4;\r
+}\r
+\r
+#sidebar .articleListing ul.directory li.active a,\r
+#sidebar .articleListing ul.directory li a:hover {\r
+       background-color: #F0F2F6;\r
+}\r
+\r
+#sidebar .entryTitle {\r
+       margin-top: 6px;\r
+       margin-bottom: 30px;\r
+       font-size: 12px;\r
+}\r
+\r
+#sidebar .entryTitle ul.directory li a {\r
+       display: block;\r
+       padding: 4px 15px 4px 11px;\r
+       color: #333;\r
+       text-decoration: none;\r
+       text-transform: uppercase;\r
+}\r
+\r
+#sidebar .entryTitle ul.directory li.external.first a {\r
+       border-top: 1px solid #d4d4d4;\r
+}\r
+\r
+#sidebar .entryTitle ul.directory li.active a,\r
+#sidebar .entryTitle ul.directory li a:hover {\r
+       background-color: #F0F2F6;\r
+}\r
+\r
+.sidebar0, .sitemap0 { padding-left: 0; }\r
+.sidebar1, .sitemap1 { padding-left: 18px; }\r
+.sidebar2, .sitemap2 { padding-left: 36px; }\r
+.sidebar3, .sitemap3 { padding-left: 54px; }\r
+.sidebar4, .sitemap4 { padding-left: 72px; }\r
+.sidebar5, .sitemap5 { padding-left: 90px; }\r
+.sidebar6, .sitemap6 { padding-left: 108px; }\r
+\r
+/* =============================================\r
+  Footer\r
+================================================ */\r
+\r
+#footer {\r
+       margin: 18px 0 0 0;\r
+       border-top: 1px solid #d4d4d4;\r
+       background-color: #F0F2F6;\r
+       padding-bottom: 20px;\r
+       border-bottom: 1px solid #d4d4d4;\r
+}\r
+\r
+#footerInner {\r
+       width: 955px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+       margin-top: 18px;\r
+       color: #23292F;\r
+       font-family: Arial, Helvetica, sans-serif;\r
+       font-style: italic;\r
+       font-size: 10pt;\r
+       line-height: 18px;\r
+}\r
+\r
+#footer .copyright {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+}\r
index 946a6afbd8ecb06165a1fa352faa63c5a278fe96..298e24f6435b18868751021cc5c72afd37df3c98 100644 (file)
 ${body}
 </%def>\
 #######################################################################
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html dir="ltr" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
 <head>
-<title>${file.title | entity}</title>
-<meta http-equiv="Content-Type" content="text/html; charset=${file.output_encoding}"/>
-<link rel="stylesheet" type="text/css" href="${get_path_to_root()}/style/base.css"/>
-<!--[if lte IE 7]>
-<link  rel="stylesheet" type="text/css" href="${get_path_to_root()}/style/ie.css"/>
-<![endif]-->
+<title>TMI OSS Projects</title>
+
+<meta http-equiv="Content-Type" content="text/html; charset=${file.output_encoding}">
+<meta name="title" content="TMI OSS Projects">
+<meta name="language" content="en">
+<meta name="author" content="Titanium Mirror, Inc.">
+<meta name="copyright" content="Copyright (C) 2001 - 2009 by Titanium Mirror, Inc.  All rights reserved.">
+<meta name="robots" content="index, follow">
 % if len(keywords):
        <meta name="keywords" content="${keywords | entity}" />
 % endif
 % if len(description):
        <meta name="description" content="${description | entity}" />
 % endif
+
+<link rel="stylesheet" type="text/css" media="screen" href="${get_path_to_root()}/style/css-reset.css">
+<link rel="stylesheet" type="text/css" media="screen" href="${get_path_to_root()}/style/default.css">
+<link rel="icon" href="${get_path_to_root()}/favicon.ico" type="x-icon">
+<link rel="shortcut icon" href="${get_path_to_root()}/favicon.ico" type="x-icon">
+<!--[if IE 7]>
+<link rel="stylesheet" type="text/css" media="screen" href="${get_path_to_root()}/style/ie7.css" />
+<![endif]-->
+<!--[if lte IE 6]>
+<link rel="stylesheet" type="text/css" media="screen" href="${get_path_to_root()}/style/ie6.css" />
+<![endif]-->
+
 </head>
+
 <body>
-<div id="wrapper_extra">
-<div id="wrapper">
 <div id="header">
-<h1>${file.title | entity}</h1>
-</div>
-<div id="block_1">
+
+<div id="homeLink" class="none">
+<a rel="home" href="/"><span class="homeLinkText">Home</span></a>
+</div> <!-- close homeLink -->
+
+<div id="topInfo">
+<p><a href="http://www.titaniummirror.com">Corporate Website</a></p>
+<h2>${file.title}</h2>
+</div> <!-- close topInfo -->
+
+<div id="breadCrumbs">
+<p>
+<%
+  res = get_breadcrumbs()
+%>
+% if len(res) > 1:
+%   for page, link in get_breadcrumbs():
+%     if page == file:
+        ${page.linktitle}
+%     else:
+        <a href="${link}">${page.linktitle}</a> :
+%     endif
+%   endfor
+% endif
+</p>
+</div> <!-- close breadCrumbs -->
+
+</div> <!-- close header -->
+
+<div id="container">
+
+<div id="wrapper" class="clearfix">
+
+<div id="content">
+<div class="articleBody"> <!-- can add narrow to the class too -->
 ${self.contents()}
-</div>
-<div id="footer">Last update: ${format_date(file.ctime)}</div>
-</div>
-</div>
+</div> <!--close articleBody (narrow) -->
+</div> <!--close content -->
+
+<div id="sidebar">
+
+<div class="articleListing">
+<h2>Navigation</h2>
+<ul class="directory">
+% for level, part_of_path, current, page, link in get_sidemenu('Webber'):
+%    if current:
+<li class="active sidebar${level}">
+%    else:
+<li class="sidebar${level}">
+%    endif
+<a rel="bookmark" href="${link}">${page.linktitle | entity}</a></li>
+% endfor
+</ul>
+</div> <!-- close articleListing -->
+
+<div class="articleListing">
+<%
+  recently = get_recently()
+%>
+% if len(recently) > 1:
+  <h2>Recent Changes</h2>
+  <ul class="directory">
+%   for page, link in recently:
+      <li class="sidebar0">
+<a href="${link}">${page.linktitle | entity}&nbsp;
+%     if page.mtime > page.ctime:
+        ${format_date(page.mtime)}\
+%     else:
+        ${format_date(page.ctime)}\
+%     endif
+</a></span></li>
+%   endfor
+% endif
+</ul>
+</div> <!-- close articleListing -->
+
+</div> <!-- close sidebar -->
+</div> <!-- close wrapper -->
+</div> <!-- close container -->
+
+<div id="footer" class="clearfix">
+<div id="footerInner" class="clearfix">
+
+<p class="copyright">
+Copyright (C) 2001-2009 Titanium Mirror, Inc. All Rights Reserved</p>
+<p>Last updated ${format_date(file.mtime)}</p>
+</div> <!-- close footerRight -->
+
+</div> <!-- close footer -->
+
 </body>
 </html>
diff --git a/in/style/history.tmpl b/in/style/history.tmpl
deleted file mode 100644 (file)
index 5a3abb2..0000000
+++ /dev/null
@@ -1,19 +0,0 @@
-<%inherit file="default.tmpl"/>
-#######################################################################
-<%def name="contents()">\
-${body}
-<%
-  recently = get_recently()
-%>
-% if len(recently)>1:
-<h2>What's new?</h2>
-%   for page, link in recently:
-%     if page.mtime > page.ctime:
-        Modified ${format_date(page.mtime)}\
-%     else:
-        Created ${format_date(page.ctime)}\
-%     endif
-: <a href="${link}">${page.title | entity}</a><br />
-%   endfor
-% endif
-</%def>\
diff --git a/in/style/ie6.css b/in/style/ie6.css
new file mode 100644 (file)
index 0000000..d960b91
--- /dev/null
@@ -0,0 +1,51 @@
+#headerInner {\r
+       padding-bottom: 5px;\r
+}\r
+\r
+#topBar #topBarInner #searchBlock button#btn {\r
+       display: none;\r
+}\r
+\r
+#content .articleNav2 {\r
+       margin-top: -2px;\r
+       margin-left: 67px;\r
+}\r
+\r
+#content #pager {\r
+       padding-top: 5px;\r
+}\r
+\r
+#content #nav .controls a#previous,\r
+#content #nav .controls a#next {\r
+       margin-top: 5px;\r
+}\r
+\r
+#content #pager a.slide {\r
+       line-height: 5px;\r
+}\r
+\r
+#content #pager a.activeSlide {\r
+       background-color: #AC7007;\r
+}\r
+\r
+#sidebar .articles ul.articleList {\r
+       background-image: none;\r
+}\r
+\r
+#sidebar .downloadBlock .downloadButton {\r
+       margin-left: 5px;\r
+}\r
+\r
+#sidebar .downloadBlock .downloadDetails {\r
+       margin-right: 10px;\r
+}\r
+\r
+#sidebar .downloadBlock .downloadDetails .version {\r
+       width: 55px;\r
+       padding: 0 0 4px 0;\r
+}\r
+\r
+#sidebar .demoBlock .exampleButton,\r
+#sidebar .demoBlock .demoButton {\r
+       width:44%;\r
+}\r
diff --git a/in/style/ie7.css b/in/style/ie7.css
new file mode 100644 (file)
index 0000000..76e8c95
--- /dev/null
@@ -0,0 +1,24 @@
+#topBar #topBarInner #searchBlock button#btn {\r
+       display: none;\r
+}\r
+\r
+#archive #content .articleBody ul li {\r
+       background-image: none;\r
+}\r
+\r
+#content .articleNav2 {\r
+       margin-top: -2px;\r
+       margin-left: 67px;\r
+}\r
+\r
+#sidebar .articles ul.articleList {\r
+       background-image: none;\r
+}\r
+\r
+#sidebar .downloadBlock .downloadDetails {\r
+       margin-right: 15px;\r
+}\r
+\r
+#sidebar .downloadBlock .downloadDetails .version {\r
+       padding: 0 0 4px 6px;\r
+}\r
diff --git a/in/style/list_style_image.gif b/in/style/list_style_image.gif
new file mode 100644 (file)
index 0000000..0227753
Binary files /dev/null and b/in/style/list_style_image.gif differ
diff --git a/in/style/sidebar.tmpl b/in/style/sidebar.tmpl
deleted file mode 100644 (file)
index 1d39a96..0000000
+++ /dev/null
@@ -1,17 +0,0 @@
-<%inherit file="history.tmpl"/>
-#######################################################################
-<%def name="contents()">\
-${body}
-</div>
-<div id="block_2">
-<ul id="sidebar">
-% for level, part_of_path, current, page, link in get_sidemenu('Webber'):
-<li class="sidebar${level}"\
-%    if current:
-id="sidebar_current">${page.linktitle | entity}</li>
-%    else:
-><a href="${link}">${page.linktitle | entity}</a></li>
-%    endif
-% endfor
-</ul>
-</%def>\
diff --git a/in/style/sidebar_border.gif b/in/style/sidebar_border.gif
new file mode 100644 (file)
index 0000000..5a25de0
Binary files /dev/null and b/in/style/sidebar_border.gif differ
index f5117ced36866ecb34910f3285c67a2e39da9474..4fb923afac3484802bedfff157dc9d974e91c316 100644 (file)
@@ -1,7 +1,7 @@
-template: "sidebar"
+template: default
 subtitle: "Webber"
 main_url: "www.holgerschurig.de/projects/webber"
-date_format: "%Y-%m.%d"
+date_format: "%Y-%m-%d %H:%M:%S"
 input_encoding: "iso-8859-1"
 output_encoding: "iso-8859-1"
 plugins: [