webgen-templates-bundle 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +15 -0
- data/ChangeLog +4 -0
- data/LICENSE +20 -0
- data/README.md +189 -0
- data/VERSION +1 -0
- data/lib/webgen/bundle/templates/data/1024px/src/1024px.css +61 -0
- data/lib/webgen/bundle/templates/data/1024px/src/default.template +55 -0
- data/lib/webgen/bundle/templates/data/1024px/src/images/background.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas00/src/andreas00.css +295 -0
- data/lib/webgen/bundle/templates/data/andreas00/src/default.template +58 -0
- data/lib/webgen/bundle/templates/data/andreas00/src/images/bg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas00/src/images/front.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas00/src/images/menubg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas00/src/images/menubg2.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas01/src/andreas01.css +75 -0
- data/lib/webgen/bundle/templates/data/andreas01/src/default.template +61 -0
- data/lib/webgen/bundle/templates/data/andreas01/src/images/bg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas01/src/images/front.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas01/src/print.css +11 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/andreas03.css +83 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/default.template +54 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/images/bodybg.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/images/contbg.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/images/footerbg.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/images/gradient1.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas03/src/images/gradient2.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/andreas04.css +70 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/default.template +79 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/blinkarrow.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/bodybg.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/contentbg.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/entrybg.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/flash.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/flash2.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/globe.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/globebottom.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/linkarrow.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas04/src/images/menuhover.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas05/src/andreas05.css +36 -0
- data/lib/webgen/bundle/templates/data/andreas05/src/default.template +39 -0
- data/lib/webgen/bundle/templates/data/andreas05/src/images/bodybg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas05/src/images/front.png +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/andreas06.css +82 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/default.template +64 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/bodybg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/boxbg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/greypx.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/header.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/innerbg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/leaves.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas06/src/images/tabs.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas07/src/andreas07.css +59 -0
- data/lib/webgen/bundle/templates/data/andreas07/src/default.template +52 -0
- data/lib/webgen/bundle/templates/data/andreas07/src/images/bodybg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas07/src/images/sidebarbg.gif +0 -0
- data/lib/webgen/bundle/templates/data/andreas08/src/andreas08.css +77 -0
- data/lib/webgen/bundle/templates/data/andreas08/src/default.template +52 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/andreas09.css +77 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/default.template +67 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-black.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-green.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-orange.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-purple.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg-red.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/bodybg.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/footerbg.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-black.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-green.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-orange.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-purple.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover-red.jpg +0 -0
- data/lib/webgen/bundle/templates/data/andreas09/src/images/menuhover.jpg +0 -0
- data/lib/webgen/bundle/templates/data/simple/src/default.css +84 -0
- data/lib/webgen/bundle/templates/data/simple/src/default.template +36 -0
- data/lib/webgen/bundle/templates/info.yaml +9 -0
- data/lib/webgen/bundle/templates/init.rb +12 -0
- metadata +124 -0
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,36 @@
|
|
1
|
+
/*
|
2
|
+
Original design: andreas05 (v3.0 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
|
3
|
+
For more information, see http://andreasviklund.com/templates/andreas05/
|
4
|
+
*/
|
5
|
+
|
6
|
+
/* General tags */
|
7
|
+
* {margin:0; padding:0;}
|
8
|
+
body {background:#cccccc url(images/bodybg.gif) repeat; font:76% verdana,tahoma,sans-serif; color:#555555;}
|
9
|
+
a {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}
|
10
|
+
a:hover {text-decoration:underline;}
|
11
|
+
p {margin:0 0 16px 0;}
|
12
|
+
ul, ol {margin:0 0 16px 15px; padding-left:5px;}
|
13
|
+
ul ul, ol ol {margin:3px 0 0 15px;}
|
14
|
+
img {float:left; margin:0 10px 5px 0;}
|
15
|
+
|
16
|
+
/* Headers */
|
17
|
+
h1 {color:#555; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
|
18
|
+
h2 {font-size:1.6em; font-weight:normal; letter-spacing:-1px; margin:5px 0 10px;}
|
19
|
+
|
20
|
+
/* IDs */
|
21
|
+
#title {margin:20px auto -9px; width:700px;}
|
22
|
+
#container {background:#fff url(images/front.png) bottom left no-repeat; border:20px solid #555; color:#555; margin:0 auto 15px; padding:10px; width:700px; line-height:1.3em;}
|
23
|
+
#sidebar {float:left; padding-left:175px; width:110px;}
|
24
|
+
#sidebar p {margin:10px 0 5px 10px; text-align:left; font-size:0.8em;}
|
25
|
+
#sidebar p a {font-weight:400;}
|
26
|
+
#main {float:right; width:385px;}
|
27
|
+
#footer {clear:both; color:#aaa;}
|
28
|
+
|
29
|
+
/* Menu */
|
30
|
+
#sidebar #menu ul {list-style-type: none; margin: 0px; padding: 0px;}
|
31
|
+
.menu, #sidebar #menu a, #sidebar #menu span {border:1px solid #ffffff; color:#286ea0; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
|
32
|
+
.menu:hover, #sidebar #menu a:hover, #sidebar .webgen-menu-item-selected a, #sidebar .webgen-menu-submenu-inhierarchy a, #sidebar .webgen-menu-item-selected span {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}
|
33
|
+
|
34
|
+
/* Various classes */
|
35
|
+
.credits {color:#777; font-size:0.9em; margin-bottom:0;}
|
36
|
+
.credits a {color:#777;}
|
@@ -0,0 +1,39 @@
|
|
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="en" 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 / Original design: Andreas Viklund - http://andreasviklund.com/" />
|
9
|
+
<meta name="generator" content="webgen - http://webgen.rubyforge.org" />
|
10
|
+
<link rel="stylesheet" type="text/css" href="{relocatable: andreas05.css}" />
|
11
|
+
<title>{title:}</title>
|
12
|
+
</head>
|
13
|
+
|
14
|
+
<body>
|
15
|
+
<div id="title"><h1>Site Title</h1></div>
|
16
|
+
<div id="container">
|
17
|
+
<div id="sidebar">
|
18
|
+
|
19
|
+
<h2>Site menu</h2>
|
20
|
+
<div id="menu">{menu: {options: {sort: true, mi: {in_menu: true}, absolute_levels: 1}}}</div>
|
21
|
+
|
22
|
+
<p>
|
23
|
+
Links:<br />
|
24
|
+
<a href="http://webgen.rubyforge.org">webgen homepage</a><br />
|
25
|
+
<a href="http://andreasviklund.com/templates">More templates</a><br />
|
26
|
+
</p>
|
27
|
+
|
28
|
+
</div>
|
29
|
+
|
30
|
+
<div id="main">
|
31
|
+
<webgen:block name="content" />
|
32
|
+
|
33
|
+
<p class="credits"><strong>© 2012 Your name</strong> | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com/">Andreas Viklund</a></p>
|
34
|
+
</div>
|
35
|
+
|
36
|
+
<div id="footer"></div>
|
37
|
+
</div>
|
38
|
+
</body>
|
39
|
+
</html>
|
Binary file
|
Binary file
|
@@ -0,0 +1,82 @@
|
|
1
|
+
/*
|
2
|
+
Original design: andreas06 (v2.2 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
|
3
|
+
For more information, see http://andreasviklund.com/templates/andreas06/
|
4
|
+
*/
|
5
|
+
|
6
|
+
/* General tags */
|
7
|
+
body {background:#e0e0e0 url(images/bodybg.gif) repeat-x; color:#444; font:76% Georgia,Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}
|
8
|
+
p {line-height:1.6em; margin:0 0 15px;}
|
9
|
+
a {color:#fa9035; font-weight:700; text-decoration:none;}
|
10
|
+
a:hover {color:#d04a10;}
|
11
|
+
hr {height:1px; margin:10px 0; width:98%;}
|
12
|
+
dt {font-weight:700;}
|
13
|
+
dd {margin:1px 0 12px 15px;}
|
14
|
+
|
15
|
+
/* Main layout */
|
16
|
+
#container {background:#c0c0c0 url(images/bodybg.gif) repeat-x; margin:0 auto; text-align:left; width:752px;}
|
17
|
+
#sitename {background:url(images/leaves.jpg) top center no-repeat; color:#ffffff; font-weight:400; height:80px; margin:0 20px 10px 0; text-align:center;}
|
18
|
+
#sitename h1 {font-size:2.2em; margin:0; padding-top:20px;}
|
19
|
+
#sitename span {font-size:1.6em; letter-spacing:-1px; margin:0;}
|
20
|
+
|
21
|
+
/* Main menu */
|
22
|
+
#nav {background:url(images/greypx.gif) bottom left repeat-x; float:left; width:752px;}
|
23
|
+
#nav ul {list-style:none; margin:0; padding:0;}
|
24
|
+
#nav a {background:url(images/tabs.gif) no-repeat 100% 0; color:#808080; display:block; font-size:1.2em; letter-spacing:-1px; padding:7px 20px 4px 11px; text-decoration:none;}
|
25
|
+
#nav a:hover {color:#505050;}
|
26
|
+
#nav li {background:url(images/tabs.gif) no-repeat 0 0; float:left; margin:0 4px 0 0; padding:0 0 0 9px;}
|
27
|
+
#nav #current, #nav li.webgen-menu-item-selected, #nav li.webgen-menu-submenu-inhierarchy {background:url(images/tabs.gif) no-repeat 0 -41px;}
|
28
|
+
#nav #current a, #nav li.webgen-menu-item-selected a, #nav li.webgen-menu-submenu-inhierarchy a, #nav li.webgen-menu-item-selected span {background:url(images/tabs.gif) no-repeat 100% -41px; color:#303030; padding:7px 20px 5px 11px;}
|
29
|
+
|
30
|
+
/* Wrap variations */
|
31
|
+
#wrap1 {background:#ffffff url(images/innerbg.gif) repeat-y; border-bottom:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:750px;}
|
32
|
+
#wrap2 {background:url(images/header.jpg) top left no-repeat; padding:10px; width:730px;}
|
33
|
+
|
34
|
+
/* Header */
|
35
|
+
#header {height:30px; position:relative; width:730px;}
|
36
|
+
#header h1 {float:left; font-size:1.4em; margin:0; width:180px;}
|
37
|
+
#topbox {color:#808080; margin:0 0 4px; text-align:right;}
|
38
|
+
#topbox a {color:#d04a10;}
|
39
|
+
#topbox a:hover {text-decoration:underline;}
|
40
|
+
|
41
|
+
/* Sidebars */
|
42
|
+
#leftside {float:left; margin:-15px 0 0; width:145px;}
|
43
|
+
#leftside h1 {font-size:1.4em; font-weight:400;}
|
44
|
+
#rightside {float:right; margin:40px 15px 20px 0; width:130px;}
|
45
|
+
#rightside h1 {font-size:1.4em; font-weight:400; margin:0 0 12px;}
|
46
|
+
#rightside p {font-size:0.9em; margin:2px 0 12px 10px;}
|
47
|
+
#rightside img {border:1px solid #fa9035; margin:10px 0 5px 5px; padding:2px;}
|
48
|
+
|
49
|
+
/* Main content */
|
50
|
+
#content {margin:45px 160px 0 180px;}
|
51
|
+
#contentalt {margin:45px 15px 0 180px;}
|
52
|
+
#content p,#contentalt p {margin:8px 0 0 10px;}
|
53
|
+
#content h1,#contentalt h1 {color:#505050; font-size:2em; font-weight:400; margin:15px 0 10px; padding:0;}
|
54
|
+
#content h2,#contentalt h2 {color:#505050; font-size:1.5em; font-weight:400; margin:20px 0 10px; padding:0;}
|
55
|
+
#content img,#contentalt img {border:1px solid #fa9035; float:left; margin:5px 15px 6px;}
|
56
|
+
|
57
|
+
/* Footer */
|
58
|
+
#footer {clear:both; color:#a0a0a0; font-size:0.9em; height:36px; margin-top:20px; padding:1px; text-align:right; width:730px;}
|
59
|
+
#footer a {color:#a0a0a0; font-weight:400;}
|
60
|
+
#footer a:hover {color:#a0a0a0; text-decoration:underline;}
|
61
|
+
|
62
|
+
/* Additional classes */
|
63
|
+
.menublock {margin-bottom:10px;}
|
64
|
+
#leftside #submenu ul {margin: 0px; padding: 0px; list-style-type: none; }
|
65
|
+
#leftside #submenu li {margin: 0px; padding: 0px;}
|
66
|
+
.nav, #leftside #submenu ul a, #leftside #submenu ul span {color:#d04a10; display:block; font-size:1.1em; font-weight:700; margin-bottom:1px; padding:2px 2px 2px 10px; position:relative; text-decoration:none; width:125px;}
|
67
|
+
.nav:hover, #leftside #submenu ul a:hover, #leftside #submenu ul span:hover, #leftside #submenu ul li.webgen-menu-item-selected a, #leftside #submenu ul li.webgen-menu-item-selected span {border:1px solid #fa9035; color:#505050; padding:1px 1px 1px 9px;}
|
68
|
+
.sub, #leftside #submenu ul ul a, #leftside #submenu ul ul span {font-size:0.9em; margin-left:20px; padding:1px 1px 1px 6px; width:105px;}
|
69
|
+
.sub:hover, #leftside #submenu ul ul a:hover, #leftside #submenu ul ul span:hover, #leftside #submenu ul ul li.webgen-menu-item-selected a, #leftside #submenu ul ul li.webgen-menu-item-selected span {border:1px solid #fa9035; color:#505050; padding:0 0 0 5px;}
|
70
|
+
.intro {font-weight:700;}
|
71
|
+
.active {border:1px solid #fa9035; padding:1px 1px 1px 9px;}
|
72
|
+
.box {background:#f8f8f8 url(images/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#505050; margin:15px auto; padding:10px 10px 10px 20px; width:85%;}
|
73
|
+
.photo {margin:5px auto 15px; padding:5px;}
|
74
|
+
.smallcaps {font-variant:small-caps;}
|
75
|
+
.mini {color:#a0a0a0; font-size:0.75em; font-weight:400; line-height:1.2em; margin:20px 0 10px 8px;}
|
76
|
+
.small {font-size:0.85em;}
|
77
|
+
.large {font-size:1.4em;}
|
78
|
+
.soft {color:#808080;}
|
79
|
+
.normal {font-weight:400;}
|
80
|
+
.sharp {color:#101010;}
|
81
|
+
.center {text-align:center;}
|
82
|
+
.hide {display:none;}
|
@@ -0,0 +1,64 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.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 / Original design: Andreas Viklund - http://andreasviklund.com/" />
|
9
|
+
<meta name="generator" content="webgen - http://webgen.rubyforge.org" />
|
10
|
+
<link rel="stylesheet" href="{relocatable: andreas06.css}" type="text/css" media="screen,projection" />
|
11
|
+
<title>{title:}</title>
|
12
|
+
</head>
|
13
|
+
|
14
|
+
<body>
|
15
|
+
<div id="container">
|
16
|
+
<p class="hide">Skip to: <a href="#nav">site menu</a> | <a href="#sectionmenu">section menu</a> | <a href="#content">main content</a></p>
|
17
|
+
|
18
|
+
<div id="sitename">
|
19
|
+
<h1>website titel</h1>
|
20
|
+
<span>your website slogan here</span>
|
21
|
+
</div>
|
22
|
+
|
23
|
+
<div id="nav">
|
24
|
+
{menu: {options: {sort: true, mi: {in_menu: true}, absolute_levels: 1}}}
|
25
|
+
<p class="hide"><a href="#container">Back to top</a></p>
|
26
|
+
</div>
|
27
|
+
|
28
|
+
<div id="wrap1">
|
29
|
+
<div id="wrap2">
|
30
|
+
|
31
|
+
<div id="topbox">
|
32
|
+
<strong><span class="hide">Currently viewing: </span>{breadcrumb_trail: {separator: ' » '}}</strong>
|
33
|
+
</div>
|
34
|
+
|
35
|
+
<div id="leftside">
|
36
|
+
<p class="soft">Some text here, maybe a website description</p>
|
37
|
+
<% if context.node.level > 1 %>
|
38
|
+
<h1 id="sectionmenu">Site menu:</h1>
|
39
|
+
<div id="submenu">{menu: {options: {sort: true, mi: {in_menu: true}, absolute_levels: [2,3], and: {absolute_levels: [2,-1]}}}}</div>
|
40
|
+
<% end %>
|
41
|
+
</div>
|
42
|
+
|
43
|
+
<div id="rightside">
|
44
|
+
<h1>Other info:</h1>
|
45
|
+
<p>Here you can put other information - you can also remove the right sidebar to have a broader main content. See the homepage of the design for more information!</p>
|
46
|
+
|
47
|
+
<h1>Links:</h1>
|
48
|
+
<p>
|
49
|
+
<a href="http://webgen.rubyforge.org">webgen homepage</a><br />
|
50
|
+
<a href="http://andreasviklund.com/templates">Free templates</a><br />
|
51
|
+
</p>
|
52
|
+
</div>
|
53
|
+
|
54
|
+
<div id="content">
|
55
|
+
<webgen:block name="content" />
|
56
|
+
<p class="hide"><a href="#container">Back to top</a></p>
|
57
|
+
</div>
|
58
|
+
</div>
|
59
|
+
|
60
|
+
<div id="footer">© 2005 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a></div>
|
61
|
+
</div>
|
62
|
+
</div>
|
63
|
+
</body>
|
64
|
+
</html>
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,59 @@
|
|
1
|
+
/*
|
2
|
+
Original design: andreas07 (v2.1 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
|
3
|
+
For more information, see http://andreasviklund.com/templates/andreas07/
|
4
|
+
*/
|
5
|
+
|
6
|
+
/* This CSS design comes in three colors:
|
7
|
+
#d85d5d -> red (the default)
|
8
|
+
#46a758 -> green
|
9
|
+
#467aa7 -> blue
|
10
|
+
|
11
|
+
Just replace all occurences of red style color value with the green or blue color vlaue one to
|
12
|
+
change the colors.
|
13
|
+
|
14
|
+
*/
|
15
|
+
|
16
|
+
/* Main tags */
|
17
|
+
body {margin:0; padding:0; color:#404040; background:#fafafa url(images/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}
|
18
|
+
ul {margin:5px 0 16px 5px; padding:0;}
|
19
|
+
li {margin:0 0 8px 15px; padding:0; }
|
20
|
+
img {margin:10px auto 16px auto; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}
|
21
|
+
a {color:#d85d5d; font-weight:bold; text-decoration:none;}
|
22
|
+
a:hover {color:#505050; text-decoration:underline;}
|
23
|
+
a img {border-color:#d85d5d;}
|
24
|
+
a img:hover {background:#d85d5d; border-color:#d85d5d;}
|
25
|
+
|
26
|
+
/* Wrap */
|
27
|
+
#wrap {width: 990px;}
|
28
|
+
|
29
|
+
/* Left sidebar */
|
30
|
+
#leftside {width:220px; background:#e0e0e0 url(images/sidebarbg.gif) top right repeat-y; text-align:right; float:left;}
|
31
|
+
#leftside h1 {margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}
|
32
|
+
#leftside h2, #leftside h3 {margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}
|
33
|
+
#leftside h3 {margin:20px 18px 4px 5px; color:#606060;}
|
34
|
+
#leftside p {margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}
|
35
|
+
#leftside a {color:#808080}
|
36
|
+
#leftside ul {margin-right: 20px; margin-left: 5px; list-style-type: none;}
|
37
|
+
#leftside li {margin: 0px; padding-left: 5px;}
|
38
|
+
/* Comment out the following line to make the left sidebar not fixed */
|
39
|
+
#leftside {position: fixed; top:0; left:0;}
|
40
|
+
|
41
|
+
/* Navigation menu */
|
42
|
+
#menu ul {list-style-type: none; margin: 0px; padding: 0px; font-size: 1.0em;}
|
43
|
+
#menu li {margin: 0px; padding: 0px}
|
44
|
+
#menu a, #menu span {display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(images/sidebarbg.gif) top right repeat-y; font-size:1.6em; font-weight:normal; text-decoration:none; letter-spacing:-1px;}
|
45
|
+
#menu a:hover, #menu span:hover {color:#303030; background:#f0f0f0 url(images/sidebarbg.gif) top right repeat-y;}
|
46
|
+
#menu a.active, #menu li.webgen-menu-item-selected a, #menu li.webgen-menu-item-selected span, #menu li.webgen-menu-submenu-inhierarchy a, #menu li.webgen-menu-submenu-inhierarchy span {padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}
|
47
|
+
#menu a.active:hover, #menu li.webgen-menu-item-selected a:hover, #menu li.webgen-menu-item-selected span:hover, #menu li.webgen-menu-submenu-inhierarchy a:hover, #menu li.webgen-menu-submenu-inhierarchy span:hover {color:#505050; background:#fafafa;}
|
48
|
+
|
49
|
+
/* Right sidebar */
|
50
|
+
#extras {width:200px; float:right; color:#666;}
|
51
|
+
#extras h2, #extras h3 {margin:10px 0 12px 0; color:#606060; font-size:1.6em; font-weight:400; letter-spacing:-1px; text-align:center; border-bottom:2px solid #b0b0b0;}
|
52
|
+
#extras p {line-height:1.4em; margin: 0 0 15px 0;}
|
53
|
+
|
54
|
+
/* Content area */
|
55
|
+
#content {width:520px; margin:0 0 0 240px; padding:10px 0; background:#fafafa;}
|
56
|
+
#content p {margin:0 0 16px 0; line-height:1.5em;}
|
57
|
+
#content h1 {margin:0; color:#d85d5d; font-size:3.6em; letter-spacing:-4px; text-align:center;}
|
58
|
+
#content h2 {margin:0; color:#808080; font-weight:normal; font-size:2em; letter-spacing:-2px; text-align:center;}
|
59
|
+
#content h3 {margin:20px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;}
|
@@ -0,0 +1,52 @@
|
|
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="description goes here" />
|
7
|
+
<meta name="keywords" content="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: andreas07.css}" media="screen,projection" />
|
11
|
+
<title>{title:}</title>
|
12
|
+
</head>
|
13
|
+
|
14
|
+
<body>
|
15
|
+
<div id="wrap">
|
16
|
+
|
17
|
+
<div id="leftside">
|
18
|
+
<h1>Website Title</h1>
|
19
|
+
<h2>your website slogan</h2>
|
20
|
+
|
21
|
+
<div id="menu">
|
22
|
+
{menu: {options: {sort: true, mi: {in_menu: true}, absolute_levels: 1}}}
|
23
|
+
</div>
|
24
|
+
|
25
|
+
<h3>Links:</h3>
|
26
|
+
<ul>
|
27
|
+
<li><a href="http://webgen.rubyforge.org">webgen homepage</a></li>
|
28
|
+
<li><a href="http://andreasviklund.com/templates/">Website templates</a></li>
|
29
|
+
</ul>
|
30
|
+
</div>
|
31
|
+
|
32
|
+
<div id="extras">
|
33
|
+
<h2>Extras...</h2>
|
34
|
+
<p>Here could be some additional information on your website or news entries...</p>
|
35
|
+
|
36
|
+
<h2>Sample links</h2>
|
37
|
+
<ul>
|
38
|
+
<li><a href="http://andreasviklund.com/templates/">More free templates</a></li>
|
39
|
+
<li><a href="http://andreasviklund.com/tag/tutorials/">Template tutorials</a></li>
|
40
|
+
</ul>
|
41
|
+
</div>
|
42
|
+
|
43
|
+
<div id="content">
|
44
|
+
<webgen:block name="content" />
|
45
|
+
|
46
|
+
<h3>site info</h3>
|
47
|
+
<p>© 2012 Your Name | Generated by <a href="http://webgen.rubyforge.org">webgen</a> | Design by <a href="http://andreasviklund.com">Andreas Viklund</a>.</p>
|
48
|
+
</div>
|
49
|
+
|
50
|
+
</div>
|
51
|
+
</body>
|
52
|
+
</html>
|
Binary file
|
Binary file
|
@@ -0,0 +1,77 @@
|
|
1
|
+
/*
|
2
|
+
Original design: andreas08 (v3.0 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
|
3
|
+
For more information, see http://andreasviklund.com/templates/andreas08/
|
4
|
+
*/
|
5
|
+
|
6
|
+
/* Body and tag styles */
|
7
|
+
* {margin:0; padding:0;}
|
8
|
+
body {font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#e8eaec;}
|
9
|
+
a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
|
10
|
+
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
|
11
|
+
a img {border:none;}
|
12
|
+
p {padding:0 0 1.6em 0;}
|
13
|
+
p form {margin-top:0; margin-bottom:20px;}
|
14
|
+
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
|
15
|
+
img.left {float:left; margin:0 12px 5px 0;}
|
16
|
+
img.center {display:block; margin:0 auto 5px auto;}
|
17
|
+
img.right {float:right; margin:0 0 5px 12px;}
|
18
|
+
|
19
|
+
/* Header and navigation styles */
|
20
|
+
#container {width:960px; margin:20px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #a0a0a0;}
|
21
|
+
#header {height:110px; width:958px; margin:0 1px 1px 1px; background:#467aa7; color:#ffffff;}
|
22
|
+
#header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
|
23
|
+
#header h1 a {font-weight:normal; color:#ffffff;}
|
24
|
+
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
|
25
|
+
#navigation {height:2.2em; line-height:2.2em; width:958px; margin:0 1px; background:#578bb8; color:#ffffff;}
|
26
|
+
#navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
|
27
|
+
#navigation li a, #navigation li span {display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
|
28
|
+
* html #navigation a, * html #navigation span {width:1%;}
|
29
|
+
#navigation .selected, #navigation a:hover, #navigation .webgen-menu-item-selected a, #navigation .webgen-menu-item-selected span, #navigation .webgen-menu-submenu-inhierarchy a, #navigation a:hover {background:#80b0da; color:#ffffff; text-decoration:none;}
|
30
|
+
|
31
|
+
/* Content styles */
|
32
|
+
#content {float:left; width:680px; font-size:0.9em; padding:20px 0 0 20px;}
|
33
|
+
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
|
34
|
+
#content h2 a {font-weight:normal;}
|
35
|
+
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
|
36
|
+
#content a:hover,#subcontent a:hover {text-decoration:underline;}
|
37
|
+
#content ul,#content ol {margin:0 5px 16px 35px;}
|
38
|
+
#content dl {margin:0 5px 10px 25px;}
|
39
|
+
#content dt {font-weight:bold; margin-bottom:5px;}
|
40
|
+
#content dd {margin:0 0 10px 15px;}
|
41
|
+
|
42
|
+
/* Sidebar styles */
|
43
|
+
#subcontent {float:right; width:220px; padding:20px 20px 10px 0; line-height:1.4em;}
|
44
|
+
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.5em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
|
45
|
+
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}
|
46
|
+
|
47
|
+
/* Menublock styles */
|
48
|
+
.menublock, #submenu ul {margin:0 0 20px 8px; font-size:0.9em;}
|
49
|
+
.menublock li, #submenu ul li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
|
50
|
+
.menublock li a, #submenu ul li a {font-weight:bold; text-decoration:none;}
|
51
|
+
.menublock li a:hover, #submenu ul li a:hover {text-decoration:none;}
|
52
|
+
.menublock li ul, #submenu ul li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
|
53
|
+
.menublock li ul li, #submenu ul li ul li {margin-bottom:0;}
|
54
|
+
.menublock li ul a, #submenu ul li ul a {font-weight:normal;}
|
55
|
+
|
56
|
+
/* Searchbar styles */
|
57
|
+
#searchbar {margin:0 0 20px 0;}
|
58
|
+
#searchbar form fieldset {margin-left:10px; border:0 solid;}
|
59
|
+
#searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
|
60
|
+
#searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}
|
61
|
+
|
62
|
+
/* Footer styles */
|
63
|
+
#footer {clear:both; width:958px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#f0f0f0; background:#467aa7;}
|
64
|
+
#footer p {padding:0; margin:0; text-align:center;}
|
65
|
+
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
|
66
|
+
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration: underline;}
|
67
|
+
|
68
|
+
/* Misc classes and styles */
|
69
|
+
.splitcontentleft {float:left; width:48%;}
|
70
|
+
.splitcontentright {float:right; width:48%;}
|
71
|
+
.clear {clear:both;}
|
72
|
+
.small {font-size:0.8em;}
|
73
|
+
.hide {display:none;}
|
74
|
+
.textcenter {text-align:center;}
|
75
|
+
.textright {text-align:right;}
|
76
|
+
.important {color:#f02025; background-color:inherit; font-weight:bold;}
|
77
|
+
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
|