Browse Source

Ajout du thème Education nationale 2020, modifications sur les scripts de formulaires (des ajouts, des corrections), modifications dans la gestion des CSS, notamment des appels aux polices, pour une meilleure prise en compte de la compression, incrémentation de version

master v0.4.25
Olivier Gautier 8 months ago
parent
commit
946ad60edc
  1. 615
      Travaux sur layout pour Charte académique.txt
  2. 30
      aside/agenda.html
  3. 6
      breadcrumb/sites.html
  4. 2
      contact.html
  5. 484
      css/spipr_dist.lessOLD
  6. 160
      css/spipr_educ.less.html
  7. 34
      extra/agenda.html
  8. 22
      formulaires/recherche.html
  9. 5
      formulaires/spipr_educ_config_fichier_fond.html
  10. 11
      formulaires/spipr_educ_configure_sommaire_carousel.html
  11. 2
      formulaires/spipr_educ_configure_sommaire_carousel.php
  12. 4
      formulaires/spipr_educ_presente_images_fond.html
  13. 2
      formulaires/spipr_educ_presente_images_fond.php
  14. 32
      formulaires/spipr_educ_recherche_educnat.html
  15. 30
      formulaires/spipr_educ_recherche_educnat.php
  16. 35
      formulaires/spipr_educ_themes_educnat.html
  17. 34
      formulaires/spipr_educ_themes_educnat.php
  18. 2
      formulaires/spipr_educ_themes_institution.html
  19. 4
      head/agenda.html
  20. 4
      head/mentions.html
  21. 2
      inc/spipr_educ_definitions_graphisme.php
  22. 1879
      inc/spipr_educ_definitions_themes.php
  23. 9
      inc/spipr_educ_deplacement_bloc.php
  24. 7
      inc/spipr_educ_structure_responsive.php
  25. 50
      inclure/agenda-evenements-article.html
  26. 36
      inclure/agenda-evenements-une.html
  27. 1
      inclure/documents.html
  28. 24
      inclure/head.html
  29. 68
      inclure/nav-secteurs.html
  30. 8
      inclure/nav.html
  31. 34
      inclure/resume/breve.html
  32. 40
      inclure/resume/site.html
  33. 70
      inclure/selection-carousel.html
  34. 6
      inclure/tweets.html
  35. 2
      js/dyslexie.js
  36. 5
      lang/spipr_educ_fr.php
  37. 26
      liste/breves-recherche.html
  38. 22
      liste/breves-resume.html
  39. 18
      liste/syndics.html
  40. 24
      liste/videos.html
  41. 2
      noisettes/rubrique/rubrique_articles.html
  42. 4
      noisettes/sommaire/sommaire_carousel.html
  43. 4
      paquet.xml
  44. 11
      prive/squelettes/contenu/spipr_educ_configure_bloc.html
  45. 3
      prive/squelettes/contenu/spipr_educ_themes.html
  46. 4
      spipr_educ_pipeline.php
  47. 8
      themes/educnat/aside/mot.html
  48. 24
      themes/educnat/body.html
  49. 127
      themes/educnat/content/mot.html
  50. 57
      themes/educnat/content/plan.html
  51. 70
      themes/educnat/content/recherche.html
  52. BIN
      themes/educnat/css/fonts/archive-regular-webfont.woff
  53. BIN
      themes/educnat/css/fonts/archive-regular-webfont.woff2
  54. BIN
      themes/educnat/css/fonts/icomoon.eot
  55. 37
      themes/educnat/css/fonts/icomoon.svg
  56. BIN
      themes/educnat/css/fonts/icomoon.ttf
  57. BIN
      themes/educnat/css/fonts/icomoon.woff
  58. BIN
      themes/educnat/css/fonts/roboto-bold-webfont.woff
  59. BIN
      themes/educnat/css/fonts/roboto-bold-webfont.woff2
  60. BIN
      themes/educnat/css/fonts/roboto-medium-webfont.woff
  61. BIN
      themes/educnat/css/fonts/roboto-medium-webfont.woff2
  62. BIN
      themes/educnat/css/fonts/roboto-regular-webfont.woff
  63. BIN
      themes/educnat/css/fonts/roboto-regular-webfont.woff2
  64. 29
      themes/educnat/extra/mot.html
  65. 12
      themes/educnat/head_js/article.html
  66. 12
      themes/educnat/head_js/auteur.html
  67. 12
      themes/educnat/head_js/breve.html
  68. 12
      themes/educnat/head_js/dist.html
  69. 12
      themes/educnat/head_js/rubrique.html
  70. 12
      themes/educnat/head_js/site.html
  71. 13
      themes/educnat/head_js/sommaire.html
  72. BIN
      themes/educnat/images/educnat.png
  73. BIN
      themes/educnat/images/mariane.png
  74. 16
      themes/educnat/images/mariane.svg
  75. BIN
      themes/educnat/img/lecture.png
  76. BIN
      themes/educnat/img/pause.png
  77. 85
      themes/educnat/js/educnat.js
  78. 81
      themes/educnat/js/spipr-educ.js
  79. 29
      themes/educnat/noisettes/article/article_cartouche.html
  80. 14
      themes/educnat/noisettes/article/article_contenu.html
  81. 1
      themes/educnat/noisettes/article/article_recherche.html
  82. 53
      themes/educnat/noisettes/auteur/auteur_articles.html
  83. 1
      themes/educnat/noisettes/auteur/auteur_recherche.html
  84. 1
      themes/educnat/noisettes/autre/autre_recherche.html
  85. 1
      themes/educnat/noisettes/breve/breve_recherche.html
  86. 92
      themes/educnat/noisettes/commun/footer_dist.html
  87. 7
      themes/educnat/noisettes/commun/header_dist.html
  88. 64
      themes/educnat/noisettes/commun/nav-secteurs-spipr.html
  89. 82
      themes/educnat/noisettes/commun/spipr_dane.js.html
  90. 29
      themes/educnat/noisettes/commun/spipr_educ_bloc_logos.html
  91. 50
      themes/educnat/noisettes/rubrique/rubrique_articles.html
  92. 1
      themes/educnat/noisettes/rubrique/rubrique_recherche.html
  93. 28
      themes/educnat/noisettes/rubrique/rubrique_titre.html
  94. 1
      themes/educnat/noisettes/site/site_recherche.html
  95. 18
      themes/educnat/noisettes/sommaire/presentation_article.html
  96. 171
      themes/educnat/noisettes/sommaire/sommaire_carousel.html
  97. 77
      themes/educnat/noisettes/sommaire/sommaire_derniers_articles.html
  98. 27
      themes/educnat/noisettes/sommaire/sommaire_recherche.html
  99. 49
      themes/educnat/popin_accessibilite.html
  100. 3
      themes/spipr_institution/js/menu_spipr_institution.js

615
Travaux sur layout pour Charte académique.txt

@ -0,0 +1,615 @@
Dimension des frames selon tailles et type :
Sur largeur 1200px :
@gridColumns: 12;
@gridColumnWidth1200: 70px;
@gridGutterWidth1200: 30px;
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
(12 * 70) + 30 * 11 = 840 + 330 = 1170
- layout 7 :
Base : Width total : 1170px
.core(@NcolContent = 6, @NcolAside = 3, @NcolExtra = 3, @gridColumnWidth = 70px, @gridGutterWidth = 30px) {
#container{margin:0 auto}
#wrapper{float:left;width:100%=1170px;margin-left: 0;}
#content{
float: inherit;
margin:0;
width: (70 * 6) + (30 * (5)) = 420 + 150 = 570;
margin-left correspond à la largeur de aside + 1 largeur de Gutter :(70 * 3) + (30 * (3));
margin-right correspond à la largeur de extra + 1 largeur de Gutter:(70 * 3) + (30 * (3));
}
#aside{
clear: none;
float: left;
width: (70 * 3) + (30 * (2)) = 210 + 60 = 270;
margin-left: -((70 * (12 = @NcolAside+@NcolExtra+@NcolContent)) + (30 * (@NcolAside+@NcolExtra+@NcolContent - 1)));
= - (840 + 330) = -1170
}
#extra{
clear: none;
float: left;
width: (70 * 3) + (30 * (2)) = 270;
margin-left: -((70 * 3) + (30 * (3 - 1)));
= -(210 + 60) = -270
}
#footer{clear:left;width:100%}
}
}
Passage en charte académique :
- prévoir un écart de 30px à gauche de aside => #aside margin-left=-1140
- prévoir un écart de 30px à droite de extra et une réduction de largeur de 60px pour compenser les 2 écarts précédents => #extra width=210 et margin-left=-240
- déplacer #contenu de 30px vers la droite => #content margin-left=330
En CSS :
@media (min-width: 1200px) {
#aside {
margin-left:-1140px;
}
#extra {
width:210px;
margin-left:-240px;
}
#content {
margin-left:330px;
}
}
Layout 8 : Idem mais inverser #extra et #aside mais en grossisant
En CSS :
@media (min-width: 1200px) {
#extra {
margin-left:-1140px;
width:210px;
}
#aside {
margin-left:-300px;
}
#content {
margin-left:270px;
}
}
Layout 9 :
@media (min-width: 1200px) {
#extra {
width:210px;
margin-left:-240px;
}
#aside {
margin-left:-540px;
}
#content {
margin-left:30px;
}
}
Layout 10 :
@media (min-width: 1200px) {
#extra {
width:210px;
margin-left:-540px;
}
#aside {
margin-left:-300px;
}
#content {
margin-left:30px;
}
}
Layout 11 :
@media (min-width: 1200px) {
#extra {
width:210px;
margin-left:-840px;
}
#aside {
margin-left:-1140px;
}
#content {
margin-left:570px;
}
}
Layout 12 :
@media (min-width: 1200px) {
#extra {
width:210px;
margin-left:-1140px;
}
#aside {
margin-left:-900px;
}
#content {
margin-left:570px;
}
}
Layout 33 :
@media (min-width: 1200px) {
#extra {
width:310px;
margin-right:30px;
}
#aside {
width:310px;
margin-right:30px;
}
#content {
margin-left:30px;
}
}
Layout 34 :
@media (min-width: 1200px) {
#extra {
width:310px;
margin-left:30px;
}
#aside {
width:310px;
margin-left:30px;
}
#content {
margin-right:30px;
}
}
Layout 35 :
@media (min-width: 1200px) {
#extra {
width:770px;
margin-left:30px;
}
#aside {
width:310px;
margin-right:30px;
}
#content {
margin-left:30px;
}
}
Layout 36 :
@media (min-width: 1200px) {
#extra {
width:770px;
margin-left:30px;
}
#aside {
width:310px;
margin-right:30px;
}
#content {
margin-left:30px;
}
}
Layout 37 :
@media (min-width: 1200px) {
#extra {
width:1110px;
margin-right:30px;
margin-left:30px;
}
#aside {
width:310px;
margin-right:30px;
}
#content {
margin-left:30px;
}
}
Layout 38 :
@media (min-width: 1200px) {
#extra {
width:1110px;
margin-right:30px;
margin-left:30px;
}
#aside {
width:310px;
margin-left:30px;
}
#content {
margin-left:30px;
margin-right:30px;
}
}
Sur largeur 980px à 1200px :
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
(12 * 60) + 20 * 11 = 720 + 220 = 940
- layout 7 :
Base : Width total : 940px
.core(@NcolContent = 6, @NcolAside = 3, @NcolExtra = 3, @gridColumnWidth = 60px, @gridGutterWidth = 20px) {
#container{margin:0 auto}
#wrapper{float:left;width:100%=940px;margin-left: 0;}
#content{
float: inherit;
margin:0;
width: (60 * 6) + (20 * (5)) = 360 + 100 = 460;
margin-left correspond à la largeur de aside + 1 largeur de Gutter :(60 * 3) + (20 * (3)) soit 240px;
margin-right correspond à la largeur de extra + 1 largeur de Gutter:(60 * 3) + (20 * (3)) soit 240px;
}
#aside{
clear: none;
float: left;
width: (60 * 3) + (20 * (2)) = 180 + 40 = 220;
margin-left: -((60 * (12 = @NcolAside+@NcolExtra+@NcolContent)) + (20 * (@NcolAside+@NcolExtra+@NcolContent - 1)));
= - (720 + 220) = -940
}
#extra{
clear: none;
float: left;
width: (60 * 3) + (20 * (2)) = 220;
margin-left: -((60 * 3) + (20 * (3 - 1)));
= -(180 + 40) = -220
}
#footer{clear:left;width:100%}
}
}
Passage en charte académique :
- prévoir un écart de 20px à gauche de aside => #aside margin-left=-920
- prévoir un écart de 20px à droite de extra et une réduction de largeur de 40px pour compenser les 2 écarts précédents => #extra width=180 et margin-left=-200
- déplacer #contenu de 20px vers la droite => #content margin-left=260
En CSS :
@media (min-width: 980px) and (max-width: 1199px) {
#aside {
margin-left:-920px;
}
#extra {
width:180px;
margin-left:-200px;
}
#content {
margin-left:260px;
}
}
Layout 8 : Idem mais inverser #extra et #aside mais en grossisant
En CSS :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
margin-left:-920px;
width:180px;
}
#aside {
margin-left:-240px;
}
#content {
margin-left:220px;
}
}
Layout 9 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:180px;
margin-left:-200px;
}
#aside {
margin-left:-440px;
}
#content {
margin-left:20px;
}
}
Layout 10 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:180px;
margin-left:-440px;
}
#aside {
margin-left:-240px;
}
#content {
margin-left:20px;
}
}
Layout 11 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:180px;
margin-left:-680px;
}
#aside {
margin-left:-920px;
}
#content {
margin-left:460px;
}
}
Layout 12 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:180px;
margin-left:-920px;
}
#aside {
margin-left:-720px;
}
#content {
margin-left:460px;
}
}
Layout 33 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:250px;
margin-right:20px;
}
#aside {
width:250px;
margin-right:20px;
}
#content {
margin-left:20px;
}
}
Layout 34 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:250px;
margin-left:20px;
}
#aside {
width:250px;
margin-left:20px;
}
#content {
margin-right:20px;
}
}
Layout 35 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:620px;
margin-left:20px;
}
#aside {
width:250px;
margin-right:20px;
}
#content {
margin-left:20px;
}
}
Layout 36 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:620px;
margin-right:20px;
}
#aside {
width:250px;
margin-left:20px;
}
#content {
margin-right:20px;
}
}
Layout 37 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:900px;
margin-right:20px;
margin-left:20px;
}
#aside {
width:250px;
margin-right:20px;
}
#content {
margin-left:20px;
}
}
Layout 38 :
@media (min-width: 980px) and (max-width: 1199px) {
#extra {
width:900px;
margin-right:20px;
margin-left:20px;
}
#aside {
width:250px;
margin-left:20px;
}
#content {
margin-right:20px;
}
}
Sur largeur 768px à 979px :
@gridColumnWidth768: 42px;
@gridGutterWidth768: 20px;
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
12 * 42 + 20 * 11 = 504 + 220 = 724
- layout 33 :
Base : Width total : 724px
.core(@NcolContent = 8, @NcolAside = 4, @NcolExtra = 4, @gridColumnWidth = 42px, @gridGutterWidth = 20px) {
#container{margin:0 auto}
#wrapper{float:none;width:100%=724;margin-left: 0;}
#content,#aside,#extra,#footer {.box-sizing(border-box);}
#content{
float:left;
width:(@gridColumnWidth * @NcolContent) + (@gridGutterWidth * (@NcolContent - 1));
42 * 8 + 20 * 7 = 336 + 140 = 476 px
margin-left:0;
margin-right:0;
}
#aside{
float: right;
width: (@gridColumnWidth * @NcolAside) + (@gridGutterWidth * (@NcolAside - 1));
42 * 4 + 20 * 3 = 168 + 60 = 228 px
margin-left:0;
}
#extra{
float: right;
clear: right;
width: (@gridColumnWidth * @NcolExtra) + (@gridGutterWidth * (@NcolExtra - 1));
42 * 4 + 20 * 3 = 168 + 60 = 228 px
margin-left:0;
}
#footer{clear:both;width:100%}
}
Passage en charte académique :
- prévoir un écart de 10px à gauche de content => #content {margin-left:10px;}
- prévoir un écart de 10px à droite de extra et aside et une réduction de largeur de 20px pour compenser les 2 écarts précédents => #extra {width:208px; margin-right:10px;} #aside {width:208px; margin-right:10px;}
- ajouter une marge de 10px gauche/droite dans l'entête et le pied pour aligner avec les colonnes de contenu => .header .spip_logos {margin-left:10px;}
.footer {padding-left:20px;padding-right:10px;}
En CSS :
@media (min-width: 768px) and (max-width: 979px) {
#aside {width:208px; margin-right:10px;}
#extra {width:208px; margin-right:10px;}
#content {margin-left:10px;}
.header .spip_logos {margin-left:10px;}
.footer {padding-left:10px;padding-right:10px;}
}
- Layout 34 :
@media (min-width: 768px) and (max-width: 979px) {
#aside {width:208px; margin-left:10px;}
#extra {width:208px; margin-left:10px;}
#content {margin-right:10px;}
.header .spip_logos {margin-left:10px;}
.footer {padding-left:10px;padding-right:10px;}
}
35, 36, 37, et 38 directement dans le fichier php.
- Layout 39 :
.core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth) {
#container{margin:0 auto}
#wrapper {float: none;}
#content,#aside,#extra,#footer {.box-sizing(border-box);}
#content{
float: none;
width:(@gridColumnWidth * @NcolContent) + (@gridGutterWidth * (@NcolContent - 1));
724px
margin-left:0;
margin-right:0;
}
#aside{
clear: none;
float: left;
width: (@gridColumnWidth * @NcolAside) + (@gridGutterWidth * (@NcolAside - 1));
42 * 6 + 20 * 5 = 240 + 12 + 100 = 352
margin: 0;
}
#extra{
clear: none;
float: right;
width: (@gridColumnWidth * @NcolExtra) + (@gridGutterWidth * (@NcolExtra - 1));
42 * 6 + 20 * 5 = 240 + 12 + 100 = 352
margin: 0;
}
#footer{clear:both;width:100%}
}
A modifier en :
@media (min-width: 768px) and (max-width: 979px) {
#content {width:704px; margin-left:10px; margin-right:10px;}
#aside {margin-left:10px; width:342px;}
#extra {margin-right:10px; width:342px;}
#footer{padding-left:10px;padding-right:10px;}
.header .spip_logos {margin-left:10px;}
}
- Layout 40 :
@media (min-width: 768px) and (max-width: 979px) {
#content {width:704px; margin-left:10px; margin-right:10px;}
#aside {margin-right:10px; width:342px;}
#extra {margin-left:10px; width:342px;}
#footer{padding-left:10px;padding-right:10px;}
.header .spip_logos {margin-left:10px;}
}
Pour une largeur comprise entre 450px et 767px :
-Layout 27 :
.core(@WcolContent, @WcolAside, @WcolExtra, @gridColumnWidth, @gridGutterWidth) {
#container{margin:0 auto}
#wrapper {float: none;}
#content,#aside,#extra,#footer {.box-sizing(border-box);}
#content{
float: none;
width: @WcolContent;
auto;
margin-left: 0;
margin-right: 0;
}
#aside{
clear: both;
float: left;
width: @WcolAside;
48%
margin: 0;
}
#extra{
clear: none;
float: right;
width: @WcolExtra;
48%
margin: 0;
}
#footer{clear:both;width:100%}
}
@media (min-width: 451px) and (max-width: 767px) {
#content {width:96%; margin-left:1.99%; margin-right:1.99%;}
#extra {width:46%; margin-right:1.99%;}
#aside {width:46%; margin-left:1.99%;}
#footer{padding-left:1.99%; padding-right:1.99%;}
.header .spip_logos {margin-left:1.99%;}
}
-Layout 28 :
@media (min-width: 451px) and (max-width: 767px) {
#content {width:96%; margin-left:1.99%; margin-right:1.99%;}
#extra {width:46%; margin-left:1.99%;}
#aside {width:46%; margin-right:1.99%;}
#footer{padding-left:1.99%; padding-right:1.99%;}
.header .spip_logos {margin-left:1.99%;}
}
Pour une largeur inférieure ou égale à 449px :
@media (max-width: 450px) {
#content, #aside, #extra {width:94%; margin-left:1.99%; margin-right:1.99%; padding-left:0; padding-right:0;}
#footer{padding-left:1.99%; padding-right:1.99%;}
.header .spip_logos {margin-left:1.99%;}
}

30
aside/agenda.html

@ -1,16 +1,16 @@
[(#REM)
Squelette
(c) 2009 xxx
Distribue sous licence GPL
]
#SET{id_article,#ENV{id_article,''}}
<BOUCLE_ev(EVENEMENTS){id_evenement}>
#CALENDRIER_MINI{#DATE_DEBUT,date_debut,#URL_PAGE{jour},#URL_PAGE{calendrier_mini_event.json,id_article=#ID_ARTICLE}}
#SET{id_article,#ID_ARTICLE}
</BOUCLE_ev>
#CALENDRIER_MINI{#DATE_DEBUT,date_debut,#URL_PAGE{jour},#URL_PAGE{calendrier_mini_event.json}|parametre_url{id_article,#GET{id_article}}|parametre_url{id_rubrique,#GET{id_rubrique}}}
<//B_ev>
[(#REM)
Squelette
(c) 2009 xxx
Distribue sous licence GPL
]
#SET{id_article,#ENV{id_article,''}}
<BOUCLE_ev(EVENEMENTS){id_evenement}>
#CALENDRIER_MINI{#DATE_DEBUT,date_debut,#URL_PAGE{jour},#URL_PAGE{calendrier_mini_event.json,id_article=#ID_ARTICLE}}
#SET{id_article,#ID_ARTICLE}
</BOUCLE_ev>
#CALENDRIER_MINI{#DATE_DEBUT,date_debut,#URL_PAGE{jour},#URL_PAGE{calendrier_mini_event.json}|parametre_url{id_article,#GET{id_article}}|parametre_url{id_rubrique,#GET{id_rubrique}}}
<//B_ev>
<INCLURE{fond=inclure/agenda-evenements-meme-article,id_article=#GET{id_article},env,ajax} />

6
breadcrumb/sites.html

@ -1,4 +1,4 @@
<ul class="breadcrumb">
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> &gt; </span></li>
<li class="active"><span><:spipr_educ:selection_liens:></span></li>
<ul class="breadcrumb">
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> &gt; </span></li>
<li class="active"><span><:spipr_educ:selection_liens:></span></li>
</ul>

2
contact.html

@ -1,2 +1,2 @@
[(#HTTP_HEADER{Location: [(#URL_AUTEUR{#CONFIG{eva_mentions/idwebmaster}})]})]
[(#HTTP_HEADER{Location: [(#URL_AUTEUR{#CONFIG{eva_mentions/idwebmaster}})]})]
#HTTP_HEADER{HTTP/1.1 301 Moved Permanently}#HTTP_HEADER{Status: 301 Moved Permanently}

484
css/spipr_dist.lessOLD

@ -0,0 +1,484 @@
@import "css/navbar.less";
@import "css/navs.less";
@import "css/responsive-navbar.less";
@import "css/responsive-utilities.less";
@import "css/dropdowns.less";
@import "css/spip.variables.less";
@import "css/mixins.less";
/* Ici les variables issues de bootstrap2, fichier d'origine variables.less */
//
// Variables
// --------------------------------------------------
// Global values
// --------------------------------------------------
// Grays
// -------------------------
@black: #000;
@grayDarker: #222;
@grayDark: #333;
@gray: #555;
@grayLight: #999;
@grayLighter: #eee;
@white: #fff;
// Accent colors
// -------------------------
@blue: #049cdb;
@blueDark: #0064cd;
@green: #46a546;
@red: #9d261d;
@yellow: #ffc40d;
@orange: #f89406;
@pink: #c3325f;
@purple: #7a43b6;
// Scaffolding
// -------------------------
@bodyBackground: @white;
@textColor: @grayDark;
// Links
// -------------------------
@linkColor: #900;
@linkColorHover: darken(@linkColor, 15%);
// Typography
// -------------------------
@sansFontFamily: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
@serifFontFamily: Georgia, Cambria, "Times New Roman", Times, serif;
@monoFontFamily: "Courier New", Courier, monospace;
@baseFontSize: 14px;
@baseFontFamily: @serifFontFamily;
@baseLineHeight: 20px;
@altFontFamily: @sansFontFamily;
@headingsFontFamily: @baseFontFamily; // empty to use BS default, @baseFontFamily
@headingsFontWeight: normal; // instead of browser default, bold
@headingsColor: inherit; // empty to use BS default, @textColor
// Component sizing
// -------------------------
// Based on 14px font-size and 20px line-height
@fontSizeLarge: @baseFontSize * 1.25; // ~18px
@fontSizeSmall: @baseFontSize * 0.85; // ~12px
@fontSizeMini: @baseFontSize * 0.75; // ~11px
@paddingLarge: 11px 19px; // 44px
@paddingSmall: 2px 10px; // 26px
@paddingMini: 0 6px; // 22px
@baseBorderRadius: 4px;
@borderRadiusLarge: 6px;
@borderRadiusSmall: 3px;
// Tables
// -------------------------
@tableBackground: transparent; // overall background-color
@tableBackgroundAccent: #f9f9f9; // for striping
@tableBackgroundHover: #f5f5f5; // for hover
@tableBorder: #ddd; // table and cell border
// Buttons
// -------------------------
@btnBackground: @white;
@btnBackgroundHighlight: darken(@white, 10%);
@btnBorder: #bbb;
@btnPrimaryBackground: @linkColor;
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
@btnInfoBackground: #5bc0de;
@btnInfoBackgroundHighlight: #2f96b4;
@btnSuccessBackground: #62c462;
@btnSuccessBackgroundHighlight: #51a351;
@btnWarningBackground: lighten(@orange, 15%);
@btnWarningBackgroundHighlight: @orange;
@btnDangerBackground: #ee5f5b;
@btnDangerBackgroundHighlight: #bd362f;
@btnInverseBackground: #444;
@btnInverseBackgroundHighlight: @grayDarker;
// Forms
// -------------------------
@inputBackground: @white;
@inputBorder: #ccc;
@inputBorderRadius: @baseBorderRadius;
@inputDisabledBackground: @grayLighter;
@formActionsBackground: #f5f5f5;
@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
// Dropdowns
// -------------------------
@dropdownBackground: @white;
@dropdownBorder: rgba(0,0,0,.2);
@dropdownDividerTop: #e5e5e5;
@dropdownDividerBottom: @white;
@dropdownLinkColor: @grayDark;
@dropdownLinkColorHover: @white;
@dropdownLinkColorActive: @white;
@dropdownLinkBackgroundActive: @linkColor;
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
// COMPONENT VARIABLES
// --------------------------------------------------
// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
@zindexDropdown: 1000;
@zindexPopover: 1010;
@zindexTooltip: 1030;
@zindexFixedNavbar: 1030;
@zindexModalBackdrop: 1040;
@zindexModal: 1050;
// Sprite icons path
// -------------------------
@iconSpritePath: "./img/sprite.png";
@iconWhiteSpritePath: "./img/sprite.png";
// Input placeholder text color
// -------------------------
@placeholderText: @grayLight;
// Hr border color
// -------------------------
@hrBorder: @grayLighter;
// Horizontal forms & lists
// -------------------------
@horizontalComponentOffset: 180px;
// Wells
// -------------------------
@wellBackground: #f5f5f5;
// Navbar
// -------------------------
@navbarCollapseWidth: 767px;
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
@navbarHeight: 40px;
@navbarBackgroundHighlight: #ffffff;
@navbarBackground: darken(@navbarBackgroundHighlight, 5%);
@navbarBorder: darken(@navbarBackground, 12%);
@navbarText: #777;
@navbarLinkColor: #777;
@navbarLinkColorHover: @grayDark;
@navbarLinkColorActive: @gray;
@navbarLinkBackgroundHover: transparent;
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
@navbarBrandColor: @navbarLinkColor;
// Inverted navbar
@navbarInverseBackground: #111111;
@navbarInverseBackgroundHighlight: #222222;
@navbarInverseBorder: #252525;
@navbarInverseText: @grayLight;
@navbarInverseLinkColor: @grayLight;
@navbarInverseLinkColorHover: @white;
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover: @navbarBackground/2;
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus: @white;
@navbarInverseSearchBorder: @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor: #ccc;
@navbarInverseBrandColor: @navbarInverseLinkColor;
// Pagination
// -------------------------
@paginationBackground: #fff;
@paginationBorder: #ddd;
@paginationActiveBackground: #f5f5f5;
// Hero unit
// -------------------------
@heroUnitBackground: @grayLighter;
@heroUnitHeadingColor: inherit;
@heroUnitLeadColor: inherit;
// Form states and alerts
// -------------------------
@warningText: #c09853;
@warningBackground: #fcf8e3;
@warningBorder: darken(spin(@warningBackground, -10), 3%);
@errorText: #b94a48;
@errorBackground: #f2dede;
@errorBorder: darken(spin(@errorBackground, -10), 3%);
@successText: #468847;
@successBackground: #dff0d8;
@successBorder: darken(spin(@successBackground, -10), 5%);
@infoText: #3a87ad;
@infoBackground: #d9edf7;
@infoBorder: darken(spin(@infoBackground, -10), 7%);
// Tooltips and popovers
// -------------------------
@tooltipColor: #fff;
@tooltipBackground: #000;
@tooltipArrowWidth: 5px;
@tooltipArrowColor: @tooltipBackground;
@popoverBackground: #fff;
@popoverArrowWidth: 10px;
@popoverArrowColor: #fff;
@popoverTitleBackground: darken(@popoverBackground, 3%);
// Special enhancement for popovers
@popoverArrowOuterWidth: @popoverArrowWidth + 1;
@popoverArrowOuterColor: rgba(0,0,0,.25);
// GRID
// --------------------------------------------------
// Default 940px grid
// -------------------------
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
// 1200px min
@gridColumnWidth1200: 70px;
@gridGutterWidth1200: 30px;
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
// 768px-979px
@gridColumnWidth768: 42px;
@gridGutterWidth768: 20px;
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
// Fluid grid
// -------------------------
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
// 1200px min
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
// 768px-979px
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
/* Quelques éléments spécifiques à SPIPr */
.header {position: relative;}
.header .accueil a {color: inherit;}
.header .spip_logos {float:left;margin: @paddingLarge;margin-left: 0;margin-top:0;}
.header .accueil {}
#logo_site_spip {line-height: 1em;}
#slogan_site_spip {display: block;}
.header .formulaire_menu_lang {width: 100%;}
.header .formulaire_menu_lang select {width: 100%;}
.hero-unit .postmeta {clear: both;}
.formulaire_recherche,.secondary .formulaire_recherche {padding-right: 42px+2*14px;} /* provisionner la largeur du bouton+padding sur le input.search */
.formulaire_recherche form .input-append {width:100%;}
.formulaire_recherche form input.search {width:100%;}
.footer {
.clearfix;
margin-top:4em;
padding-top: 2em;
border-top:2px solid;
padding-bottom: 2em;
margin-bottom:0;
text-align: left;
position:relative;
.colophon {padding-right: 100px}
.generator {position: absolute;top:2em;right:0;max-width: 100px;}
}
.cartouche {margin-bottom: @emLineHeight;}
.content.primary {min-height: 320px;}
.content {
.postmeta .tags .inline {display: inline;}
}
.page_sommaire .breadcrumb {display: none}
#nav > .navbar-inner {padding-left: 0;padding-right: 0}
/* Pour NavBar, en provenance de SPIPr-educ */
/* surcharge des règles issue de bootstrap + on surcharge les images dans le /img de notre dossier css */
[class^="icon-"],
[class*=" icon-"]{
background-image:url("@{iconSpritePath}");
margin-top: 3px;
}
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"]{
background-image:url("@{iconWhiteSpritePath}");
}
.navbar .nav > li > a {padding: 9px 10px;}
.navbar .nav > li.item-picto > a {padding: 9px 15px;}
/* icones en sprite css */
[class^="icon-nav"], [class*=" icon-nav"]{
background-image:url("./img/sprite.png");
height:22px;
width:22px;
background-repeat:no-repeat;
display:inline-block;
vertical-align:text-top;
margin:0;
&:hover{background-color:@grayDark;}
}
.icone{
display: inline-block;
vertical-align: middle;
padding:5px;
width: 30px;
height: 30px;
.border-radius(20px);
background-color: @blue ;
&:hover,&:active,&:focus{background-color: @blue ;}
}
#nav{
.menu-container{
border-top:1px solid @blue;
border-bottom:1px solid @blue;
.border-radius(0);
.nav{
margin:0 auto;
float:none;
.dropdown-menu {
min-width: 240px;
.border-radius(@baseBorderRadius);
.box-shadow(0 2px 2px rgba(0,0,0,.2));
}
.item{
li.item{
text-transform:none;
background:none;
list-style: none;
a{
display: block;
&:hover,&:focus,&:active{background-color:@blue;color:@white;}
}
}
&.tout_voir{text-align:right;}
.on,&.on{font-weight: normal;}
&.item-picto {
>a{
&.icon-nav-home{
background-position:12px -30px;
&:hover,&:focus,&:active{background-position:12px 9px;}
}
&.icon-nav-calendar{
background-position:-25px -30px;
&:hover,&:focus,&:active{background-position:-27px 9px;}
}
&.icon-nav-contact{
background-position:-187px -30px;
&:hover,&:focus,&:active{background-position:-187px 9px;}
}
&.icon-nav-themes{
background-position:-266px -30px;
&:hover,&:focus,&:active{background-position:-266px 9px;}
}
&.icon-nav-star{
background-position:-228px -30px;
&:hover,&:focus,&:active{background-position:-228px 9px;}
}
}
}
}
}
}
}
/* Gestion des layoutgala */
@import "css/layoutgala/9";
@import "css/layoutgala/33";
@import "css/layoutgala/27";
/* par defaut : 2 colonnes en largeurs fixes */
#layoutgala33 > .core(8,4,4,@gridColumnWidth,@gridGutterWidth);
/* largeur>1200px : 3 colonnes en largeurs fixes sur les ecrans larges */
@media (min-width: 1200px) {
#layoutgala9 > .core(6,3,3,@gridColumnWidth1200,@gridGutterWidth1200);
}
/* entre 768px et 979px : 2 colonnes en largeurs fixes, mais grille plus etroite*/
@media (min-width: 768px) and (max-width: 979px) {
#layoutgala33 > .core(8,4,4,@gridColumnWidth768,@gridGutterWidth768);
}
/* largeur < 767px : content en pleine largeur, aside et extra en 2 colonnes en dessous */
@media (max-width: 767px) {
#layoutgala27 > .core(auto,48%,48%,@gridColumnWidth768,@gridGutterWidth768);
}
/* largeur < 450px : on garde le layout de dessus, mais on verticalise tout (content puis aside puis extra) */
@media (max-width: 450px) {
div#aside {float:none;width:100%;}
div#extra {float:none;width:100%;}
}

160
css/spipr_educ.less.html

@ -991,8 +991,8 @@ On agrandit par ailleurs la hauteur du carousel, l'image utilisant toute la haut
</BOUCLE_css_blocs_personnels>
[(#REM) Images de fond]
#SET{les_secteurs_de_fond, #ARRAY{fond_ecran,body,fond_page,.container,fond_entete,#header,fond_barre_menu,#nav .navbar-inner,fond_breadcrumb,ul.breadcrumb,fond_pied,#footer}}
<BOUCLE_image_fond(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom IN fond_ecran,fond_page,fond_entete,fond_barre_menu,fond_breadcrumb,fond_pied}>
#SET{les_secteurs_de_fond, #ARRAY{fond_ecran,body,fond_page,.container,fond_entete,#header,fond_barre_menu,#nav .navbar-inner,fond_breadcrumb,ul.breadcrumb,fond_pied,#footer,fond_recherche,#sommaire_recherche_educnat}}
<BOUCLE_image_fond(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom IN fond_ecran,fond_page,fond_entete,fond_barre_menu,fond_breadcrumb,fond_pied,fond_recherche}>
[(#PARAMETRE1|?{
[(#GET{les_secteurs_de_fond}|table_valeur{#NOM}) {
[background-image : url(#URL_SITE_SPIP/(#EVAL{_DIR_IMG})spipr_educ/#PARAMETRE1)];
@ -1016,7 +1016,11 @@ On agrandit par ailleurs la hauteur du carousel, l'image utilisant toute la haut
line-height:2;
}
}
ul#liste_dyslexie, ul#liste_interlignage {
.texte, .chapo {text-align:justify;}
.accessibilite_justification {
.texte, .chapo {text-align:left;}
}
ul#liste_dyslexie, ul#liste_interlignage, ul#liste_justification {
list-style: none;
li {
input {float:left; width:15%;}
@ -1111,156 +1115,6 @@ ul#liste_dyslexie, ul#liste_interlignage {
[(#REM) Un peu d'espace sous les liens de traduction]
#article_cartouche div.postmeta {margin-bottom:16px;}
[(#REM) Open-dys, Generated by Font Squirrel (https://www.fontsquirrel.com) on June 20, 2016]
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-bolditalic-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-bolditalic-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-bolditalic-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-bolditalic-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-bolditalic-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-bolditalic-webfont.svg})#opendyslexicaltabold_italic]') format('svg');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.svg})#opendyslexicaltaitalic]') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.svg})#opendyslexicaltaregular]') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.eot})?#iefix']) format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.svg})#opendyslexicaltaregular]') format('svg');
font-weight:normal;
font-style:normal;
font-variant:normal;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-italic-webfont.svg})#opendyslexicaltaitalic]') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicalta-regular-webfont.svg})#opendyslexicaltaregular]') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-bolditalic-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-bolditalic-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-bolditalic-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-bolditalic-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-bolditalic-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-bolditalic-webfont.svg})#opendyslexicbold_italic]') format('svg');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.svg})#opendyslexicitalic]') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.svg})#opendyslexicmonoregular]') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-regular-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-regular-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-regular-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-regular-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-regular-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-regular-webfont.svg})#opendyslexicregular]') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexic-italic-webfont.svg})#opendyslexicitalic]') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'opendyslexic';
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.eot})]');
src: url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.eot})?#iefix]') format('embedded-opentype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.woff2})]') format('woff2'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.woff})]') format('woff'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.ttf})]') format('truetype'),
url('[#URL_SITE_SPIP/(#CHEMIN{css/font/opendyslexicmono-regular-webfont.svg})#opendyslexicmonoregular]') format('svg');
font-weight: 400;
font-style: normal;
}
[(#REM) Contraindre le fil Twitter dans sa colonne sous Safari]
.twitter-timeline {
width:100vw !important;

34
extra/agenda.html

@ -1,18 +1,18 @@
[(#REM)
Squelette
(c) 2009 xxx
Distribue sous licence GPL
]
<B_mois>
<div class="liste mois">
#ANCRE_PAGINATION
<ul class="liste-items">
<BOUCLE_mois(EVENEMENTS){!par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}{fusion_par_mois date_debut}{pagination 10}>
<li class="item">[(#SELF|parametre_url{date_debut,#DATE_DEBUT|affdate{Y-m-01}}|lien_ou_expose{#DATE_DEBUT|affdate_mois_annee{},#ENV{date_debut,''}|=={#DATE_DEBUT|affdate{Y-m-01}}})]</li>
</BOUCLE_mois>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
[(#REM)
Squelette
(c) 2009 xxx
Distribue sous licence GPL
]
<B_mois>
<div class="liste mois">
#ANCRE_PAGINATION
<ul class="liste-items">
<BOUCLE_mois(EVENEMENTS){!par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}{fusion_par_mois date_debut}{pagination 10}>
<li class="item">[(#SELF|parametre_url{date_debut,#DATE_DEBUT|affdate{Y-m-01}}|lien_ou_expose{#DATE_DEBUT|affdate_mois_annee{},#ENV{date_debut,''}|=={#DATE_DEBUT|affdate{Y-m-01}}})]</li>
</BOUCLE_mois>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_mois>

22
formulaires/recherche.html

@ -1,11 +1,11 @@
<div class="formulaire_spip formulaire_recherche[ (#ENV{class})] " id="formulaire_recherche">
<form action="[(#ENV{action})]" method="get" ><div>
[(#ENV{action}|form_hidden)]
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
<label for="#ENV{_id_champ}" class="muted"><:info_rechercher_02:></label>
<div class="input-append">
<input type="[(#HTML5|?{search,text})]" class="search text search-query" name="recherche" placeholder="<:spipr_educ:info_rechercher:>" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] accesskey="4" />
<button type="submit" class="btn" title="<:info_rechercher|attribut_html:>" >&gt;&gt;</button>
</div>
</div></form>
</div>
<div class="formulaire_spip formulaire_recherche[ (#ENV{class})] " id="formulaire_recherche">
<form action="[(#ENV{action})]" method="get" ><div>
[(#ENV{action}|form_hidden)]
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
<label for="#ENV{_id_champ}" class="muted"><:info_rechercher_02:></label>
<div class="input-append">
<input type="[(#HTML5|?{search,text})]" class="search text search-query" name="recherche" placeholder="<:spipr_educ:info_rechercher:>" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] accesskey="4" />
<button type="submit" class="btn" title="<:info_rechercher|attribut_html:>" >&gt;&gt;</button>
</div>
</div></form>
</div>

5
formulaires/spipr_educ_config_fichier_fond.html

@ -1,6 +1,9 @@
<?php
if ('#ENV{presence_fichier}'=='oui') {
?>
<BOUCLE_test_theme_educnat(SPIPR_EDUC){type=theme}{nom_sauvegarde=en_cours_d_utilisation_SPIPr}>
#SET{theme_actuel,#NOM}
</BOUCLE_test_theme_educnat>
<div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}">
<h3 class='titrem'><div style="text-align:center;">Définir des images de fond dans divers secteurs du site</div></h3>
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
@ -41,6 +44,8 @@ if ('#ENV{presence_fichier}'=='oui') {
<option value="fond_barre_menu">Menu horizontal</option>
<option value="fond_breadcrumb">Fil d'ariane</option>
<option value="fond_pied">Pied de page</option>
[(#GET{theme_actuel}|=={educnat}|?{'<option value="fond_recherche">Bloc de recherche</option>',''})]
</select>
</li>
</ul>

11
formulaires/spipr_educ_configure_sommaire_carousel.html

@ -50,6 +50,17 @@
</fieldset>
</li>
</B_ordre_articles>
<li class="fieldset">
<fieldset>
<h3 class="legend">Nombre d'articles placés en Une</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="carouselNombreActus">Choisissez entre 1 et 10 (5 par défaut)</label>
<input type='number' name='carouselNombreActus' id='carouselNombreActus' value="#ENV{carouselNombreActus,5}" class="number" min="1" max="10" style="width:3em;" />
</li>
</ul>
</fieldset>
</li>
<li class="fieldset">
<fieldset>
<h3 class="legend">Paramètres généraux</h3>

2
formulaires/spipr_educ_configure_sommaire_carousel.php

@ -21,6 +21,7 @@ function formulaires_spipr_educ_configure_sommaire_carousel_charger_dist() {
$valeurs['carouselPointActiveHoverColor']= ($tab_sql2['parametre2'] ? $tab_sql2['parametre2'] : '#037BAFvc');
$valeurs['carouselCSS']= ($tab_sql2['parametre3'] ? $tab_sql2['parametre3'] : '');
$valeurs['carouselTitre']= ($tab_sql2['parametre4'] ? $tab_sql2['parametre4'] : 'À la une');
$valeurs['carouselNombreActus']= ($tab_sql2['parametre5'] ? $tab_sql2['parametre5'] : '5');
$req_sql3=sql_select('*','spip_spipr_educ',"nom='options_articles' AND type='gestion bloc' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_sql3=sql_fetch($req_sql3);
@ -54,6 +55,7 @@ function formulaires_spipr_educ_configure_sommaire_carousel_traiter_dist() {
'parametre2' => _request('carouselPointActiveHoverColor'),
'parametre3' => _request('carouselCSS'),
'parametre4' => _request('carouselTitre'),
'parametre5' => _request('carouselNombreActus'),
),
"nom='graphisme_carousel_2' AND type='graphisme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);

4
formulaires/spipr_educ_presente_images_fond.html

@ -17,8 +17,8 @@ Vous pouvez :
</ul>
</p>
<BOUCLE_presente_images(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom IN fond_ecran,fond_page,fond_entete,fond_barre_menu,fond_breadcrumb,fond_pied}{parametre1!=''}>
#SET{les_secteurs_de_fond, #ARRAY{fond_ecran,Fond d'écran,fond_page,Intérieur de page,fond_entete,Entête,fond_barre_menu,Menu horizontal,fond_breadcrumb,Fil d'ariane,fond_pied,Pied de page}}
<BOUCLE_presente_images(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom IN fond_ecran,fond_page,fond_entete,fond_barre_menu,fond_breadcrumb,fond_pied,fond_recherche}{parametre1!=''}>
#SET{les_secteurs_de_fond, #ARRAY{fond_ecran,Fond d'écran,fond_page,Intérieur de page,fond_entete,Entête,fond_barre_menu,Menu horizontal,fond_breadcrumb,Fil d'ariane,fond_pied,Pied de page,fond_recherche,Bloc de recherche}}
<div class='cadre' style='display:block; margin-bottom:10px; height:24px; line-height:24px; vertical-align:middle; padding:8px;' onmouseover="this.style.background='#eee';" onmouseout="this.style.background='';">
<div style="width:78%; display:block; float:left;">
[<a href="<?php echo generer_url_ecrire("spipr_educ_visualise_image_fond","nom=#NOM");?>" class="popin">(#GET{les_secteurs_de_fond}|table_valeur{#NOM})</a>]

2
formulaires/spipr_educ_presente_images_fond.php

@ -8,7 +8,7 @@ function formulaires_spipr_educ_presente_images_fond_charger_dist() {
function formulaires_spipr_educ_presente_images_fond_traiter_dist() {
$res = array();
$les_secteurs=array('fond_ecran','fond_page','fond_entete','fond_barre_menu','fond_breadcrumb','fond_pied');
$les_secteurs=array('fond_ecran','fond_page','fond_entete','fond_barre_menu','fond_breadcrumb','fond_pied','fond_recherche');
foreach ($les_secteurs as $secteur){
if (is_numeric(_request($secteur.'_x'))) {
sql_updateq(

32
formulaires/spipr_educ_recherche_educnat.html

@ -0,0 +1,32 @@
#CACHE{0}
#SET{rechercheEducnat, #ENV{rechercheEducnat}|explode{','}}
<div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_recherche_educnat">
<h2 class='titre'><div style="text-align:center;">Configuration du bloc de recherche pour le thème "&Eacute;ducation nationale 2020"
</div></h2>
<B_mot>
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
<form method='post' action='#ENV{action}' name ='form#ENV{page}configurerechercheeducnat'><div>
[(#REM) declarer les hidden qui declencheront le service du formulaire
parametre : url d'action ]
#ACTION_FORMULAIRE{#ENV{action}}
<h3 class="legend">Sélectionnez des mots-clés à placés dans le bloc de recherche (10 mots-clés maximum) :</h3>
<div style="margin:20px;">
<BOUCLE_mot(MOTS){par titre}>
<div class="choix">
<input type='checkbox' class="checkbox" name='mot#ID_MOT' id='mot#ID_MOT'
<BOUCLE_verif_mot(MOTS){id_mot=#ID_MOT}{id_mot IN #GET{rechercheEducnat}}>checked="checked"</BOUCLE_verif_mot>
/>
[<label for='mot#ID_MOT'>(#TITRE|supprimer_numero)</label>]
</div>
</BOUCLE_mot>
</div>
<input type='hidden' name='hidden_recherche_educnat' value='ok' />
<p class='boutons'><input type='submit' class='submit' value='Valider' /></p>
</form>
</div>
</B_mot>
Il vous faut créer des mots-clés et les attribuer pour accéder à ce formulaire.
<//B_mot>

30
formulaires/spipr_educ_recherche_educnat.php

@ -0,0 +1,30 @@
<?php
if (!defined('_ECRIRE_INC_VERSION')) return;
function formulaires_spipr_educ_recherche_educnat_charger_dist() {
$req_sql=sql_select('*','spip_spipr_educ',"nom='recherche_educnat' AND type='gestion bloc' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_sql=sql_fetch($req_sql);
$valeurs['rechercheEducnat']= ($tab_sql['parametre1'] ? $tab_sql['parametre1'] : '');
return $valeurs;
}
function formulaires_spipr_educ_recherche_educnat_traiter_dist() {
$decompte=0;
$tab_request=array();
if (_request('hidden_recherche_educnat')=='ok') {
$req_mots_cles=sql_select('id_mot','spip_mots','','titre');
while ($mot = sql_fetch($req_mots_cles)){
if (_request('mot'.$mot['id_mot'])=='on') {
$tab_request[]=$mot['id_mot'];
$decompte++;
}
};
if ($decompte>10) {$res['message_erreur']="Merci de choisir moins de 10 mots-clés";}
else {
$res['message_ok'] = _T('config_info_enregistree');
sql_updateq('spip_spipr_educ',array('parametre1' => implode(",",$tab_request)),"nom='recherche_educnat' AND type='gestion bloc' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
}
}
return $res;
}
?>

35
formulaires/spipr_educ_themes_educnat.html

@ -0,0 +1,35 @@
<?php
include_spip('inc/spipr_educ_definitions_themes');
$couleurs_proposees=spipr_educ_defintion_couleurs('educnat');
?>
<div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_couleurs_theme_educnat">
<h3 class='titrem'><div style="text-align:center;">Sélectionnez une couleur pour le thème <em>"Éducation nationale 2020"</em></div></h3>
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
<form method='post' action='#ENV{action}' name ="formcouleursthemeeducnat">
<p>Il peut être prudent d'effectuer une sauvegarde de votre habillage avant de modifier la couleur du thème graphique (lien "Sauvegarde - restauration" à gauche).</p>
<div style="text-align:center;">
[(#REM) declarer les hidden qui declencheront le service du formulaire
parametre : url d'action ]
#ACTION_FORMULAIRE{#ENV{action}}
<p><select name="couleur_choisie">
<?php
foreach ($couleurs_proposees as $cle) {
echo '<option value="'.$cle.'"';
echo ' style=" color:';
echo spipr_educ_definition_couleurs_theme_educnat($cle)[0];
echo ';"';
if ('#ENV{couleur_actuelle}'==$cle) echo ' selected';
echo '>'._T('spipr_educ:'.$cle).'</option>';
}
?>
</select></p>
<p class='boutons'><span class='image_loading'>&nbsp;</span><input type='submit' class='submit' value='Choisir' /></p>
</div>
</form>
</div>

34
formulaires/spipr_educ_themes_educnat.php

@ -0,0 +1,34 @@
<?php
if (!defined('_ECRIRE_INC_VERSION')) return;
function formulaires_spipr_educ_themes_educnat_charger_dist() {
$test_couleur=sql_select('parametre1','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_couleur=sql_fetch($test_couleur);
$valeurs=array();
$valeurs['couleur_actuelle']=$tab_couleur['parametre1'];
return $valeurs;
}
function formulaires_spipr_educ_themes_educnat_traiter_dist() {
$res = array('editable'=>true);
$test_couleur=sql_select('parametre1','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_couleur=sql_fetch($test_couleur);
$couleur=$tab_couleur['parametre1'];
include_spip('inc/spipr_educ_definitions_themes');
// On teste la couleur actuelle : on ne fait rien s'il n'y a pas de changement
$nouvelle_couleur=_request('couleur_choisie',$_POST);
if ($nouvelle_couleur==$couleur) $retour = "Vous n'avez pas choisi une nouvelle couleur, aucune modification n'a &eacute;t&eacute; enregistr&eacute;e.";
elseif (in_array($nouvelle_couleur, spipr_educ_defintion_couleurs('educnat'))) {
sql_updateq(
'spip_spipr_educ',
array(
'parametre1' => $nouvelle_couleur,
),
"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
if (spipr_educ_modif_couleur_theme('educnat',$nouvelle_couleur)=='ok') $retour = "Le choix de la couleur \""._T('spipr_educ:'.$nouvelle_couleur)."\" a &eacute;t&eacute; pris en compte.";
}
$res['message_ok'] = $retour;
return $res;
}
?>

2
formulaires/spipr_educ_themes_institution.html

@ -4,7 +4,7 @@
?>
<div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_couleurs_theme_institution">
<h3 class='titrem'><div style="text-align:center;">Sélectionnez une couleur pour le thème <em>"Académie de Rouen"</em></div></h3>
<h3 class='titrem'><div style="text-align:center;">Sélectionnez une couleur pour le thème <em>"Académie de Normandie (déclinaison Rouen)"</em></div></h3>
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]

4
head/agenda.html

@ -1,2 +1,2 @@
<title>Agenda - [(#NOM_SITE_SPIP|textebrut)]</title>
<meta name="description" content="Calendrier de la Dane" />
<title>Agenda - [(#NOM_SITE_SPIP|textebrut)]</title>
<meta name="description" content="Calendrier de la Dane" />

4
head/mentions.html

@ -1,2 +1,2 @@
<title><:spipr_educ:mentions:> - [(#NOM_SITE_SPIP|textebrut)]</title>
<meta name="description" content="<:spipr_educ:infos_legales:>" />
<title><:spipr_educ:mentions:> - [(#NOM_SITE_SPIP|textebrut)]</title>
<meta name="description" content="<:spipr_educ:infos_legales:>" />

2
inc/spipr_educ_definitions_graphisme.php

@ -48,9 +48,11 @@ function spipr_educ_definition_graphisme() {
'fond_barre_menu'=>array('fond_barre_menu','graphisme'),
'fond_breadcrumb'=>array('fond_breadcrumb','graphisme'),
'fond_pied'=>array('fond_pied','graphisme'),
'fond_recherche'=>array('fond_recherche','graphisme'),
'options_sites'=>array('options_sites','gestion bloc'),
'options_rubriques'=>array('options_rubriques','gestion bloc'),
'options_articles'=>array('options_articles','gestion bloc'),
'recherche_educnat'=>array('recherche_educnat','gestion bloc'),
);
return $def;
}

1879
inc/spipr_educ_definitions_themes.php
File diff suppressed because it is too large
View File

9
inc/spipr_educ_deplacement_bloc.php

@ -10,6 +10,7 @@ function spipr_educ_bloc_vers_le_haut($page,$colonne) {
$bloc_vers_le_haut['id']=$tab_blocs['id'];
$bloc_vers_le_haut['parametre3']=$tab_blocs['parametre3'];
$bloc_vers_le_bas['parametre3']=$bloc_vers_le_haut['parametre3']-1;
$bloc_vers_le_bas['parametre3']=$bloc_vers_le_haut['parametre3']-1;
}
}
// Inutile de poursuivre si aucun déplacement n'a été demandé...
@ -125,8 +126,12 @@ function spipr_educ_presente_formulaire_deplacement($page,$colonne) {
?>
</div>
<div style="width:40%; display:block; float:right; text-align:right;">
<?php
if ($tab_blocs['parametre4']=='cfg') {
<?php
$test_theme_parametres=sql_select('nom','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_test_theme_parametres=sql_fetch($test_theme_parametres);
$test_theme_actuel=$tab_test_theme_parametres['nom'];
$special_educnat=array('article_recherche','auteur_recherche','autre_recherche','breve_recherche','rubrique_recherche','site_recherche','sommaire_recherche');
if (($tab_blocs['parametre4']=='cfg') OR (($test_theme_actuel=='educnat') AND (in_array($tab_blocs['nom'],$special_educnat)))) {
?>
<a href="<?php echo generer_url_ecrire("spipr_educ_configure_bloc","nom=".$tab_blocs['nom']."&page=".$page."&secteur=".$colonne."&id=".$tab_blocs['id']);?>" class="popin"><img src="<?php echo _DIR_PLUGIN_SPIPR_EDUC."img/cfg-24.png";?>" alt="Configurer ce bloc" title="Configurer ce bloc"/></a>
<?php