nouveau template "autumn"
This commit is contained in:
fpeters
parent
a9bdf8a063
commit
a77dd66eb9
|
|
@ -5,6 +5,13 @@ Available templates
|
|||
General use
|
||||
-----------
|
||||
|
||||
autumn - Autumn
|
||||
---------------
|
||||
|
||||
- Colours: white on dark brown
|
||||
- Nagigation: one level, vertical, right
|
||||
- Quality: ***
|
||||
|
||||
september - September 2002
|
||||
--------------------------
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
*.htmlc.*
|
||||
*.talc.*
|
||||
infos.xml
|
||||
infos.xml.in.h
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<metal:block define-macro="pre"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
</metal:block>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:tal="http://xml.zope.org/namespaces/tal"
|
||||
xmlns:metal="http://xml.zope.org/namespaces/metal"
|
||||
metal:define-macro="master">
|
||||
<head>
|
||||
<title metal:define-slot="title"></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
||||
<meta metal:define-slot="contextualHeaders" />
|
||||
<link tal:reroot="href" rel="stylesheet" type="text/css" href="/css/autumn.css" />
|
||||
<link tal:reroot="href" rel="home" href="/" />
|
||||
<script metal:use-macro="forms.tal/formScript"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1 id="header" tal:content="str(virtualHost)">Site title</h1>
|
||||
|
||||
<ul id="navigation" tal:define="mR getMainRubric()">
|
||||
<li><a href="/" tal:translate="">Home</a></li>
|
||||
<li tal:condition="mR and mR.membersSet" tal:repeat="r mR.membersSet"><a tal:attributes="href r.getUrl()" tal:content="r.label">label</a></li>
|
||||
</ul>
|
||||
|
||||
<div id="commands">
|
||||
<span metal:use-macro="buttons.tal/login"></span>
|
||||
<span metal:use-macro="buttons.tal/newAccount"></span>
|
||||
<span metal:use-macro="buttons.tal/logout"></span>
|
||||
<span metal:use-macro="buttons.tal/preferences"></span>
|
||||
<div class="dropdown" tal:condition="userToken"><span tal:translate="">Go</span>
|
||||
<ul>
|
||||
<li tal:repeat="labelAndLink getGotoObjectsLabelsAndLinks()"><a tal:attributes="href labelAndLink[1]" tal:content="labelAndLink[0]">role</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="dropdown" tal:condition="userToken"><span tal:translate="">Add</span>
|
||||
<ul>
|
||||
<li tal:repeat="labelAndLink getNewObjectLabelsAndLinks()"><a tal:attributes="href labelAndLink[1]" tal:content="labelAndLink[0]">role</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div metal:define-slot="main">
|
||||
C'est ici que viendra le contenu du tag ayant l'attribut metal:fill-slot="main".
|
||||
</div>
|
||||
<div style="clear: both"></div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<a href="http://glasnost.entrouvert.org">Glasnost</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0"?>
|
||||
<template>
|
||||
<value>autumn</value>
|
||||
<_label>Autumn</_label>
|
||||
</template>
|
||||
|
||||
|
|
@ -0,0 +1,203 @@
|
|||
html, body {
|
||||
margin: 0;
|
||||
background: #1f0f10 url('/images/autumn.jpeg') repeat fixed;
|
||||
color: #faf9c9;
|
||||
}
|
||||
|
||||
div#content {
|
||||
background: #1f0f10;
|
||||
margin: 0 4%;
|
||||
padding: 0.5em;
|
||||
border: 1px solid #f4fdbf;
|
||||
}
|
||||
|
||||
ul#navigation {
|
||||
float: right;
|
||||
margin: 0 4% 0 0;
|
||||
padding: 0.5em 0;
|
||||
background: #1f0f10 url('/images/autumn.jpeg') repeat fixed;
|
||||
border: 1px solid #f4fdbf;
|
||||
border-width: 0 0 1px 1px;
|
||||
list-style: none;
|
||||
width: 30%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
ul#navigation li {
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul#navigation a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
ul#navigation a:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
clear: both;
|
||||
float: right;
|
||||
text-align: center;
|
||||
margin: -1px 4% 1em 4%;
|
||||
background: #1f0f10;
|
||||
border: 1px solid #f4fdbf;
|
||||
margin-bottom: 1em;
|
||||
border-width: 0 1px 1px 1px;
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
div#content h1, div#content h2 {
|
||||
background: #1f0f10 url('/images/autumn.jpeg') repeat fixed;
|
||||
border: 1px solid #f4fdbf;
|
||||
font-family: serif;
|
||||
padding: 0 0.2em;
|
||||
margin: 0 33.3% 0.5em 0;
|
||||
color: #faf9c9;
|
||||
}
|
||||
|
||||
div#content h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#content h2.title {
|
||||
margin: 0 33.3% 0.5em 0;
|
||||
}
|
||||
|
||||
a:link, a:active {
|
||||
color: #f8805d;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #b8805d;
|
||||
}
|
||||
|
||||
|
||||
div#content form {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.row {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
div.row .label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.row .tooltip {
|
||||
display: block;
|
||||
font-style: italic;
|
||||
font-size: smaller;
|
||||
margin-left: 2em;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.row .cell {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
div.row div.cell span.cell {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.fieldset span.cell {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div#commands {
|
||||
position: absolute;
|
||||
top: 1em;
|
||||
right: 34%;
|
||||
}
|
||||
|
||||
div#commands a.button {
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.dropdown {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 10em;
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
font-size: 80%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
div.dropdown ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.dropdown span {
|
||||
display: block;
|
||||
border: 1px solid #ccc;
|
||||
background: white url('/images/v.png') top right no-repeat;
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.dropdown:hover span {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
div.dropdown span:after {
|
||||
content: "...";
|
||||
}
|
||||
|
||||
div.dropdown:hover span:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
div.dropdown li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.dropdown:hover ul {
|
||||
display: block;
|
||||
background: white;
|
||||
/*background: url('/images/ntbg.png');*/
|
||||
}
|
||||
|
||||
div.dropdown a {
|
||||
display: block;
|
||||
color: black;
|
||||
border: 1px solid white;
|
||||
text-decoration: none;
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
div.dropdown a:hover {
|
||||
background: #eee;
|
||||
border: 1px outset black;
|
||||
}
|
||||
|
||||
div.dropdown a:active {
|
||||
border: 1px inset black;
|
||||
}
|
||||
|
||||
a.button, input.button {
|
||||
background: #eee;
|
||||
color: black;
|
||||
border: 1px outset black;
|
||||
padding: 1px;
|
||||
text-decoration: none;
|
||||
font-size: 90%;
|
||||
padding: 0 0.5em;
|
||||
margin: 0.5em 0.5em;
|
||||
}
|
||||
|
||||
a.button:hover, input.button:hover {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
border: 1px solid #f4fdbf;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
Reference in New Issue