Browse Source

Premier commit - Ajout des fichiers

master
claffont@openstudio.fr 11 years ago
parent
commit
534829e11a
  1. 21
      .gitattributes
  2. 28
      css/button.css
  3. BIN
      css/img/404.png
  4. BIN
      css/img/blog_author.png
  5. BIN
      css/img/blog_date.png
  6. BIN
      css/img/bouton_recherche.png
  7. BIN
      css/img/def.png
  8. BIN
      css/img/flag_fr.png
  9. BIN
      css/img/flag_us.png
  10. BIN
      css/img/header-bg.jpg
  11. BIN
      css/img/recherche.png
  12. BIN
      css/img/spip_out.gif
  13. BIN
      css/img/submenu_left_arrow.png
  14. BIN
      css/img/varicelle-sprite.png
  15. 111
      css/layout.css
  16. 13
      css/style.css
  17. 431
      css/theme.css
  18. 2
      inc-insert-head.html
  19. 259
      js/jquery.mobilemenu.js
  20. 269
      js/script.js
  21. 674
      licence.txt
  22. 21
      plugin.xml

21
.gitattributes vendored

@ -1,2 +1,23 @@
* text=auto !eol
css/button.css -text
css/img/404.png -text
css/img/blog_author.png -text
css/img/blog_date.png -text
css/img/bouton_recherche.png -text
css/img/def.png -text
css/img/flag_fr.png -text
css/img/flag_us.png -text
css/img/header-bg.jpg -text
css/img/recherche.png -text
css/img/spip_out.gif -text
css/img/submenu_left_arrow.png -text
css/img/varicelle-sprite.png -text
css/layout.css -text
css/style.css -text
css/theme.css -text
/inc-insert-head.html -text
js/jquery.mobilemenu.js -text
js/script.js -text
/licence.txt -text
/plugin.xml -text
/vignette.png -text

28
css/button.css

@ -0,0 +1,28 @@
/* --------------------------------------------------------------
button.css
Style des boutons (a, input, button)
-------------------------------------------------------------- */
/* Affichage sur petits ecrans
* Note : On ne modifie pas les boutons pour
les petits ecrans.
------------------------------------------ */
@media (min-width: 640px) {
.submit { position: relative; display: inline-block; width: auto; padding: 5px 1em 6px; overflow: visible; cursor: pointer;
background: #888 url(img/varicelle-sprite.png) left top repeat-x;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border: 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
font-size: 100%; line-height: 1; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.ie6.submit { background-image: none; border: none; color: #FFF !important; }
.submit,
.submit:visited,
.submit * { color: #FFF; text-decoration: none; }
.submit:hover { background-color: #777; color: #FFF; text-decoration: none; }
}
/* end */

BIN
css/img/404.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
css/img/blog_author.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 B

BIN
css/img/blog_date.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 B

BIN
css/img/bouton_recherche.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 767 B

BIN
css/img/def.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

BIN
css/img/flag_fr.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 431 B

BIN
css/img/flag_us.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 574 B

BIN
css/img/header-bg.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 795 B

BIN
css/img/recherche.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
css/img/spip_out.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 B

BIN
css/img/submenu_left_arrow.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 B

BIN
css/img/varicelle-sprite.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 B

111
css/layout.css

@ -0,0 +1,111 @@
/* --------------------------------------------------------------
layout.css
Disposition des blocs principaux
cf.: http://romy.tetue.net/structure-html-de-base
-------------------------------------------------------------- */
body { font: 12px/1.7 Helvetica, Arial, Tahoma, sans-serif; color:#666666; text-align: center; background: #fff; }
.page { }
.header { padding: 90px 0 40px 0; background: #403830 url(img/header-bg.jpg) repeat-x; }
.main { overflow: hidden; }
.footer { clear: both; margin-top: 1.5em; padding: 2em 0; position: relative; border-top: 1px solid #453C34; background: #403830; }
.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
.content { min-height: 350px; }
.page_404 .content { background: url(img/404.png) no-repeat 0 100px; }
.page_404 .chapo { margin-top: 130px; margin-left: 200px; width: 350px; font-size: 2em; font-family: 'Courier New', Courier, monospace; line-height: 1.5; }
.aside { float: right; width: 26%; overflow: hidden; }
/* Centrer le layout
------------------------------------------ */
.header #logo, .header #slogan,
.menu-conteneur,
.main,
.footer .colophon { position: relative; width: 900px; margin: 0 auto; text-align: left; }
/* Gabarit d'impression
------------------------------------------ */
@media print {
/* * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
@page { margin: 0.5cm; }
h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; }
p { orphans: 3; widows: 3; }
pre, blockquote { border: 1px solid #808080; page-break-inside: avoid; }
abbr[title]:after { content: " (" attr(title) ")"; }
a, a:visited { text-decoration: underline; }
img { max-width: 100% !important; page-break-inside: avoid; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
*/
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}
/* Affichage sur petits ecrans
* Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 900px) {
/* Afficher le contenu en Plein ecran
------------------------------------------ */
.header #logo, .header #slogan,
.menu-conteneur, .main,
.footer .colophon { width: auto!important; overflow: visible }
.page { margin: 0; }
.header, .main, .footer { padding-left: 1em; padding-right: 1em; }
}
@media (max-width: 640px) {
body { background: white; font: 11px/1.5 Helvetica, Arial, Tahoma, sans-serif; }
/* Passer tous les elements de largeur fixe en largeur automatique */
body,
.page,
.header,
.main,
.footer,
.wrapper,
.content,
.aside { clear: both; float: none !important; margin: auto!important; padding: auto!important; width: auto!important; }
/* header du calendrier full-calendar */
table.fc-header td { display: block; text-align: left; border: 1px solid red }
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; }*/
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding
img {
height: auto; width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}*/
/* gestion des mots longs */
textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* passage à la ligne forcé */
-webkit-hyphens: auto; /* césure propre */
-moz-hyphens: auto;
hyphens: auto;
}
code, pre, samp { white-space: pre-wrap; } /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
/* end */

13
css/style.css

@ -0,0 +1,13 @@
/* --------------------------------------------------------------
theme.css
Surcharge de style.css - Utiliser par defaut dans la dist
Note : Si vous activer la compression des feuilles de style
(CSS), il faut copier le contenu des fichier thème et
button directement dans ce fichier.
-------------------------------------------------------------- */
@import url("theme.css");
@import url("button.css");

431
css/theme.css

@ -0,0 +1,431 @@
/* --------------------------------------------------------------
theme.css
Definition des styles pour Brownie
# Couleurs du site
@header - #
@heading - #
@link - #
@link:hover - #
@footer - #
-------------------------------------------------------------- */
::selection { background: #2e2823; color: #FFFFFF; }
::-moz-selection { background: #2e2823; color: #FFFFFF; }
/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
/* Titraille / Intertitres */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { color: #453C34; font-family: Helvetica, Arial, Tahoma, sans-serif; line-height: 1; margin-bottom: 1em; }
hr { background: #D9D9D9; }
.arbo { clear: both; font-size: .9em; color: #DDC; color: #453C34; }
.arbo * { font-weight: normal; }
.cartouche { margin-bottom: 1.5em; }
.cartouche .spip_logos { /*float: right; margin: -30px 0 0 0; width: auto; height: 60px;*/ background: #fff; padding-right: 1em; padding-bottom: .5em; }
.cartouche h1 { font-size: 25px; color: #453C34; border-bottom: 1px solid #d9d9d9; margin: 10px 0; padding: 0 0 10px 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
.info-publi abbr.published,
abbr.dtreviewed,
.menu_articles small,
.aside .menu_breves small { background: url("img/blog_date.png") no-repeat center left; border: 0; color: #A6A6A6; font-size: 11px; font-style: normal; line-height: 11px; margin-bottom: .6em; padding: 3px 0 0 18px; }
@media print {
abbr[title].published:after { content: ""; }
abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
.traductions { border: 1px dotted lightgrey; font-size: .9em; line-height: 1.5; margin: 1.5em 0; padding: 1em; text-align: center }
.traductions a[hreflang]:after { content: ''; }
.chapo { color: #D8C0A8; font-size: 1.4em; font-style: italic; font-weight: normal; line-height: 1.4; letter-spacing: -0.5px; }
.chapo p { margin-bottom: .5em; }
.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #F9F4E1 url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }
.surlignable { }
.enclosures { margin: .5em; }
/* Citations, code et poesie */
.spip_code { color:#777; }
.spip_cadre { color:#777; background-color: #fff; border: 1px solid #ddd; }
blockquote, blockquote.spip, .spip_poesie { background: none; border-left: 4px solid #D8C0A8; font-style: italic; padding: 0 25px; }
/* Listes et tableaux */
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
dl.spip dd {}
table.spip caption { background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #F9F4E1; }
table.spip tfoot { border-top: 1px solid; }
/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { clear: both; margin: 1.5em 0; border: 1px solid #F0F0F0; background: #f8f8f8; padding: 2em 1em 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.aside .formulaire_spip { margin-top: 1em; padding: 2em 1em 1em; }
fieldset { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; width: 100%; }
legend { display: none; }
label { display: block; color: #262626; font-weight: bold; }
.erreur_message { display: block; }
input.text,textarea {
width: 100%;
-ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
background-color: #fff; border: 1px solid lightgrey; margin-bottom: 1em; padding: 4px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.content input.text { width: 50%; }
textarea { width: 100%; }
/* Success, info, notice and error/alert boxes (from BluePrint) */
.error p, .alert p, .notice a, .success p, .info p { margin-bottom: 0; }
/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }
.header .formulaire_menu_lang { position: absolute; right: 0; top: .90em; display: block; width: 30%; }
.header .formulaire_menu_lang select {width: 100%;}
.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }
/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { border: none; background: none; margin: 0 !important; padding: 0 !important; position: absolute; top: 0; left: 0; width: 100%; }
.formulaire_recherche .text { width: 100%; padding-left: 20px; background: url(img/recherche.png) no-repeat left center; }
.formulaire_recherche input.submit { display: none; }
/*.formulaire_recherche label { display: block; }
.formulaire_recherche input.text { width: 80%; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
.formulaire_recherche input.submit { float: right; margin: 0; padding: 0; }
.formulaire_recherche input.text { color:#bababa; margin:0; padding:5px; background: #fafafa; border: none; }
#navigation .formulaire_recherche input.text{width:175px}
.formulaire_recherche input.submit{text-indent:-1000px;width:25px;height:24px;border:0;background:#fff url("//nutzme5.loiseau2nuit.net/themes/zpip-2/trad_spip/css/img/search.gif") no-repeat top left}
.formulaire_recherche label{display:none}*/
/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; margin: 0; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }
.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/
/* Formulaire de login dans une page */
.formulaire_login ul li { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }
/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }
/* Habillage des forums
---------------------------------------------- */
/* Habillage des forums */
.comments-items .comments-items { margin-left: 50px; }
.comments-items .comment-item { border-top: 1px solid #e6e6e6; margin: 0; padding: 0 0 0 30px; position: relative; }
.comments-items span.permalink { position: absolute; top: 2px; left: 0; color: #A6A6A6; padding: 5px; font-size: 2em; }
.comments-items .comments-items .comment-item { padding: 0; }
.comments-items .comments-items span.permalink { display: none; }
.comment-fil ul {}
/* comments list */
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { color: #A6A6A6; font-size: 100%; font-weight: normal; }
.comment-meta small .sep { display: none; }
.comment-meta abbr { float: right; }
.comment-meta a { }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: #fff; }
.comment-content { color: #74665B; font-size: 1em; padding: 0.75em; max-height: 60em; width: 100%; overflow: auto; overflow-x: none; }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }
.comment-content p { margin-bottom: 1em; }
.comment-reply { clear: both; text-align: right; font-weight: bold; margin-bottom:0;} */
/* en thread
.comments-thread { margin-bottom: 2em; }
.comments-thread .permalink.in-reply-to { bottom:0; }*/
/* avec plugin comments
.comment-meta .permalink.picto {font-size:1em;right:0.75em;}
.comment {position:relative;}
.comment .spip-admin {position:absolute;left:0;bottom:0;visibility:hidden;}
.comment:hover .spip-admin {visibility:visible;}*/
/* en list avec plugin comments
.comment-meta .item {display:block;}*/
/* Formulaire de forum */
.formulaire_forum {}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { display: none; }
.formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }
/* Habillage des petitions
---------------------------------------------- */
#signatures {}
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }
/* Formulaire de signature */
.formulaire_signature {}
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */
/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li { line-height: 1.5; }
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
/* Pagination */
.pagination a, .pagination .on {
background: #F9F4E1; color: #707070; font-size: 1em; line-height: 1;
display: block; float:left; margin: 0 10px 0 0; padding: 8px 15px; text-align: center; text-decoration: none;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius:5px;
}
.pagination a:hover { color: #de5853; }
.pagination .on { background: #d93e39; color: #fff; }
.pagination .sep { display: none; }
/* Listes d'articles et extraits introductifs */
.resume .liste-items .item { border-bottom: 0; border: 1px solid red!important; }
.resume .liste-items .item .h3 { border-bottom:1px solid #888;}
.liste-items .item .info-publi { display:block; float:right; margin-top:0.6em; margin-left:.3em; padding:.3em; background:#ddd;border: 1px solid red!important; }
.liste-items .item .introduction { font-size: 0.923em;border: 1px solid red!important; }
.aside { padding-top: 60px; position: relative; }
.aside .menu { margin-top: 1em; padding:2em 0.75em 0.75em; border-top: 1px solid #ccc; }
.aside .menu a { display: block; padding-left:20px; margin-left: -20px; }
.aside .menu ul { margin-bottom: 0; }
.aside .menu li { border-bottom: 0; color: #A6A6A6; margin-bottom: .4em; }
.aside .menu p { color: #666; }
/* Menu Breves */
.aside .menu_breves h3 { margin-bottom: .5em; }
.aside .menu_breves small { display: block; }
/* Breves */
.menu_breves li {}
.menu_breves li h3 { margin: 0; }
.cboxElement img { border: 1px solid #ddd; padding: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cboxElement:hover { background: none; }
.cboxElement:hover img { border-color: red; }
/* Couleurs des liens
---------------------------------------------- */
a { color: #d93e39; padding: 1px 3px; text-decoration: none;
-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
}
a:focus, a:hover, a:active { background-color: #d93e39; color: #FFF; text-decoration: none; }
a.spip_out, a.spip_glossaire { color: #46839B; background: url(img/spip_out.gif) no-repeat scroll right center; padding-right: 12px; }
a.spip_out:hover { background-color: #46839B; color: #fff; }
/* Entete et barre de navigation
------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Mrs+Sheppards); /* @FONT-FACE */
.header #logo { color: #F9F4E1; line-height: 1; font-size: 2.8em; font-weight: bold; font-family: 'Mrs Sheppards', cursive; color: #F9F4E1; margin-bottom: 4px; text-shadow: 1px 1px 2px #000000; }
.header #logo a, .header #logo a:hover { background: transparent; text-decoration: none; color: #F9F4E1; }
.header #slogan { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #D8C0A8; }
/*
.nav { border: solid #222; border-width: 1px 0; }
.nav ul {}
.nav ul li {}
.nav ul li a { float: left; display: block; padding: .5em 1em; border-right: 1px solid #222; text-decoration: none; }
.nav ul li.on a { background: #EED; color: #222; font-weight: normal; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: #222; color: #FFF; }
*/
/* Navigation principale - Utilisation du plugin Menu */
.menu-conteneur { top: -70px; }
.menu-conteneur ul { margin: 0; float: right; }
.menu-conteneur li ul { padding-top: 2px; left: -2px; }
.menu-conteneur li ul li { box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); }
.menu-conteneur li { white-space: nowrap; display: block; position: relative; margin: 0; padding: 0; z-index: 100; }
.menu-conteneur a { display: block; position: relative; font-size: 14px; font-family: "Helvetica neue", Arial, sans-serif; color: #f9f4e1; font-weight: bold; }
.menu-conteneur a:hover { text-decoration: none; background: transparent; color: #d8c0a8; }
.menu-conteneur li.submenu > a { padding-right: 20px; background: url(../images/menu_down_arrow.png) no-repeat right; cursor: default; }
.menu-conteneur > ul > li { float:left; margin-right: 28px; }
.menu-conteneur > ul > li:last-child { margin-right: 0; }
.menu-conteneur li ul { display: none; position: absolute; top: 100%; z-index: 100; }
.menu-conteneur li:hover > ul { display: block; }
.menu-conteneur li ul li.submenu > a { padding-right: 10px; background: #403830 url(img/submenu_left_arrow.png) no-repeat right; }
.menu-conteneur li ul li.submenu > a:hover { padding-right:10px; background: #f5f5f5 url(img/submenu_left_arrow.png) no-repeat right; }
.menu-conteneur li ul li { border-bottom: 1px solid #534a42; background: #FFF; }
.menu-conteneur li ul li a:hover { background: #f5f5f5; color: #d43a32; }
.menu-conteneur li ul li:last-child { border-bottom: 1px solid #2e2823; }
.menu-conteneur li ul li a { padding: 0 25px 0 12px; line-height: 33px; background: #403830; }
.menu-conteneur li ul li ul { top: -1px !important; left: 100% !important; padding: 0 !important; }
.menu-conteneur .on > a { color: #D8C0A8; }
/* Pied de page
------------------------------------------ */
.footer .colophon { color: #74665B; }
.footer .colophon a { color: #fff; }
.footer .colophon a:hover { background-color: #74665B; }
.footer .generator { display: block; position: absolute; top: 2.2em; left: 50%; margin-left: 370px; }
.footer .generator a { padding: 0; background: none; }
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */
/* Listes d'articles et extraits introductifs */
.menu_articles h2.offscreen { font-size:25px; color:#453C34; border-bottom:1px solid #d9d9d9; margin:20px 0 30px 0; padding:0 0 10px 0; }
.page_site .menu_articles small { display: block; }
.menu_articles li { clear: both; border:1px solid #cccccc; margin:0 0 2em 0; padding: 2em; position: relative;
-moz-box-shadow: 0px 2px 1px #e8e8e8; -webkit-box-shadow: 0px 2px 1px #e8e8e8; box-shadow: 0px 2px 1px #e8e8e8;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.page_sommaire .menu_articles li > a { background:none!important; margin: 0; padding: 0; }
.page_sommaire .menu_articles .spip_logos { width: 100%; height: auto; border: 1px solid #CCC; float: none; margin: 0 0 1.5em 0; padding: 5px!important;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.page_sommaire .menu_articles .entry-content { padding-bottom: 40px; }
.page_sommaire .menu_articles .entry-title { }
.page_sommaire .menu_articles .entry-title a:after {
content: "En savoir plus";
padding: 8px;
color: #555555;
border: 1px solid #d3d3d3;
position: absolute; left: 19px; bottom: 20px;
white-space: nowrap;
z-index: 20;
font-size: 12px; line-height: 12px; font-weight: bold;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
background-image: -ms-linear-gradient(top, #eeeeee, #ffffff);
background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
}
.page_sommaire .menu_articles .entry-title a:hover:after {
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #eeeeee));
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
}
.page_sommaire .menu_articles .entry-title a { font-size: 24px; color: #000; height:100%; display: block; overflow: hidden; }
.page_sommaire .menu_articles .entry-title a:hover { background: none; color: #D93E39; }
.page_sommaire .menu_articles small { position: absolute; bottom: 15px; right: 19px; float: left; display:inline-block; }
/*.menu_articles small { color: #a6a6a6; }
.menu_articles .author, .menu_articles small {
font-size: 11px; line-height: 16px; height: 16px;
background: url("img/blog_author.png") no-repeat center left; color: #999999;
display: inline-block; float: left; margin: 0 10px 10px 0; padding: 0 0 0 20px;
}*/
/* Page contact */
.page_contact .formulaire_spip { background: none; border: none; }
/* Page Plan */
.page_plan h3 { margin-left: 35px; margin-bottom: .3em; }
/* Page Rurbique */
.menu_articles .spip_logos { float: right; padding-left: 1em; padding-right: 0; }
/* Plugin : Social Tags */
.socialtags { position: absolute; top: 20px; left: 50%; margin-left: -450px!important; }
.socialtags a:hover { background-color: transparent; }
/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */
@media print {
/* Ne pas imprimer */
.spip-admin,
.spip-admin-float,
.spip-previsu { display: none; }
.repondre,
.formulaire_spip { display: none; }
/* Souligner et expliciter les liens */
a { color: #600; text-decoration: underline !important; }
a.spip_out:after,
a.spip_glossaire:after,
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
}
/* Affichage sur petits ecrans
* Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 900px) {
.socialtags { left: 1em; margin: 0!important; }
.footer .generator { left: auto; right: 1em; margin-left: 0!important; }
/* Navigation principale - Utilisation du plugin Menu */
.menu-conteneur { border-top: 1px solid #D8C0A8; border-bottom: 1px solid #D8C0A8; background: #403830; top: -30px; margin-bottom: 1em; width: 100%; position: relative }
/*.menu-conteneur ul { float: none; margin-left: 1em;} */
.menu-conteneur li ul { padding-top: 1px; }
}
@media (max-width: 640px) {
/* Navigation principale - Utilisation du plugin Menu */
.js .menu-conteneur { display: none; }
.mnav { margin: 2em 0; width: 100%; }
/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
.nav ul li a { float: none; border: 0; }
/*#formulaire_recherche { display: none; position: static; text-align: center; }*/
.arbo { display: none; }
.footer .generator { display: none!important; }
.content input.text { width: 100%!important; }
/* Habillage des forums */
.comments-items .comments-items,
ul.spip, ol.spip { margin-left: 20px; }
.spip_documents_center, .spip_documents_left, .spip_documents_right { clear: both; float: none!important; display: block; width: 100%; }
}
/* end */

2
inc-insert-head.html

@ -0,0 +1,2 @@
[(#REM) Scripts ]
[<script src="(#CHEMIN{js/script.js})" type="text/javascript"></script>]

259
js/jquery.mobilemenu.js

@ -0,0 +1,259 @@
(function($){
//plugin's default options
var settings = {
combine: true, //combine multiple menus into a single select
groupPageText: 'Main', //optgroup's aren't selectable, make an option for it
nested: true, //create optgroups by default
prependTo: 'body', //insert at top of page by default
switchWidth: 640, //width at which to switch to select, and back again
topOptionText: 'Select a page' //default "unselected" state
},
//used to store original matched menus
$menus,
//used as a unique index for each menu if no ID exists
menuCount = 0,
//used to store unique list items for combining lists
uniqueLinks = [];
//go to page
function goTo(url){
document.location.href = url;
}
//does menu exist?
function menuExists(){
return ($('.mnav').length) ? true : false;
}
//validate selector's matched list(s)
function isList($this){
var pass = true;
$this.each(function(){
if(!$(this).is('ul') && !$(this).is('ol')){
pass=false;
}
});
return pass;
}//isList()
//function to decide if mobile or not
function isMobile(){
return ($(window).width() < settings.switchWidth);
}
//function to get text value of element, but not it's children
function getText($item){
return $.trim($item.clone().children('ul, ol').remove().end().text());
}
//function to check if URL is unique
function isUrlUnique(url){
return ($.inArray(url, uniqueLinks) === -1) ? true : false;
}
//function to do duplicate checking for combined list
function checkForDuplicates($menu){
$menu.find(' > li').each(function(){
var $li = $(this),
link = $li.find('a').attr('href'),
parentLink = function(){
if($li.parent().parent().is('li')){
return $li.parent().parent().find('a').attr('href');
} else {
return null;
}
};
//check nested <li>s before checking current one
if($li.find(' ul, ol').length){
checkForDuplicates($li.find('> ul, > ol'));
}
//remove empty UL's if any are left by LI removals
if(!$li.find(' > ul li, > ol li').length){
$li.find('ul, ol').remove();
}
//if parent <li> has a link, and it's not unique, append current <li> to the "unique parent" detected earlier
if(!isUrlUnique(parentLink(), uniqueLinks) && isUrlUnique(link, uniqueLinks)){
$li.appendTo(
$menu.closest('ul#mmnav').find('li:has(a[href='+parentLink()+']):first ul')
);
}
//otherwise, check if the current <li> is unique, if it is, add it to the unique list
else if(isUrlUnique(link)){
uniqueLinks.push(link);
}
//if it isn't, remove it. Simples.
else{
$li.remove();
}
});
}
//function to combine lists into one
function combineLists(){
//create a new list
var $menu = $('<ul id="mmnav" />');
//loop through each menu and extract the list's child items
//then append them to the new list
$menus.each(function(){
$(this).children().clone().appendTo($menu);
});
//de-duplicate any repeated items
checkForDuplicates($menu);
//return new combined list
return $menu;
}//combineLists()
//function to create options in the select menu
function createOption($item, $container, text){
//if no text param is passed, use list item's text, otherwise use settings.groupPageText
if(!text){
$('<option value="'+$item.find('a:first').attr('href')+'">'+$.trim(getText($item))+'</option>').appendTo($container);
} else {
$('<option value="'+$item.find('a:first').attr('href')+'">'+text+'</option>').appendTo($container);
}
}//createOption()
//function to create option groups
function createOptionGroup($group, $container){
//create <optgroup> for sub-nav items
var $optgroup = $('<optgroup label="'+$.trim(getText($group))+'" />');
//append top option to it (current list item's text)
createOption($group,$optgroup, settings.groupPageText);
//loop through each sub-nav list
$group.children('ul, ol').each(function(){
//loop through each list item and create an <option> for it
$(this).children('li').each(function(){
createOption($(this), $optgroup);
});
});
//append to select element
$optgroup.appendTo($container);
}//createOptionGroup()
//function to create <select> menu
function createSelect($menu){
//create <select> to insert into the page
var $select = $('<select id="mm'+menuCount+'" class="mnav" />');
menuCount++;
//create default option if the text is set (set to null for no option)
if(settings.topOptionText){
createOption($('<li>'+settings.topOptionText+'</li>'), $select);
}
//loop through first list items
$menu.children('li').each(function(){
var $li = $(this);
//if nested select is wanted, and has sub-nav, add optgroup element with child options
if($li.children('ul, ol').length && settings.nested){
createOptionGroup($li, $select);
}
//otherwise it's a single level select menu, so build option
else {
createOption($li, $select);
}
});
//add change event and prepend menu to set element
$select
.change(function(){goTo($(this).val());})
.prependTo(settings.prependTo);
}//createSelect()
//function to run plugin functionality
function runPlugin(){
//menu doesn't exist
if(isMobile() && !menuExists()){
//if user wants to combine menus, create a single <select>
if(settings.combine){
var $menu = combineLists();
createSelect($menu);
}
//otherwise, create a select for each matched list
else{
$menus.each(function(){
createSelect($(this));
});
}
}
//menu exists, and browser is mobile width
if(isMobile() && menuExists()){
$('.mnav').show();
$menus.hide();
}
//otherwise, hide the mobile menu
if(!isMobile() && menuExists()){
$('.mnav').hide();
$menus.show();
}
}//runPlugin()
//plugin definition
$.fn.mobileMenu = function(options){
//override the default settings if user provides some
if(options){$.extend(settings, options);}
//check if user has run the plugin against list element(s)
if(isList($(this))){
$menus = $(this);
runPlugin();
$(window).resize(function(){runPlugin();});
} else {
alert('mobileMenu only works with <ul>/<ol>');
}
};//mobileMenu()
})(jQuery);

269
js/script.js

@ -0,0 +1,269 @@
(function($){
//plugin's default options
var settings = {
combine: false, //combine multiple menus into a single select
groupPageText: '', //optgroup's aren't selectable, make an option for it
nested: true, //create optgroups by default
prependTo: '.main', //insert at top of page by default
switchWidth: 640, //width at which to switch to select, and back again
topOptionText: 'Select a page' //default "unselected" state
},
//used to store original matched menus
$menus,
//used as a unique index for each menu if no ID exists
menuCount = 0,
//used to store unique list items for combining lists
uniqueLinks = [];
//go to page
function goTo(url){
document.location.href = url;
}
//does menu exist?
function menuExists(){
return ($('.mnav').length) ? true : false;
}
//validate selector's matched list(s)
function isList($this){
var pass = true;
$this.each(function(){
if(!$(this).is('ul') && !$(this).is('ol')){
pass=false;
}
});
return pass;
}//isList()
//function to decide if mobile or not
function isMobile(){
return ($(window).width() < settings.switchWidth);
}
//function to get text value of element, but not it's children
function getText($item){
return $.trim($item.clone().children('ul, ol').remove().end().text());
}
//function to check if URL is unique
function isUrlUnique(url){
return ($.inArray(url, uniqueLinks) === -1) ? true : false;
}
//function to do duplicate checking for combined list
function checkForDuplicates($menu){
$menu.find(' > li').each(function(){
var $li = $(this),
link = $li.find('a').attr('href'),
parentLink = function(){
if($li.parent().parent().is('li')){
return $li.parent().parent().find('a').attr('href');
} else {
return null;
}
};
//check nested <li>s before checking current one
if($li.find(' ul, ol').length){
checkForDuplicates($li.find('> ul, > ol'));
}
//remove empty UL's if any are left by LI removals
if(!$li.find(' > ul li, > ol li').length){
$li.find('ul, ol').remove();
}
//if parent <li> has a link, and it's not unique, append current <li> to the "unique parent" detected earlier
if(!isUrlUnique(parentLink(), uniqueLinks) && isUrlUnique(link, uniqueLinks)){
$li.appendTo(
$menu.closest('ul#mmnav').find('li:has(a[href='+parentLink()+']):first ul')
);
}
//otherwise, check if the current <li> is unique, if it is, add it to the unique list
else if(isUrlUnique(link)){
uniqueLinks.push(link);
}
//if it isn't, remove it. Simples.
else{
$li.remove();
}
});
}
//function to combine lists into one
function combineLists(){
//create a new list
var $menu = $('<ul id="mmnav" />');
//loop through each menu and extract the list's child items
//then append them to the new list
$menus.each(function(){
$(this).children().clone().appendTo($menu);
});
//de-duplicate any repeated items
checkForDuplicates($menu);
//return new combined list
return $menu;
}//combineLists()
//function to create options in the select menu
function createOption($item, $container, text){
//if no text param is passed, use list item's text, otherwise use settings.groupPageText
if(!text){
$('<option value="'+$item.find('a:first').attr('href')+'">'+$.trim(getText($item))+'</option>').appendTo($container);
} else {
$('<option value="'+$item.find('a:first').attr('href')+'">'+text+'</option>').appendTo($container);
}
}//createOption()
//function to create option groups
function createOptionGroup($group, $container){
//create <optgroup> for sub-nav items
var $optgroup = $('<optgroup label="'+$.trim(getText($group))+'" />');
//append top option to it (current list item's text)
createOption($group,$optgroup, settings.groupPageText);
//loop through each sub-nav list
$group.children('ul, ol').each(function(){
//loop through each list item and create an <option> for it
$(this).children('li').each(function(){
createOption($(this), $optgroup);
});
});
//append to select element
$optgroup.appendTo($container);
}//createOptionGroup()
//function to create <select> menu
function createSelect($menu){
//create <select> to insert into the page
var $select = $('<select id="mm'+menuCount+'" class="mnav" />');
menuCount++;
//create default option if the text is set (set to null for no option)
if(settings.topOptionText){
createOption($('<li>'+settings.topOptionText+'</li>'), $select);
}
//loop through first list items
$menu.children('li').each(function(){
var $li = $(this);
//if nested select is wanted, and has sub-nav, add optgroup element with child options
if($li.children('ul, ol').length && settings.nested){
createOptionGroup($li, $select);
}
//otherwise it's a single level select menu, so build option
else {
createOption($li, $select);
}
});
//add change event and prepend menu to set element
$select
.change(function(){goTo($(this).val());})
.prependTo(settings.prependTo);
}//createSelect()
//function to run plugin functionality
function runPlugin(){
//menu doesn't exist
if(isMobile() && !menuExists()){
//if user wants to combine menus, create a single <select>
if(settings.combine){
var $menu = combineLists();
createSelect($menu);
}
//otherwise, create a select for each matched list
else{
$menus.each(function(){
createSelect($(this));
});
}
}
//menu exists, and browser is mobile width
if(isMobile() && menuExists()){
$('.mnav').show();
$menus.hide();
}
//otherwise, hide the mobile menu
if(!isMobile() && menuExists()){
$('.mnav').hide();
$menus.show();
}
}//runPlugin()
//plugin definition
$.fn.mobileMenu = function(options){
//override the default settings if user provides some
if(options){$.extend(settings, options);}
//check if user has run the plugin against list element(s)
if(isList($(this))){
$menus = $(this);
runPlugin();
$(window).resize(function(){runPlugin();});
} else {
alert('mobileMenu only works with <ul>/<ol>');
}
};//mobileMenu()
$(document).ready(function(){
$('.menu-conteneur > ul').mobileMenu();
});
})(jQuery);

674
licence.txt

@ -0,0 +1,674 @@
GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users. We, the Free Software Foundation, use the
GNU General Public License for most of our software; it applies also to
any other work released this way by its authors. You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you have
certain responsibilities if you distribute copies of the software, or if
you modify it: responsibilities to respect the freedom of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the manufacturer
can do so. This is fundamentally incompatible with the aim of
protecting users' freedom to change the software. The systematic
pattern of such abuse occurs in the area of products for individuals to
use, which is precisely where it is most unacceptable. Therefore, we
have designed this version of the GPL to prohibit the practice for those
products. If such problems arise substantially in other domains, we
stand ready to extend this provision to those domains in future versions
of the GPL, as needed to protect the freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish to
avoid the special danger that patents applied to a free program could
make it effectively proprietary. To prevent this, the GPL assures that
patents cannot be used to render the program non-free.
The precise terms and conditions for copying, distribution and
modification follow.
TERMS AND CONDITIONS
0. Definitions.
"This License" refers to version 3 of the GNU General Public License.
"Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy. The resulting work is called a "modified version" of the
earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.
An interactive user interface displays "Appropriate Legal Notices"
to the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
1. Source Code.
The "source code" for a work means the preferred form of the work
for making modifications to it. "Object code" means any non-source
form of a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.
The Corresponding Source for a work in source code form is that
same work.
2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your