diff options
Diffstat (limited to 'themes/xtemplate/default')
-rw-r--r-- | themes/xtemplate/default/logo.gif | bin | 0 -> 3509 bytes | |||
-rw-r--r-- | themes/xtemplate/default/xtemplate.css | 349 | ||||
-rw-r--r-- | themes/xtemplate/default/xtemplate.xtmpl | 123 |
3 files changed, 472 insertions, 0 deletions
diff --git a/themes/xtemplate/default/logo.gif b/themes/xtemplate/default/logo.gif Binary files differnew file mode 100644 index 000000000..ab6e59c3c --- /dev/null +++ b/themes/xtemplate/default/logo.gif diff --git a/themes/xtemplate/default/xtemplate.css b/themes/xtemplate/default/xtemplate.css new file mode 100644 index 000000000..cc42447dc --- /dev/null +++ b/themes/xtemplate/default/xtemplate.css @@ -0,0 +1,349 @@ +/* $Id$ */ + +/* +** HTML elements +*/ +body { + margin: 0; + padding: 0; + color: #000; + background-color: #fff; + font: 76% Verdana, Arial, Helvetica, sans-serif; +} +tr.dark { + background-color: #ddd; +} +tr.light { + background-color: #eee; +} +tr.dark td, tr.light td { + padding: 0.3em; +} +h1, h2, h3, h4, h5, h6 { + margin: 0; +} +h1 { + font-size: 1.3em; +} +h2 { + font-size: 1.2em; +} +h3, h4, h5, h6 { + font-size: 1.1em; +} +a { + text-decoration: none; + font-weight: bold; +} +a:link { + color: #39c; +} +a:visited { + color: #369; +} +a:hover { + color: #39c; + text-decoration: underline; +} +fieldset { + border: 1px solid #ccc; +} +pre { + background-color: #eee; + padding: 0.75em 1.5em; + font-size: 12px; + border: 1px solid #ddd; +} +table { + /* make <td> sizes relative to body size! */ + font-size: 1em; +} +.form-item { + margin-top: 1em; +} +.form-item label { + font-size: 1em; + color: #222; +} +.item-list .title { + font-size: 1em; + color: #222; +} + +/* +** Page layout blocks / IDs +*/ +#header, #content { + width: 100%; +} +#header { + background-color: #69c; +} +#logo { + vertical-align: bottom; + border: 0; + font-weight: bold; + font-size: 1.9em; + color: #fff; +} +#logo img { + display: block; +} +#menu { + padding: 0.5em 0.5em 0 0.5em; + text-align: right; + vertical-align: middle; +} +#primary { + font-size: 1.0em; + padding: 0em 0.8em 0.5em 0; + color: #9cf; +} +#primary a { + font-weight: bold; + color: #fff; +} +#secondary { + padding: 0 1em 0.5em 0; + font-size: 0.8em; + color: #9cf; +} +#secondary a { + font-weight: bold; + color: #9cf; +} +#search .form-text, #search .form-submit { + border: 1px solid #369; + font-size: 1.1em; +} +#search .form-text { + width: 8em; + height: 1.4em; + padding: 0 0.5em 0 0.5em; + margin: 0 0 0.5em 0; +} +#search .form-submit { + height: 1.5em; +} +#mission { + background-color: #369; + padding: 1.5em 2em; + color: #fff; +} +#mission a, #mission a:visited { + color: #9cf; + font-weight: bold; +} +#main { + /* padding in px not ex because IE messes up 100% width tables otherwise */ + padding: 10px; +} +#mission, .node .content, .comment .content { + line-height: 1.4; +} +#help { + font-size: 0.9em; + margin-bottom: 1em; +} +.breadcrumb { + margin-bottom: .5em; +} +.message { + background-color: #eee; + border: 1px solid #ccc; + padding: 0.3em; + margin-bottom: 1em; +} +.error { + border-color: red; +} +#sidebar-left, #sidebar-right { + background-color: #ddd; + width: 16em; + /* padding in px not ex because IE messes up 100% width tables otherwise */ + padding: 10px; + vertical-align: top; +} +#footer { + background-color: #eee; + padding: 1em; + font-size: 0.8em; +} + +/* +** Common declarations for child classes of node, comment, block, box, etc. +** If you want any of them styled differently for a specific parent, add +** additional rules /with only the differing properties!/ to .parent .class. +** See .comment .title for an example. +*/ +.title, .title a { + font-weight: bold; + font-size: 1.3em; + color: #777; + margin: 0 auto 0 auto; /* decrease default margins for h<x>.title */ +} +.submitted { + color: #999; + font-size: 0.8em; +} +.links { + color: #999; +} +.links a { + font-weight: bold; +} +.block, .box { + padding: 0 0 1.5em 0; +} +.block { + border-bottom: 1px solid #bbb; + padding-bottom: 0.75em; + margin-bottom: 1.5em; +} +.block .title { + margin-bottom: .25em; +} +.box .title { + font-size: 1.1em; +} +.node { + margin: .5em 0 1em 0; +} +.static { + padding: .5em; + background-color: #eee; + border: solid 1px #ddd; +} +.node .content, .comment .content { + padding: .5em 0 .75em 0; +} +.node .taxonomy { + color: #999; + font-size: 0.8em; + padding: 1.5em; +} +.node .avatar { + border: 1px solid #ddd; + float: right; + margin: 0.5em; +} +.comment { + border: 1px solid #abc; + padding: .5em; + margin-bottom: 1em; +} +.comment .title { + font-size: 1.1em; +} +.comment .new { + text-align: right; + font-weight: bold; + font-size: 0.8em; + float: right; + color: red; +} +.comment .avatar { + border: 1px solid #abc; + float: right; + margin: 0.5em; +} + +/* +** Module specific styles +*/ +#aggregator .feed { + background-color: #eee; + border: 1px solid #ccc; + padding: 1em; + margin: 1em 0 1em 0; +} +#aggregator .news-item .source { + color: #999; + font-style: italic; + font-size: 0.9em; +} +#aggregator .title { + font-size: 1em; +} +#aggregator h3 { + margin-top: 1em; +} +#tracker th { + text-align: left; + border-bottom: 1px solid #ddd; +} +#tracker tr.light, #tracker tr.dark { + background-color: #fff; +} +#tracker td { + vertical-align: top; + padding: 1em 1em 1em 0; + border-bottom: 1px solid #bbb; +} +#forum table { + width: 100%; +} +#forum td { + padding: 0.5em 0.5em 0.5em 0.5em; +} +#forum td.forum, #forum td.posts { + background-color: #eee; +} +#forum td.topics, #forum td.last-reply { + background-color: #ddd; +} +#forum td.container { + background-color: #ccc; +} +#forum td.container a { + color: #555; +} +#forum td.statistics, #forum td.settings, #forum td.pager { + height: 1.5em; + border: 1px solid #bbb; +} +#forum td .name { + color: #96c; +} +#forum td .links { + padding-top: 0.7em; + font-size: 0.9em; +} +.block-forum h3 { + margin-bottom: .5em; +} +.calendar a { + text-decoration: none; +} +.calendar td { + padding: 0; + border-color: #888; +} +.calendar td div { + padding: 0.4em 0; +} +.calendar .row-week td a { + padding: 0.4em 0; +} +.calendar .day-today { + background-color: #69c; +} +.calendar .day-today a { + color: #fff; +} +.calendar .day-selected { + background-color: #369; + color: #fff; +} +.calendar .header-month { + background-color: #bbb; +} +.calendar .header-week { + background-color: #ccc; +} +.calendar .day-blank { + background-color: #ccc; +} +.calendar .row-week td a:hover { + background-color: #fff; color: #000; +} diff --git a/themes/xtemplate/default/xtemplate.xtmpl b/themes/xtemplate/default/xtemplate.xtmpl new file mode 100644 index 000000000..aea3dd3db --- /dev/null +++ b/themes/xtemplate/default/xtemplate.xtmpl @@ -0,0 +1,123 @@ +<!-- BEGIN: header --> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> + +<head> + <title>{head_title}</title> + {head} + <link type="text/css" rel="stylesheet" href="{path}/xtemplate.css" /> +</head> + +<body{onload_attributes}> + +<table border="0" cellpadding="0" cellspacing="0" id="header"> + <tr> + <td id="logo"> + <a href="./">{logo}</a> + </td> + <td id="menu"> + <div id="secondary">{secondary_links}</div> + <div id="primary">{primary_links}</div> + <!-- BEGIN: search_box --> + <form action="{search_url}" method="post"> + <div id="search"> + <input class="form-text" type="text" size="15" value="" name="keys" alt="{search_description}" /> + <input class="form-submit" type="submit" value="{search_button_text}" /> + </div> + </form> + <!-- END: search_box --> + </td> + </tr> +</table> + +<table border="0" cellpadding="0" cellspacing="0" id="content"> + <tr> + <!-- BEGIN: blocks --> + <td id="sidebar-left"> + {blocks} + </td> + <!-- END: blocks --> + <td valign="top"> + <!-- BEGIN: mission --> + <div id="mission">{mission}</div> + <!-- END: mission --> + <div id="main"> + <!-- BEGIN: title --> + {breadcrumb} + <h1 class="title">{title}</h1> + <!-- END: title --> + <!-- BEGIN: help --> + <div id="help">{help}</div> + <!-- END: help --> + <!-- BEGIN: message --> + <div class="message {type}">{message}</div> + <!-- END: message --> +<!-- END: header --> + +<!-- BEGIN: node --> + <div class="node {static}"> + <!-- BEGIN: avatar --> + <div class="avatar">{avatar}</div> + <!-- END: avatar --> + <!-- BEGIN: title --> + <h2 class="title"><a href="{link}">{title}</a></h2> + <!-- END: title --> + <span class="submitted">{submitted}</span> + <!-- BEGIN: taxonomy --> + <span class="taxonomy">{taxonomy}</span> + <!-- END: taxonomy --> + <div class="content">{content}</div> + <!-- BEGIN: links --> + <div class="links">» {links}</div> + <!-- END: links --> + </div> +<!-- END: node --> + +<!-- BEGIN: comment --> + <div class="comment"> + <!-- BEGIN: avatar --> + <div class="avatar">{avatar}</div> + <!-- END: avatar --> + <h3 class="title">{title}</h3><!-- BEGIN: new --><span class="new">{new}</span><!-- END: new --> + <div class="submitted">{submitted}</div> + <div class="content">{content}</div> + <!-- BEGIN: links --> + <div class="links">» {links}</div> + <!-- END: links --> + </div> +<!-- END: comment --> + +<!-- BEGIN: box --> + <div class="box"> + <h2 class="title">{title}</h2> + <div class="content">{content}</div> + </div> +<!-- END: box --> + +<!-- BEGIN: block --> + <div class="block block-{module}" id="block-{module}-{delta}"> + <h2 class="title">{title}</h2> + <div class="content">{content}</div> + </div> +<!-- END: block --> + +<!-- BEGIN: footer --> + </div><!-- main --> + </td> + <!-- BEGIN: blocks --> + <td id="sidebar-right"> + {blocks} + </td> + <!-- END: blocks --> + </tr> +</table> + +<!-- BEGIN: message --> +<div id="footer"> + {footer_message} +</div> +<!-- END: message --> +{footer} +</body> +</html> +<!-- END: footer --> |