Browse Source

On bascule le squelette Z-Gala sur la zone.

Attention il n'est pas encore opérationnel.
svn/root/trunk
eric@smellup.net 3 years ago
parent
commit
d1eb471fa1
  1. 27
      .gitattributes
  2. 3
      article.html
  3. 1
      aside/dist.html
  4. 30
      body.html
  5. 0
      breadcrumb/dist.html
  6. 5
      content/401.xml
  7. 5
      content/404.xml
  8. 87
      content/article-forum.html
  9. 5
      content/article-forum.xml
  10. 16
      content/article-recommander.html
  11. 5
      content/article-recommander.xml
  12. 3
      content/article.html
  13. 11
      content/article.xml
  14. 5
      content/article.yaml
  15. 3
      content/auteur.html
  16. 4
      content/auteur.xml
  17. 3
      content/bloc.yaml
  18. 3
      content/document.html
  19. 4
      content/document.xml
  20. 45
      content/meteo.html
  21. 6
      content/meteo.xml
  22. 87
      content/plustard/article-forum.html
  23. 5
      content/plustard/article-forum.xml
  24. 16
      content/plustard/article-recommander.html
  25. 5
      content/plustard/article-recommander.xml
  26. 3
      content/plustard/auteur.html
  27. 4
      content/plustard/auteur.xml
  28. 3
      content/plustard/document.html
  29. 4
      content/plustard/document.xml
  30. 17
      content/plustard/rubrique-forums.html
  31. 7
      content/plustard/rubrique-forums.xml
  32. 3
      content/plustard/rubrique-plus.html
  33. 7
      content/plustard/rubrique-plus.xml
  34. 17
      content/rubrique-forums.html
  35. 7
      content/rubrique-forums.xml
  36. 3
      content/rubrique-plus.html
  37. 7
      content/rubrique-plus.xml
  38. 3
      content/rubrique.html
  39. 5
      content/rubrique.xml
  40. 4
      content/rubrique.yaml
  41. 0
      content/sommaire.html
  42. 5
      content/sommaire.xml
  43. 115
      css/box.css
  44. 179
      css/box_skins.css
  45. 15
      css/breadcrumb.css
  46. 99
      css/clear.css
  47. 15
      css/font.css
  48. 35
      css/form.css
  49. BIN
      css/img/message_erreur-24.png
  50. BIN
      css/img/message_info-24.png
  51. BIN
      css/img/message_notice-24.png
  52. BIN
      css/img/message_ok-24.png
  53. 24
      css/layouts/gala_01.css
  54. 24
      css/layouts/gala_02.css
  55. 24
      css/layouts/gala_03.css
  56. 24
      css/layouts/gala_04.css
  57. 24
      css/layouts/gala_05.css
  58. 24
      css/layouts/gala_06.css
  59. 28
      css/layouts/gala_07.css
  60. 28
      css/layouts/gala_08.css
  61. 28
      css/layouts/gala_09.css
  62. 28
      css/layouts/gala_10.css
  63. 28
      css/layouts/gala_11.css
  64. 28
      css/layouts/gala_12.css
  65. 24
      css/layouts/gala_13.css
  66. 24
      css/layouts/gala_14.css
  67. 24
      css/layouts/gala_15.css
  68. 24
      css/layouts/gala_16.css
  69. 23
      css/layouts/gala_17.css
  70. 23
      css/layouts/gala_18.css
  71. 24
      css/layouts/gala_19.css
  72. 24
      css/layouts/gala_20.css
  73. 24
      css/layouts/gala_21.css
  74. 24
      css/layouts/gala_22.css
  75. 24
      css/layouts/gala_23.css
  76. 24
      css/layouts/gala_24.css
  77. 24
      css/layouts/gala_25.css
  78. 24
      css/layouts/gala_26.css
  79. 12
      css/layouts/gala_27.css
  80. 12
      css/layouts/gala_28.css
  81. 12
      css/layouts/gala_29.css
  82. 12
      css/layouts/gala_30.css
  83. 23
      css/layouts/gala_31.css
  84. 19
      css/layouts/gala_32.css
  85. 21
      css/layouts/gala_33.css
  86. 21
      css/layouts/gala_34.css
  87. 20
      css/layouts/gala_35.css
  88. 20
      css/layouts/gala_36.css
  89. 16
      css/layouts/gala_37.css
  90. 16
      css/layouts/gala_38.css
  91. 16
      css/layouts/gala_39.css
  92. 16
      css/layouts/gala_40.css
  93. 102
      css/links.css
  94. 129
      css/media.css
  95. 139
      css/reset.css
  96. 40
      css/spip.comment.css
  97. 80
      css/spip.css
  98. 97
      css/spip.form.css
  99. 59
      css/spip.list.css
  100. 16
      css/spip.pagination.css

27
.gitattributes

@ -1 +1,28 @@
* text=auto !eol
css/img/message_erreur-24.png -text
css/img/message_info-24.png -text
css/img/message_notice-24.png -text
css/img/message_ok-24.png -text
prive/themes/spip/images/401-24.png -text
prive/themes/spip/images/401-32.png -text
prive/themes/spip/images/404-24.png -text
prive/themes/spip/images/404-32.png -text
prive/themes/spip/images/bienvenue.png -text
prive/themes/spip/images/boite-32.png -text
prive/themes/spip/images/breadcrumb.png -text
prive/themes/spip/images/content-24.png -text
prive/themes/spip/images/contenu-24.png -text
prive/themes/spip/images/menu.png -text
prive/themes/spip/images/meteo-24.png -text
prive/themes/spip/images/meteo-32.png -text
prive/themes/spip/images/navbar-24.png -text
prive/themes/spip/images/navbar-32.png -text
prive/themes/spip/images/page-24.png -text
prive/themes/spip/images/page-32.png -text
prive/themes/spip/images/sommaire-24.png -text
prive/themes/spip/images/sommaire-32.png -text
prive/themes/spip/images/tinytypo-32.png -text
prive/themes/spip/images/vedette.png -text
/zgala_logo-32.png -text
/zgala_logo-48.png -text
/zgala_logo-64.png -text

3
article.html

@ -0,0 +1,3 @@
<BOUCLE_principale_article(ARTICLES){id_article}>
<INCLURE{fond=structure,env,id_rubrique=#ENV{id_rubrique,#ID_RUBRIQUE},id_secteur=#ID_SECTEUR,type-page=article,composition=#COMPOSITION} />
</BOUCLE_principale_article>

1
aside/dist.html

@ -0,0 +1 @@
<p><strong>2) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>

30
body.html

@ -0,0 +1,30 @@
<body>
<div class="page" id="page">
<header class="header" id="header">
<INCLURE{fond=header/#ENV{type-page},env} />
</header> <!-- .HEADER -->
<nav class="nav clearfix" id="nav">
<INCLURE{fond=nav/#ENV{type-page},env} />
</nav> <!-- .NAVBAR -->
<main class="main">
<div class="wrapper" id="wrapper">
<div class="content" id="content">
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
<INCLURE{fond=content/#ENV{type-page},env} />
</div> <!-- .CONTENT -->
</div> <!-- .WRAPPER -->
<aside class="aside" id="aside">
<INCLURE{fond=aside/#ENV{type-page},env} />
</aside> <!-- .ASIDE -->
<aside class="extra" id="extra">
<INCLURE{fond=extra/#ENV{type-page},env} />
</aside> <!-- .EXTRA -->
</main>
<footer class="footer" id="footer">
<INCLURE{fond=footer/#ENV{type-page},env} />
</footer> <!-- .FOOTER -->
</div> <!-- .PAGE -->
</body>

0
breadcrumb/dist.html

5
content/401.xml

@ -0,0 +1,5 @@
<page>
<nom><:zgala:page_titre_401:></nom>
<description><:zgala:page_description_401:></description>
<icon>401.png</icon>
</page>

5
content/404.xml

@ -0,0 +1,5 @@
<page>
<nom><:zgala:page_titre_404:></nom>
<description><:zgala:page_description_404:></description>
<icon>404.png</icon>
</page>

87
content/article-forum.html

@ -0,0 +1,87 @@
#CACHE{7200}
#SET{verrou, ''}
<BOUCLE_forum(FORUMS){id_forum=#ENV{id_forum}}><BOUCLE_article_forum(ARTICLES){id_article}>
<section class="forums sujet">
[(#SET{statut_forum, [(#ID_ARTICLE|statut_forum)]})]
[(#GET{statut_forum}|=={ouvert}|non)#SET{verrou, lock}]
<div id="sujet" class="forum">
[(#REM) <!-- Titre, logo, texte du sujet --> ]
<INCLURE{fond=noisettes/forum/sujet_description}
{id_forum}
{statut_forum=#GET{statut_forum}}
{verrou=#GET{verrou}}>
</div>
<aside>
[(#REM) <!-- Les reponses au sujet --> ]
<INCLURE{fond=noisettes/forum/liste-sujet_reponses}
{statut_forum=#GET{statut_forum}}
{id_thread}
{id_forum}
{verrou=#GET{verrou}}
{sens_tri=#CONFIG{sarkaspip/forum/sens_tri_reponses, 0}}
{self}
{ajax}>
</aside>
</section>
</BOUCLE_article_forum></BOUCLE_forum>
<BOUCLE_article(ARTICLES){id_article}>
<section class="forums forum">
[(#SET{statut_forum, [(#ENV{id_article}|statut_forum)]})]
[(#REM) <!-- Titre, logo, texte de la page du forum --> ]
<INCLURE{fond=noisettes/article/description}
{id_article}
{page=forum}
{afficher_commentaires=non}
{avec_popularite=non}
{avec_notation=non}
{avec_socialtags=non}
{logo_rubrique=oui}
{taille_logo=100}
{statut_forum=#GET{statut_forum}}>
[(#GET{statut_forum}|=={ouvert}|oui)
<div class="outils">
<a class="fonction" id="commenter" href="#formulaire_sujet" title="<:sarkaspip:poster_sujet:>"></a>
<br class="nettoyeur">
</div>
]
[(#REM) <!-- On traite d'abord les annonces --> ]
<INCLURE{fond=noisettes/forum/liste-annonces}
{id_article}
{statut_forum=#GET{statut_forum}}>
[(#REM) <!-- On traite ensuite les sujets epingles --> ]
<INCLURE{fond=noisettes/forum/liste-epingles}
{id_article}
{statut_forum=#GET{statut_forum}}>
[(#REM) <!-- On traite enfin les sujets non epingles --> ]
<INCLURE{fond=noisettes/forum/liste-discussions}
{id_article}
{statut_forum=#GET{statut_forum}}
{ajax}>
[(#REM) <!-- Forumlaire de reponse --> ]
[(#GET{statut_forum}|=={ouvert}|oui)
<div class="formulaire" id="formulaire_sujet">#FORMULAIRE_FORUM{#URL_PAGE{forum, #PARAMETRES_FORUM{#SELF}}}</div>
]
<script type='text/javascript'>/*<![CDATA[*/
jQuery(document).ready(function() {
jQuery("#formulaire_forum .saisie_titre input[name='titre']").val('<:sarkaspip:titre_forum_nouveau_sujet|texte_script:>');
});
/*]]>*/</script>
</section>
</BOUCLE_article>
<//B_forum>

5
content/article-forum.xml

@ -0,0 +1,5 @@
<composition>
<nom>Forum</nom>
<description>Page de présentation d'un forum</description>
<icon>forum.png</icon>
</composition>

16
content/article-recommander.html

@ -0,0 +1,16 @@
<BOUCLE_article_principal(ARTICLES) {id_article}{si #PLUGIN{RECOMMANDER}}>
<section class="article recommander">
<header class="cartouche">
<h1><:sarkaspip:recommander_article:>
<small>#TITRE</small></h1>
</header>
<div class="main">
<INCLURE{fond=inclure/resume/article,id_article} />
[(#REM) <!-- Formulaire de recommandation --> ]
<div class="ajax">
#FORMULAIRE_RECOMMANDER{#TITRE,#URL_ARTICLE,#ENV{texte,''},#ENV{subject,''}}
</div>
</div>
</section>
</BOUCLE_article_principal>

5
content/article-recommander.xml

@ -0,0 +1,5 @@
<composition>
<nom>Formulaire recommander</nom>
<description>Page de présentation du formulaire de recommandation d'un article</description>
<icon>article.png</icon>
</composition>

3
content/article.html

@ -0,0 +1,3 @@
<article>
<!--noisettes-->
</article>

11
content/article.xml

@ -0,0 +1,11 @@
<page>
<nom><:zgala:page_titre_article:></nom>
<description><:zgala:page_description_article:></description>
<icon>article.png</icon>
<bloc id="content" nom="accueil" description="accueil" icon="img/fichier.png" />
<bloc id="header" nom="accueil" description="accueil" icon="img/fichier.png" />
<bloc id="footer" nom="accueil" description="accueil" icon="img/fichier.png" />
<bloc id="nav" nom="accueil" description="accueil" icon="img/fichier.png" />
<bloc id="breadcrumb" nom="accueil" description="accueil" icon="img/fichier.png" />
<bloc id="extra1" nom="accueil" description="accueil" icon="img/fichier.png" />
</page>

5
content/article.yaml

@ -0,0 +1,5 @@
# toutes les options possible dans le XML actuel sauf les blocs qui sont vus autrement
nom: '<:zgala:page_titre_article:>'
description: '<:zgala:page_description_article:>'
icon: 'article.png'
blocs_exclus: ['aside', 'extra']

3
content/auteur.html

@ -0,0 +1,3 @@
<article>
<!--noisettes-->
</article>

4
content/auteur.xml

@ -0,0 +1,4 @@
<page>
<nom><:zgala:page_titre_auteur:></nom>
<icon>auteur.png</icon>
</page>

3
content/bloc.yaml

@ -0,0 +1,3 @@
nom: '<:zgala:bloc_titre_content:>'
description: '<:zgala:bloc_description_content:>'
icone: 'content.png'

3
content/document.html

@ -0,0 +1,3 @@
<section>
<!--noisettes-->
</section>

4
content/document.xml

@ -0,0 +1,4 @@
<page>
<nom><:zgala:page_titre_document:></nom>
<icon>document.png</icon>
</page>

45
content/meteo.html

@ -0,0 +1,45 @@
[(#REM)
Partie contenu de la page meteo affichant les conditions temps reels, la previsions du jour
et les previsions des n prochains jours
Parametres d'appel :
- le code de la ville nomme "ville"
- le service a utiliser
]
[(#REM) Fil d'Ariane ]
<p id="hierarchie"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:rainette:meteo|ucfirst:></strong></p>
#SET{nom_ville, #RAINETTE_INFOS{#ENV{ville, FRXX0076}, ville, #ENV{service, weather}}}
#SET{pays, #RAINETTE_INFOS{#ENV{pays, FRXX0076}, pays, #ENV{service, weather}}}
[(#SET{nom_ville, [(#GET{nom_ville})[, (#GET{pays})]]})]
<div class="cartouche">
<h1 class="h1"><:rainette:meteo_consultation{ville=#GET{nom_ville}}:></h1>
<p class="info-publi">
<small>
[<:rainette:longitude|ucfirst:>&nbsp;(#RAINETTE_INFOS{
#ENV{ville, FRXX0076},
longitude,
#ENV{service, weather}}|rainette_afficher_unite{angle, 2, #ENV{service, weather}})]
[, <:rainette:latitude:>&nbsp;(#RAINETTE_INFOS{
#ENV{ville, FRXX0076},
latitude,
#ENV{service, weather}}|rainette_afficher_unite{angle, 2, #ENV{service, weather}})]
</small>
</p>
</div>
<br class="clear"/>
<h2 class="h2"><:rainette:meteo_conditions|ucfirst:></h2>
[(#MODELE{rainette_conditions,
lieu=#ENV{ville, FRXX0076},
sous_modele=conditions_tempsreel,
service=#ENV{service, weather}})]
<br class="clear"/>
<h2 class="h2"><:rainette:meteo_previsions_n_jours{nbj=#GET{max_previsions}}|ucfirst:></h2>
[(#MODELE{rainette_previsions,
lieu=#ENV{ville, FRXX0076},
premier_jour=1,
sous_modele=previsions_24h,
service=#ENV{service, weather}})]
<br class="clear"/>

6
content/meteo.xml

@ -0,0 +1,6 @@
<page>
<nom><:zgala:page_titre_meteo:></nom>
<description><:zgala:page_description_meteo:></description>
<icon>meteo-32.png</icon>
<necessite id="rainette" />
</page>

87
content/plustard/article-forum.html

@ -0,0 +1,87 @@
#CACHE{7200}
#SET{verrou, ''}
<BOUCLE_forum(FORUMS){id_forum=#ENV{id_forum}}><BOUCLE_article_forum(ARTICLES){id_article}>
<section class="forums sujet">
[(#SET{statut_forum, [(#ID_ARTICLE|statut_forum)]})]
[(#GET{statut_forum}|=={ouvert}|non)#SET{verrou, lock}]
<div id="sujet" class="forum">
[(#REM) <!-- Titre, logo, texte du sujet --> ]
<INCLURE{fond=noisettes/forum/sujet_description}
{id_forum}
{statut_forum=#GET{statut_forum}}
{verrou=#GET{verrou}}>
</div>
<aside>
[(#REM) <!-- Les reponses au sujet --> ]
<INCLURE{fond=noisettes/forum/liste-sujet_reponses}
{statut_forum=#GET{statut_forum}}
{id_thread}
{id_forum}
{verrou=#GET{verrou}}
{sens_tri=#CONFIG{sarkaspip/forum/sens_tri_reponses, 0}}
{self}
{ajax}>
</aside>
</section>
</BOUCLE_article_forum></BOUCLE_forum>
<BOUCLE_article(ARTICLES){id_article}>
<section class="forums forum">
[(#SET{statut_forum, [(#ENV{id_article}|statut_forum)]})]
[(#REM) <!-- Titre, logo, texte de la page du forum --> ]
<INCLURE{fond=noisettes/article/description}
{id_article}
{page=forum}
{afficher_commentaires=non}
{avec_popularite=non}
{avec_notation=non}
{avec_socialtags=non}
{logo_rubrique=oui}
{taille_logo=100}
{statut_forum=#GET{statut_forum}}>
[(#GET{statut_forum}|=={ouvert}|oui)
<div class="outils">
<a class="fonction" id="commenter" href="#formulaire_sujet" title="<:sarkaspip:poster_sujet:>"></a>
<br class="nettoyeur">
</div>
]
[(#REM) <!-- On traite d'abord les annonces --> ]
<INCLURE{fond=noisettes/forum/liste-annonces}
{id_article}
{statut_forum=#GET{statut_forum}}>
[(#REM) <!-- On traite ensuite les sujets epingles --> ]
<INCLURE{fond=noisettes/forum/liste-epingles}
{id_article}
{statut_forum=#GET{statut_forum}}>
[(#REM) <!-- On traite enfin les sujets non epingles --> ]
<INCLURE{fond=noisettes/forum/liste-discussions}
{id_article}
{statut_forum=#GET{statut_forum}}
{ajax}>
[(#REM) <!-- Forumlaire de reponse --> ]
[(#GET{statut_forum}|=={ouvert}|oui)
<div class="formulaire" id="formulaire_sujet">#FORMULAIRE_FORUM{#URL_PAGE{forum, #PARAMETRES_FORUM{#SELF}}}</div>
]
<script type='text/javascript'>/*<![CDATA[*/
jQuery(document).ready(function() {
jQuery("#formulaire_forum .saisie_titre input[name='titre']").val('<:sarkaspip:titre_forum_nouveau_sujet|texte_script:>');
});
/*]]>*/</script>
</section>
</BOUCLE_article>
<//B_forum>

5
content/plustard/article-forum.xml

@ -0,0 +1,5 @@
<composition>
<nom>Forum</nom>
<description>Page de présentation d'un forum</description>
<icon>forum.png</icon>
</composition>

16
content/plustard/article-recommander.html

@ -0,0 +1,16 @@
<BOUCLE_article_principal(ARTICLES) {id_article}{si #PLUGIN{RECOMMANDER}}>
<section class="article recommander">
<header class="cartouche">
<h1><:sarkaspip:recommander_article:>
<small>#TITRE</small></h1>
</header>
<div class="main">
<INCLURE{fond=inclure/resume/article,id_article} />
[(#REM) <!-- Formulaire de recommandation --> ]
<div class="ajax">
#FORMULAIRE_RECOMMANDER{#TITRE,#URL_ARTICLE,#ENV{texte,''},#ENV{subject,''}}
</div>
</div>
</section>
</BOUCLE_article_principal>

5
content/plustard/article-recommander.xml

@ -0,0 +1,5 @@
<composition>
<nom>Formulaire recommander</nom>
<description>Page de présentation du formulaire de recommandation d'un article</description>
<icon>article.png</icon>
</composition>

3
content/plustard/auteur.html

@ -0,0 +1,3 @@
<article>
<!--noisettes-->
</article>

4
content/plustard/auteur.xml

@ -0,0 +1,4 @@
<page>
<nom><:zgala:page_titre_auteur:></nom>
<icon>auteur.png</icon>
</page>

3
content/plustard/document.html

@ -0,0 +1,3 @@
<section>
<!--noisettes-->
</section>

4
content/plustard/document.xml

@ -0,0 +1,4 @@
<page>
<nom><:zgala:page_titre_document:></nom>
<icon>document.png</icon>
</page>

17
content/plustard/rubrique-forums.html

@ -0,0 +1,17 @@
<BOUCLE_forum(RUBRIQUES) {id_rubrique}>
[(#REM) <!-- Contenu de la rubrique --> ]
<section class="forums">
[(#REM) <!-- Titre, logo, texte de la rubrique --> ]
<INCLURE{fond=noisettes/rubrique/description}
{id_rubrique}
{avec_filles=non}>
<aside>
[(#REM) <!-- Affichage des sujets de ce groupe --> ]
<INCLURE{fond=noisettes/forum/liste-groupes}{id_rubrique}>
[(#REM) <!-- Affichage du ou des differents sous-groupes de forums --> ]
<INCLURE{fond=noisettes/forum/liste-groupes}{id_parent=#ID_RUBRIQUE}>
</aside>
</section>
</BOUCLE_forum>

7
content/plustard/rubrique-forums.xml

@ -0,0 +1,7 @@
<composition>
<nom>Forums</nom>
<description>Cette rubrique contient des Forums</description>
<icon>images/composition-forums-24.png</icon>
<branche type="article" composition="forum" />
<branche type="rubrique" composition="forums" />
</composition>

3
content/plustard/rubrique-plus.html

@ -0,0 +1,3 @@
<BOUCLE_content(RUBRIQUES){id_rubrique}>
[(#REM|sinon_interdire_acces{[(#ID_SECTEUR|url_absolue)],301})]
</BOUCLE_content>

7
content/plustard/rubrique-plus.xml

@ -0,0 +1,7 @@
<composition>
<nom>Rubrique + du BIJ</nom>
<description>Composition adaptée pour les rubriques + du BIJ.</description>
<icon>images/objet-simple.png</icon>
<branche type="rubrique" composition="plus" />
<branche type="article" composition="plus" />
</composition>

17
content/rubrique-forums.html

@ -0,0 +1,17 @@
<BOUCLE_forum(RUBRIQUES) {id_rubrique}>
[(#REM) <!-- Contenu de la rubrique --> ]
<section class="forums">
[(#REM) <!-- Titre, logo, texte de la rubrique --> ]
<INCLURE{fond=noisettes/rubrique/description}
{id_rubrique}
{avec_filles=non}>
<aside>
[(#REM) <!-- Affichage des sujets de ce groupe --> ]
<INCLURE{fond=noisettes/forum/liste-groupes}{id_rubrique}>
[(#REM) <!-- Affichage du ou des differents sous-groupes de forums --> ]
<INCLURE{fond=noisettes/forum/liste-groupes}{id_parent=#ID_RUBRIQUE}>
</aside>
</section>
</BOUCLE_forum>

7
content/rubrique-forums.xml

@ -0,0 +1,7 @@
<composition>
<nom>Forums</nom>
<description>Cette rubrique contient des Forums</description>
<icon>images/composition-forums-24.png</icon>
<branche type="article" composition="forum" />
<branche type="rubrique" composition="forums" />
</composition>

3
content/rubrique-plus.html

@ -0,0 +1,3 @@
<BOUCLE_content(RUBRIQUES){id_rubrique}>
[(#REM|sinon_interdire_acces{[(#ID_SECTEUR|url_absolue)],301})]
</BOUCLE_content>

7
content/rubrique-plus.xml

@ -0,0 +1,7 @@
<composition>
<nom>Rubrique + du BIJ</nom>
<description>Composition adaptée pour les rubriques + du BIJ.</description>
<icon>images/objet-simple.png</icon>
<branche type="rubrique" composition="plus" />
<branche type="article" composition="plus" />
</composition>

3
content/rubrique.html

@ -0,0 +1,3 @@
<section>
<!--noisettes-->
</section>

5
content/rubrique.xml

@ -0,0 +1,5 @@
<page>
<nom><:zgala:page_titre_rubrique:></nom>
<description><:zgala:page_description_rubrique:></description>
<icon>rubrique.png</icon>
</page>

4
content/rubrique.yaml

@ -0,0 +1,4 @@
# toutes les options possible dans le XML actuel sauf les blocs qui sont vus autrement
nom: '<:zgala:page_titre_rubrique:>'
description: '<:zgala:page_description_rubrique:>'
icon: 'rubrique.png'

0
content/sommaire.html

5
content/sommaire.xml

@ -0,0 +1,5 @@
<page>
<nom><:zgala:page_titre_sommaire:></nom>
<description><:zgala:page_description_sommaire:></description>
<icon>sommaire.png</icon>
</page>

115
css/box.css

@ -0,0 +1,115 @@
/*-------------------------------------------------------
SYSTEME DE BOITES - STRUCTURE
---------------------------------------------------------
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
---------------------------------------------------------
*/
/* box standard */
.box {
margin: 10px 0;
}
.box .inner {
position: relative;
}
.box .inner b {
display: inline;
font-size: inherit;
position: static;
}
.box b {
display: block;
font-size: 1%;
position: relative;
background-repeat: no-repeat;
z-index: 10;
}
.box .tl {
background-position: left top;
}
.box .tr {
background-position: right top;
float: right;
}
.box .bl {
background-position: left bottom;
margin-top: -10px;
}
.box .br {
background-position: right bottom;
float: right;
margin-top: -10px;
}
.box .top {
background-position: center top;
}
.box .bottom {
_zoom: 1;
background-position: center bottom;
}
.bd {
padding: 0 10px;
}
.ft {
padding: 5px 10px;
}
.hd {
padding: 5px 10px;
}
.box .tl,
.box .tr,
.box .bl,
.box .br {
float: left;
height: 10px;
width: 10px;
}
/* box de type complex */
.complex {
/* this zoom required for IE5.5 only*/
*position: relative;
*zoom: 1;
overflow: hidden;
}
.complex .tl,
.complex .tr {
/* position/zoom required for IE7, 6, 5.5 */
height: 32000px;
margin-bottom: -32000px;
overflow: hidden;
width: 10px;
}
.complex .bl,
.complex .br {
/* pas de style particulier */
}
.complex .top {
height: 5px;
}
.complex .bottom {
height: 5px;
}
/* box de type pop */
.pop {
background-position: left top;
margin: 10px 10px 20px 20px;
overflow: visible;
}
.pop .inner {
background-position: right bottom;
bottom: -10px;
padding: 10px;
right: -10px;
}
.pop .tl,
.pop .br {
display: none;
}
.pop .bl {
bottom: -10px;
}
.pop .tr {
right: -10px;
}

179
css/box_skins.css

@ -0,0 +1,179 @@
/*-------------------------------------------------------
SYSTEME DE BOITES - HABILLAGE
---------------------------------------------------------
Permet de définir les couleurs des textes, fonds et bords
des boites ooCSS.
---------------------------------------------------------
*/
/* Headers & footers skins for all box */
.bam {
background: #46839B;
color: #ffffff;
font-size: 120%;
padding: 5px 10px;
}
.bam h1,
.bam h2,
.bam h3,
.bam h4,
.bam h5,
.bam h6 {
color: #ffffff;
font-size: 100%;
padding: 0;
}
.topper {
background: #ffffff;
border: 1px solid #eeeeee;
color: #4d4d4d;
font-size: 120%;
padding: 5px 10px;
}
.topper h1,
.topper h2,
.topper h3,
.topper h4,
.topper h5,
.topper h6 {
color: #4d4d4d;
font-size: 100%;
padding: 0;
}
.act {
background-color: #e9e9e9;
}
/* box standard : simple */
.simple .inner {
background-color: #fcfcfc;
border: 1px solid #dddddd;
}
.simple .inner .hd {
/* pas de style particulier */
}
.simple b {
/* pas de style particulier */
}
/* box standard : note */
.note {
border: 1px solid #c2c2c2;
}
.note .inner {
background-color: #f0f0f0;
border: 4px solid #ffffff;
}
.note .inner .hd {
/* pas de style particulier */
}
/* box standard : basic */
.basic {
overflow: hidden;
}
.basic .inner {
margin-bottom: -1px;
padding-bottom: 1px;
}
.basic .inner .hd {
/* pas de style particulier */
}
.basic b {
/* pas de style particulier */
}
/* box standard : important */
.important .inner {
border: 3px solid #f0f0f0;
border-bottom-width: 10px;
}
.important b {
/* pas de style particulier */
}
/* box standard : highlight */
.highlight .inner {
background-color: #e3e36f;
}
/* box standard : inverse */
.inverse .inner {
background-color: #333333;
color: #ffffff;
}
/* box alert */
.error,
.success,
.notice,
.info {
padding: 0.8em;
}
.error .inner,
.success .inner,
.notice .inner,
.info .inner {
background-position: 5px 5px;
background-repeat: no-repeat;
border-radius: 4px;
border: 2px solid;
font-weight: normal;
min-height: 24px;
padding-left: 40px;
}
.success .inner a,
.error .inner a,
.notice .inner a,
.info .inner a {
border-bottom: 1px dotted;
font-weight: bold;
text-decoration: none;
}
.success .inner {
background-color: #dff0d8;
background-image: url("img/message_ok-24.png");
border: 2px solid #d6e9c6;
color: #3c763d;
}
.success .inner a:hover {
background-color: #aad4ab;
}
.success .inner .act {
background-color: #dff0d8;
}
.error .inner {
background-color: #f2dede;
background-image: url("img/message_erreur-24.png");
border: 2px solid #ebccd1;
color: #a94442;
}
.error .inner a:hover {
background-color: #dda8a7;
}
.error .inner .act {
background-color: #f2dede;
}
.notice .inner {
background-color: #fcf8e3;
background-image: url("img/message_notice-24.png");
border: 2px solid #faebcc;
color: #8a6d3b;
}
.notice .inner a:hover {
background-color: #deceb3;
}
.notice .inner .act {
background-color: #fcf8e3;
}
.info .inner {
background-color: #d9edf7;
background-image: url("img/message_info-24.png");
border: 2px solid #bce8f1;
color: #31708f;
}
.info .inner a:hover {
background-color: #aad0e2;
}
.info .inner .act {
background-color: #d9edf7;
}
.info .inner .hd {
/* pas de style particulier */
}
.info b {
/* pas de style particulier */
}

15
css/breadcrumb.css

@ -0,0 +1,15 @@
/*-------------------------------------------------------
FIL D'ARIANE - STRUCTURE
---------------------------------------------------------
Structure uniquement. Les thèmes sont dans theme.less
---------------------------------------------------------
*/
.breadcrumb {
margin: 0 0 1em;
padding: 0.5em 1em;
list-style: none;
}
.breadcrumb > li {
display: inline-block;
}

99
css/clear.css

@ -0,0 +1,99 @@
/* --------------------------------------------------
Composition helpers
[fr] Aides a la composition
(c) 2010-2014 Tiny Typo v1.3.4 - MIT License - tinytypo.tetue.net
----------------------------------------------------- */
/* Box model
[fr] http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas
[en] http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Blocks */
.block {
display: block;
margin-bottom: 1.5em;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
/* Positioning */
.left {
float: left;
}
.right {
float: right;
}
.center {
margin-right: auto;
margin-left: auto;
}
/* Blocks spacer
[fr] Espaceur de blocs : http://romy.tetue.net/657 */
.clear {
clear: both;
}
br.clear {
clear: both;
margin: 0;
padding: 0;
border: 0;
height: 0;
line-height: 1px;
font-size: 1px;
}
hr.clear {
visibility: hidden;
}
/* clearfix : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
.clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* Not visible */
.offscreen {
position: absolute;
left: -999em;
height: 1%;
}
.hidden {
visibility: hidden;
}
.none {
display: none;
}
/* debug */
.todo {
opacity: 0.5;
}
.todo:hover {
opacity: 1;
}
.blink {
text-decoration: blink;
}

15
css/font.css

@ -0,0 +1,15 @@
/* --------------------------------------------------
font.css
----------------------------------------------------- */
/* Call your webfonts here
[fr] Appelez vos webfonts ici */
body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
}
@media print {
body {
font-family: Helvetica, Arial, sans-serif;
}
}

35
css/form.css

@ -0,0 +1,35 @@
/* --------------------------------------------------------------
form.css
Base pour formulaires
Cf.: http://contrib.spip.net/3820
-------------------------------------------------------------- */
input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
legend { font-weight: bold; }
/* Hand cursor on clickable input elements */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { background-color: #fff; margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }
button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
/* Print */
@media print {
form { display: none; }
}
/* end */

BIN
css/img/message_erreur-24.png

After

Width: 24  |  Height: 24  |  Size: 762 B

BIN
css/img/message_info-24.png

After

Width: 24  |  Height: 24  |  Size: 573 B

BIN
css/img/message_notice-24.png

After

Width: 24  |  Height: 24  |  Size: 339 B

BIN
css/img/message_ok-24.png

After

Width: 22  |  Height: 22  |  Size: 461 B

24
css/layouts/gala_01.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 25%;
margin-right: 25%;
}
.aside {
float: left;
width: 25%;
margin-left: -100%;
}
.extra {
float: left;
width: 25%;
margin-left: -25%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_02.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 25%;
margin-right: 25%;
}
.aside {
float: left;
width: 25%;
margin-left: -25%;
}
.extra {
float: left;
width: 25%;
margin-left: -100%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_03.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 50%;
}
.aside {
float: left;
width: 25%;
margin-left: -50%;
}
.extra {
float: left;
width: 25%;
margin-left: -25%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_04.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 50%;
}
.aside {
float: left;
width: 25%;
margin-left: -25%;
}
.extra {
float: left;
width: 25%;
margin-left: -50%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_05.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 50%;
margin-right: 0;
}
.aside {
float: left;
width: 25%;
margin-left: -100%;
}
.extra {
float: left;
width: 25%;
margin-left: -75%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_06.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 50%;
margin-right: 0;
}
.aside {
float: left;
width: 25%;
margin-left: -75%;
}
.extra {
float: left;
width: 25%;
margin-left: -100%;
}
.footer {
clear: left;
width: 100%;
}

28
css/layouts/gala_07.css

@ -0,0 +1,28 @@
.page {
margin: 0 auto;
width: 960px;
}
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 150px;
margin-right: 150px;
}
.aside {
float: left;
width: 150px;
margin-left: -960px;
}
.extra {
float: left;
width: 150px;
margin-left: -150px;
}
.footer {
clear: left;
width: 100%;
}

28
css/layouts/gala_08.css

@ -0,0 +1,28 @@
.page {
margin: 0 auto;
width: 960px;
}
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 150px;
margin-right: 150px;
}
.aside {
float: left;
width: 150px;
margin-left: -150px;
}
.extra {
float: left;
width: 150px;
margin-left: -960px;
}
.footer {
clear: left;
width: 100%;
}

28
css/layouts/gala_09.css

@ -0,0 +1,28 @@
.page {
margin: 0 auto;
width: 960px;
}
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 300px;
}
.aside {
float: left;
width: 150px;
margin-left: -300px;
}
.extra {
float: left;
width: 150px;
margin-left: -150px;
}
.footer {
clear: left;
width: 100%;
}

28
css/layouts/gala_10.css

@ -0,0 +1,28 @@
.page {
margin: 0 auto;
width: 960px;
}
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 300px;
}
.aside {
float: left;
width: 150px;
margin-left: -150px;
}
.extra {
float: left;
width: 150px;
margin-left: -300px;
}
.footer {
clear: left;
width: 100%;
}

28
css/layouts/gala_11.css

@ -0,0 +1,28 @@
.page {
margin: 0 auto;
width: 960px;
}
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 300px;
margin-right: 0;
}
.aside {
float: left;
width: 150px;
margin-left: -960px;
}
.extra {
float: left;
width: 150px;
margin-left: -810px;
}
.footer {
clear: left;
width: 100%;
}

28
css/layouts/gala_12.css

@ -0,0 +1,28 @@
.page {
margin: 0 auto;
width: 960px;
}
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 300px;
margin-right: 0;
}
.aside {
float: left;
width: 150px;
margin-left: -810px;
}
.extra {
float: left;
width: 150px;
margin-left: -960px;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_13.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 150px;
margin-right: 150px;
}
.aside {
float: left;
width: 150px;
margin-left: -100%;
}
.extra {
float: left;
width: 150px;
margin-left: -150px;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_14.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 150px;
margin-right: 150px;
}
.aside {
float: left;
width: 150px;
margin-left: -150px;
}
.extra {
float: left;
width: 150px;
margin-left: -100%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_15.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 300px;
}
.aside {
float: left;
width: 150px;
margin-left: -300px;
}
.extra {
float: left;
width: 150px;
margin-left: -150px;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_16.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 300px;
}
.aside {
float: left;
width: 150px;
margin-left: -150px;
}
.extra {
float: left;
width: 150px;
margin-left: -300px;
}
.footer {
clear: left;
width: 100%;
}

23
css/layouts/gala_17.css

@ -0,0 +1,23 @@
.wrapper {
float: left;
width: 100%;
margin-left: -300px;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 300px;
margin-right: 0;
}
.aside {
float: right;
width: 150px;
}
.extra {
float: right;
width: 150px;
}
.footer {
clear: right;
width: 100%;
}

23
css/layouts/gala_18.css

@ -0,0 +1,23 @@
.wrapper {
float: left;
width: 100%;
margin-left: -300px;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 300px;
margin-right: 0;
}
.aside {
float: left;
width: 150px;
}
.extra {
float: right;
width: 150px;
}
.footer {
clear: both;
width: 100%;
}

24
css/layouts/gala_19.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 150px;
margin-right: 25%;
}
.aside {
float: left;
width: 150px;
margin-left: -100%;
}
.extra {
float: left;
width: 25%;
margin-left: -25%;
}
.footer {
clear: left;
width: 100%;
}

24
css/layouts/gala_20.css

@ -0,0 +1,24 @@
.wrapper {
float: left;
width: 100%;
}
.content {
margin-top: 0;
margin-bottom: 0;
margin-left: 25%;
margin-right: 150px;
}
.aside {
float: left;
width: 25%;
margin-left: -100%;
}
.extra {
float: left;