Browse Source

Premier depot des squelettes issus de divers developpements (bases sur spipr-dist).

Encore beaucoup de menage a faire (en particulier dans les fichiers less).
Pas vraiment de personnalisation simple pour le moment. 
On peut surcharger variables.less et modifier les color1, color2, color3 pour changer les couleurs de base.
Le plugin est compatible avec menus (sinon un menu de liens et de rubriques est genere)
svn/root/tags/v0.4.24
johan.pustoch@crdp.ac-versailles.fr 3 years ago
parent
commit
75dae816d7
  1. 100
      .gitattributes
  2. 16
      aside/agenda.html
  3. 20
      aside/article.html
  4. 7
      aside/dist.html
  5. 4
      aside/sommaire.html
  6. 28
      body.html
  7. 1
      breadcrumb/mot.html
  8. 4
      breadcrumb/sites.html
  9. 2
      contact.html
  10. 4
      content/401.html
  11. 45
      content/article.html
  12. 4
      content/auteur.html
  13. 9
      content/breve.html
  14. 56
      content/mentions.html
  15. 46
      content/mot.html
  16. 90
      content/rubrique.html
  17. 9
      content/sites.html
  18. 24
      content/sommaire.html
  19. 167
      css/carousel.less
  20. BIN
      css/fonts/OpenSans-Light-webfont.eot
  21. 1831
      css/fonts/OpenSans-Light-webfont.svg
  22. BIN
      css/fonts/OpenSans-Light-webfont.ttf
  23. BIN
      css/fonts/OpenSans-Light-webfont.woff
  24. BIN
      css/fonts/OpenSans-Regular-webfont.eot
  25. 1831
      css/fonts/OpenSans-Regular-webfont.svg
  26. BIN
      css/fonts/OpenSans-Regular-webfont.ttf
  27. BIN
      css/fonts/OpenSans-Regular-webfont.woff
  28. BIN
      css/img/glyphicons-halflings-white.png
  29. BIN
      css/img/glyphicons-halflings.png
  30. BIN
      css/img/hachure.png
  31. BIN
      css/img/puce.png
  32. BIN
      css/img/puce1.png
  33. BIN
      css/img/puce2.png
  34. BIN
      css/img/puce3.png
  35. BIN
      css/img/quote.png
  36. BIN
      css/img/quote_rotated.png
  37. BIN
      css/img/rechercher.png
  38. BIN
      css/img/spip_out.gif
  39. BIN
      css/img/spip_out.png
  40. BIN
      css/img/sprite.png
  41. BIN
      css/img/varicelle-sprite.png
  42. 9
      css/spip.petition.css
  43. 7
      css/spip.portfolio.css
  44. 1469
      css/spipr.educ.less
  45. 41
      css/spipr_dist.less
  46. 314
      css/variables.less
  47. 301
      css/variables1.less
  48. 46
      demo/aside/demo-listes.html
  49. 65
      demo/content/demo-listes.html
  50. 18
      extra/agenda.html
  51. 21
      extra/article.html
  52. 21
      extra/rubrique.html
  53. 28
      extra/sommaire.html
  54. BIN
      favicon.ico
  55. 38
      footer/dist.html
  56. 11
      formulaires/recherche.html
  57. 2
      head/agenda.html
  58. 2
      head/mentions.html
  59. 15
      header/dist.html
  60. BIN
      images/bookmark.png
  61. BIN
      images/diaspora.png
  62. BIN
      images/facebook.png
  63. BIN
      images/fond_blanc/bookmark.png
  64. BIN
      images/fond_blanc/delicious.png
  65. BIN
      images/fond_blanc/diaspora.png
  66. BIN
      images/fond_blanc/facebook.png
  67. BIN
      images/fond_blanc/google.png
  68. BIN
      images/fond_blanc/googleplus.png
  69. BIN
      images/fond_blanc/identica.png
  70. BIN
      images/fond_blanc/linkedin.png
  71. BIN
      images/fond_blanc/netvibes.png
  72. BIN
      images/fond_blanc/printer.png
  73. BIN
      images/fond_blanc/tumblr.png
  74. BIN
      images/fond_blanc/twitter.png
  75. BIN
      images/fond_blanc/viadeo.png
  76. BIN
      images/google.png
  77. BIN
      images/googleplus.png
  78. BIN
      images/identica.png
  79. BIN
      images/linkedin.png
  80. BIN
      images/netvibes.png
  81. BIN
      images/printer.png
  82. BIN
      images/tumblr.png
  83. BIN
      images/twitter.png
  84. BIN
      images/viadeo.png
  85. BIN
      img/ac-caen.png
  86. BIN
      img/agenda.png
  87. BIN
      img/article_pdf.png
  88. BIN
      img/breves.png
  89. BIN
      img/education.png
  90. BIN
      img/facebook.png
  91. BIN
      img/photo.png
  92. BIN
      img/rss.png
  93. BIN
      img/selection.png
  94. BIN
      img/tags.png
  95. BIN
      img/twitter.png
  96. BIN
      img/video.png
  97. BIN
      img/web.png
  98. BIN
      img_pack/article_pdf.gif
  99. 26
      inclure/agenda-evenements-article.html
  100. 19
      inclure/agenda-evenements-une.html

100
.gitattributes

@ -1,6 +1,9 @@
* text=auto !eol
/article.html -text
aside/agenda.html -text
aside/article.html -text
aside/dist.html -text
aside/sommaire.html -text
aside/z_apl.html -text
/auteur.html -text
/backend.html -text
@ -15,7 +18,9 @@ breadcrumb/login.html -text
breadcrumb/mot.html -text
breadcrumb/plan.html -text
breadcrumb/recherche.html -text
breadcrumb/sites.html -text
/breve.html -text
/contact.html -text
content/401.html -text
content/404.html -text
content/article.html -text
@ -24,23 +29,44 @@ content/breve.html -text
content/forum.html -text
content/galerie.html -text
content/login.html -text
content/mentions.html -text
content/mot.html -text
content/plan.html -text
content/recherche.html -text
content/rubrique.html -text
content/site.html -text
content/sites.html -text
content/sommaire.html -text
content/spip_pass.html -text
content/z_apl.html -text
/conventions.txt -text
css/carousel.less -text
css/fonts/OpenSans-Light-webfont.eot -text
css/fonts/OpenSans-Light-webfont.svg -text
css/fonts/OpenSans-Light-webfont.ttf -text
css/fonts/OpenSans-Light-webfont.woff -text
css/fonts/OpenSans-Regular-webfont.eot -text
css/fonts/OpenSans-Regular-webfont.svg -text
css/fonts/OpenSans-Regular-webfont.ttf -text
css/fonts/OpenSans-Regular-webfont.woff -text
css/img/glyphicons-halflings-white.png -text
css/img/glyphicons-halflings.png -text
css/img/hachure.png -text
css/img/puce.png -text
css/img/puce1.png -text
css/img/puce2.png -text
css/img/puce3.png -text
css/img/quote.png -text
css/img/quote_rotated.png -text
css/img/rechercher.gif -text
css/img/rechercher.png -text
css/img/spip_out.gif -text
css/img/varicelle-sprite.png -text
css/spip.petition.css -text
css/spip.portfolio.css -text
css/spipr_dist.less -text
demo/aside/demo-listes.html -text
demo/content/demo-listes.html -text
css/img/spip_out.png -text
css/img/sprite.png -text
css/spipr.educ.less -text
css/variables.less -text
css/variables1.less -text
extra/agenda.html -text
extra/article.html -text
extra/auteur.html -text
extra/breve.html -text
@ -50,14 +76,18 @@ extra/rubrique.html -text
extra/site.html -text
extra/sommaire.html -text
extra/z_apl.html -text
/favicon.ico -text
/feed.png -text
footer/dist.html -text
formulaires/recherche.html -text
/forum.html -text
head/404.html -text
head/agenda.html -text
head/article.html -text
head/auteur.html -text
head/breve.html -text
head/dist.html -text
head/mentions.html -text
head/mot.html -text
head/plan.html -text
head/recherche.html -text
@ -66,31 +96,83 @@ head/site.html -text
head/sommaire.html -text
head_js/dist.html -text
header/dist.html -text
images/bookmark.png -text
images/diaspora.png -text
images/facebook.png -text
images/fond_blanc/bookmark.png -text
images/fond_blanc/delicious.png -text
images/fond_blanc/diaspora.png -text
images/fond_blanc/facebook.png -text
images/fond_blanc/google.png -text
images/fond_blanc/googleplus.png -text
images/fond_blanc/identica.png -text
images/fond_blanc/linkedin.png -text
images/fond_blanc/netvibes.png -text
images/fond_blanc/printer.png -text
images/fond_blanc/tumblr.png -text
images/fond_blanc/twitter.png -text
images/fond_blanc/viadeo.png -text
images/google.png -text
images/googleplus.png -text
images/identica.png -text
images/linkedin.png -text
images/netvibes.png -text
images/printer.png -text
images/tumblr.png -text
images/twitter.png -text
images/viadeo.png -text
img/ac-caen.png -text
img/agenda.png -text
img/article_pdf.png -text
img/breves.png -text
img/education.png -text
img/facebook.png -text
img/photo.png -text
img/rss.png -text
img/selection.png -text
img/spipr_dist-128.png -text
img/spipr_dist-256.png -text
img/spipr_dist-32.png -text
img/spipr_dist-64.png -text
img/spipr_dist.pdf -text
inclure/article-hero.html -text
img/tags.png -text
img/twitter.png -text
img/video.png -text
img/web.png -text
img_pack/article_pdf.gif -text
inclure/agenda-evenements-article.html -text
inclure/agenda-evenements-une.html -text
inclure/documents.html -text
inclure/head.html -text
inclure/nav-secteurs.html -text
inclure/nav.html -text
inclure/petition.html -text
inclure/resume/breve.html -text
inclure/resume/site.html -text
inclure/rss-item.html -text
inclure/rubriques.html -text
inclure/selection-carousel.html -text
inclure/tweets.html -text
js/menu.dropdown.js -text
js/spipr-educ.js -text
lang/paquet-spipr_educ_fr.php -text
lang/spipr_educ_fr.php -text
liste/articles-auteur.html -text
liste/articles-recherche.html -text
liste/articles-resume.html -text
liste/breves-recherche.html -text
liste/breves-resume.html -text
liste/rubriques-recherche.html -text
liste/sites-favoris.html -text
liste/sites-resume.html -text
liste/syndicarticles.html -text
liste/syndics.html -text
liste/videos.html -text
/migration.txt -text
modeles/album.html -text
modeles/article_traductions.html -text
modeles/favicon.html -text
/mot.html -text
/paquet.xml -text
/puce.gif -text
/rubrique.html -text
/site.html -text
/spipr_educ_options.php -text

16
aside/agenda.html

@ -0,0 +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>
<INCLURE{fond=inclure/agenda-evenements-meme-article,id_article=#GET{id_article},env,ajax} />

20
aside/article.html

@ -0,0 +1,20 @@
<BOUCLE_aside(ARTICLES){id_article}>
<div class="liste postmeta">
<h2 class="h2"><:spipr_educ:publie_le:></h2>
<p class="center"[ title="<:spipr_educ:modifie_le:> (#DATE_MODIF|affdate)"]>
<time datetime="[(#DATE|date_iso)]" ><i class="icon-calendar"></i> [(#DATE|affdate)]</time>
</p>
[<h2 class="h2"><:spipr_educ:auteurs:></h2>
<p class="authors center">(#LESAUTEURS)</p>]
<B_tags>
<h2 class="h2"><:spipr_educ:tags:></h2>
<div class="tags">
<ul class="inline center">
<BOUCLE_tags(MOTS){id_article}>
<li><a class="label" href="#URL_MOT"><i class="icon-tag icon-white"></i> #TITRE</a></li>
</BOUCLE_tags>
</ul>
</div>
</B_tags>
</div>
</BOUCLE_aside>

7
aside/dist.html

@ -1,6 +1 @@
[(#REM) Menu de navigation par rubriques ]
<INCLURE{fond=inclure/rubriques,id_rubrique} />
<div class="form-search">
#FORMULAIRE_RECHERCHE
</div>

4
aside/sommaire.html

@ -0,0 +1,4 @@
[(#REM) Videos]
<div class="liste videos">
<INCLURE{fond=liste/videos,nb=1,env,ajax} />
</div>

28
body.html

@ -1,27 +1,31 @@
<body>
<div class="page">
<div class="container">
<div class="header" id="header">
<div class="page[ secteur-(#ID_SECTEUR)][ rubrique-(#ID_RUBRIQUE)]">
<div class="header" id="header">
<div class="container">
<INCLURE{fond=header/#ENV{type-page},env} />
</div>
[<div class="navbar navbar-inverse navbar-responsive" id="nav">
(#INCLURE{fond=inclure/nav,env}|navbar_responsive)
</div>]
</div>
[<div class="navbar navbar-inverse" id="nav">
(#INCLURE{fond=inclure/nav,env}|navbar_responsive)
</div>]
<div class="container">
<div class="row">
<div class="content span8 " id="content">
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
<INCLURE{fond=content/#ENV{type-page},env} />
</div>
<div class="aside secondary col span3 offset1" id="aside">
<div class="aside secondary col span4" id="aside">
<INCLURE{fond=aside/#ENV{type-page},env} />
<INCLURE{fond=extra/#ENV{type-page},env} />
</div>
[(#PLUGIN{socialtags}|oui)<footer class="boutons_options clear noprint">
<h2 id="socialtags"><:spipr_educ:partager:></h2>
<div class="article_print bouton"><img src='#CHEMIN{images/printer.png}' class="bouton_print" width='28' height='28' alt='<:spipr_educ:title_print:>' /></div>
</footer>]
</div>
<div class="footer" id="footer">
<INCLURE{fond=footer/#ENV{type-page},env} />
</div>
</div>
<div class="footer" id="footer">
<INCLURE{fond=footer/#ENV{type-page},env} />
</div>
</div>
</body>

1
breadcrumb/mot.html

@ -1,7 +1,6 @@
<BOUCLE_content(MOTS) {id_mot} {doublons}>
<ul class="breadcrumb">
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> &gt; </span></li>
<li><span><:mots_clefs:></span><span class="divider"> &gt; </span></li>
<BOUCLE_ariane(GROUPES_MOTS){id_groupe}><li><span>[(#TITRE|couper{80})]</span><span class="divider"> &gt; </span></li></BOUCLE_ariane>
<li class="active"><span>[(#TITRE|couper{80})]</span></li>
</ul>

4
breadcrumb/sites.html

@ -0,0 +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>

2
contact.html

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

4
content/401.html

@ -1,10 +1,10 @@
[(#REM) Fil d'Ariane ]
<section>
<header class="cartouche">
<h1><:pass_erreur:>[ (#ENV{status})]</h1>
<h1><:spipr_educ:acces_non_autorise:></h1>
</header>
<div class="main">
[<div class="chapo">(#ENV{erreur})</div>]
[<div class="chapo">(#ENV{erreur}) ou <a href="#URL_PAGE{contact}">contacter le webmestre</a> si vous n'avez pas les droits suffisants.</div>]
</div>
<aside>
#FORMULAIRE_LOGIN{#ENV{cible},'',0}

45
content/article.html

@ -1,45 +1,16 @@
<BOUCLE_content(ARTICLES){id_article}>
<article>
<header class="cartouche">
[(#LOGO_ARTICLE|image_reduire{200,200})]
[(#LOGO_ARTICLE|image_reduire{250,250})]
[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
<h1><span class="#EDIT{titre}">#TITRE</span>[
<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
]</h1>
<p class="publication"><time pubdate="pubdate" datetime="[(#DATE|date_iso)]"><i class="icon-calendar"></i> [(#DATE|nom_jour) ][(#DATE|affdate)]</time>[<span class="authors"><span class="sep">, </span><i class="icon-user"></i> <:par_auteur:> (#LESAUTEURS)</span>]</p>
[(#REM) Inclure le modele des liens de traductions ]
<div class="postmeta">
#MODELE{article_traductions}
<BOUCLE_nb_commentaires(FORUMS) {id_article}{plat} />[(#TOTAL_BOUCLE|oui)
<span class="comments">
<span class="sep">|</span>
<a[ href="(#REM|ancre_url{comments})"] [title="(#TOTAL_BOUCLE|singulier_ou_pluriel{zcore:info_1_commentaire,zcore:info_nb_commentaires}|attribut_html)"]>[<i class="icon-comment"></i> (#TOTAL_BOUCLE)]</a>
</span>
]
<//B_nb_commentaires>
<BOUCLE_combien(SIGNATURES) {id_article}{plat} />[(#TOTAL_BOUCLE|oui)
<span class="signatures">
<span class="sep">|</span>
<a[ href="(#REM|ancre_url{petition})"] [title="(#TOTAL_BOUCLE|singulier_ou_pluriel{zcore:info_1_signature,zcore:info_nb_signatures}|attribut_html)"]>[<i class="icon-ok-circle"></i> (#TOTAL_BOUCLE)]</a>
</span>
]
<//B_combien>
<B_tags>
<span class="tags">
<span class="sep">|</span>
<ul class="inline list-inline">
<BOUCLE_tags(MOTS){id_article}><li><a class="label label-default" href="#URL_MOT"><i class="icon-tag"></i> #TITRE</a></li></BOUCLE_tags>
</ul>
</span>
</B_tags>
</div>
</header>
<div class="main">
[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|adaptive_images)</div>]
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images)</div>]
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{850})</div>]
[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
</div>
@ -52,15 +23,13 @@
<aside>
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents,id_article})]
[(#REM) Petition :
La petition ayant une PAGINATION il faut absolument {env}
et pourquoi pas ajax
][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
[(#PLUGIN{agenda}|oui)<INCLURE{fond=inclure/agenda-evenements-article,env} />]
[(#REM) Forum de l'article
NB : pour desactiver les forums de l'article, supprimez simplement la ligne ci-dessous ]
<INCLURE{fond=inclure/forum,id_article,repondre_url=(#PARAMETRES_FORUM|url_reponse_forum),repondre_titre=<:repondre_article:>} />
<INCLURE{fond=inclure/forum,id_article,repondre_url=(#PARAMETRES_FORUM|url_reponse_forum),repondre_titre=<:spipr_educ:repondre_article:>} />
</aside>
</article>

4
content/auteur.html

@ -10,9 +10,9 @@
</div>
<aside>
<INCLURE{fond=liste/articles-auteur,id_auteur,env,ajax} />
#FORMULAIRE_ECRIRE_AUTEUR
<INCLURE{fond=liste/articles-auteur,id_auteur,env,ajax} />
</aside>
<footer>

9
content/breve.html

@ -2,8 +2,8 @@
<article>
<header class="cartouche">
<h1 class="#EDIT{titre}">[(#LOGO_BREVE|image_reduire)]#TITRE</h1>
<p class="publication"><time pubdate="pubdate" datetime="[(#DATE|date_iso)]"><i class="icon-calendar"></i> [(#DATE|nom_jour) ][(#DATE|affdate)]</time></p>
<h1 class="#EDIT{titre}">[(#LOGO_BREVE|image_reduire)]#TITRE</h1>
<p class="publication"><time pubdate="pubdate" datetime="[(#DATE|date_iso)]"><i class="icon-calendar"></i> [(#DATE|nom_jour) ][(#DATE|affdate)]</time></p>
</header>
<div class="main">
@ -17,9 +17,8 @@
</footer>
<aside>
[(#REM) Forum de la breve
NB : pour desactiver les forums de breve, supprimez simplement la ligne ci-dessous ]
<INCLURE{fond=inclure/forum,id_breve,repondre_url=(#PARAMETRES_FORUM|url_reponse_forum),repondre_titre=<:repondre_breve:>} />
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents-breves,id_breve})]
</aside>
</article>
</BOUCLE_content>

56
content/mentions.html

@ -0,0 +1,56 @@
<section>
<header>
<h1><:spipr_educ:mentions:></h1>
</header>
<div class="main">
<h3 class="spip"><:spipr_educ:infos_legales:></h3>
<p><span class="intitule">#CONFIG{eva_mentions/structure}</span></p>
<p><span class="intitule">#URL_SITE_SPIP</span></p>
[<p><span class="intitule"><:spipr_educ:directeur_publication:></span> : (#CONFIG{eva_mentions/directeur})</p>]
[<p><span class="intitule"><:spipr_educ:responsable_edition:></span> : (#CONFIG{eva_mentions/responsable})</p>]
[<p><span class="intitule"><:spipr_educ:webmestre:></span> : <a href="#URL_AUTEUR{#CONFIG{eva_mentions/idwebmaster}}">(#CONFIG{eva_mentions/webmaster})</a>[, (#CONFIG{eva_mentions/fonction})]</p>]
[<p><span class="intitule"><:spipr_educ:hebergement:></span> :<br/>(#CONFIG{eva_mentions/hebergeur})[ &ndash; (#CONFIG{eva_mentions/adresse})]</p>]
<BOUCLE_legal(ARTICLES){page=mentions}>
#TEXTE
</BOUCLE_legal>
</B_legal>
<h3 class="spip">Droits d'auteurs</h3>
<p>Les documents «&nbsp;publics&nbsp;» ou «&nbsp;officiels&nbsp;» ne sont couverts par aucun droit d'auteur (article L.122-5 du code de la propriété intellectuelle). Ils peuvent donc être reproduits librement. C'est le cas pour les textes officiels placés sur le site. Les informations utilisées ne doivent l'être qu'à des fins personnelles, associatives ou professionnelles ; toute utilisation ou reproduction à des fins commerciales ou publicitaires est interdite.</p>
<p>La reproduction des documents non publics, textes, graphismes, photographies et ressources multimédias, au moyen d'un support papier ou sous forme électronique est soumise à l'accord préalable de leurs auteurs et sous réserve de la gratuité de leur diffusion, du respect de l'intégrité des documents reproduits, de la mention du nom de l'auteur, de la source, et d'un lien renvoyant vers le document original en ligne sur le site. Toute demande de reproduction ou d'information peut être adressée au webmestre du site.</p>
<h3 class="spip">Liens hypertextes</h3>
<p>Des liens vers d'autres sites, privés ou officiels, français ou étrangers, sont proposés. Ils n'engagent en aucun cas les responsables du site quant à leur contenu et ne visent qu'à permettre à l'internaute d'accéder plus facilement à d'autres ressources documentaires sur le sujet consulté.</p>
<h3 class="spip">Création de liens vers ce site</h3>
<p>La mise en place de liens hypertexte pointant vers les pages de ce site est autorisée, sous réserve :</p>
<ul class="spip">
<li>de ne pas utiliser la technique du lien profond, c'est-à-dire que les pages du site ne doivent pas être imbriquées à l'intérieur des pages d'un autre site, mais visibles par l'ouverture d'une fenêtre indépendante ;</li>
<li>que la source qui pointera grâce à un lien hypertexte directement sur le contenu visé soit précisée ;</li>
<li>que les informations utilisées ne le soient qu'à des fins personnelles, éducatives, associatives ou professionnelles, toute utilisation à des fins commerciales ou publicitaires étant interdite.</li>
</ul>
<p>Cette autorisation ne s'applique en aucun cas aux sites internet diffusant des informations à caractère raciste, pornographique, xénophobe, polémique ou pouvant, d'une façon générale, porter atteinte à la sensibilité du plus grand nombre.</p>
<h3 class="spip">Protection des données personnelles</h3>
<p>Aucune information personnelle n'est collectée à votre insu. Aucune information personnelle n'est cédée à des tiers.</p>
<h3 class="spip">Données statistiques</h3>
<p>Afin de mieux connaître les centres d'intérêt des visiteurs du site et en vue de son amélioration, nous pouvons être amenés à mesurer le nombre de visites, de pages vues, ainsi que l'activité des visiteurs sur le site, et leur fréquence de retour. A cet effet, la technologie des cookies peut être utilisée. Il vous est possible de refuser ces «&nbsp;cookies&nbsp;» ou de les supprimer sans que cela ait une quelconque influence sur votre accès aux pages du site. Pour vous opposer à l'enregistrement de cookies ou être prévenu avant d'accepter les cookies, nous vous recommandons la lecture de la rubrique d'aide de votre navigateur qui vous précisera la marche à suivre.</p>
<p>Par ailleurs, il peut être procédé également à l'analyse de la fréquentation du site à partir de l'exploitation des données de connexion. Les adresses IP relatives aux consultations effectuées ne sont pas conservées au-delà de 12 mois.</p>
<h3 class="spip">Conditions d'utilisation du site</h3>
<p>L'utilisateur de ce site reconnaît disposer de la compétence et des moyens nécessaires pour accéder à ce site et l'utiliser. Il est invité à respecter les bons usages de l'internet , en particulier, dans l'utilisation des adresses électroniques figurant sur le site.</p>
<p>Il est rappelé que l'article 26 de la loi du 6 janvier 1978 «&nbsp;Informatique et libertés&nbsp;» prohibe toute collecte massive d'adresses nominatives, à l'insu de leurs détenteurs, pour procéder à l'envoi massif de messages non désirés, quel que soit l'objet des messages diffusés. En application de l'article 16 de cette loi, sont également interdites la constitution de systèmes d'envoi automatisé de messages, la création de bases de données réunissant les adresses électroniques de personnes pouvant figurer sur le site et la mise en place de traitements automatisés d'informations nominatives les concernant qui n'auraient pas fait l'objet d'une déclaration préalable à la CNIL.</p>
<p>Sur ce site sont diffusées des informations disponibles et vérifiées, mais ces dernières ne sont pas nécessairement complètes, exhaustives, exactes ou à jour : l'éditeur ne saurait en être tenu pour responsable. Les utilisateurs du site peuvent faire part d'éventuelles omissions, erreurs ou insuffisances par courriel au webmestre du site : il en sera tenu compte dans les meilleurs délais. </p>
<//B_legal>
<h3 class="spip"><:spipr_educ:a_propos:></h3>
<ul class="spip">
<li><a href="http://www.spip.net" class="spip_out" >SPIP</a></li>
<li>le plugin <a href="http://spipr.nursit.com/" class="spip_out" >SPIPr</a></li>
<li>le plugin SPIPr-Dane</li>
</ul>
</div>
</section>

46
content/mot.html

@ -12,66 +12,56 @@
<aside>
[(#REM) Articles lies au mot-cle ]
<B_articles>
<div class="liste articles">
<div class="liste articles span4 offset">
#ANCRE_PAGINATION
<h2 class="h2"><:articles:></h2>
<ul class="liste-items">
<BOUCLE_articles(ARTICLES) {id_mot} {par popularite}{inverse} {pagination 50}>
<li class="item">
<a href="#URL_ARTICLE">#TITRE</a>
<div class="small">[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr>][, <:par_auteur:> (#LESAUTEURS)]</div></li>
<div class="small">[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr>]</div></li>
</BOUCLE_articles>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_articles>
[(#REM) Rubriques liees au mot-cle ]
<B_rubriques>
<div class="liste rubriques">
<h2 class="h2"><:rubriques:></h2>
<ul class="liste-items">
<BOUCLE_rubriques(RUBRIQUES) {id_mot} {par titre} {pagination 50}>
<li class="item"><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_rubriques>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_rubriques>
[(#REM) Breves liees au mot-cle ]
<B_breves>
<div class="liste breves">
<div class="liste breves span4">
<h2 class="h2"><:breves:breves:></h2>
<ul class="liste-items">
<BOUCLE_breves(BREVES) {id_mot} {par titre} {pagination 50}>
<li class="item"><a href="#URL_BREVE">#TITRE</a></li>
<li class="item">
<a href="#URL_BREVE">#TITRE</a>
<div class="small">[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr>]</div></li>
</li>
</BOUCLE_breves>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_breves>
[(#REM) Liens des forums ]
<B_forums_liens>
<div class="liste forums">
<h2 class="h2"><:messages_forum:></h2>
<ul class="liste-items">
<BOUCLE_forums_liens(FORUMS) {id_mot} {plat} {par date}{inverse} {pagination 50}>
<li class="item">[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr><span class="sep"> &ndash; </span>]<a href="#URL_FORUM">[(#TEXTE|couper{80})]</a></li>
</BOUCLE_forums_liens>
[(#REM) Rubriques liees au mot-cle ]
<B_rubriques>
<div class="liste rubriques span4 clear offset">
<h2 class="h2"><:rubriques:></h2>
<ul class="liste-items inline">
<BOUCLE_rubriques(RUBRIQUES) {id_mot} {par titre} {pagination 50}>
<li class="item"><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_rubriques>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_forums_liens>
</B_rubriques>
[(#REM) Sites web lies au mot-cle ]
<B_sites>
<div class="liste sites">
<div class="liste sites span4">
<h2 class="h2"><:sites_web:></h2>
<ul class="liste-items">
<BOUCLE_sites(SITES) {id_mot} {par nom_site} {pagination 50}>
<li class="item"><a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a></li>
<li class="item"><a href="#URL_SITE" class="spip_out">#NOM_SITE</a></li>
</BOUCLE_sites>
</ul>
[<div class="pagination">(#PAGINATION)</div>]

90
content/rubrique.html

@ -4,91 +4,51 @@
<header class="cartouche">
[(#LOGO_RUBRIQUE|image_reduire{200,200})]
<h1 class="#EDIT{titre}">#TITRE</h1>
[<p class="publication"><time pubdate="pubdate" datetime="[(#DATE|date_iso)]"><:dernier_ajout:> : (#DATE|affdate_jourcourt).</time></p>]
</header>
<div class="main">
<div class="main clear">
[<div class="#EDIT{texte} chapo">(#TEXTE|adaptive_images)</div>]
<BOUCLE_articles(ARTICLES){id_rubrique}{0,1}>
<div class="liste articles">
<INCLURE{fond=liste/articles-resume,env,ajax,titre=<:articles_rubrique:>} />
</div>
</BOUCLE_articles>
[(#REM) Si aucun article, affiche un plan de la rubrique ]
<div class="liste selection span8 offset">
<INCLURE{fond=inclure/selection-carousel,id_rubrique,nb=5}>
</div>
#SET{avec_rubriques,0}
[(#REM) Affiche un plan de la rubrique ]
<B_sous_rubriques>
<div class="menu rubriques">
#SET{avec_rubriques,1}
<div class="liste rubriques span3 offset clear">
<h2 class="h2"><:sous_rubriques:></h2>
<ul class="menu-items menu-liste">
<ul class="liste-items">
<BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre, titre}>
<li class="item menu-entree">
<li class="item" >
<a href="#URL_RUBRIQUE">[(#TITRE)]</a>
[(#REM) Une boucle recursive pour le mini plan]
<B_miniplan>
<ul class="menu-items menu-liste">
<BOUCLE_miniplan(RUBRIQUES) {id_parent} {par num titre, titre}>
<li class="item menu-entree">
<a href="#URL_RUBRIQUE">[(#TITRE)]</a>
<BOUCLE_m2(BOUCLE_miniplan)></BOUCLE_m2>
</li>
</BOUCLE_miniplan>
</ul>
</B_miniplan>
</li>
</BOUCLE_sous_rubriques>
</ul>
</div>
</div>
</B_sous_rubriques>
<//B_articles>
#SET{avec_articles,0}
[(#REM) Articles du secteur ]
<BOUCLE_articles(ARTICLES){id_rubrique}{0,1}>
#SET{avec_articles,1}
<div class="liste articles[ (#GET{avec_rubriques}|=={1}|?{'span5','offset clear'})]">
<INCLURE{fond=liste/articles-resume,env,nb=10,coupe=180,ajax,titre=<:spipr_educ:articles_rubrique:>} />
</div>
</BOUCLE_articles>
</div>
<aside>
<aside class="clear">
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents,id_rubrique})]
[(#REM) Breves du secteur ]
<B_breves>
<div class="liste breves">
#ANCRE_PAGINATION
<h2 class="h2"><:breves:breves:></h2>
<ul class="liste-items">
<BOUCLE_breves(BREVES) {id_rubrique} {par date}{inverse} {pagination 5}>
<li class="item short">#INCLURE{fond=inclure/resume/breve,id_breve}</li>
</BOUCLE_breves>
</ul>
[<div class="pagination">(#PAGINATION)</div>]
</div>
</B_breves>
[(#REM) Sites de la rubrique ]
<B_sites>
<div class="liste sites">
<h2 class="h2"><:sur_web:></h2>
<ul class="liste-items">
<BOUCLE_sites(SITES) {id_rubrique} {par nom_site}>
<li class="item short">#INCLURE{fond=inclure/resume/site,id_syndic}
<B_syndic>
<ul class="spip">
<BOUCLE_syndic(SYNDIC_ARTICLES) {id_syndic} {age<180} {par date}{inverse} {0,3}>
<li class="short with-publication-inline">#INCLURE{fond=inclure/resume/syndic_article,id_syndic_article}</li>
</BOUCLE_syndic>
</ul>
</B_syndic>
</li>
</BOUCLE_sites>
</ul>
</div>
</B_sites>
[(#REM) Proposer un site ]
#FORMULAIRE_SITE
</aside>
<footer>
[<div class="notes"><h2><:info_notes:></h2>(#NOTES)</div>]
[<p class="publication"><time pubdate="pubdate" datetime="[(#DATE|date_iso)]"><:dernier_ajout:> : (#DATE|affdate_jourcourt).</time></p>]
</footer>
</section>

9
content/sites.html

@ -0,0 +1,9 @@
<section>
<header class="cartouche">
<h1><:spipr_educ:selection_liens:></h1>
<div class="chapo"><:spipr_educ:selection_liens_descriptif:></div>
</header>
<div class="liste sites offset">
<INCLURE{fond=liste/sites-resume,nb=20,env,largeur_logo=170,hauteur_logo=120,coupe=100,titre=<:spipr_educ:sur_web:>,ajax}>
</div>
</section>

24
content/sommaire.html

@ -4,16 +4,22 @@
</header>
<div class="main">
[<div id="descriptif_site_spip">(#DESCRIPTIF_SITE_SPIP)</div>]
#SET{exclus,#ARRAY}
<BOUCLE_art(ARTICLES){par hasard}{0,1}>
<INCLURE{fond=inclure/article-hero,id_article,env,ajax} />
#SET{exclus,#LISTE{#ID_ARTICLE}}
</BOUCLE_art>
<div class="liste long articles">
<INCLURE{fond=liste/articles-resume,articles_exclus=#GET{exclus},env,ajax} />
<div class="liste selection ">
<INCLURE{fond=inclure/selection-carousel,nb=3}>
</div>
<div class="liste articles clear offset">
<INCLURE{fond=liste/articles-resume,env,titre=<:spipr_educ:derniers_articles:>,nb=5,hauteur_logo=150,coupe=100,ajax}>
</div>
<div class="liste favoris clear span4 offset">
<INCLURE{fond=liste/sites-favoris,hauteur_logo=80} />
</div>
<div class="liste sites syndic_articles span4">
<INCLURE{fond=liste/syndics,env,titre=<:spipr_educ:nouveau_web:>,nb=10,ajax}>
</div>
[(#PLUGIN{agenda}|oui)<div class="liste long evenements clear "><INCLURE{fond=inclure/agenda-evenements-une,env,ajax} /></div>]
</div>
</section>

167
css/carousel.less

@ -0,0 +1,167 @@
//
// Carousel
// --------------------------------------------------
@import "css/variables.less";
/* Carousel base class */
.carousel{
position: relative;
font-size:1.1em;
line-height:1.5;
margin:0 0 1em 0;
padding:0 0 0 0;
border: 1px solid @grayLighter;
height:250px;
background-color: @grayLighter;
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
> .item {
strong.h3-like{font-weight:normal;}
overflow:auto;
display: none;
position: relative;
.transition(.6s ease-in-out left);
// Account for jankitude on images
> img,
> a > img {
display: block;
}
article{
width:100%;
height:250px;
overflow:hidden;
margin-bottom:0;
.introduction{padding:0 1em 1em 2em;}
a{
display:block;
padding:0 0 0 1em ;
font-size:1.5em;
font-weight:bold;
line-height:1em;
&:hover{text-decoration:none;}
.spip_logos{margin:0;}
.titre{font-variant:small-caps;display: block;padding-top:.8em;}
}
}
}
> .active,
> .next,
> .prev { display: block; }
> .active {
left: 0;
}
> .next,
> .prev {
position: absolute;
top: 0;
width: 100%;
}
> .next {
left: 100%;
}
> .prev {
left: -100%;
}
> .next.left,
> .prev.right {
left: 0;
}
> .active.left {
left: -100%;
}
> .active.right {
left: 100%;
}
}
// Left/right controls for nav
// ---------------------------
.carousel-control {
color: @white;
background-color: @color2;
&:hover,&:focus{background-color: darken(@color1,10%);}
position: absolute;
bottom: 5px;
top:inherit;
left: 5px;
height:30px;
width:30px;
margin: 0;
padding: 8px 12px 12px 8px;
font-size:30px;
font-family:helvetica,arial,sans-serif;
font-weight: 100;
line-height:1;
text-align: center;
border: 0;
.border-radius(30px);
.opacity(0);
transition:opacity 0.3s ease-in-out 0.2s;
// Reposition the right one
&.right {
left: auto;
right: 5px;
padding: 8px 8px 12px 12px;
}
// Hover/focus state
&:hover,&:focus {
text-decoration: none;
}
}
.carousel-indicators,.carousel-stop{
z-index: 5;
margin: 0;
list-style: none;
li{
color: lighten(@color2,5%);
cursor: pointer;
display: inline;
text-indent: inherit;
height: auto;
width: auto;
background-color: transparent !important;
float: none;
&:hover,&:active,&:focus{color: darken(@color1,20%);background: none;}
}
}
.carousel-indicators{
position: absolute;
bottom:4px;
left: 45%;
li{
font-size:1.5em;
margin:0 5px 0 5px;
padding: 0 0 0 0;
display: inline-block;
.border-radius(5px);
&.active{color: lighten(@color1,10%);}
}
}
.carousel-stop{
position: absolute;
bottom:4px;
left:35%;
margin-left: 0;
margin-bottom: 0;
font-family: helvetica,arial,sans-serif;
li{
font-size:1.5em;
}
}
&:hover{
.carousel-indicators,.carousel-stop{
li{
color: @color2;
&.active,&.active:hover{color: @color1;}
&:hover,&:active,&:focus{color: darken(@color1,10%);}
}
}
.carousel-control {
.opacity(70);
transition: opacity 0.3s ease-in-out 0;
}
}
}

BIN
css/fonts/OpenSans-Light-webfont.eot

1831
css/fonts/OpenSans-Light-webfont.svg
File diff suppressed because it is too large
View File

BIN
css/fonts/OpenSans-Light-webfont.ttf

BIN
css/fonts/OpenSans-Light-webfont.woff

BIN
css/fonts/OpenSans-Regular-webfont.eot

1831
css/fonts/OpenSans-Regular-webfont.svg
File diff suppressed because it is too large
View File

BIN
css/fonts/OpenSans-Regular-webfont.ttf

BIN
css/fonts/OpenSans-Regular-webfont.woff

BIN
css/img/glyphicons-halflings-white.png

After

Width: 469  |  Height: 159  |  Size: 8.6 KiB

BIN
css/img/glyphicons-halflings.png

After

Width: 469  |  Height: 159  |  Size: 12 KiB

BIN
css/img/hachure.png

After

Width: 16  |  Height: 16  |  Size: 180 B

BIN
css/img/puce.png

After

Width: 20  |  Height: 17  |  Size: 1.1 KiB

BIN
css/img/puce1.png

After

Width: 15  |  Height: 13  |  Size: 770 B

BIN
css/img/puce2.png

After

Width: 15  |  Height: 13  |  Size: 742 B

BIN
css/img/puce3.png

After

Width: 15  |  Height: 13  |  Size: 770 B

BIN
css/img/quote.png

After

Width: 50  |  Height: 50  |  Size: 719 B

BIN
css/img/quote_rotated.png

After

Width: 50  |  Height: 50  |  Size: 592 B

BIN
css/img/rechercher.png

After

Width: 25  |  Height: 19  |  Size: 655 B

BIN
css/img/spip_out.gif

Before

Width: 10  |  Height: 10  |  Size: 126 B

After

Width: 15  |  Height: 10  |  Size: 134 B

BIN
css/img/spip_out.png

After

Width: 10  |  Height: 10  |  Size: 210 B

BIN
css/img/sprite.png

After

Width: 698  |  Height: 64  |  Size: 4.9 KiB

BIN
css/img/varicelle-sprite.png

Before

Width: 1  |  Height: 136  |  Size: 114 B

9
css/spip.petition.css

@ -1,9 +0,0 @@
/* Habillage des petitions
---------------------------------------------- */
#signatures { }
#signatures caption h2 { margin: 0; }
#signatures td.signature-date { white-space: nowrap; }
#signatures td.signature-nom small { display: block; }
#signatures .formulaire_recherche { } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { } /*Cf.: spip_formulaires.css*/

7
css/spip.portfolio.css

@ -1,7 +0,0 @@
/* Portfolio */
.documents_portfolio { clear: both; margin: /*@margin-bottom*/1.5em/*/@*/ auto; text-align: center; }
.documents_portfolio .spip_logos { float: none; margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #222; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #444; }

1469
css/spipr.educ.less
File diff suppressed because it is too large
View File

41
css/spipr_dist.less

@ -1,41 +0,0 @@
@import "css/variables.less";
@import "css/spip.variables.less";
@import "css/mixins.less";
.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}

314
css/variables.less

@ -0,0 +1,314 @@
//
// Variables
// --------------------------------------------------
// Global values
// --------------------------------------------------
// Grays
// -------------------------
@black: #000;
@grayDarker: #222;
@grayDark: #333;
@gray: #555;
@grayLight: #999;
@grayLighter: #eee;
@white: #fff;
@grayDarkerAlpha: rgba(22,22,22,0.6);
@grayDarkAlpha: rgba(36,36,36,0.5);
@grayAlpha: rgba(55,55,55,0.4);
// Exemples de couleurs
@green: #03A00B;
@turquoise: #6BCDC0;
@blue: #0089C4;
@purple: #8C0496;
@pink: #E6007E;
@red: #BF0909;
@orange: #f97907;
@yellow: #FFEB0E;
@gray: #E0E2E4;
@black: #000000;
@white: #ffffff;
// Couleurs dominantes du site (complémentaires de préférence)
// color1 est utilisée pour les liens, fond du menu horizontal
// color2 est utilisée pour les pastilles,
@color1: @blue;
@color2: @orange;
@color3: @turquoise;
// Scaffolding
// -------------------------
@bodyBackground: @white;
@textColor: @grayDark;
// Links
// -------------------------
@linkColor: @color1;
@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: 16px;
@baseFontFamily: @serifFontFamily;
@baseLineHeight: 24px;
@altFontFamily: @sansFontFamily;
@headingsFontFamily: @baseFontFamily; // empty to use BS default, @baseFontFamily
@headingsFontWeight: normal; // instead of browser default, bold
@headingsColor: @color2; // 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: 8px;
@borderRadiusLarge: 12px;
@borderRadiusSmall: 4px;
// 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: @color1;
@dropdownLinkColorHover: @white;
@dropdownLinkColorActive: @white;
@dropdownLinkBackgroundActive: @color2;
@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/glyphicons-halflings.png";
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.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: @color1;
@navbarInverseBackgroundHighlight: lighten(@color1,5%);
@navbarInverseBorder: darken(@navbarInverseBackground, 5%);
@navbarInverseText: @grayLight;
@navbarInverseLinkColor: @white;
@navbarInverseLinkColorHover: @white;
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover: @color2;
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus: @white;
@navbarInverseSearchBorder: @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor: #ccc;
@navbarInverseBrandColor: @navbarInverseLinkColor;
// Pagination
// -------------------------
@paginationBackground: @grayDark;
@paginationBorder: #ddd;
@paginationActiveBackground: @color1;
// 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);

301
css/variables1.less

@ -0,0 +1,301 @@
@import "css/colors.less";
// Variables
// --------------------------------------------------
// Global values
// --------------------------------------------------
// Grays
// -------------------------
@black: #000;
@grayDarker: #222;
@grayDarkerAlpha: rgba(22,22,22,0.6);
@grayDark: #363636;
@grayDarkAlpha: rgba(36,36,36,0.5);
@gray: #555;
@grayAlpha: rgba(55,55,55,0.4);
@grayLight: #E0E2E4;
@grayLighter: #E0E2E4;
@white: #fafafa;
@blueDesaturate: #005981;
@grayBlue: #B4C9C6;
// Accent colors
// -------------------------
// Scaffolding
// -------------------------
@bodyBackground: @white;
@textColor: @grayDark;
// Links
// -------------------------
@linkColor: @color2;
@linkColorHover: darken(@linkColor, 15%);
// Typography
// -------------------------
@sansFontFamily: 'OpenSans',Arial,Helvetica,sans-serif;
@sansFontLightFamily: 'OpenSansLight',Arial,Helvetica,sans-serif;
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
@baseFontSize: 15px;
@baseFontFamily: @sansFontFamily;
@baseLineHeight: 22px;
@altFontFamily: @serifFontFamily;
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
@headingsFontWeight: bold; // 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: 1px 6px; // 24px
@baseBorderRadius: 15px;
@borderRadiusLarge: 15px;
@borderRadiusMedium: 10px;
@borderRadiusSmall: 4px;
@borderRadiusBlocs: 0;
// Tables
// -------------------------
@tableBackground: transparent; // overall background-color
@tableBackgroundAccent: #f9f9f9; // for striping
@tableBackgroundHover: #eeeeee; // for hover
@tableBorder: #ddd; // table and cell border
// Buttons
// -------------------------
@btnBackground: @white;
@btnBackgroundHighlight: darken(@white, 10%);
@btnBorder: darken(@white, 20%);
@btnPrimaryBackground: @turquoise;
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
@btnInfoBackground: lighten(@orange, 15%);
@btnInfoBackgroundHighlight: @orange;
@btnSuccessBackground: #62c462;
@btnSuccessBackgroundHighlight: #51a351;
@btnWarningBackground: lighten(@orange, 15%);
@btnWarningBackgroundHighlight: @orange;
@btnDangerBackground: #ee5f5b;
@btnDangerBackgroundHighlight: #bd362f;
@btnInverseBackground: @gray;
@btnInverseBackgroundHighlight: @grayDarker;
// Forms
// -------------------------
@inputBackground: @white;
@inputBorder: #ccc;
@inputBorderRadius: 3px;
@inputDisabledBackground: @grayLighter;
@formActionsBackground: transparent;
@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: @linkColor;
@dropdownLinkColorHover: @white;
@dropdownLinkColorActive: @dropdownLinkColor;
@dropdownLinkBackgroundActive: @color1;
@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/glyphicons-halflings.png";
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
// Input placeholder text color
// -------------------------
@placeholderText: @grayLight;
// Hr border color
// -------------------------
@hrBorder: @grayLighter;
// Horizontal forms & lists
// -------------------------
@horizontalComponentOffset: 180px;
// Wells
// -------------------------
@wellBackground: @grayLight;
// Navbar
// -------------------------
@navbarCollapseWidth: 767px;
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
@navbarHeight: 40px;
@navbarBackgroundHighlight: #CE4213;
@navbarBackground: @gray;
@navbarBorder: darken(@navbarBackground, 15%);
@navbarText: @white;
@navbarLinkColor: @white;
@navbarLinkColorHover: @white;
@navbarLinkColorActive: @navbarLinkColorHover;
@navbarLinkBackgroundHover: rgba(0,0,0,.2);
@navbarLinkBackgroundActive: rgba(0,0,0,.2);
@navbarBrandColor: @navbarLinkColor;
// Inverted navbar
@navbarInverseBackground: @grayLighter;
@navbarInverseBackgroundHighlight: @grayLighter;
@navbarInverseBorder: darken(@navbarInverseBackground, 5%);
@navbarInverseText: @black;
@navbarInverseLinkColor: @black;
@navbarInverseLinkColorHover: @white;
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover: @color1;
@navbarInverseLinkBackgroundActive: @color1;
@navbarInverseBrandColor: @navbarInverseLinkColor;
// Pagination
// -------------------------
@paginationBackground: @grayDark;
@paginationBorder: @yellow;
@paginationActiveBackground: @color1;
// Hero unit
// -------------------------
@heroUnitBackground: @grayLighter;
@heroUnitHeadingColor: inherit;
@heroUnitLeadColor: inherit;
// Form states and alerts
// -------------------------
@warningText: #ECA918;
@warningBackground: lighten(@warningText, 40%);
@warningBorder: darken(spin(@warningBackground, -10), 3%);
@errorText: #DF382C;
@errorBackground: lighten(@errorText, 40%);
@errorBorder: darken(spin(@errorBackground, -10), 3%);
@successText: #38B44A;
@successBackground: lighten(@successText, 40%);
@successBorder: darken(spin(@successBackground, -10), 5%);
@infoText: @color2;
@infoBackground: lighten(@color2, 50%);
@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);
/* pour plugin bootstrap >2.0 */
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus: @white;
@navbarInverseSearchBorder: @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor: #ccc;
// GRID
// --------------------------------------------------