gettalong-webgen 0.5.4.20080929

data/data/webgen/website_styles/andreas00/README

@@ -0,0 +1,13 @@
+description:
+  Open source web design template by Andreas Viklund. Features a one-, two- or three-column
+  interface in white and grey with many predefined styles for menus, tables, forms, ... Have
+  a look at the homepage to see the original template and what can be done with it.
+
+author:
+  Andreas Viklund (adapted for webgen by Thomas Leitner)
+
+copyright:
+  http://andreasviklund.com/about/copyright/
+
+homepage:
+  http://andreasviklund.com/templates

data/data/webgen/website_styles/andreas00/src/default.css

@@ -0,0 +1,290 @@
+/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
+Version: 1.1 (Apr 20, 2006) */
+
+/***** Body and main container *****/
+
+body {
+margin:0 auto;padding:0;font:76% Verdana,Tahoma,Arial,sans-serif;background:#eaeaea url(images/bg.gif) top center repeat-y;color:#3a3a3a;
+}
+
+#wrap {
+background-color:#ffffff;color:#303030;margin:0 auto;padding:1px 5px;width:760px;
+}
+
+/***** Header *****/
+
+#header {
+color:#505050;background:#ffffff url(images/front.jpg) bottom left no-repeat;height:250px;margin:0 0 10px 0;padding:0;
+}
+
+#header h1 {
+font-size:2.5em;font-weight:normal;letter-spacing:-2px;margin:0 0 4px 15px;padding:15px 0 0 0;
+}
+
+#header h1 a,#header h1 a:hover {
+padding:0;
+}
+
+#header p {
+font-size:1.1em;letter-spacing:-1px;margin:0 0 20px 15px;padding:0 0 0 3px;
+}
+
+/***** Left sidebar *****/
+
+#avmenu {
+clear:left;float:left;width:150px;margin:0 0 10px 0;padding:0;
+}
+
+#avmenu ul {
+list-style:none;width:150px;margin:0 0 20px 0;padding:0;
+}
+
+#avmenu li {
+margin-bottom:5px;
+}
+
+#avmenu li a, #avmenu li span {
+font-weight:bold;height:20px;text-decoration:none;color:#505050;display:block;padding:6px 0 0 10px;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;
+}
+
+#avmenu li a:hover, #avmenu li a.current, #avmenu li.webgen-menu-item-selected a, #avmenu li.webgen-menu-item-selected span {
+background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;color:#505050;border-top:1px solid #b0b0b0;border-right:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;border-left:4px solid #505050;
+}
+
+#avmenu ul ul {
+margin:5px 0 5px 15px;font-size:0.9em;width:135px;
+}
+
+#avmenu ul ul a {
+height:16px;margin:0;padding:4px 0 0 8px;
+}
+
+#avmenu h2 {
+font-size:1.5em;font-weight:normal;
+}
+
+/***** Right sidebar *****/
+
+#extras {
+float:right;width:130px;margin:0 0 10px 0;padding:0;font-size:0.9em;
+}
+
+#extras p, #extras ul {
+margin:0 0 1.5em 0;line-height:1.3em;padding:0;
+}
+
+#extras a {
+font-weight:bold;
+}
+
+#extras li {
+list-style:none;margin:0 0 6px 0;padding:0;
+}
+
+#extras h2 {
+font-size:1.6em;font-weight:normal;margin:0 0 6px 0;;letter-spacing:-1px;
+}
+
+/***** Main content *****/
+
+#content {
+margin:10px 140px 10px 160px;padding:0;line-height:1.5em;text-align:left;
+}
+
+#contentwide {
+margin:10px 0 10px 160px;padding:0;line-height:1.5em;text-align:left;
+}
+
+#contentfull {
+margin:10px 10px 10px 10px;padding:2px 0 0 0;line-height:1.5em;text-align:left;
+}
+
+#content h2, #contentwide h2, #contentfull h2 {
+font-size:1.8em;letter-spacing:-1px;font-weight:normal;margin:8px 0 10px 0;padding:0;
+}
+
+#content h3, #contentwide h3, #contentfull h3 {
+font-size:1.5em;font-weight:normal;margin:6px 0 6px 0;padding:0;
+}
+
+#content img, #contentwide img, #contentfull img {
+padding:1px;display:inline;background:#cccccc;color:#303030;border:4px solid #f0f0f0;
+}
+
+#content a, #contentwide a, #contentfull a {
+font-weight:bold;
+}
+
+#content ul, #content ol,
+#contentwide ul, #contentwide ol,
+#contentfull ul, #contentfull ol {
+margin:0 0 16px 20px;
+padding:0;
+}
+
+#content ul ul, #content ol ol,
+#contentwide ul ul, #contentwide ol ol,
+#contentfull ul ul, #contentfull ol ol {
+margin:2px 0 2px 20px;
+}
+
+#content li, #contentwide li, #contentfull li {
+margin:0 0 2px 10px;
+padding:0 0 0 4px;
+}
+
+/***** Footer *****/
+
+#footer {
+clear:both;margin:0 auto;padding:8px 0;border-top:2px solid #dadada;width:760px;text-align:center;color:#808080;background-color:#ffffff;font-size:0.9em;
+}
+
+#footer p {
+padding:0;margin:0;
+}
+
+#footer a {
+color:#808080;background-color:inherit;text-decoration:none;
+}
+
+#footer a:hover {
+text-decoration:underline;
+}
+
+/***** Various tags *****/
+
+a {
+text-decoration:none;color:#505050;background-color:inherit;
+}
+
+a:hover {
+text-decoration:underline;color:#286ea0;background-color:inherit;
+}
+
+a img {
+border:0;
+}
+
+p {
+margin:0 0 16px 0;
+}
+
+blockquote {
+border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:16px;padding:7px 7px 7px 11px;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;color:#505050;
+}
+
+blockquote p {
+font-size:1.1em;line-height:1.3em;margin:0;
+}
+
+/***** Table styles *****/
+
+table {
+margin:0 0 16px 0;padding:0;line-height:1.3em;border-collapse:collapse;border:1px solid #d8d8d8;
+}
+
+caption {
+text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;
+}
+
+th {
+padding:7px;text-align:left;background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;color:#505050;
+}
+
+td {
+padding:7px;font-size:0.9em;text-align:left;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;color:#303030;
+}
+
+/***** Form styles *****/
+
+.button {
+border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:0 0 15px 0;padding:7px 7px 7px 11px;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;color:#505050;font-weight:bold;width:120px;
+}
+
+input, textarea {
+border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;
+}
+
+label {
+margin:2px;
+}
+
+input {
+width:200px;
+}
+
+textarea {
+width:400px;
+}
+
+/***** Search box *****/
+
+#searchbox {
+padding:0;margin:6px 0 16px 0;
+}
+
+#searchform {
+background:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;padding:4px;width:116px;
+}
+
+#searchbox label {
+display:none;
+}
+
+/***** Various classes *****/
+
+.left {
+margin:10px 10px 5px 0;float:left;
+}
+
+.right {
+margin:10px 0 5px 10px;float:right;
+}
+
+.announce {
+margin:10px 0 10px 0;padding:10px 10px 5px 10px;width:105px;color:#505050;background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;line-height:1.3em;
+}
+
+.announce a {
+font-weight:bold;
+}
+
+.announce p {
+font-size:0.9em;
+}
+
+.announce h2 {
+margin:0 0 10px 0;padding:0;
+}
+
+#avmenu .announce {
+width:125px;
+}
+
+.textright {
+text-align:right;margin:-10px 0 4px 0;
+}
+
+.center {
+text-align:center;
+}
+
+.small {
+font-size:0.8em;
+}
+
+.large {
+font-size:1.3em;
+}
+
+.bold {
+font-weight:bold;
+}
+
+.highlighted {
+padding:3px;background-color:#f0f0f0;color:#303030;border:1px solid #b0b0b0;
+}
+
+.hide {
+display:none;
+}

data/data/webgen/website_styles/andreas00/src/default.template

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="{lang:}">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <meta name="description" content="Your description goes here" />
+    <meta name="keywords" content="your,keywords,goes,here" />
+    <meta name="author" content="Your Name / Original design: Andreas Viklund - http://andreasviklund.com/" />
+    <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
+    <link rel="stylesheet" type="text/css" href="{relocatable: default.css}" media="screen,projection" />
+    <title>{title:}</title>
+  </head>
+
+  <body>
+    <div id="wrap">
+      <div id="header">
+        <h1><a href="{relocatable: /index.html}">Title of website</a></h1>
+        <p><strong>Your slogan here...</strong></p>
+      </div>
+
+      <div id="avmenu">
+        <h2 class="hide">Site menu:</h2>
+        {menu: }
+
+        <div class="announce">
+          <h2>Latest news:</h2>
+          <p><strong>09.09.2009:</strong><br />
+          Something will have happened by then.</p>
+          <p class="textright"><a href="#TODO">Read more &raquo;</a></p>
+        </div>
+      </div>
+
+      <!-- The following div was not in the original template but was inserted to display the breadcrumb trail
+           and language links -->
+      <div id="contentwide">
+        <p class="textright">Location: {breadcrumb_trail: }&nbsp;|&nbsp;Language: {langbar: }</p>
+      </div>
+
+      <div id="extras">
+        <h2>Information:</h2>
+        <p>This template has a lot of additional styles and layout variations built into the stylesheet! Have a look at the homepage for this template!</p>
+        <h2>Links:</h2>
+        <ul>
+          <li><a href="http://webgen.rubyforge.org">webgen homepage</a></li>
+          <li><a href="http://andreasviklund.com/templates">More templates</a></li>
+          <li><a href="http://openwebdesign.org/">Open Web Design</a></li>
+          <li><a href="http://oswd.org/">OSWD.org</a></li>
+        </ul>
+      </div>
+
+      <div id="content">
+        <webgen:block name="content" />
+      </div>
+
+      <div id="footer">
+        <p>Copyright &copy; 2006 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a></p>
+      </div>
+    </div>
+  </body>
+</html>

data/data/webgen/website_styles/andreas01/README

@@ -0,0 +1,14 @@
+description:
+  Open source web design template by Andreas Viklund. Features a simple two- or three-column
+  interface with many predefined styles. Similar to style andreas00.
+  Have a look at the available styles in the CSS file and visit the homepage to see the original
+  template and what can be done with it.
+
+author:
+  Andreas Viklund (adapted for webgen by Thomas Leitner)
+
+copyright:
+  http://andreasviklund.com/about/copyright/
+
+homepage:
+  http://andreasviklund.com/templates

data/data/webgen/website_styles/andreas01/src/default.css

@@ -0,0 +1,310 @@
+/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
+Version: 2.0 (Jun 25, 2006)
+Screen layout: */
+
+/***** Body and main container *****/
+body {
+margin:0 auto;
+padding:0;
+font:76% Verdana,Tahoma,Arial,sans-serif;
+background:#f4f4f4 url(images/bg.gif) top center repeat-y;
+color:#303030;
+}
+
+#wrap {
+background:#ffffff;
+color:#303030;
+margin:0 auto;
+width:760px;
+}
+
+/***** Various tags *****/
+a {
+text-decoration:none;
+font-weight:bold;
+color:#286ea0;
+background-color:inherit;
+}
+
+a:hover {
+text-decoration:underline;
+color:#286ea0;
+background-color:inherit;
+}
+
+a img {
+border:0;
+}
+
+/***** Header *****/
+#header {
+margin:10px 0 0;
+padding:0;
+height:45px;
+}
+
+#header h1 {
+color:#505050;
+background-color:inherit;
+width:250px;
+margin:0 0 10px;
+font-size:2.2em;
+float:left;
+}
+
+#header h1 a{
+color:#505050;
+background-color:inherit;
+text-decoration:none;
+}
+
+#header p {
+width:500px;
+float:right;
+text-align:right;
+color:#505050;
+margin:8px 0 0;
+font-size:1.1em;
+font-weight:bold;
+line-height:1.3em;
+background-color:inherit;
+}
+
+#frontphoto {
+margin:0 0 10px;
+border:0;
+}
+
+/***** Left sidebar *****/
+#leftside {
+clear:left;
+float:left;
+width:140px;
+margin:0 0 5px;
+padding:0;
+}
+
+#leftside h2,#leftside h3 {
+color:#505050;
+background-color:inherit;
+font-size:1.3em;
+margin:0 0 5px;
+padding:0;
+}
+
+#leftside div.announce {
+clear:left;
+margin:10px 0 15px;
+padding:7px 5px;
+width:126px;
+font-size:0.9em;
+background-color:#f4f4f4;
+color:#505050;
+border-left:4px solid #cccccc;
+line-height:1.5em;
+}
+
+#leftside div.announce p {
+margin:10px 0 0;
+padding:0;
+}
+
+/***** Main menu *****/
+#menu ul {
+width:140px;
+margin:0 0 18px;
+padding:0;
+list-style:none;
+}
+
+#menu ul li {
+width:140px;
+padding:0;
+line-height:1.4em;
+display:inline;
+}
+
+#menu ul li a, #menu ul li span {
+background-color:#f4f4f4;
+color:#505050;
+font-weight:bold;
+width:130px;
+float:left;
+margin-bottom:5px;
+padding:5px 1px 5px 5px;
+border-left:4px solid #cccccc;
+text-decoration:none;
+}
+
+#menu ul li a:hover, #menu ul li.webgen-menu-item-selected a, #menu ul li.webgen-menu-item-selected span {
+background-color:#eaeaea;
+border-left:4px solid #286ea0;
+color:#505050;
+}
+
+#menu ul ul {
+margin:0 0 0 15px;
+padding:0 0 5px 0;
+font-size:0.9em;
+width:125px;
+}
+
+#menu ul ul a, #menu ul ul span {
+padding:3px 1px 3px 5px;
+width:115px;
+}
+
+#menu ul ul ul {
+width:113px;
+}
+
+#menu ul ul ul a {
+width:100px;
+}
+
+/***** Right sidebar *****/
+#extras {
+float:right;
+width:140px;
+margin:0 0 5px;
+padding:0;
+line-height:1.4em;
+}
+
+#extras p,#extras ul {
+font-size:0.9em;
+margin:0 0 16px;
+padding:0;
+}
+
+#extras li {
+list-style:none;
+line-height:1.2em;
+margin:0 0 6px 0;
+padding:0;
+}
+
+#extras ul ul {
+margin:6px 0 0 10px;
+padding:0;
+}
+
+#extras ul ul li {
+margin: 0 0 4px 0;
+}
+
+#extras ul ul li a {
+font-size:1.1em;
+font-weight:normal;
+}
+
+#extras h2, #extras h3 {
+color:#505050;
+background-color:inherit;
+font-size:1.2em;
+margin:0 0 10px;
+padding:0;
+}
+
+/***** Main content *****/
+#content {
+margin:0 150px 5px 150px;
+border-left:1px solid #e0e0e0;
+border-right:1px solid #e0e0e0;
+padding:0 10px;
+line-height:1.6em;
+}
+
+#contentwide {
+margin:0 0 5px 150px;
+border-left:1px solid #f0f0f0;
+padding:0 0 0 10px;
+line-height:1.6em;
+}
+
+#content h2,#contentwide h2 {
+font-size:1.6em;
+margin:0 0 10px;
+}
+
+#content h3,#contentwide h3 {
+font-size:1.4em;
+margin:0 0 8px;
+}
+
+#content img,#contentwide img {
+padding:1px;
+display:inline;
+background:#cccccc;
+color:#303030;
+border:4px solid #f0f0f0;
+}
+
+#content ul, #contentwide ul, #content ol, #contentwide ol {
+margin:0 0 16px 20px;
+padding:0;
+}
+
+#content li, #contentwide li {
+margin:0;
+padding:0 0 0 5px;
+}
+
+#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
+margin:0 0 0 16px;
+padding:0;
+}
+
+/***** Footer *****/
+#footer {
+clear:both;
+margin:0 auto;
+padding:10px 0 20px;
+border-top:4px solid #f0f0f0;
+width:760px;
+text-align:center;
+color:#808080;
+background:#ffffff;
+font-size:0.9em;
+}
+
+#footer a {
+color:#808080;
+background-color:inherit;
+text-decoration:none;
+}
+
+#footer a:hover {
+text-decoration:underline;
+}
+
+/***** Various classes *****/
+.left {
+margin:3px 10px 2px 0;
+float:left;
+}
+
+.right {
+margin:2px 0 2px 10px;
+float:right;
+}
+
+.textright {
+text-align:right;
+}
+
+.center {
+text-align:center;
+}
+
+.small {
+font-size:0.8em;
+}
+
+.bold {
+font-weight:bold;
+}
+
+.hide {
+display:none;
+}