summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorThomas NOEL <tnoel@entrouvert.com>2013-11-20 18:03:08 (GMT)
committerThomas NOEL <tnoel@entrouvert.com>2013-11-20 18:03:08 (GMT)
commit42845ca3c9be32acc4aa6074a73a17423b5c04d5 (patch)
treea0d3e325e1c5c2a91f3068e9abd8d018f61a4387
parenta2709060315100da9f03fd90266d4020b0b0c350 (diff)
downloadorleans-themes-wcs-42845ca3c9be32acc4aa6074a73a17423b5c04d5.zip
orleans-themes-wcs-42845ca3c9be32acc4aa6074a73a17423b5c04d5.tar.gz
orleans-themes-wcs-42845ca3c9be32acc4aa6074a73a17423b5c04d5.tar.bz2
update theme
-rw-r--r--desc.xml4
-rw-r--r--img/banner-fdl2013.oldbin0 -> 90971 bytes
-rw-r--r--img/banner-ja2013.oldbin0 -> 47206 bytes
-rw-r--r--img/icons/edit-delete.pngbin0 -> 366 bytes
-rw-r--r--img/progressbar.gifbin0 -> 3323 bytes
-rw-r--r--js/html5shiv.js8
-rw-r--r--local.js15
-rw-r--r--template.ezt37
-rw-r--r--wcs.css239
9 files changed, 228 insertions, 75 deletions
diff --git a/desc.xml b/desc.xml
index e6c39ca..a72d78b 100644
--- a/desc.xml
+++ b/desc.xml
@@ -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>
diff --git a/img/banner-fdl2013.old b/img/banner-fdl2013.old
new file mode 100644
index 0000000..c107f50
--- /dev/null
+++ b/img/banner-fdl2013.old
Binary files differ
diff --git a/img/banner-ja2013.old b/img/banner-ja2013.old
new file mode 100644
index 0000000..50684ab
--- /dev/null
+++ b/img/banner-ja2013.old
Binary files differ
diff --git a/img/icons/edit-delete.png b/img/icons/edit-delete.png
new file mode 100644
index 0000000..488d876
--- /dev/null
+++ b/img/icons/edit-delete.png
Binary files differ
diff --git a/img/progressbar.gif b/img/progressbar.gif
new file mode 100644
index 0000000..fbcce6b
--- /dev/null
+++ b/img/progressbar.gif
Binary files differ
diff --git a/js/html5shiv.js b/js/html5shiv.js
new file mode 100644
index 0000000..784f221
--- /dev/null
+++ b/js/html5shiv.js
@@ -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);
diff --git a/local.js b/local.js
new file mode 100644
index 0000000..3e52b23
--- /dev/null
+++ b/local.js
@@ -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" */
+
diff --git a/template.ezt b/template.ezt
index b16c4fb..e322dd9 100644
--- a/template.ezt
+++ b/template.ezt
@@ -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>
diff --git a/wcs.css b/wcs.css
index b3f5b71..96de07b 100644
--- a/wcs.css
+++ b/wcs.css
@@ -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;
}
+/* contenu du champ */
+form.quixote div.widget div.content {
+ float: none;
+ width: auto;
+}
-/*
- * page d'une catégorie
- *
- */
+/* tooltips en dessous des champs */
+/* message (par exemple préremplis) */
+form.quixote div.widget div.content div.message {
+ color: #666;
+ 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;
+}
-/* nom en gros */
-.rteContent h3 {
+/* titre et sous-titres */
+form.quixote h3 {
+ font-size: 2.66em;
+}
+form.quixote h4 {
+ font-size: 2em;
color: #666;
- font-family: "RokkittRegular", Times New Roman;
- font-size: 3.667em;
+ font-family: "RokkittRddegular", Times New Roman;
line-height: 1.3em;
}
-ul.catforms li a {
- background: url("img/icons/ico-link-hover.png") no-repeat left center;
- padding-left: 20px;
- font-weight: bold;
+/* 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;
}
-
/*
- * dans un formulaires
- *
+ * 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;
+}
-/* message d'erreur général très visible */
-div.errornotice {
+/* 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;
}
-/* Formulaires */
-.buttons .SubmitWidget {
- display: inline;
+/* upload de fichier */
+
+form.quixote div.FileWidget {
+ margin-bottom: 0px;
+}
+form.quixote div.FileWidget div.content {
+ margin-left: 0px;
}
-.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;}
+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;
+}
-.widget div label {
- color: #666;
- float: left;
- font: bold 1.25em/15px PTSansBold, Arial, sans-serif;
- margin: 0 10px 0 0;
- padding: 3px 0;
- text-align: right;
-}
-
-.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 {
+/* 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;} \ No newline at end of file
+
+/*
+ * 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;
+}
+