antville/code/Site/Site.skin

525 lines
14 KiB
Text
Raw Normal View History

<% #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 %>
<li><% site.link main <% gettext Start prefix="<i class='uk-icon-home'></i> " %> %></li>
<li><% site.tags.link main <% gettext Tags %> %></li>
<li><% site.galleries.link main <% gettext Galleries %> %></li>
<li><% site.link rss.xml "<i class='uk-icon-rss'></i> RSS" %></li>
<li class='uk-nav-divider'></li>
<% site.stories.link create <% gettext "Add Story" prefix="<i class='uk-icon-plus'></i> " %> prefix="<li>" suffix=</li> %>
<% site.stories.link main <% gettext Stories %> prefix=<li> suffix=</li> %>
<% site.images.link main <% gettext Images %> prefix=<li> suffix=</li> %>
<% site.files.link main <% gettext Files %> prefix=<li> suffix=</li> %>
<% site.polls.link main <% gettext Polls %> prefix=<li> suffix=</li> %>
<% site.members.link main <% gettext Members %> prefix=<li> suffix=</li> %>
<li class='uk-nav-divider'></li>
2014-12-10 16:54:04 +01:00
<% site.link edit <% gettext Settings prefix="<i class='uk-icon-cog'></i> " %> prefix=<li> suffix=</li> %>
<% site.layout.link main <% gettext Layout %> prefix=<li> suffix=</li> %>
<% site.link referrers <% gettext Referrers %> prefix=<li> suffix=</li> %>
<% site.stories.link top <% gettext "Top Stories" %> prefix=<li> suffix=</li> %>
<li class='uk-nav-divider'></li>
<li><% root.title | root.link %></li>
<% #search %>
<form class='uk-form' method='post' action='<% site.href search %>'>
<input type='text' class='uk-form-small uk-form-width-small' name='q' value='<% request.q encoding="form" %>'>
<button type='submit' name='search' value='1' class='uk-button uk-button-small'>
<% gettext Find %>
</button>
</form>
<% #robots %>
# See http://www.robotstxt.org for more information
#User-agent: *
#Disallow: /
#User-agent: BadBot
#Disallow: /foo
<% #page %>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='Content-Type' content='text/html'>
<meta name='MSSmartTagsPreventParsing' content='TRUE'>
<title><% response.title %></title>
<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='Sites of <% root.title %>' href='<% root.href updates.xml %>'>
<link rel='search' type='application/opensearchdescription+xml' href='<% site.href search.xml %>' title='<% site.title %>'>
<link rel='icon' type='image/x-icon' href='<% image /ant-icon.png url %>'>
<link rel='shortcut icon' type='image/x-icon' href='<% image /ant-icon.png url %>'>
<link rel='stylesheet' type='text/css' href='<% root.static uikit-2.11.0/css/uikit.almost-flat.css %>'>
<link rel='stylesheet' type='text/css' href='<% root.static uikit-2.11.0/css/components/form-password.almost-flat.css %>'>
<link rel='stylesheet' type='text/css' href='<% site.href main.css %>'>
<script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.min.js'></script>
<script type='text/javascript' src='<% site.href main.js %>'></script>
<script type='text/javascript' src='<% root.static uikit-2.11.0/js/uikit.js %>'></script>
<script type='text/javascript' src='<% root.static uikit-2.11.0/js/components/form-password.js %>'></script>
</head>
<body class='uk-container-center' style='width: 800px;'>
<header style='margin-top: 5px;'>
<div style='position: relative;'>
<div style='height: 53px; width: 262px; margin-left: -40px; background: url("<% image /webloghead.gif url %>"); float: left;'>
</div>
<div style='height: 53px; margin-left: 222px;'>
<div style='height: 38px; top: 7px; position: relative; background: url("<% image /dot.gif url %>");'></div>
</div>
</div>
<div style='position: relative; top: -50px; transform: translateY(50%); overflow: visible; white-space: nowrap; font-size: 25px; font-weight: bold;'>
<div>
<% site.title | site.link title=<% site.tagline %> %>
</div>
</div>
</header>
<div class='uk-grid'>
<div class='uk-width-7-10'>
<% response.message prefix="<div class='uk-alert' data-uk-alert>" suffix=</div> %>
<% response.body %>
</div>
<div class='uk-width-3-10'>
<div style='border-left: 1px solid #ddd;'>
<% membership.status %>
<% //root.admin.skin $Admin#navigation %>
<ul class='uk-nav uk-nav-side'>
<li class='uk-nav-divider'/>
<% site.skin Site#navigation %>
<li class='uk-nav-divider'/>
<li style='margin-left: 15px;'>
<% site.skin Site#search %>
</li>
<li class='uk-nav-header'/>
<li style='margin-left: 15px;'>
<% site.calendar %>
</li>
</ul>
</div>
<div class='uk-panel uk-panel-box uk-margin'>
<h1 class='uk-panel-title'><% gettext Comments %></h1>
<ul class='uk-nav uk-nav-side'>
<% list comments skin=Story#history %>
</ul>
</div>
</div>
</div>
<footer>
<small>
<% gettext 'Created {0}' <% site.created text %> %>.
<% gettext 'Last modified {0}' <% site.modified text %> %>.
</small>
<% image /smallchaos.gif | link http://antville.org %>
<% image /helma.png | link http://helma.org %>
</footer>
</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();
}
}
$(function () {
// Highlight the current navigation menu item
var counter = 0;
$('.uk-nav li').each(function (index, element) {
if (counter > 0) {
return;
}
var href = $(element).find('a').attr('href');
if (href && location.href.lastIndexOf(href) + href.length === location.href.length) {
$(element).addClass('uk-active');
counter += 1;
}
});
});
<% #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 %>
.av-header {
height: 53px;
margin-left: -40px;
margin-bottom: 1em;
padding-left: 40px;
background: url(<% image /webloghead.gif url %>);
font-size: 25px;
div {
position: relative;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
}
}
body {
background-color: <% value "background color" %>;
font-family: <% value "base font" %>;
font-size: <% value "base font size" %>;
color: <% value "base font color" %>;
}
table.main {
width: 700px;
}
td {
font-size: <% value "base font size" %>;
line-height: 1.2em;
}
td.header {
max-width: 700px;
height: 53px;
padding-left: 40px;
background-image: url(<% image /webloghead.gif url %>);
background-repeat: no-repeat;
font-size: 25px;
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;
}
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;
}
p + fieldset {
width: 360px;
padding-left: 8px;
padding-top: 0px;
margin-top: 6px;
margin-bottom: 6px;
border: 1px solid <% value "small font color" %>;
}
p {
margin-top: 6px;
margin-bottom: 10px;
}
form { margin: 0px; }
a, a:link {
text-decoration: none;
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 {
2011-01-17 01:07:27 +00:00
font-family: <% value "small font" %>;
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 "big font" %>;
font-size: <% value "big font size" %>;
font-weight: bold;
border: 1px solid <% value "small font color" %>;
}
.formText {
width: 380px;
font-family: <% value "base font" %>;
font-size: <% value "base font size" %>;
font-weight: normal;
border: 1px solid <% value "small font color" %>;
}
.formWide {
width: 660px;
font-family: <% value "base font" %>;
font-size: <% value "base font size" %>;
font-weight: normal;
}
.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;
}
.membergroup {
font-weight:bold;
font-size:<% value "big font size" %>;
margin:10px 0px;
}
.member {
margin-left:20px;
margin-bottom:5px;
}
.calendar {
width: 100%;
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" %>;
}
.skin.active {
background: <% value "background color" %>;
opacity: .25;
}
.skin-edit-link {
color: <% value "small font color" %> !important;
}
/* NEW 1.5 */
.uk-nav-divider + .uk-nav-divider,
.uk-nav-header + .uk-nav-header {
display: none;
}
.uk-nav-side .uk-nav-divider {
margin-top: 15px;
border-top: none;
}