antville/code/Site/Site.skin
Tobi Schäfer 567d681ae1 * Removed obsolete settings from app.properties (mostly XML-RPC related)
* Added Membership.toString() method for human-readable output
 * Assigned Membership.valueOf() method original toString() method
 * Fixed output of site list in userland
 * Added mountpoint for Api prototype in Root
 * Added trimming for Story text and title input
2008-05-05 00:27:43 +00:00

560 lines
13 KiB
Text

<% #main %>
<% site.stories %>
<% #preview %>
<li><% site.title | site.link %> <span class="small">(<% site.modified short
prefix="Last update: " default="None so far" %>)</span></li>
<% #welcome %>
<p class="storyTitle"><% gettext "Welcome to {0}." <% site.title %> %></p>
<p><% gettext "This site was created by {0} on {1}." <% site.creator link %>
<% site.created long %> %></p>
<% #navigation %>
<p class="navigation">
<div><% site.link . <% gettext Home %> prefix="... " %></div>
<div><% site.tags.link prefix="... " %></div>
<div><% site.galleries.link prefix="... " %></div>
</p>
<p class="navigation">
<div><% site.stories.link create <% gettext "Add story" %> prefix="... " %></div>
<div><% site.stories.link prefix="... " %></div>
<div><% site.images.link prefix="... " %></div>
<div><% site.files.link prefix="... " %></div>
<div><% site.polls.link prefix="... " %></div>
<div><% site.members.link prefix="... " %></div>
</p>
<p class="navigation">
<div><% site.link edit <% gettext Preferences %> prefix="... " %></div>
<div><% layout.link . <% gettext Layout %> prefix="... " %></div>
<div><% layout.skins.link prefix="... " %></div>
<div><% site.link referrers prefix="... " %></div>
<div><% site.stories.link top <% gettext "Top stories" %> prefix="... " %></div>
</p>
<p class="navigation">
<% root.title prefix="... " | root.link %>
</p>
<% #search %>
<form method="post" action="<% site.href search %>">
<input type="text" name="q" class="searchbox"
value="<% request.q encoding="form" %>" />
<button type="submit" name="search" value="1"
class="searchbox">search</button>
</form>
<% #robots %>
User-agent: *
Disallow: /referrers
Disallow: /stories/top
<% #page %>
<?xml version="1.0" encoding="UTF-8"?>
<!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" />
<!--script type="text/javascript" src="<% file /jquery-1.2.1.min.js url %>"></script-->
<script type="text/javascript" src="<% site.href main.js %>"></script>
<link rel="stylesheet" type="text/css" title="CSS Stylesheet" href="<% site.href main.css %>" />
<link rel="alternate" type="application/rss+xml" title="Stories and comments of <% site.title %>" href="<% site.href rss.xml %>" />
<link rel="alternate" type="application/rss+xml" title="Stories of <% site.title %>" href="<% site.href stories.xml %>" />
<link rel="alternate" type="application/rss+xml" title="Comments of <% site.title %>" href="<% site.href comments.xml %>" />
<link rel="alternate" type="application/rss+xml" title="Site updates of <% root.title %>" href="<% root.href updates.xml %>" />
<!-- link rel="search" type="application/opensearchdescription+xml" href="<% site.href search.xml %>" title="Antville Search" -->
<!-- Testing ColourMod plugin for jQuery -->
<link href="<% file /ColourModStyle.css url %>" rel="stylesheet" type="text/css" />
<script src="<% file /StyleModScript.js url %>" type="text/javascript"></script>
<script src="<% file /ColourModScript.js url %>" type="text/javascript"></script>
</head>
<body>
<table class="main" cellspacing="0" cellpadding="0">
<tr>
<td class="header">
<% site.title | site.link title=<% site.tagline %> %>
</td>
</tr>
</table>
<table class="main">
<tr>
<td class="center">
<% response.message prefix='<div class="message">' suffix='</div><br />' %>
<% response.body %>
</td>
<td class="right">
<div class="box">
<% site.age prefix="Online for " suffix=" days<br />" %>
<% site.modified short prefix="Last modified: " %>
</div>
<div class="boxheader"><% gettext Status %></div>
<div class="box"><% membership.status %></div>
<% root.admin.skin Admin#navigation %>
<div class="boxheader"><% gettext Menu %></div>
<div class="box">
<% site.skin Site#navigation %>
</div>
<div class="boxheader"><% gettext Search %></div>
<div class="box"><% site.skin Site#search %></div>
<% site.calendar prefix=<% gettext Calendar prefix='<div class="boxheader">'
suffix='</div><div class="box">' %> suffix="</div>" %>
<div class="boxheader"><% gettext "Recent updates" %></div>
<div class="box"><% list postings skin=Story#history %></div>
<div class="boxline"></div><br />
<div class="box"><% image /rss.png | site.link rss.xml %><br />
<br />
<% image /smallchaos.gif | link http://antville.org %><br />
<% image /hop.gif | link http://helma.org %></div>
</td>
</tr>
</table>
</body>
</html>
<% #javascript %>
var imgWindow = "";
function openPopup(img, width, height) {
if (img && width && height) {
width = Math.min(width + 36, 640);
height = Math.min(height + 30, 480);
if (imgWindow.location && !imgWindow.closed)
imgWindow.close();
imgWindow = window.open(img, "imgWindow" + width + height,
"toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=" +
width + ",height=" + height);
// imgWindow.focus();
}
}
<% #values %>
<% value "background color" #ffffff %>
<% value "link color" #ff4040 %>
<% value "active link color" #ff4040 %>
<% value "visited link color" #ff4040 %>
<% value "big font" "Verdana, Helvetica, Arial, sans-serif" %>
<% value "big font size" 15px %>
<% value "big font color" #d50000 %>
<% value "base font" "Verdana, Helvetica, Arial, sans-serif" %>
<% value "base font size" 13px %>
<% value "base font color" #000000 %>
<% value "small font" "Verdana, Arial, Helvetica, sans-serif" %>
<% value "small font size" 11px %>
<% value "small font color" #959595 %>
<% #stylesheet %>
table.main {
width: 700px;
}
td.header {
height: 53px;
padding-left: 40px;
font-weight: bold;
}
td.center {
width: 70%;
padding: 25px 20px 10px 40px;
vertical-align: top;
}
td.right {
width: 30%;
padding: 0px 0px 10px 0px;
vertical-align: top;
border-left: 1px solid #dddddd;
}
body {
background-color: <% value "background color" %>;
font-family: <% value "base font" %>;
font-size: <% value "base font size" %>;
color: <% value "base font color" %>;
}
td {
font-size: <% value "base font size" %>;
line-height: 1.2em;
}
td.header {
background-image: url(<% image /webloghead.gif url %>);
font-size: 25px;
font-weight: bold;
}
div.boxheader {
color: <% value "small font color" %>;
overflow: hidden;
font-size: 10px;
padding-left: 6px;
border-top: 1px solid #dddddd;
}
div.boxline {
height:1px;
overflow:hidden;
border-bottom: 1px solid #dddddd;
}
div.box {
font-size: <% value "small font size" %>;
font-family: <% value "small font" %>;
color: <% value "small font color" %>;
line-height: 1.4em;
text-align: right;
padding: 0em 0em 0.4em 0.4em;
margin: 0em 0em 0.2em 0em;
}
div.ample { margin-bottom: 5px; }
small, .small {
font-family: <% value "small font" %>;
font-size: <% value "small font size" %>;
color: <% value "small font color" %>;
}
/* this is for mozilla to right-align tables in boxes */
div.box table {
margin-left: auto;
margin-right: 0px;
}
fieldset {
padding-left: 8px;
padding-top: 0px;
margin-top: 6px;
margin-bottom: 6px;
}
p {
margin-top: 6px;
margin-bottom: 10px;
}
form { margin: 0px; }
a {text-decoration: none;}
a:link {color: <% value "link color" %>;}
a:visited {color: <% value "visited link color" %>;}
a:active {color: <% value "active link color" %>;}
a:hover {text-decoration: underline;}
.message {
font-family: <% value "small font" %>;
font-size: <% value "small font size" %>;
font-weight: bold;
padding: 1px;
margin-top: 6px;
margin-bottom: 6px;
color: <% value "big font color" %>;
}
.message input {
font-size:9px;
padding:0px;
margin:0px;
}
.historyItem {
color: <% value "base font color" %>;
font-family: <% value "small font" %>;
font-size: <% value "small font size" %>;
padding-bottom: 0.3em;
width: 202px;
overflow: hidden;
}
.dayHeader {
font-family: <% value "small font size" %>;
font-size: <% value "small font size" %>;
color: <% value "small font color" %>;
font-weight: bold;
margin-bottom: 20px;
margin-top: 10px;
text-align: left;
}
.storyDate {
font-family: <% value "small font" %>;
font-size: <% value "small font size" %>;
color: <% value "small font color" %>;
margin-bottom: 6px;
}
.storyTitle {
font-family: <% value "big font" %>;
font-size: <% value "big font size" %>;
color: <% value "big font color" %>;
font-weight: bold;
}
.listSeparator {
width: 50px;
height: 1em;
border-bottom: 2px dotted #dddddd;
margin-top: 10px;
margin-bottom: 4px;
}
.title {
font-family: <% value "big font" %>;
font-size: <% value "big font size" %>;
color: <% value "base font color" %>;
font-weight: bold;
margin-bottom: 2px;
}
.reply { padding-left: 40px; }
.formTitle {
width: 380px;
font-family: <% value "base font size" %>;
font-size: <% value "big font size" %>;
font-weight: bold;
border: 1px solid <% value "base font color" %>;
}
.formText {
width: 380px;
font-family: <% value "base font size" %>;
font-size: <% value "base font size" %>;
font-weight: normal;
border: 1px solid <% value "base font color" %>;
}
.formWide {
width: 660px;
font-family: <% value "base font size" %>;
font-size: <% value "base font size" %>;
font-weight: normal;
}
.listFlag {
background-color: #cccccc;
padding: 1px;
font-family: <% value "small font" %>;
font-size: <% value "small font size" %>;
color: <% value "base font color" %>;
}
.pollResultsBar {
height: 5px;
overflow: hidden;
float:left;
margin-top: 7px;
margin-right: 10px;
background-color: <% value "link color" %>;
font-size: 0px;
}
.searchbox {
font-size: 11px;
margin-top: 3px;
}
.colorpickerWidget {
border: 1px solid #cccccc;
}
.pagelinkTop {
margin-bottom: 18px;
padding-bottom:3px;
border-bottom:1px solid #dddddd;
}
.pagelinkBottom {
margin-top: 18px;
padding-top:3px;
border-top:1px solid #dddddd;
text-align:right;
}
div.pageNav {
margin-top: 10px;
margin-bottom: 0px;
font-size: 11px;
}
div.pageNavSummary {
padding: 1px 5px;
background-color: #efefef;
border-bottom: 1px solid #cccccc;
text-align: left;
}
div.pageNavBar {
padding-top: 1px;
text-align: right;
}
span.pageNavItem {
padding-left: 2px;
padding-right: 2px;
}
span.pageNavSelItem {
padding-left: 2px;
padding-right: 2px;
font-weight: bold;
}
ul { list-style: url(<% image /bullet.gif url %>) circle; }
ul.skinmgrTree {
padding-left:15px;
margin:20px 0px;
}
ul.skinmgrTree ul {
padding-left:30px;
margin:0px;
}
ul.skinmgrTree li {
list-style:none;
margin:7px 0px;
padding:0px;
}
ul.skinmgrTree li.skinset {
list-style:square;
padding-left:0px;
}
ul.skinmgrTree a.selected {
font-weight:bold;
}
ul.skinmgrTree li div {
font-family:<% value "base font size" %>;
font-size:<% value "small font size" %>;
color:<% value "base font color" %>;
}
.membergroup {
font-weight:bold;
font-size:<% value "big font size" %>;
margin:10px 0px;
}
.member {
margin-left:20px;
margin-bottom:5px;
}
.calendar {
text-align: center;
color: <% value "small font color" %>;
font-family: <% value "small font" %>;
font-size: <% value "small font size" %>;
}
.calendar tbody td, .calendar tfoot td {
font-size: <% value "small font size" %>;
}
.calendar tbody th {
font-weight: normal;
}
.calendar .day {
width: 14.27%;
text-align: center;
}
.calendar .left {
text-align: center;
vertical-align: baseline;
}
.calendar .right {
border: 0;
text-align: center;
vertical-align: baseline;
}
.calendar .selected {
border: 1px solid <% value "link color" %>;
}
/* Admin styles */
.pageTitle {
font-family:<% value "big font" %>;
font-size:<% value "big font size" %>;
font-weight:bold;
color:<% value "big font color" %>;
padding-bottom:10pt;
}
.label {
font-family: <% value "small font" %>;
font-size: 7pt;
padding: 2px;
color: #ffffff;
text-transform: uppercase;
}
.regular {
display: none;
}
.blocked {
background-color: #000000;
}
.trusted, .User {
background-color: #0000cc;
}
.closed {
background-color: #cc0000;
}
.public, .Site {
background-color: #006600;
}
.Root, .privileged {
background-color: #ffcc00;
}
.flagLight {
font-family:<% value "small font" %>;
font-size:7pt;
padding:2px;
color:#333333;
}
.sysmgrListitem {
margin-top:15px;
border-top:1px solid #dddddd;
}
div.skin {
/*margin: 1px;
border: 1px solid gray;*/
}
div.skin div.title {
display: none;
padding: 2px;
color: gray;
font: normal 8px verdana, sans-serif;
}