antville/code/Skins/$Skins.skin

145 lines
3.8 KiB
XML

<% #page %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title><% response.title %></title>
<meta http-equiv="Content-Type" content="text/html" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<link rel="stylesheet" type="text/css" title="CSS Stylesheet" href="<% site.href main.css %>" />
<link rel='stylesheet' href='<% root.static codemirror.css %>'>
<style type="text/css">
body {
width: auto;
margin: 10px;
padding: 0;
border: none;
}
.formWide {
width: 100%;
height: 500px;
}
.cm-helma-macro {
/* ... */
}
.CodeMirror-scroll {
border: 1px solid #eee;
height: 500px;
}
.storyTitle {
margin-bottom: 2em;
}
.storyTitle .small {
margin-left: 3em;
font-weight: normal;
}
/* classes for skin diff */
.diff {
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
}
.diff td {
padding: 2px 5px;
border-bottom: 1px solid #eee;
vertical-align: top;
}
.diff .line {
width: 500px;
overflow: hidden;
}
.diff .line-number {
width: 2em;
color: #cccccc;
text-align: right;
}
.diff .removed {
background-color: #fcc;
}
.diff .added {
background-color: #cfc;
}
</style>
</head>
<body>
<span style='float: right'><% image /smallchaos.gif | link <% layout.skins.href %> %></span>
<script type="text/javascript" src="<% site.href main.js %>"></script>
<% response.body %>
</body>
</html>
<% #header %>
<div class="pagelink"><% breadcrumbs %></div><br />
<p class="storyTitle"><% response.title %></p>
<div class="ample">
<% skins.link create <% gettext "Add Skin" %> prefix="... " %>
</div>
<div>...
<% skins.link main <% gettext Basic %> %>
<% skins.link modified <% gettext Modified %> prefix=" | " %>
<% skins.link all <% gettext All %> prefix=" | " %>
</div>
<% #main %>
<% skins.skin $Skins#header %>
<br />
<div class="ample">
<% skins.link Site/page/edit <% gettext "Site Page" %> %>
<div class="small"><% gettext "This skin defines the basic structure of your
site. Modifying it will affect the general appearance of your site." %></div>
</div>
<div class="ample">
<% skins.link Site/navigation/edit <% gettext Navigation %> %>
<div class="small"><% gettext "This skin is used to display the navigation
links on the page." %></div>
</div>
<div class="ample">
<% skins.link Site/main/edit <% gettext Frontpage %> %>
<div class="small"><% gettext "This skin is used to render the front page of
your site." %></div>
</div>
<div class="ample">
<% skins.link Site/stylesheet/edit <% gettext "CSS Stylesheet" %> %>
<div class="small"><% gettext "This skin contains the Cascading Stylesheet
(CSS) definitions, e.g. fonts, font sizes, colors etc. Modifying this skin
will affect the general appearance of your site." %></div>
</div>
<div class="ample">
<% skins.link Site/javascript/edit <% gettext JavaScript %> %>
<div class="small"><% gettext "This skin contains additional JavaScript code
that will be included in every page." %></div>
</div>
<% #all %>
<script type="text/javascript">
$(function() {
var recent;
$("ul ul").hide();
$("ul li a[href^=#]").toggle(function(event) {
if (recent) {
recent.click();
}
recent = $(this);
event.preventDefault();
$(this).css("color", "<% value 'base font color' %>");
$(this).next("ul").show();
location.hash = $(this).html();
}, function(event) {
event.preventDefault();
$(this).css("color", "<% value 'link color' %>");
$(this).next("ul").hide();
location.hash = '';
recent = null;
});
if (location.hash) {
$('ul li a[href^=' + location.hash + ']').click();
}
});
</script>
<% skins.skin $Skins#header %>
<ul class="skinmgrTree">
<% response.list %>
</ul>