New green theme

This commit is contained in:
Frédéric Péters 2011-04-21 11:18:22 +02:00
parent 379b51c38b
commit e8534cccdb
13 changed files with 480 additions and 0 deletions

View File

@ -0,0 +1,6 @@
<?xml version="1.0"?>
<theme name="asec-green" version="1.0">
<label>Asec Green</label>
<desc>Asec Green</desc>
<author>Frederic Peters (original "transparentia" design by Viktor Persson)</author>
</theme>

BIN
themes/asec-green/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 663 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 680 B

View File

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="[css]"/>
[script]
<title>[page_title]</title>
[if-any logo_url]
<style type="text/css">
.header div.title {
background: url([logo_url]) no-repeat 99% 50%;
}
</style>
[end]
</head>
<body>
<div class="container">
<div class="main">
<div class="header">
<div class="title">
<h1>[site_name]</h1>
</div>
</div>
<div class="main-content">
<div class="item">
[if-any title]<h1>[title]</h1>[end]
[body]
[if-any user]
<a id="logout" href="/logout">D&eacute;connexion</a>
[end]
</div>
</div>
<div class="sidenav">
<ul>
<li><a href="/">Accueil</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">
&copy; 2010 <a href="http://www.entrouvert.com">Entr'ouvert</a>.
</div>
</div>
</body>
</html>

423
themes/asec-green/wcs.css Normal file
View File

@ -0,0 +1,423 @@
/*
* Theme based on Transparentia, a simple, lightweight and slightly blue theme
* by Viktor Persson, published on oswd.org under a Creative Commons
* Attribution 2.5 License.
*/
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #0A54F5;
border-bottom: 1px dotted #888;
text-decoration: none;
}
a:hover {
color: #0A54F5;
border-bottom: 1px solid #0A54F5;
}
div.item {
min-height: 450px;
}
body {
background: #EEE url(img/bg.gif);
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
h1 {
font-size: 1.4em;
margin-bottom: 4px;
}
code {
background: url(img/bgcode.gif);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(img/quote.gif) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: #367EA6;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}
/* structure */
.container {
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
padding-bottom: 6px;
width: 967px;
position: relative;
}
.header {
background: #9DBF04 url(img/header.jpeg) no-repeat top right;
}
/* title */
.title h1 {
color: white;
height: 126px;
font-size: 5em;
font-weight: normal;
line-height: 150px;
margin-bottom: 8px;
text-align: left;
padding: 0 20px;
text-shadow: 0 2px 15px #000000;
}
/* navigation */
.navigation {
margin-bottom: 4px;
}
.navigation a {
background-color: #4A91C3;
color: #FFF;
float: left;
font: bold 1.2em "Trebuchet MS",sans-serif;
padding: 8px 0;
width: 19%;
border-right: 1px solid #FFF;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #000;
color: #FFF;
}
/* main */
.main {
clear: both;
padding: 8px 18px;
}
/* main left */
#steps h1, #steps ul {
padding-left: 12px;
}
#steps .marker {
display: none;
}
.sidenav a {
display: block;
text-decoration: none;
border: none;
}
.sidenav a:hover {
text-decoration: underline;
}
.sidenav,
#steps {
background: #EEE;
border: 1px solid #E5E5E5;
float: left;
width: 200px;
}
#steps {
position: absolute;
left: 18px;
}
#steps h1 {
color: #666;
font-size: 1.2em;
height: 20px;
margin-top: 1.2em;
}
#steps ol,
.sidenav ul {
border-top: 1px solid #FAFAFA;
background: url(img/bgul.gif) repeat-x;
margin: 0;
padding: 0;
font-size: 1.2em;
}
.sidenav li,
#steps li {
border: 1px solid #FAFAFA;
border-top: none;
list-style: none;
padding: 3px 6px 3px 14px;
margin: 0;
}
#steps li.current,
#steps li.current li.current {
font-weight: bold;
}
#steps li.current li {
font-weight: normal;
}
/*.main-content */
.main-content {
float: right;
width: 716px;
}
.main-content .item {
padding: 6px 12px;
border: 1px solid #EEE;
background: #FFF;
margin-bottom: 8px;
}
.main-content .descr {
color: #333;
margin-bottom: 6px;
}
.main-content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
form {
padding: 0 0 6px 8px;
}
/* footer */
.footer {
background: #FFF;
border: 1px solid #EEE;
color: #666;
font-size: 1.1em;
margin: 0 auto;
text-align: center;
padding: 6px;
width: 916px;
}
.footer a {
color: #36C;
text-decoration: none;
}
.footer a:hover {
color: #06F;
text-decoration: underline;
}
/* wcs qommon, almost */
div.content {
margin-left: 15px;
}
div.TextWidget textarea,
div.RankedItemsWidget input,
div.StringWidget input,
div.IntWidget input,
div.DateWidget input,
div.WcsExtraStringWidget input,
div.RegexStringWidget input,
div.EmailWidget input,
div.TableWidget input,
div.PasswordWidget input {
border: 1px inset #ccc;
margin: 1px;
padding: 2px 3px;
}
div.WidgetDict .content div {
display: inline;
}
div.RankedItemsWidget input {
margin-right: 1em;
}
div.RankedItemsWidget li.error input {
border: 1px solid red;
}
div.SingleSelectWidget select {
margin: 1px;
}
div.widget input.prefill-button {
border: 1px outset #ccc;
margin: 0 0 0 1em;
padding: 0px 0px;
}
div.widget input.prefill-button:focus {
border: 1px outset #ccc;
margin: 0 0 0 1em;
padding: 0;
}
div.widget textarea.readonly,
div.widget input.readonly {
border: 1px solid #ccc;
background: #eee;
margin: 0 0 0 1em;
}
div.TextWidget textarea:focus,
div.DateWidget input:focus,
div.StringWidget input:focus,
div.IntWidget input:focus,
div.WcsExtraStringWidget input:focus,
div.RegexStringWidget input:focus,
div.EmailWidget input:focus,
div.PasswordWidget input:focus,
div.TableWidget input:focus {
border: 2px solid #ccf;
/*margin: 0px; */
padding: 1px 2px;
}
textarea {
max-width: 100%;
}
div.AccountSettingWidget label {
padding-right: 2em;
}
div.SubmitWidget input, input[type=submit] {
margin-top: 1em;
border: 1px outset #ccc;
padding: 2px 1ex;
}
input[type="submit"][name="submit"] {
font-weight: bold;
}
div.errornotice {
background: #fd6;
border: 1px solid #ffae15;
margin: 0em 1em 1em 1em;
padding: 5px;
}
div.infonotice {
color: white;
font-weight: bold;
background: #7b95a6;
border: 1px solid #153eaf;
margin: 0em 1em 1em 1em;
padding: 5px;
}
div.error {
color: black;
font-weight: bold;
background: transparent url(warning.png) top left no-repeat;
padding-left: 20px;
}
div.signok {
background: #b5ffbc;
border: 1px solid #5cde68;
}
div.signerror {
background: #ffa6a6;
border: 1px solid #cb2121;
}
div.buttons div.SubmitWidget,
div.buttons div.SubmitWidget div.content {
display: inline;
}
div.buttons br { display: none; }
div.widget {
margin-bottom: 1em;
clear: both;
}
div#error {
width: 40em;
max-width: 500px;
margin: 15% auto;
background: white;
border: 1px solid #999;
padding: 1em;
}
div.hint {
font-size: 80%;
font-style: italic;
}
span.required {
margin-left: 1ex;
color: red;
font-weight: bold;
}
div.buttons {
margin-top: 1em;
}
div.RadiobuttonsWidget div.content {
display: block;
}
div.error-page {
margin: 1em;
}
form p {
text-align: justify;
}
a.edit-custom-text {
position: absolute;
right: 0;
background: #eee;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: small;
}
div.dataview span.value,
div.form-validation div.WcsExtraStringWidget input,
div.form-validation div.StringWidget input {
font-weight: bold;
}
a#logout {
position: absolute;
bottom: 70px;
right: 25px;
}