webgen-templates-bundle 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +15 -0
  2. data/ChangeLog +4 -0
  3. data/LICENSE +20 -0
  4. data/README.md +189 -0
  5. data/VERSION +1 -0
  6. data/lib/webgen/bundle/templates/data/1024px/src/1024px.css +61 -0
  7. data/lib/webgen/bundle/templates/data/1024px/src/default.template +55 -0
  8. data/lib/webgen/bundle/templates/data/1024px/src/images/background.gif +0 -0
  9. data/lib/webgen/bundle/templates/data/andreas00/src/andreas00.css +295 -0
  10. data/lib/webgen/bundle/templates/data/andreas00/src/default.template +58 -0
  11. data/lib/webgen/bundle/templates/data/andreas00/src/images/bg.gif +0 -0
  12. data/lib/webgen/bundle/templates/data/andreas00/src/images/front.jpg +0 -0
  13. data/lib/webgen/bundle/templates/data/andreas00/src/images/menubg.gif +0 -0
  14. data/lib/webgen/bundle/templates/data/andreas00/src/images/menubg2.gif +0 -0
  15. data/lib/webgen/bundle/templates/data/andreas01/src/andreas01.css +75 -0
  16. data/lib/webgen/bundle/templates/data/andreas01/src/default.template +61 -0
  17. data/lib/webgen/bundle/templates/data/andreas01/src/images/bg.gif +0 -0
  18. data/lib/webgen/bundle/templates/data/andreas01/src/images/front.jpg +0 -0
  19. data/lib/webgen/bundle/templates/data/andreas01/src/print.css +11 -0
  20. data/lib/webgen/bundle/templates/data/andreas03/src/andreas03.css +83 -0
  21. data/lib/webgen/bundle/templates/data/andreas03/src/default.template +54 -0
  22. data/lib/webgen/bundle/templates/data/andreas03/src/images/bodybg.png +0 -0
  23. data/lib/webgen/bundle/templates/data/andreas03/src/images/contbg.png +0 -0
  24. data/lib/webgen/bundle/templates/data/andreas03/src/images/footerbg.png +0 -0
  25. data/lib/webgen/bundle/templates/data/andreas03/src/images/gradient1.png +0 -0
  26. data/lib/webgen/bundle/templates/data/andreas03/src/images/gradient2.png +0 -0
  27. data/lib/webgen/bundle/templates/data/andreas04/src/andreas04.css +70 -0
  28. data/lib/webgen/bundle/templates/data/andreas04/src/default.template +79 -0
  29. data/lib/webgen/bundle/templates/data/andreas04/src/images/blinkarrow.gif +0 -0
  30. data/lib/webgen/bundle/templates/data/andreas04/src/images/bodybg.png +0 -0
  31. data/lib/webgen/bundle/templates/data/andreas04/src/images/contentbg.png +0 -0
  32. data/lib/webgen/bundle/templates/data/andreas04/src/images/entrybg.png +0 -0
  33. data/lib/webgen/bundle/templates/data/andreas04/src/images/flash.gif +0 -0
  34. data/lib/webgen/bundle/templates/data/andreas04/src/images/flash2.gif +0 -0
  35. data/lib/webgen/bundle/templates/data/andreas04/src/images/globe.gif +0 -0
  36. data/lib/webgen/bundle/templates/data/andreas04/src/images/globebottom.gif +0 -0
  37. data/lib/webgen/bundle/templates/data/andreas04/src/images/linkarrow.gif +0 -0
  38. data/lib/webgen/bundle/templates/data/andreas04/src/images/menuhover.png +0 -0
  39. data/lib/webgen/bundle/templates/data/andreas05/src/andreas05.css +36 -0
  40. data/lib/webgen/bundle/templates/data/andreas05/src/default.template +39 -0
  41. data/lib/webgen/bundle/templates/data/andreas05/src/images/bodybg.gif +0 -0
  42. data/lib/webgen/bundle/templates/data/andreas05/src/images/front.png +0 -0
  43. data/lib/webgen/bundle/templates/data/andreas06/src/andreas06.css +82 -0
  44. data/lib/webgen/bundle/templates/data/andreas06/src/default.template +64 -0
  45. data/lib/webgen/bundle/templates/data/andreas06/src/images/bodybg.gif +0 -0
  46. data/lib/webgen/bundle/templates/data/andreas06/src/images/boxbg.gif +0 -0
  47. data/lib/webgen/bundle/templates/data/andreas06/src/images/greypx.gif +0 -0
  48. data/lib/webgen/bundle/templates/data/andreas06/src/images/header.jpg +0 -0
  49. data/lib/webgen/bundle/templates/data/andreas06/src/images/innerbg.gif +0 -0
  50. data/lib/webgen/bundle/templates/data/andreas06/src/images/leaves.jpg +0 -0
  51. data/lib/webgen/bundle/templates/data/andreas06/src/images/tabs.gif +0 -0
  52. data/lib/webgen/bundle/templates/data/andreas07/src/andreas07.css +59 -0
  53. data/lib/webgen/bundle/templates/data/andreas07/src/default.template +52 -0
  54. data/lib/webgen/bundle/templates/data/andreas07/src/images/bodybg.gif +0 -0
  55. data/lib/webgen/bundle/templates/data/andreas07/src/images/sidebarbg.gif +0 -0
  56. data/lib/webgen/bundle/templates/data/andreas08/src/andreas08.css +77 -0
  57. data/lib/webgen/bundle/templates/data/andreas08/src/default.template +52 -0
  58. data/lib/webgen/bundle/templates/data/andreas09/src/andreas09.css +77 -0
  59. data/lib/webgen/bundle/templates/data/andreas09/src/default.template +67 -0
  60. data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-black.jpg +0 -0
  61. data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-green.jpg +0 -0
  62. data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-orange.jpg +0 -0
  63. data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-purple.jpg +0 -0
  64. data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-red.jpg +0 -0
  65. data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg.jpg +0 -0
  66. data/lib/webgen/bundle/templates/data/andreas09/src/images/footerbg.jpg +0 -0
  67. data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-black.jpg +0 -0
  68. data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-green.jpg +0 -0
  69. data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-orange.jpg +0 -0
  70. data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-purple.jpg +0 -0
  71. data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-red.jpg +0 -0
  72. data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover.jpg +0 -0
  73. data/lib/webgen/bundle/templates/data/simple/src/default.css +84 -0
  74. data/lib/webgen/bundle/templates/data/simple/src/default.template +36 -0
  75. data/lib/webgen/bundle/templates/info.yaml +9 -0
  76. data/lib/webgen/bundle/templates/init.rb +12 -0
  77. metadata +124 -0
@@ -0,0 +1,58 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang:}" lang="{lang:}">
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6
+ <meta name="description" content="Your description goes here..." />
7
+ <meta name="keywords" content="your,keywords,goes,here" />
8
+ <meta name="author" content="Your Name" />
9
+ <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
10
+ <link rel="stylesheet" type="text/css" href="{relocatable: andreas00.css}" media="screen,projection" />
11
+ <title>{title:}</title>
12
+ </head>
13
+
14
+ <body>
15
+ <div id="wrap">
16
+ <div id="header">
17
+ <h1><a href="{relocatable: /index.html}">Title of website</a></h1>
18
+ <p><strong>Your slogan here...</strong></p>
19
+ </div>
20
+
21
+ <div id="avmenu">
22
+ <h2 class="hide">Site menu:</h2>
23
+ {menu: {options: {sort: true, mi: {in_menu: true}, siblings: [0,-1]}}}
24
+
25
+ <div class="announce">
26
+ <h2>Latest news:</h2>
27
+ <p><strong>09.09.2009:</strong><br />
28
+ Something will have happened by then.</p>
29
+ <p class="textright"><a href="#TODO">Read more &raquo;</a></p>
30
+ </div>
31
+ </div>
32
+
33
+ <!-- The following div was not in the original template but was inserted to display the breadcrumb trail
34
+ and language links -->
35
+ <div id="contentwide">
36
+ <p class="textright">Location: {breadcrumb_trail: }&nbsp;|&nbsp;Language: {langbar: }</p>
37
+ </div>
38
+
39
+ <div id="extras">
40
+ <h2>Information:</h2>
41
+ <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>
42
+ <h2>Links:</h2>
43
+ <ul>
44
+ <li><a href="http://webgen.rubyforge.org">webgen homepage</a></li>
45
+ <li><a href="http://andreasviklund.com/templates">More templates</a></li>
46
+ </ul>
47
+ </div>
48
+
49
+ <div id="content">
50
+ <webgen:block name="content" />
51
+ </div>
52
+
53
+ <div id="footer">
54
+ <p>Copyright &copy; 2012 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a></p>
55
+ </div>
56
+ </div>
57
+ </body>
58
+ </html>
@@ -0,0 +1,75 @@
1
+ /*
2
+ Original design: andreas01 (v3.1 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
3
+ For more information, see http://andreasviklund.com/templates/andreas01/
4
+ */
5
+
6
+ /* Main body */
7
+ body {background:#f4f4f4 url(images/bg.gif) top center repeat-y; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}
8
+ #wrap {background:#fff; color:#404040; margin:0 auto; width:760px;}
9
+
10
+ /* Basic tags */
11
+ a {background-color:inherit; color:#286ea0; font-weight:700; text-decoration:none;}
12
+ a:hover {background-color:inherit; color:#286ea0; text-decoration:underline;}
13
+ a img {border:0;}
14
+ p {margin:0 0 1.4em;}
15
+
16
+ /* Header */
17
+ #header {height:45px; margin:10px 0 0; padding:0;}
18
+ #header h1 {background-color:inherit; color:#505050; float:left; font-size:2em; margin:0 0 10px; width:350px;}
19
+ #header h1 a {background-color:inherit; color:#505050; text-decoration:none;}
20
+ #header p {float:right; font-weight:700; line-height:1.3em; margin:8px 0 0; text-align:center; width:400px;}
21
+ #frontphoto {border:0; margin:0 0 10px;}
22
+
23
+ /*Left and right sidebar */
24
+ #leftside {clear:left; float:left; margin:0 0 5px; padding:0; width:140px;}
25
+ #rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
26
+ #leftside p,#leftside ul, #rightside p,#rightside ul {margin:0 0 16px; padding:0;}
27
+ #leftside p, #rightside p {font-size:0.9em; line-height:1.4em;}
28
+ #leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}
29
+ #leftside ul ul, #rightside ul ul {margin:6px 0 0 10px; padding:0;}
30
+ #leftside ul ul li, #rightside ul ul li {margin:0 0 4px;}
31
+ #leftside ul ul li a, #rightside ul ul li a {font-weight:400;}
32
+ #leftside h2,#leftside h3, #rightside h2,#rightside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;}
33
+
34
+ /* Main menu */
35
+ #leftside .avmenu > ul, #rightside .avmenu > ul {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:140px;}
36
+ #leftside .avmenu li, #rightside .avmenu li {display:inline; line-height:1.4em; padding:0; width:140px;}
37
+ #leftside .avmenu li a, #leftside .avmenu li span, #rightside .avmenu li a, #rightside .avmenu li span {background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
38
+ #leftside .avmenu li a:hover, #leftside .avmenu li a.current, #leftside .avmenu li.webgen-menu-item-selected a, #leftside .avmenu li.webgen-menu-item-selected span, #rightside .avmenu li a:hover, #rightside .avmenu li a.current, #rightside .avmenu li.webgen-menu-item-selected a, #rightside .avmenu li.webgen-menu-item-selected span {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}
39
+ #leftside .avmenu ul ul, #rightside .avmenu ul ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
40
+ #leftside .avmenu ul ul a, #rightside .avmenu ul ul a {font-weight:400; padding:3px 1px 3px 5px; width:115px;}
41
+ #leftside .avmenu ul ul ul, #rightside .avmenu ul ul ul {width:113px;}
42
+ #leftside .avmenu ul ul ul a, #rightside .avmenu ul ul ul a {width:100px;}
43
+
44
+ /* Main content */
45
+ #content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px; padding:0 10px;}
46
+ #contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:0 0 5px 150px; padding:0 0 0 10px;}
47
+ #contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 150px 5px 0; padding:0 10px 0 0;}
48
+ #content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px;}
49
+ #content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}
50
+ #content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
51
+ #content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}
52
+ #content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}
53
+ #content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}
54
+
55
+ /* Footer */
56
+ #footer {background:#fff; border-top:2px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:760px; line-height:1.5em; font-size:0.9em;}
57
+ #footer p {margin:0; padding:0;}
58
+ #footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;}
59
+ #footer a:hover {text-decoration:underline;}
60
+ #footer span {font-size:1.2em;}
61
+
62
+ /* Additional classes */
63
+ .left {float:left; margin:3px 10px 2px 0;}
64
+ .right {float:right; margin:2px 0 2px 10px;}
65
+ .textright {text-align:right; margin:5px 0;}
66
+ .center {text-align:center;}
67
+ .small {font-size:0.8em;}
68
+ .bold {font-weight:700;}
69
+ .timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
70
+ .timestamp a {font-weight:400;}
71
+ .announce {background-color:#f4f4f4; border-left:4px solid #ccc; clear:left; color:#505050; font-size:0.9em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:126px;}
72
+ .announce p {margin:10px 0 0; padding:0;}
73
+ .postinfo {background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;}
74
+ .clearing {clear:left; margin:0; padding:0; visibility:hidden;}
75
+ .hide {display:none;}
@@ -0,0 +1,61 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang:}" lang="{lang:}">
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6
+ <meta name="description" content="Your description goes here" />
7
+ <meta name="keywords" content="your,keywords,goes,here" />
8
+ <meta name="author" content="Your Name" />
9
+ <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
10
+ <link rel="stylesheet" type="text/css" href="{relocatable: andreas01.css}" media="screen,projection" />
11
+ <link rel="stylesheet" type="text/css" href="{relocatable: print.css}" media="print" />
12
+ <title>{title:}</title>
13
+ </head>
14
+
15
+ <body>
16
+ <div id="wrap">
17
+
18
+ <div id="header">
19
+ <h1>andreas01</h1>
20
+ <p>Location: {breadcrumb_trail:}&nbsp;|&nbsp;Language: {langbar:}</p>
21
+ </div>
22
+
23
+ <img id="frontphoto" src="{relocatable: images/front.jpg}" width="760" height="175" alt="" />
24
+
25
+ <div id="leftside">
26
+ <h2 class="hide">Menu:</h2>
27
+ <div class="avmenu">{menu: {options: {sort: true, mi: {in_menu: true}, siblings: [0,-1]}}}</div>
28
+
29
+ <div class="announce">
30
+ <h2>Latest news:</h2>
31
+ <p><strong>09.09.2009:</strong><br />
32
+ Something will have happened by then.</p>
33
+ <p class="textright"><a href="#">Read more...</a></p>
34
+ </div>
35
+ </div>
36
+
37
+ <div id="rightside">
38
+ <h2>More info:</h2>
39
+ <p>This is the third column, and it can be used in many different ways. You can put links, images, short notes or contact information here just to give a few examples. Filler content has been added here to give an idea of what it can look like. It can also be removed to give more space for the main content.</p>
40
+
41
+ <h2>Links:</h2>
42
+ <ul>
43
+ <li><a href="http://webgen.rubyforge.org">webgen homepage</a></li>
44
+ <li><a href="http://andreasviklund.com/templates/">Website templates</a></li>
45
+ <li><a href="http://validator.w3.org/check/referer">Valid XHTML</a></li>
46
+ <li><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></li>
47
+ </ul>
48
+
49
+ </div>
50
+
51
+ <div id="content">
52
+ <webgen:block name="content" />
53
+ </div>
54
+
55
+ <div id="footer">
56
+ Copyright &copy; 2012 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a>
57
+ </div>
58
+
59
+ </div>
60
+ </body>
61
+ </html>
@@ -0,0 +1,11 @@
1
+ /*
2
+ Print layout for original design: andreas01 (v3.1 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
3
+ For more information, see http://andreasviklund.com/templates/andreas01/
4
+ */
5
+
6
+ body {margin:0 auto; padding:0; font-family:"Times New Roman",serif; background:#ffffff; color:#000000;}
7
+ #wrap {margin:2%; width:auto; float:none !important;}
8
+ #header h1 {margin:0 0 25px 0;}
9
+ #frontphoto, #leftside, #rightside, .hide {display:none;}
10
+ #content img, #contentwide img, #contentwide2 img {/* display:none; */}
11
+ a {text-decoration:underline; color:#0000ff;}
@@ -0,0 +1,83 @@
1
+ /*
2
+ Original design: andreas03 (v2.5 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
3
+ For more information, see http://andreasviklund.com/templates/andreas03/
4
+ */
5
+
6
+ /* General layout */
7
+ body {margin:0; padding:20px 0; font:76% tahoma,verdana,sans-serif; background:#047 url(images/bodybg.png) repeat-x fixed; color:#333;}
8
+ #thetop {margin:0;}
9
+ #container {width:720px; margin:0 auto; padding:20px 20px 0 20px; background:#fff url(images/contbg.png) no-repeat; color:#333;}
10
+
11
+ /* Tags */
12
+ h1,h2,h3,h4 {margin:0 0 10px 0; font-weight:normal;}
13
+ h1 {font-size:2.6em;}
14
+ h2 {margin:0 0 4px 0; font-size:1.5em;}
15
+ h3 {margin:20px 0 8px 0; font-size:1.3em;}
16
+ h4 {margin:10px 0 5px 0; font-size:1.2em;}
17
+ a {text-decoration:none; color:#26c;}
18
+ a:hover {text-decoration:underline;}
19
+ a img {border:0;}
20
+ p {margin:0 0 15px 10px; line-height:1.5em;}
21
+
22
+ /* Site title and header */
23
+ #logo {float:left; width:240px; margin:0 20px 0 0; padding:0 0 30px 0; background:#eee; border:4px solid #dde; text-align:center; color:#555; overflow:auto;}
24
+ #logo h1 {margin:30px 5px 5px 5px; letter-spacing:-2px;line-height:1em;}
25
+ #logo a {color:#26a; text-decoration:none;}
26
+ #logo a:hover {color:#69e;}
27
+ #tagline {text-align:center; font-size:1.4em;line-height:1.5em;}
28
+ #intro p {line-height:1.5em;}
29
+
30
+ /* Main content */
31
+ #main {float:left; width:530px; margin-right:20px; padding:0; line-height:1.3em; }
32
+
33
+ /* Sidebar */
34
+ #sidebar {width:155px; float:right; margin-top:20px; font-size:1em; line-height:1.3em;}
35
+ #sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 10px; padding:0;}
36
+ #sidebar ul li, #sidebar ol li {list-style:none; padding:0; margin:0 0 4px 0;}
37
+ .sidelink {display:block; width:140px; margin:3px 10px 2px 0; padding:5px 0 5px 8px; font-size:1.2em; font-weight:400; text-align:left; background:#eee url(images/gradient1.png) repeat-x; color:#26c; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
38
+ .sidelink:hover,.menuheader {background:#fff url(images/gradient2.png) repeat-x; color:#333; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none;}
39
+
40
+ /* Footer */
41
+ #footer {margin:0 auto 10px auto; line-height:1.6em; width:760px; background:#fff url(images/footerbg.png) bottom left no-repeat; padding:0 0 1px 0; font-size:1.1em; color:#777; text-align:center;}
42
+
43
+ /* Additional classes */
44
+ .headerstyle {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; background:#eee url(images/gradient2.png) repeat-x; color:#444; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; text-decoration:none;}
45
+ .clear {clear:both; margin:0; padding:0;}
46
+ .right {text-align:right;}
47
+ .internallink {font-size:0.9em; text-align:center;}
48
+ #sidebar p.block {font-size:0.9em; line-height:1.4em; margin:5px auto 15px auto; padding:5px; color:#555; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
49
+ .credit {color:#777;}
50
+ .hide {display:none;}
51
+
52
+
53
+ #sidebar #menu ul {
54
+ list-style-type: none;
55
+ margin: 0px;
56
+ padding: 0px;
57
+ }
58
+
59
+ #sidebar #menu li a, #sidebar #menu li span, .sidelink{
60
+ display:block;
61
+ width:140px;
62
+ margin:3px 10px 2px 0;
63
+ padding:5px 0 5px 8px;
64
+ font-size:1.1em;
65
+ font-weight:bold;
66
+ text-align:left;
67
+ background:#eee url(images/gradient1.png) repeat-x;
68
+ color:#26c;
69
+ border-top:1px solid #ddd;
70
+ border-right:1px solid #bbb;
71
+ border-bottom:1px solid #bbb;
72
+ border-left:1px solid #ddd;
73
+ }
74
+
75
+ #sidebar #menu li a:hover, #sidebar li.webgen-menu-item-selected a, #sidebar li.webgen-menu-item-selected span, .sidelink:hover, .menuheader {
76
+ background:#fff url(images/gradient2.png) repeat-x;
77
+ color:#222;
78
+ border-top:1px solid #ddd;
79
+ border-right:1px solid #888;
80
+ border-bottom:1px solid #888;
81
+ border-left:1px solid #ddd;
82
+ text-decoration:none;
83
+ }
@@ -0,0 +1,54 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang:}" lang="{lang:}">
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6
+ <meta name="description" content="your description goes here" />
7
+ <meta name="keywords" content="your,keywords,goes,here" />
8
+ <meta name="author" content="Your Name" />
9
+ <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
10
+ <link rel="stylesheet" type="text/css" href="{relocatable: andreas03.css}" />
11
+ <title>{title: }</title>
12
+ </head>
13
+
14
+ <body>
15
+ <div id="thetop">
16
+ <p class="hide">Skip to: <a href="#sitemenu" accesskey="2">Site menu</a> | <a href="#maincontent" accesskey="3">Main content</a></p>
17
+ </div>
18
+
19
+ <div id="container">
20
+ <div id="main">
21
+
22
+ <div id="logo">
23
+ <h1>[<a href="{relocatable: /index.html}" accesskey="4">your site title</a>]</h1>
24
+ <span id="tagline">Your striking site slogan!</span>
25
+ </div>
26
+
27
+ <div id="intro">
28
+ <h2 id="maincontent">Website description!</h2>
29
+ <p>Here could go a description of your website! Or a quick overview of the page!</p>
30
+ </div>
31
+ <div class="clear"></div>
32
+
33
+ <webgen:block name="content" />
34
+ </div>
35
+
36
+ <div id="sidebar">
37
+ <h2 id="sitemenu" class="sidelink menuheader">Menu:</h2>
38
+ <div id="menu">{menu: {options: {sort: true, mi: {in_menu: true}, absolute_levels: 1}}}</div>
39
+ <a class="hide" href="#thetop" accesskey="1">Top of page</a>
40
+
41
+ <h3>Regular links</h3>
42
+ <ul class="linklist">
43
+ <li><a href="http://andreasviklund.com/templates">Free website templates</a></li>
44
+ <li><a href="http://openwebdesign.org">Open Web Design</a></li>
45
+ </ul>
46
+ </div>
47
+
48
+ <div class="clear">&nbsp;</div>
49
+ </div>
50
+
51
+ <div id="footer"><p>&copy; 2012 Your name | Generated by <a href="http://webgen.rubyforge.org/">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a></p></div>
52
+
53
+ </body>
54
+ </html>
@@ -0,0 +1,70 @@
1
+ /*
2
+ Original design: andreas04 (v2.1 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
3
+ For more information, see http://andreasviklund.com/templates/andreas04/
4
+ */
5
+
6
+ /* General layouts */
7
+ body {margin:0; padding:0; font:76% tahoma,verdana,sans-serif; background:#e6e6e6 url(images/bodybg.png) repeat-x; color:#444; text-align:center;}
8
+ #container {width:92%; min-width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
9
+ #container800 {width:700px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
10
+ #container1024 {width:920px; padding:0 20px; margin:0 auto; background:#f0f0f0 url(images/contentbg.png) repeat-x; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
11
+
12
+ /* Tags */
13
+ a {text-decoration:none; color:#269; font-weight:bold;}
14
+ a:hover {text-decoration:underline;}
15
+ p {margin:0 0 15px 0;}
16
+ h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
17
+ h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px 20px;}
18
+ h1 a:hover {text-decoration:none;}
19
+ h2 {font-size:1.6em; letter-spacing:-1px; margin:-10px 0 0 30px; color:#888;}
20
+ h3 {color: #555; font-size:1.4em; margin:1em 0 0.5em 0.5em;}
21
+ h4 {font-size:1.2em; font-weight:bold;}
22
+
23
+ /* Header */
24
+ #sitetitle {float:left; height:100px; background:url(images/globe.gif) no-repeat; width: 42%; color: #333;}
25
+ #sitetitle a {color:#567; font-weight:normal;}
26
+ #sitetitle a:hover {color:#269;}
27
+ #menu {height:71px; padding-top:35px; text-align: right;}
28
+ #menu a, #menu span {margin:0; height:100px; padding:35px 6px 41px 6px; font-size:1.6em; font-weight:normal; letter-spacing:-1px; color:#888;}
29
+ #menu a:hover, #menu span:hover {color:#269; text-decoration:none; background: #fff url(images/menuhover.png) repeat-x; padding:35px 5px 41px 5px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
30
+ #menu a.current, #menu li.webgen-menu-item-selected a, #menu li.webgen-menu-submenu-inhierarchy a, #menu li.webgen-menu-item-selected span{color:#269;}
31
+ #menu a.current:hover, #menu li.webgen-menu-item-selected a:hover, #menu li.webgen-menu-submenu-inhierarchy a:hover, #menu li.webgen-menu-item-selected span:hover {color:#888; padding:35px 6px 41px 6px; text-decoration:none; background: none; border:0;}
32
+ #menu ul {list-item-style: none;}
33
+ #menu ul, #menu li { display: inline; margin: 0px; padding: 0px;}
34
+
35
+ /* Main content and sidebar layout */
36
+ #content {margin-top:30px; width:100%; clear:both; background:url(images/globebottom.gif) bottom left no-repeat;}
37
+ #content h2 {margin:0 0 10px 0; color:#555; border-bottom:2px solid #abb;}
38
+ #content h2 a {color:#555; font-weight:normal;}
39
+ #content h2 a:hover {color:#269; text-decoration:none; background:none;}
40
+ #content p {margin:0 0.5em 1.2em 0.5em;}
41
+ #left {width:68%; float:left; line-height:1.4em;}
42
+ #right {margin-left:70%; margin-top:-15px; line-height:1.4em;}
43
+ #right h2 {margin:0 0 8px 0; padding:0; font-size:1.6em;}
44
+
45
+ /* Footer */
46
+ #footer {clear:both; padding:10px 0 12px 24px; text-align:left; color:#777;}
47
+ #footer a {color:#777; font-weight:normal;}
48
+ #footer h2 {color:#aaa; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
49
+ #footer h2 a {color:#aaa;}
50
+ #footer p {margin:0; padding:0;}
51
+
52
+
53
+ /* Additional classes */
54
+ .entry {margin:0 0 20px 0; border:2px solid #fff; background:#e6e6e6 url(images/entrybg.png) repeat-x; color:#333; padding:10px 10px 0 10px;}
55
+ .entry a:hover, .intro a:hover {text-decoration:none; padding-bottom:2px; background:url(images/flash2.gif) bottom left repeat-x;}
56
+ .link {color:#269; background:url(images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
57
+ .link:hover {color:#48b; background:url(images/blinkarrow.gif) left no-repeat;
58
+ text-decoration:none;}
59
+ .thumbs img {padding:3px; margin:0 2px 2px 0; border:1px solid #fff; background-color:#ddd; color: #555;}
60
+ .thumbs img:hover {background: url(images/flash.gif);}
61
+ .entryphoto {margin:5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
62
+ .meta {clear:both; border-top: 2px solid #ccc; padding: 5px 1px 0 0; margin:10px 0 0 0; text-align:right; font-size:1em; color: #567;}
63
+ .pagenav {color: #777; text-align:center;}
64
+ .subcontainer {display:block; width:98%;}
65
+ .rightsub {float:left; width:45%; padding:0;}
66
+ .rightsub2 {margin-left:50%; padding:0;}
67
+ .right {text-align:right;}
68
+ .center {text-align:center;}
69
+ .clear {clear:both;}
70
+ .hide {display:none;}
@@ -0,0 +1,79 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{lang:}" lang="{lang:}">
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6
+ <meta name="description" content="your description goes here" />
7
+ <meta name="keywords" content="your,keywords,goes,here" />
8
+ <meta name="author" content="Your Name" />
9
+ <meta name="generator" content="webgen - http://webgen.rubyforge.org" />
10
+ <link type="text/css" rel="stylesheet" href="{relocatable: andreas04.css}" media="screen,projection" />
11
+ <title>{title:}</title>
12
+ </head>
13
+
14
+ <body>
15
+ <div id="container"> <!-- use id="container800" or id="container1024" to make layout fixed-width -->
16
+ <div id="sitetitle">
17
+ <h1><a href="index.html">website title</a></h1>
18
+ <h2>your slogan here</h2>
19
+ </div>
20
+
21
+ <div id="menu">
22
+ {menu: {options: {sort: true, mi: {in_menu: true}, absolute_levels: 1}}}
23
+ </div>
24
+
25
+ <div id="content">
26
+ <div id="left">
27
+ <div class="entry">
28
+ <webgen:block name="content" />
29
+ <p class="meta"><span class="date">July 15, 2006</span> Posted by Andreas | Tags: Design, XHTML, CSS | 19 comments</p>
30
+ </div>
31
+ </div>
32
+
33
+ <div id="right">
34
+ <h2>Wait, what's this?</h2>
35
+ <p class="intro">Here goes the description of your website or blog</p>
36
+
37
+ <h2>Latest photos</h2>
38
+ <p class="thumbs">
39
+ Here could be some fotos
40
+ </p>
41
+
42
+ <div class="subcontainer">
43
+ <div class="rightsub">
44
+ <h2>Popular tags</h2>
45
+ <a class="link" href="index.html">XHTML</a><br class="hide" />
46
+ <a class="link" href="index.html">Music</a><br class="hide" />
47
+ <a class="link" href="index.html">Podcast</a><br class="hide" />
48
+ <a class="link" href="index.html">Photos</a><br class="hide" />
49
+ <a class="link" href="index.html">CSS</a><br class="hide" />
50
+ <a class="link" href="index.html">Webdesign</a><br class="hide" />
51
+
52
+ <h2>RSS Feeds</h2>
53
+ <a class="link" href="index.html">Blog entries</a><br class="hide" />
54
+ <a class="link" href="index.html">Comments</a><br class="hide" />
55
+ <a class="link" href="index.html">Podcasts</a><br class="hide" />
56
+ </div>
57
+
58
+ <div class="rightsub2">
59
+ <h2>Latest entries</h2>
60
+ <a class="link" href="index.html">With a touch fr...</a><br class="hide" />
61
+ <a class="link" href="index.html">Open source</a><br class="hide" />
62
+ <a class="link" href="index.html">Hello world!</a><br class="hide" />
63
+
64
+ <h2>Favorite links</h2>
65
+ <a class="link" href="http://webgen.rubyforge.org">webgen homepage</a><br class="hide" />
66
+ <a class="link" href="http://andreasviklund.com/templates/">Free templates</a><br class="hide" />
67
+ </div>
68
+ </div>
69
+ </div>
70
+
71
+ <div id="footer">
72
+ <h2 class="hide">Site info</h2>
73
+ <span>your slogan here again maybe</span><br />
74
+ &copy; 2012 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a> | <a href="http://validator.w3.org/check?uri=referer">XHTML</a> / <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> / AA / 508
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </body>
79
+ </html>