update theme

This commit is contained in:
Thomas NOËL 2013-11-20 19:03:08 +01:00
parent a270906031
commit 42845ca3c9
9 changed files with 242 additions and 89 deletions

View File

@ -1,6 +1,6 @@
<?xml version="1.0"?>
<theme name="orleans" version="1.0">
<label>Orleans</label>
<desc>Teleservices Orleans</desc>
<author>Entr'ouvert</author>
<desc>Orleans theme</desc>
<author>Serghei Mihai</author>
</theme>

BIN
img/banner-fdl2013.old Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

BIN
img/banner-ja2013.old Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
img/icons/edit-delete.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 366 B

BIN
img/progressbar.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

8
js/html5shiv.js vendored Normal file
View File

@ -0,0 +1,8 @@
/*
HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);

15
local.js Normal file
View File

@ -0,0 +1,15 @@
/* eviter le double-clic sur un submit */
if(document.getElementsByClassName('submit-button')) {
var submit_buttons = document.getElementsByClassName('submit-button')[0];
if (submit_buttons) {
var submit_button = submit_buttons.childNodes[0].childNodes[0];
submit_button.form.onsubmit = function() {
setTimeout(function() {submit_button.disabled = 'disabled'}, 0);
return true;
}
}
}
/* TODO: les input de class "wcs-password" sont forcés en type "password" */

View File

@ -1,11 +1,23 @@
<!DOCTYPE html>
<html lang="[site_lang]">
<head>
<meta charset="UTF-8"><!-- ♫ -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width" />
<meta name="keywords" content="compte citoyen orleans dossier famille teleservices formulaires" />
<meta name="generator" content="Téléservices Entr'ouvert -- w.c.s. Au quotidien" />
<meta name="author" content="Entr'ouvert" />
<title>[page_title]</title>
<link rel="shortcut icon" href="/themes/orleans/img/favicon.png" />
[script]
<link rel="stylesheet" type="text/css" href="/themes/orleans/artifica.css" />
<link rel="stylesheet" type="text/css" href="[css]"/>
<!--[if lt IE 9]>
<script src="/themes/orleans/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="home" role="document" style="margin-top: -1px;"[if-any onload] onload="[onload]"[end]>
@ -38,7 +50,7 @@
<div class="breadcrumbs"><p>Vous êtes ici :</p>
<ul>
<li><a href="[comptecitoyen]">Compte Citoyen</a></li>
<li><a href="[comptecitoyen]">Compte citoyen</a></li>
<li class="separ">&nbsp;/&nbsp;</li>
<li class="last"><a href="/">Téléservices</a></li>
[if-any breadcrumb]
@ -56,18 +68,20 @@
<aside class="sidebarRight">
<div class="penseBete"><div class="rteContent">
<p>Sur votre Compte Citoyen, accédez à l'ensemble de vos informations,
au suivi de vos demandes en cours, etc.
</p>
<h5 align="center"><a href="[comptecitoyen]">Accès à mon Compte Citoyen</a></h5>
<p></p>
[if-any user]
<h5 align="center"><a href="[comptecitoyen]?updatecache">Retour à mon compte citoyen</a></h5>
<p></p>
<p>N'oubliez pas de vous déconnecter lorsque vous avez fini d'utiliser ces services.</p>
<h5 align="center"><a href="/logout">Déconnexion</a></h5>
[else]
<p>En vous connectant vous pourrez plus facilement
suivre vos demandes en cours. Certains formulaires
nécessitent une connexion.</p>
<p>En utilisant un compte citoyen, accédez à l'ensemble de vos informations,
au suivi de vos demandes en cours, etc.
</p>
<h5 align="center"><a href="[comptecitoyen]?updatecache">Accès à mon compte citoyen</a></h5>
<p></p>
<p>En vous connectant à votre compte citoyen, vous pourrez plus
facilement suivre vos demandes en cours. Certains formulaires nécessitent une
connexion.</p>
<h5 align="center"><a href="/login">Connexion</a></h5>
[end]
</div></div>
@ -80,7 +94,7 @@
<footer class="footer">
<nav class="navFooter">
<ul class="overflow">
<li class="littleLogo"><img src="http://www.orleans.fr/fileadmin/orleans/templates/img/little_logo.png"
<li class="littleLogo"><img src="/themes/orleans/img/little_logo.png"
height="36" width="146" alt="Logo de la mairie d'Orléans"></li>
<li class="page-item-29 page-item-first no-child"><a class="title" href="/menus/nav-footer/contacter-la-mairie.htm">contact</a></li>
<li class="page-item-30 no-child"><a class="title" href="/outils-et-services/wifi-orleans.htm">wifi Orléans</a></li>
@ -100,5 +114,8 @@ height="36" width="146" alt="Logo de la mairie d'Orléans"></li>
</address>
</footer>
<script type="text/javascript" src="/themes/orleans/local.js">
</script>
</body>
</html>

267
wcs.css
View File

@ -1,6 +1,6 @@
/*
*/
/* CSS teleservices Orleans
*surcharge apres artifica.css
*/
/* pas de bloc "mon espace" */
div#myspace {
@ -19,7 +19,7 @@ h2#services {
}
/*
* fix breadcrumbs... heu... désolé.
* fix breadcrumbs... (hacks)
*/
.breadcrumbs li.auquobc {
@ -32,10 +32,14 @@ h2#services {
visibility: visible;
}
.breadcrumbs li.auquobc a:before {
content: "/ ";
content: "/";
padding-right: 7px;
text-decoration: none;
white-space: pre-wrap;
display: inline-block;
}
/*
* page d'accueil
*
@ -46,13 +50,12 @@ div#centre div#services h3 {
display: none;
}
/* affichage des catégories */
div#centre div#services ul li strong a {
color: #666;
font-family: "RokkittRegular", Times New Roman;
font-size: 3em;
line-height: 1.3em;
line-height: 1em;
}
/* description catégories */
@ -78,7 +81,7 @@ div#centre div#services ul li ul li a {
color: #666;
font-family: "RokkittRegular", Times New Roman;
font-size: 3.667em;
line-height: 1.3em;
line-height: 1em;
}
ul.catforms li a {
@ -89,91 +92,201 @@ ul.catforms li a {
/*
* dans un formulaires
* dans un formulaire : form.quixote
*
*/
/* message d'erreur général très visible */
div.errornotice {
/* message d'erreur général, très visible */
form.quixote div.errornotice {
font-size: 1.5em;
border: solid 2px black;
padding: 10px;
margin: 25px;
background-color: #ffa;
}
/* affichage des catégories */
div#centre div#services ul li strong a {
color: #666;
font-family: "RokkittRegular", Times New Roman;
font-size: 3em;
line-height: 1.3em;
/* un peu d'espace en dessous de chaque champ */
form.quixote div.widget {
margin-bottom: 20px;
}
/* liste des formulaires */
div#centre div#services ul li ul li a {
background: url("img/icons/ico-link-hover.png") no-repeat left center;
padding-left: 20px;
/* titre d'un champ */
form.quixote div.widget div.title {
color: #000;
font-size: 1.5em;
margin-bottom: 5px;
}
/* champ obligatoire */
form.quixote span.required {
color: #f00;
margin-left: 3px;
font-weight: bold;
}
/*
* page d'une catégorie
*
*/
/* nom en gros */
.rteContent h3 {
color: #666;
font-family: "RokkittRegular", Times New Roman;
font-size: 3.667em;
line-height: 1.3em;
/* contenu du champ */
form.quixote div.widget div.content {
float: none;
width: auto;
}
ul.catforms li a {
background: url("img/icons/ico-link-hover.png") no-repeat left center;
padding-left: 20px;
font-weight: bold;
}
/*
* dans un formulaires
*
*/
/* message d'erreur général très visible */
div.errornotice {
font-size: 1.5em;
}
/* Formulaires */
.buttons .SubmitWidget {
display: inline;
}
.widget div input, .widget div input[type="file"] {background:#fff; border:1px solid #cdcdcd; display:inline; text-indent:0;}
.buttons .SubmitWidget input[type=submit] {background:#000; -webkit-border-radius:5px; border:none; border-radius:5px; color:#29ABD2; cursor:pointer; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase; width:auto;}
.widget div label {
/* tooltips en dessous des champs */
/* message (par exemple préremplis) */
form.quixote div.widget div.content div.message {
color: #666;
float: left;
font: bold 1.25em/15px PTSansBold, Arial, sans-serif;
margin: 0 10px 0 0;
padding: 3px 0;
text-align: right;
font-size: 1.1em;
}
/* hint / aide */
form.quixote div.widget div.content div.hint {
color: #000;
font-size: 1.1em;
}
/* message d'erreur en rouge */
form.quixote div.widget-with-error div.error {
color: #f00;
font-size: 15px;
font-weight: bold;
}
.buttons {margin:0; height:1%; padding:0; text-align:center;}
.widget .submit:active {position:relative; top:1px;}
.widget .buttons .require {color:#F15A24; display:block; font-size:0.833em; text-align:right;}
.widget .required {color: #f00;}
.widget label {cursor:pointer;}
.widget div input, .widget div select {
/* titre et sous-titres */
form.quixote h3 {
font-size: 2.66em;
}
form.quixote h4 {
font-size: 2em;
color: #666;
font-family: "RokkittRddegular", Times New Roman;
line-height: 1.3em;
}
/* texte : remettre un peu d'espace après le dernier paragraphe
(car artifica le retire) */
form.quixote div p:last-child {
margin-bottom: 15px;
}
form.quixote p:last-child {
margin-bottom: 15px;
}
/*
* widgets
*
*/
form.quixote input, form.quixote select {
display: inline;
font-size: 1.55em;
color: #000;
padding: 2px;
}
form.quixote input {
background: #fff;
border: 1px solid #cdcdcd;
}
/* boutons checkbox*/
form.quixote div.widget input[type="checkbox"] {
margin-right: 10px;
}
form.quixote ul.inline {
margin: 0;
}
/* boutons radio */
form.quixote div.RadiobuttonsWidget div.content {
font-size: 1.5em;
line-height: 1.5em;
color: #000;
}
form.quixote div.RadiobuttonsWidget div.content input {
margin-right: 10px;
}
/* upload de fichier */
form.quixote div.FileWidget {
margin-bottom: 0px;
}
form.quixote div.FileWidget div.content {
margin-left: 0px;
}
form.quixote div.file-upload-widget div.fileprogress {
font-size: 1em;
width: 500px;
}
form.quixote div.file-upload-widget div.bar {
background: url("img/progressbar.gif") repeat-x !important;
height: 22px;
}
form.quixote div.file-upload-widget div.fileinfo span.filename {
color: #000;
font-size: 1.5em;
border: 1px solid #cdcdcd;
padding: 2px;
}
form.quixote div.file-upload-widget div.fileinfo a.remove {
background: url("img/icons/edit-delete.png") no-repeat left center;
padding-left: 20px;
margin-left: 15px;
font-size: 1.5em;
}
/* boutons d'action (en bas de page) */
form.quixote div.buttons div.SubmitWidget {
margin-bottom: 0px;
}
form.quixote div.buttons div.SubmitWidget div.content {
float: left;
}
form.quixote div.buttons div.SubmitWidget input {
background: #ccc;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
color: #29ABD2;
cursor: pointer;
font-size: 15px;
font-weight: bold;
padding: 10px 25px;
text-transform: uppercase;
width: auto;
}
form.quixote div.buttons div.submit-button input {
background: #333;
}
form.quixote div.buttons {
margin: 1em 0;
clear: both;
height:1%;
padding: 20px 0px;
text-align:center;
}
/* ?? */
.form-validation .block-edit-custom-text {
font:1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666;
padding: 2px;
width: 280px;
padding: 2px;
}
.widget fieldset {background-color:#e6e6e6; border:none; margin-top:20px; padding:0;}
.widget legend {background:#ab9fb4; color:#FFF; font-size:1.25em; font-weight:bold; margin:0; padding:5px 0 5px 30px; text-transform:uppercase; width:610px;}
/*
* page de fin d'un formulaire
*/
/* ne pas afficher le rappel des données */
div.dataview {
display: none;
}
/* ne pas afficher le retour à l'accueil */
div.back-home-button {
display: none;
}