From 2335123b5981eb6d8450e159a59e240d8a5acf78 Mon Sep 17 00:00:00 2001 From: chankalan Date: Sat, 16 May 2020 12:21:49 +0200 Subject: [PATCH] =?UTF-8?q?baz=5Fapril=20v2.0=20rebas=C3=A9=20sur=20zboot?= =?UTF-8?q?=20en=20entier?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- baz_april_administrations.php | 46 +- baz_april_autorisations.php | 22 + baz_april_fonctions.php | 44 +- baz_april_options.php | 58 +- baz_april_pipelines.php | 21 +- courtcircuit_selection_article.html | 1 + formulaires/configurer_baz_april.html | 13 +- formulaires/login.html | 57 -- formulaires/login.php | 333 -------- formulaires/recherche.html | 12 - lang/baz_april_fr.php | 14 +- lang/paquet-baz_april_fr.php | 16 +- mes_options.php | 102 +++ paquet.xml | 54 +- .../contenu/configurer_baz_april.html | 11 +- prive/themes/spip/images/baz_april-xx.svg | 7 + readme.md | 2 - spip_admin_perso.css | 1 - squelettes/401.html | 4 - squelettes/article.html | 2 +- squelettes/aside/dist.html | 13 +- .../dist.html => aside/sommaire.html} | 0 squelettes/aside/z_apl.html | 10 - squelettes/body.html | 73 +- squelettes/breadcrumb/401.html | 5 - squelettes/breadcrumb/404.html | 5 - squelettes/breadcrumb/article.html | 13 + squelettes/breadcrumb/auteur.html | 18 +- squelettes/breadcrumb/dist.html | 20 +- squelettes/breadcrumb/inc-objet.html | 7 - squelettes/breadcrumb/login.html | 10 - squelettes/breadcrumb/mot.html | 16 +- squelettes/breadcrumb/plan.html | 10 +- squelettes/breadcrumb/recherche.html | 10 +- squelettes/breadcrumb/rubrique.html | 13 + squelettes/breadcrumb/sommaire.html | 0 squelettes/content/401.html | 10 - squelettes/content/404.html | 11 +- squelettes/content/article.html | 49 +- squelettes/content/auteur.html | 22 - squelettes/content/boussole.html | 18 - squelettes/content/dist.html | 0 squelettes/content/login.html | 17 - squelettes/content/mot.html | 49 -- squelettes/content/plan.html | 88 +- squelettes/content/recherche.html | 16 +- squelettes/content/rubrique.html | 72 +- squelettes/content/site.html | 4 +- squelettes/content/sommaire.html | 41 +- squelettes/favicon.ico.html | 13 + squelettes/favicon.png | Bin 0 -> 4420 bytes squelettes/footer/dist.html | 13 +- squelettes/formulaires/recherche.html | 9 + squelettes/formulaires/recherche.php | 43 + squelettes/head/401.html | 2 + squelettes/head/404.html | 4 +- squelettes/head/article.html | 4 +- squelettes/head/auteur.html | 11 - squelettes/head/dist.html | 24 - squelettes/head/mot.html | 11 +- squelettes/head/plan.html | 3 - squelettes/head/recherche.html | 2 +- squelettes/head/rubrique.html | 8 +- squelettes/head/site.html | 5 - squelettes/head/sommaire.html | 23 - squelettes/header/dist.html | 13 +- .../{scss/img => images}/logo_april_b.png | Bin squelettes/inclure/archives-mois.html | 9 - squelettes/inclure/article-hero.html | 10 - squelettes/inclure/article-resume.html | 20 + squelettes/inclure/articles-resume.html | 10 - squelettes/inclure/articles.html | 16 - squelettes/inclure/boussole.html | 6 +- squelettes/inclure/head.html | 44 +- .../inclure/images/icone-dropdown-over.png | Bin 0 -> 311 bytes squelettes/inclure/images/icone-dropdown.png | Bin 0 -> 300 bytes squelettes/inclure/images/logo_april_b.png | Bin 0 -> 3461 bytes squelettes/inclure/images/nologo.png | Bin 0 -> 173 bytes squelettes/inclure/liste-articles.html | 10 - squelettes/inclure/liste-rubriques.html | 25 - .../{ => inclure}/liste/articles-auteur.html | 0 .../liste/articles-recherche.html | 0 .../{ => inclure}/liste/articles-resume.html | 0 .../liste/rubriques-recherche.html | 0 .../{ => inclure}/liste/syndicarticles.html | 0 squelettes/inclure/nav-secteurs.html | 0 squelettes/inclure/petition.html | 45 - squelettes/inclure/recherche/articles.html | 14 + squelettes/inclure/resume/article.html | 13 - squelettes/inclure/resume/rubrique.html | 13 - squelettes/inclure/resume/site.html | 12 - squelettes/inclure/resume/syndic_article.html | 9 - squelettes/inclure/rubriques.html | 56 -- squelettes/javascript/script.js | 74 ++ squelettes/javascript/sidr/jquery.sidr.js | 579 +++++++++++++ squelettes/javascript/sidr/jquery.sidr.min.js | 4 + .../sidr/stylesheets/jquery.sidr.bare.css | 5 + .../sidr/stylesheets/jquery.sidr.dark.css | 164 ++++ .../sidr/stylesheets/jquery.sidr.dark.min.css | 1 + .../sidr/stylesheets/jquery.sidr.light.css | 164 ++++ .../stylesheets/jquery.sidr.light.min.css | 1 + squelettes/js/baz_script.js | 42 - squelettes/js/css3-mediaqueries.js | 780 ------------------ squelettes/js/html5shiv.js | 8 - squelettes/rubrique.html | 2 +- squelettes/scss/_baz-compositions.scss | 27 - squelettes/scss/_baz-font.scss | 20 - squelettes/scss/_baz-layout.scss | 62 -- squelettes/scss/_baz-mixins.scss | 205 ----- squelettes/scss/_baz-modeles.scss | 51 -- squelettes/scss/_baz-pagination.scss | 26 - squelettes/scss/_baz-theme-perso.scss | 1 - squelettes/scss/_baz-typo.scss | 31 - squelettes/scss/_baz-utils.scss | 54 -- squelettes/scss/_baz-variables-perso.scss | 1 - squelettes/scss/_baz-variables.scss | 84 -- squelettes/scss/_form.scss | 60 -- squelettes/scss/_forums.scss | 21 - squelettes/scss/_helpers.scss | 133 --- squelettes/scss/_links.scss | 101 --- squelettes/scss/_main.scss | 344 -------- squelettes/scss/_media.scss | 133 --- squelettes/scss/_spip.scss | 199 ----- squelettes/scss/_tiny-typo.scss | 585 ------------- squelettes/scss/base/_main.scss | 392 +++++++++ squelettes/scss/{ => base}/_normalize.scss | 132 +-- squelettes/scss/base/_print.scss | 132 +++ squelettes/scss/base/_spip.scss | 101 +++ squelettes/scss/base/_typo.scss | 148 ++++ squelettes/scss/baz.scss | 30 - squelettes/scss/blocs/_aside.scss | 2 + squelettes/scss/blocs/_breadcrump.scss | 27 + squelettes/scss/blocs/_content.scss | 95 +++ squelettes/scss/blocs/_footer.scss | 79 ++ squelettes/scss/blocs/_header.scss | 41 + .../scss/components/_custom-radios.scss | 85 ++ squelettes/scss/components/_forms.scss | 386 +++++++++ squelettes/scss/components/_jquery.sidr.scss | 71 ++ squelettes/scss/components/_pagination.scss | 65 ++ squelettes/scss/img/def.png | Bin 306 -> 0 bytes squelettes/scss/img/quote.png | Bin 621 -> 0 bytes squelettes/scss/img/recherche.png | Bin 771 -> 0 bytes squelettes/scss/styles/_layout.scss | 62 ++ .../scss/{_baz-nav.scss => styles/_nav.scss} | 13 +- .../{_baz-theme.scss => styles/_perso.scss} | 77 +- squelettes/scss/styles/_print.scss | 70 ++ squelettes/scss/styles/_sommaire.scss | 10 + squelettes/scss/styles/_styles.scss | 77 ++ squelettes/scss/theme.scss | 38 + squelettes/scss/utils/_helpers.scss | 84 ++ squelettes/scss/utils/_mixins.scss | 224 +++++ squelettes/scss/utils/_variables.scss | 110 +++ squelettes/structure.html | 13 +- 153 files changed, 4026 insertions(+), 4440 deletions(-) mode change 100755 => 100644 baz_april_administrations.php create mode 100644 baz_april_autorisations.php mode change 100755 => 100644 baz_april_fonctions.php mode change 100755 => 100644 baz_april_options.php mode change 100755 => 100644 baz_april_pipelines.php create mode 100755 courtcircuit_selection_article.html mode change 100755 => 100644 formulaires/configurer_baz_april.html delete mode 100755 formulaires/login.html delete mode 100755 formulaires/login.php delete mode 100755 formulaires/recherche.html mode change 100755 => 100644 lang/baz_april_fr.php create mode 100644 mes_options.php mode change 100755 => 100644 prive/squelettes/contenu/configurer_baz_april.html create mode 100644 prive/themes/spip/images/baz_april-xx.svg delete mode 100644 spip_admin_perso.css delete mode 100755 squelettes/401.html mode change 100755 => 100644 squelettes/article.html mode change 100755 => 100644 squelettes/aside/dist.html rename squelettes/{head_js/dist.html => aside/sommaire.html} (100%) mode change 100755 => 100644 delete mode 100755 squelettes/aside/z_apl.html delete mode 100755 squelettes/breadcrumb/401.html delete mode 100755 squelettes/breadcrumb/404.html create mode 100644 squelettes/breadcrumb/article.html mode change 100755 => 100644 squelettes/breadcrumb/auteur.html mode change 100755 => 100644 squelettes/breadcrumb/dist.html delete mode 100755 squelettes/breadcrumb/inc-objet.html delete mode 100755 squelettes/breadcrumb/login.html mode change 100755 => 100644 squelettes/breadcrumb/mot.html mode change 100755 => 100644 squelettes/breadcrumb/plan.html mode change 100755 => 100644 squelettes/breadcrumb/recherche.html create mode 100644 squelettes/breadcrumb/rubrique.html create mode 100644 squelettes/breadcrumb/sommaire.html delete mode 100755 squelettes/content/401.html mode change 100755 => 100644 squelettes/content/404.html mode change 100755 => 100644 squelettes/content/article.html delete mode 100644 squelettes/content/boussole.html create mode 100644 squelettes/content/dist.html delete mode 100755 squelettes/content/login.html mode change 100755 => 100644 squelettes/content/mot.html mode change 100755 => 100644 squelettes/content/recherche.html mode change 100755 => 100644 squelettes/content/rubrique.html mode change 100755 => 100644 squelettes/content/sommaire.html create mode 100644 squelettes/favicon.ico.html create mode 100644 squelettes/favicon.png mode change 100755 => 100644 squelettes/footer/dist.html create mode 100755 squelettes/formulaires/recherche.html create mode 100755 squelettes/formulaires/recherche.php create mode 100644 squelettes/head/401.html mode change 100755 => 100644 squelettes/head/404.html mode change 100755 => 100644 squelettes/head/article.html delete mode 100755 squelettes/head/auteur.html mode change 100755 => 100644 squelettes/head/dist.html mode change 100755 => 100644 squelettes/head/mot.html delete mode 100755 squelettes/head/plan.html mode change 100755 => 100644 squelettes/head/recherche.html mode change 100755 => 100644 squelettes/head/rubrique.html delete mode 100755 squelettes/head/site.html delete mode 100755 squelettes/head/sommaire.html mode change 100755 => 100644 squelettes/header/dist.html rename squelettes/{scss/img => images}/logo_april_b.png (100%) delete mode 100755 squelettes/inclure/archives-mois.html delete mode 100755 squelettes/inclure/article-hero.html create mode 100644 squelettes/inclure/article-resume.html delete mode 100755 squelettes/inclure/articles-resume.html delete mode 100755 squelettes/inclure/articles.html create mode 100644 squelettes/inclure/images/icone-dropdown-over.png create mode 100644 squelettes/inclure/images/icone-dropdown.png create mode 100644 squelettes/inclure/images/logo_april_b.png create mode 100644 squelettes/inclure/images/nologo.png delete mode 100755 squelettes/inclure/liste-articles.html delete mode 100755 squelettes/inclure/liste-rubriques.html rename squelettes/{ => inclure}/liste/articles-auteur.html (100%) rename squelettes/{ => inclure}/liste/articles-recherche.html (100%) rename squelettes/{ => inclure}/liste/articles-resume.html (100%) rename squelettes/{ => inclure}/liste/rubriques-recherche.html (100%) rename squelettes/{ => inclure}/liste/syndicarticles.html (100%) mode change 100755 => 100644 squelettes/inclure/nav-secteurs.html delete mode 100755 squelettes/inclure/petition.html create mode 100644 squelettes/inclure/recherche/articles.html delete mode 100755 squelettes/inclure/resume/article.html delete mode 100755 squelettes/inclure/resume/rubrique.html delete mode 100755 squelettes/inclure/resume/site.html delete mode 100755 squelettes/inclure/resume/syndic_article.html delete mode 100755 squelettes/inclure/rubriques.html create mode 100644 squelettes/javascript/script.js create mode 100755 squelettes/javascript/sidr/jquery.sidr.js create mode 100755 squelettes/javascript/sidr/jquery.sidr.min.js create mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.bare.css create mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.css create mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css create mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css create mode 100755 squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css delete mode 100755 squelettes/js/baz_script.js delete mode 100755 squelettes/js/css3-mediaqueries.js delete mode 100755 squelettes/js/html5shiv.js mode change 100755 => 100644 squelettes/rubrique.html delete mode 100644 squelettes/scss/_baz-compositions.scss delete mode 100755 squelettes/scss/_baz-font.scss delete mode 100644 squelettes/scss/_baz-layout.scss delete mode 100755 squelettes/scss/_baz-mixins.scss delete mode 100644 squelettes/scss/_baz-modeles.scss delete mode 100644 squelettes/scss/_baz-pagination.scss delete mode 100755 squelettes/scss/_baz-theme-perso.scss delete mode 100755 squelettes/scss/_baz-typo.scss delete mode 100644 squelettes/scss/_baz-utils.scss delete mode 100644 squelettes/scss/_baz-variables-perso.scss delete mode 100755 squelettes/scss/_baz-variables.scss delete mode 100755 squelettes/scss/_form.scss delete mode 100644 squelettes/scss/_forums.scss delete mode 100644 squelettes/scss/_helpers.scss delete mode 100755 squelettes/scss/_links.scss delete mode 100644 squelettes/scss/_main.scss delete mode 100755 squelettes/scss/_media.scss delete mode 100755 squelettes/scss/_spip.scss delete mode 100755 squelettes/scss/_tiny-typo.scss create mode 100755 squelettes/scss/base/_main.scss rename squelettes/scss/{ => base}/_normalize.scss (73%) create mode 100644 squelettes/scss/base/_print.scss create mode 100644 squelettes/scss/base/_spip.scss create mode 100644 squelettes/scss/base/_typo.scss delete mode 100755 squelettes/scss/baz.scss create mode 100644 squelettes/scss/blocs/_aside.scss create mode 100644 squelettes/scss/blocs/_breadcrump.scss create mode 100644 squelettes/scss/blocs/_content.scss create mode 100644 squelettes/scss/blocs/_footer.scss create mode 100644 squelettes/scss/blocs/_header.scss create mode 100644 squelettes/scss/components/_custom-radios.scss create mode 100644 squelettes/scss/components/_forms.scss create mode 100755 squelettes/scss/components/_jquery.sidr.scss create mode 100644 squelettes/scss/components/_pagination.scss delete mode 100755 squelettes/scss/img/def.png delete mode 100755 squelettes/scss/img/quote.png delete mode 100755 squelettes/scss/img/recherche.png create mode 100644 squelettes/scss/styles/_layout.scss rename squelettes/scss/{_baz-nav.scss => styles/_nav.scss} (93%) rename squelettes/scss/{_baz-theme.scss => styles/_perso.scss} (92%) mode change 100755 => 100644 create mode 100644 squelettes/scss/styles/_print.scss create mode 100644 squelettes/scss/styles/_sommaire.scss create mode 100644 squelettes/scss/styles/_styles.scss create mode 100644 squelettes/scss/theme.scss create mode 100644 squelettes/scss/utils/_helpers.scss create mode 100644 squelettes/scss/utils/_mixins.scss create mode 100644 squelettes/scss/utils/_variables.scss mode change 100644 => 100755 squelettes/structure.html diff --git a/baz_april_administrations.php b/baz_april_administrations.php old mode 100755 new mode 100644 index 19b3b7c..6e3f485 --- a/baz_april_administrations.php +++ b/baz_april_administrations.php @@ -1,11 +1,30 @@ 'oui' ); - $config_baz_april = array( - 'afficherauteurs' => 'non' - ); // Tableau de la configuration par défaut $maj['create'] = array( array('ecrire_config', 'feuillederoute', $config_fdr), @@ -37,8 +53,14 @@ function baz_april_upgrade($nom_meta_version_base, $version_cible) { maj_plugin($nom_meta_version_base, $version_cible, $maj); } -// Désinstallation -function baz_april_vider_tables($nom_meta_version_base) { - effacer_meta('baz'); - effacer_meta($nom_meta_version_base); +/** + * Fonction de désinstallation du plugin baz_april. + * + * @param string $nom_meta_base_version + * Nom de la meta informant de la version du schéma de données du plugin installé dans SPIP + * + * @return void + **/ +function baz_april_vider_tables($nom_meta_base_version) { + effacer_meta($nom_meta_base_version); } diff --git a/baz_april_autorisations.php b/baz_april_autorisations.php new file mode 100644 index 0000000..6757855 --- /dev/null +++ b/baz_april_autorisations.php @@ -0,0 +1,22 @@ + 28/02/2007 + * Fonctions utiles au plugin baz_april * - * @param string $date - * @param int $decalage - * @param string $format - * @return string + * @plugin baz_april + * @copyright 2019 + * @author Nicolas Dorigny + * @licence GNU/GPL + * @package SPIP\baz_april\Fonctions */ -function baz_moisdecal($date, $decalage, $format = 'Y-m-d H:i:s') { - include_spip('inc/filtres'); - $date_array = recup_date($date); - if ($date_array) { - list($annee, $mois, $jour) = $date_array; - } - if (!$jour) { - $jour = 1; - } - if (!$mois) { - $mois = 1; - } - $mois2 = $mois + $decalage; - $date2 = mktime(1, 1, 1, $mois2, $jour, $annee); - // mois normalement attendu - $mois3 = date('m', mktime(1, 1, 1, $mois2, 1, $annee)); - // et si le mois de la nouvelle date a moins de jours... - $mois2 = date('m', $date2); - if ($mois2 - $mois3) { - $date2 = mktime(1, 1, 1, $mois2, 0, $annee); - } - return date($format, $date2); + +if (!defined('_ECRIRE_INC_VERSION')) { + return; } diff --git a/baz_april_options.php b/baz_april_options.php old mode 100755 new mode 100644 index 1a85396..b85c544 --- a/baz_april_options.php +++ b/baz_april_options.php @@ -1,44 +1,24 @@ '; - -// afficher les erreurs -// define('_NO_CACHE', -1); -// define('_INTERDIRE_COMPACTE_HEAD_ECRIRE', true); -// error_reporting(E_ALL^E_NOTICE); -// ini_set ("display_errors", "On"); -// define('SPIP_ERREUR_REPORT',E_ALL); -// $GLOBALS['taille_des_logs'] = 500; -// define('_MAX_LOG', 500000); -// define('_LOG_FILELINE',true); -// define('_LOG_FILTRE_GRAVITE',8); -// define('_DEBUG_SLOW_QUERIES', true); -// define('_BOUCLE_PROFILER', 5000); - -$GLOBALS['debut_intertitre'] = "\n

\n"; +// corriger les intertitres de SPIP +$GLOBALS['debut_intertitre'] = "\n

"; $GLOBALS['fin_intertitre'] = "

\n"; + +// Blocs Zcore +$GLOBALS['z_blocs'] = array( + 'content', + 'head', + 'header', + 'breadcrumb', + 'extra', + 'aside', + 'connex', + 'footer', +); + +define('_CONTENT_WIDTH', 650); +define('_IMAGE_RATIO', '1.5:1'); diff --git a/baz_april_pipelines.php b/baz_april_pipelines.php old mode 100755 new mode 100644 index cdf5b29..78a8af7 --- a/baz_april_pipelines.php +++ b/baz_april_pipelines.php @@ -1,3 +1,22 @@ #ID_ARTICLE diff --git a/formulaires/configurer_baz_april.html b/formulaires/configurer_baz_april.html old mode 100755 new mode 100644 index 592a4aa..458b46d --- a/formulaires/configurer_baz_april.html +++ b/formulaires/configurer_baz_april.html @@ -1,11 +1,12 @@
-

<:baz_april:configuration_baz_april:>

+

<:baz_april:titre_page_configurer_baz_april:/>

[

(#ENV*{message_ok})

] [

(#ENV*{message_erreur})

] -
+ +
#ACTION_FORMULAIRE{#ENV{action}}
    [(#SAISIE{case,afficherauteurs, @@ -13,9 +14,7 @@ explication=<:baz_april:afficherauteurs_explications:>, defaut=non})]
-

- -

-
- +

 

+
+
diff --git a/formulaires/login.html b/formulaires/login.html deleted file mode 100755 index 04dfee1..0000000 --- a/formulaires/login.html +++ /dev/null @@ -1,57 +0,0 @@ -#HTTP_HEADER{"Cache-Control: no-store, no-cache, must-revalidate"} -#HTTP_HEADER{"Pragma: no-cache"} - -
- [

(#ENV*{_deja_loge})

] - [

(#ENV*{message_ok})

] - [

(#ENV*{message_erreur})

] - - [(#ENV{echec_cookie}) -
-

<:avis_erreur_cookie:>

-

<:login_cookie_oblige:>
<:login_cookie_accepte:>

-
] - - [(#ENV{editable}) -
- [(#REM) declarer les hidden qui declencheront le service du formulaire parametre : url d'action ] - #ACTION_FORMULAIRE -
- <:form_forum_identifiants:> -
- -
- [ - (#ENV**{erreurs}|table_valeur{password}) - ] -

<:login_motpasseoublie:>

-
- [(#ENV{rester_connecte}) -
- - -
] -
-
-

-
- ] - [(#REM) en cas d'absence de cookie, on represente le formulaire alternatif ] - [
[ - (#ENV{auth_http}|form_hidden) - ] -
- <:login_sans_cookie:> - <:login_preferez_refuser:> - - [] -

-
-
- ] -
diff --git a/formulaires/login.php b/formulaires/login.php deleted file mode 100755 index aeb3b3e..0000000 --- a/formulaires/login.php +++ /dev/null @@ -1,333 +0,0 @@ - $login, - 'editable' => !$row, - 'cnx' => isset($row['cnx']) ? $row['cnx'] : '0', - 'auth_http' => login_auth_http(), - 'rester_connecte' => ((_RENOUVELLE_ALEA < 12 * 3600) ? '' : ' '), - '_logo' => isset($row['logo']) ? $row['logo'] : '', - '_alea_actuel' => isset($row['alea_actuel']) ? $row['alea_actuel'] : '', - '_alea_futur' => isset($row['alea_futur']) ? $row['alea_futur'] : '', - '_pipeline' => 'affiche_formulaire_login', // faire passer le formulaire dans un pipe dedie pour les methodes auth - ); - - if ($erreur or !isset($GLOBALS['visiteur_session']['id_auteur']) or !$GLOBALS['visiteur_session']['id_auteur']) { - $valeurs['editable'] = true; - } - - if (is_null($prive) ? is_url_prive($cible) : $prive) { - include_spip('inc/autoriser'); - $loge = autoriser('ecrire'); - } else { - $loge = (isset($GLOBALS['visiteur_session']['auth']) and $GLOBALS['visiteur_session']['auth'] != ''); - } - - // Si on est connecte, appeler traiter() - // et lancer la redirection si besoin - if (!$valeurs['editable'] and $loge and _request('formulaire_action')!=='login') { - $traiter = charger_fonction('traiter', 'formulaires/login'); - $res = $traiter($cible, $login, $prive); - $valeurs = array_merge($valeurs, $res); - - if (isset($res['redirect']) and $res['redirect']) { - include_spip('inc/headers'); - # preparer un lien pour quand redirige_formulaire ne fonctionne pas - $m = redirige_formulaire($res['redirect'], '', 'ajaxform'); - $valeurs['_deja_loge'] = inserer_attribut( - '' . _T('login_par_ici') . "$m", - 'href', - $res['redirect'] - ); - } - } - // en cas d'echec de cookie, inc_auth a renvoye vers le script de - // pose de cookie ; s'il n'est pas la, c'est echec cookie - // s'il est la, c'est probablement un bookmark sur bonjour=oui, - // et pas un echec cookie. - if ($erreur == 'cookie') { - $valeurs['echec_cookie'] = ' '; - } elseif ($erreur) { - // une erreur d'un SSO indique dans la redirection vers ici - // mais il faut se proteger de toute tentative d'injection malveilante - include_spip('inc/texte'); - $valeurs['message_erreur'] = safehtml($erreur); - } - - return $valeurs; -} - - -/** - * Identification via HTTP (si pas de cookie) - * - * Gére le cas où un utilisateur ne souhaite pas de cookie : - * on propose alors un formulaire pour s'authentifier via http - * - * @return string - * - Si connection possible en HTTP : URL pour réaliser cette identification, - * - chaîne vide sinon. - **/ -function login_auth_http() { - if (!$GLOBALS['ignore_auth_http'] - and _request('var_erreur') == 'cookie' - and (!isset($_COOKIE['spip_session']) or $_COOKIE['spip_session'] != 'test_echec_cookie') - and (($GLOBALS['flag_sapi_name'] and preg_match(',apache,i', @php_sapi_name())) - or preg_match(',^Apache.* PHP,', $_SERVER['SERVER_SOFTWARE'])) - // Attention dans le cas 'intranet' la proposition de se loger - // par auth_http peut conduire a l'echec. - and !(isset($_SERVER['PHP_AUTH_USER']) and isset($_SERVER['PHP_AUTH_PW'])) - ) { - return generer_url_action('cookie', '', false, true); - } else { - return ''; - } -} - -/** - * Vérifications du formulaire de login - * - * Connecte la personne si l'identification réussie. - * - * @uses auth_identifier_login() - * @uses auth_loger() - * @uses login_autoriser() - * - * @param string $cible - * URL de destination après identification. - * Cas spécifique : la valeur `@page_auteur` permet d'être redirigé - * après connexion sur le squelette public de l'auteur qui se connecte. - * @param string $login - * Login de la personne à identifier (si connu) - * @param null|bool $prive - * Identifier pour l'espace privé (true), public (false) - * ou automatiquement (null) en fonction de la destination de l'URL cible. - * @return array - * Erreurs du formulaire - **/ -function formulaires_login_verifier_dist($cible = '', $login = '', $prive = null) { - - $session_login = _request('var_login'); - $session_password = _request('password'); - $session_remember = _request('session_remember'); - - if (!$session_login) { - # pas de login saisi ! - return array('var_login' => _T('info_obligatoire')); - } - - // appeler auth_identifier_login qui va : - // - renvoyer un string si echec (message d'erreur) - // - un array decrivant l'auteur identifie si possible - // - rediriger vers un SSO qui renverra in fine sur action/auth qui finira l'authentification - include_spip('inc/auth'); - $auteur = auth_identifier_login($session_login, $session_password); - // on arrive ici si on ne s'est pas identifie avec un SSO - if (!is_array($auteur)) { - $erreurs = array(); - if (is_string($auteur) and strlen($auteur)) { - $erreurs['var_login'] = $auteur; - } - include_spip('inc/cookie'); - spip_setcookie('spip_admin', '', time() - 3600); - if (strlen($session_password)) { - $erreurs['password'] = _T('login_erreur_pass'); - } else { - // sinon c'est un login en deux passe old style (ou js en panne) - // pas de message d'erreur - $erreurs['password'] = ' '; - } - - return - $erreurs; - } - // on a ete authentifie, construire la session - // en gerant la duree demandee pour son cookie - if ($session_remember !== null) { - $auteur['cookie'] = $session_remember; - } - // si la connexion est refusee on renvoi un message erreur de mot de passe - // car en donnant plus de detail on renseignerait un assaillant sur l'existence d'un compte - if (auth_loger($auteur) === false) { - $erreurs['message_erreur'] = _T('login_erreur_pass'); - return $erreurs; - } - - return (is_null($prive) ? is_url_prive($cible) : $prive) - ? login_autoriser() : array(); -} - -/** - * Teste l'autorisation d'accéder à l'espace privé une fois une connexion - * réussie, si la cible est une URL privée. - * - * Dans le cas contraire, un message d'erreur est retourné avec un lien - * pour se déconnecter. - * - * @return array - * - Erreur si un connecté n'a pas le droit d'acceder à l'espace privé - * - tableau vide sinon. - **/ -function login_autoriser() { - include_spip('inc/autoriser'); - if (!autoriser('ecrire')) { - $h = generer_url_action('logout', 'logout=prive&url=' . urlencode(self())); - - return array( - 'message_erreur' => '

' - . _T('avis_erreur_visiteur') - . '

' - . _T('texte_erreur_visiteur') - . "

[" - . _T('icone_deconnecter') . ']

' - ); - } - - return array(); -} - -/** - * Traitements du formulaire de login - * - * On arrive ici une fois connecté. - * On redirige simplement sur l'URL cible désignée. - * - * @param string $cible - * URL de destination après identification. - * Cas spécifique : la valeur `@page_auteur` permet d'être redirigé - * après connexion sur le squelette public de l'auteur qui se connecte. - * @param string $login - * Login de la personne à identifier (si connu) - * @param null|bool $prive - * Identifier pour l'espace privé (true), public (false) - * ou automatiquement (null) en fonction de la destination de l'URL cible. - * @return array - * Retours du traitement - **/ -function formulaires_login_traiter_dist($cible = '', $login = '', $prive = null) { - $res = array(); - // Si on se connecte dans l'espace prive, - // ajouter "bonjour" (repere a peu pres les cookies desactives) - if (is_null($prive) ? is_url_prive($cible) : $prive) { - $cible = parametre_url($cible, 'bonjour', 'oui', '&'); - } - if ($cible == '@page_auteur') { - $cible = generer_url_entite($GLOBALS['auteur_session']['id_auteur'], 'auteur'); - } - - if ($cible) { - $cible = parametre_url($cible, 'var_login', '', '&'); - - // transformer la cible absolue en cible relative - // pour pas echouer quand la meta adresse_site est foireuse - if (strncmp($cible, $u = url_de_base(), strlen($u)) == 0) { - $cible = './' . substr($cible, strlen($u)); - } elseif (tester_url_absolue($cible) and !defined('_AUTORISER_LOGIN_ABS_REDIRECT')) { - // si c'est une url absolue, refuser la redirection - // sauf si cette securite est levee volontairement par le webmestre - $cible = ''; - } - } - - // Si on est connecte, envoyer vers la destination - if ($cible and ($cible != self('&')) and ($cible != self())) { - $res['redirect'] = $cible; - $res['message_ok'] = inserer_attribut( - '' . _T('login_par_ici') . '', - 'href', - $cible - ); - } - - // avant de rediriger il faut mettre a jour les sessions sur le disque si on a charge une session - if (function_exists('terminer_actualiser_sessions')) { - terminer_actualiser_sessions(); - } - - return $res; -} diff --git a/formulaires/recherche.html b/formulaires/recherche.html deleted file mode 100755 index fb03782..0000000 --- a/formulaires/recherche.html +++ /dev/null @@ -1,12 +0,0 @@ -
-
- [(#ENV{action}|form_hidden)] - [] -
- -
-
- -
-
-
diff --git a/lang/baz_april_fr.php b/lang/baz_april_fr.php old mode 100755 new mode 100644 index e3c88cf..e312bb0 --- a/lang/baz_april_fr.php +++ b/lang/baz_april_fr.php @@ -1,10 +1,18 @@ 'baz april', + + // T + 'titre_page_configurer_baz_april' => 'Configuration', + 'cfg_baz_april' => 'Configuration du jeu de squelettes
APRIL - base', diff --git a/lang/paquet-baz_april_fr.php b/lang/paquet-baz_april_fr.php index 7a5a539..e0b99f9 100644 --- a/lang/paquet-baz_april_fr.php +++ b/lang/paquet-baz_april_fr.php @@ -1,12 +1,14 @@ 'squelettes HTML5 avec scss et Tiny Typo', - 'baz_april_slogan' => 'squelettes de base pour les sites APRIL', + // C + 'baz_april_description' => '', + 'baz_april_nom' => 'baz april', + 'baz_april_slogan' => 'Squelette de base Zcore + SCSS', ); diff --git a/mes_options.php b/mes_options.php new file mode 100644 index 0000000..8e136cf --- /dev/null +++ b/mes_options.php @@ -0,0 +1,102 @@ +Error 403: Forbidden

Error 403

You are not authorized to view this page ($ecran_securite_raison)

"); +} + +// ------------------------------------------------------------ +// Définition de l'environnement : DEV / PREPROD / PROD +// ------------------------------------------------------------ + +if (in_array($_SERVER["SERVER_ADDR"], array( + "::1", + "127.0.0.1", +))) { + define('_SERVEUR_MODE', 'DEV'); +} else { + if ($_SERVER["SERVER_NAME"] == 'dev.domain.tld') { + define('_SERVEUR_MODE', 'PREPROD'); + } else { + define('_SERVEUR_MODE', 'PROD'); + } +} + +// ------------------------------------------------------------ +// Config selon l'environnement +// ------------------------------------------------------------ + +switch (_SERVEUR_MODE) { + case 'DEV': + case 'PREPROD': + define('SPIP_ERREUR_REPORT', E_ALL & ~E_WARNING & ~E_NOTICE & ~E_DEPRECATED & ~E_STRICT); + error_reporting(SPIP_ERREUR_REPORT); + ini_set('display_errors', 1); + define('_DEBUG_AUTORISER', true); + define('_LOG_FILTRE_GRAVITE', 8); + define('_TEST_EMAIL_DEST', 'nd@dataetic.fr'); + define('_SCSS_SOURCE_MAP', true); + break; + case 'PROD': + ini_set('display_errors', 0); + define('_LOG_FILTRE_GRAVITE', 8); + define('_SPIP_CHMOD', 0777); + break; +} + +ini_set('memory_limit', '384M'); + +// ------------------------------------------------------------ +// Débug et logs +// ------------------------------------------------------------ + +define('_LOG_FILELINE', true); +define('_DEBUG_SLOW_QUERIES', true); +define('_BOUCLE_PROFILER', 1000); + +// Ne pas remlacer < par < dans les logs +define('_LOG_BRUT', true); + +ini_set("log_errors", 1); +ini_set("error_log", $_SERVER['DOCUMENT_ROOT'] . '/tmp/log/php.log'); + +$nombre_de_logs = 6; +$taille_des_logs = 1024; // 1Mo avant rotation + +// ------------------------------------------------------------ +// Configs spécifiques +// ------------------------------------------------------------ + +// crypter les noms des inputs dans les formulaires protégés par nospam +define('_SPAM_ENCRYPT_NAME', true); + +define('_STATUT_AUTEUR_CREATION', '6forum'); + +define ('_SAISIES_AFFICHER_SI_JS_SHOW', 'slideDown(300)'); +define ('_SAISIES_AFFICHER_SI_JS_HIDE', 'slideUp(300)'); + +//-------------------------------------------------------------------- +// Taille et poids maxi des images et logos + +define('_IMG_MAX_WIDTH', 3000); +define('_IMG_MAX_HEIGHT', 3000); +define('_IMG_MAX_SIZE', 1024*4); # poids en ko + +define('_LOGO_MAX_WIDTH', 3000); +define('_LOGO_MAX_HEIGHT', 3000); +define('_LOGO_MAX_SIZE', 1024*4); # poids en ko + +define('_FILE_MAX_SIZE', 1024*12); # poids en ko diff --git a/paquet.xml b/paquet.xml index c75a4e6..0efb4bc 100644 --- a/paquet.xml +++ b/paquet.xml @@ -1,47 +1,45 @@ - APRIL - base - + + baz_april + chankalan + Nicolas Dorigny + GNU/GPL - collectif APRIL - nicod_ (astuces scss dans galactic) - Sass CSS - Font Awesome + + + + + + - GPL 3 pour le squelette SPIP - SIL pour les typographies - - - - - - - - - - - - - - - - - + + + + + + + + + + diff --git a/prive/squelettes/contenu/configurer_baz_april.html b/prive/squelettes/contenu/configurer_baz_april.html old mode 100755 new mode 100644 index 2910138..44419c7 --- a/prive/squelettes/contenu/configurer_baz_april.html +++ b/prive/squelettes/contenu/configurer_baz_april.html @@ -1,6 +1,7 @@ -[(#AUTORISER{configurer, baz_april}|sinon_interdire_acces)] -

<:baz_april:cfg_baz_april:>

+[(#AUTORISER{configurer,_baz_april}|sinon_interdire_acces)] -[
- (#FORMULAIRE_CONFIGURER_BAZ_APRIL) -
] +

<:baz_april:titre_page_configurer_baz_april:/>

+ +
+ #FORMULAIRE_CONFIGURER_BAZ_APRIL +
diff --git a/prive/themes/spip/images/baz_april-xx.svg b/prive/themes/spip/images/baz_april-xx.svg new file mode 100644 index 0000000..a2bd89f --- /dev/null +++ b/prive/themes/spip/images/baz_april-xx.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/readme.md b/readme.md index 8bae76b..fd1df89 100644 --- a/readme.md +++ b/readme.md @@ -41,5 +41,3 @@ git clone https://github.com/nd-/tri_par_rubrique.git git clone https://git.spip.net/spip-contrib-extensions/role_documents.git git clone https://git.spip.net/spip-contrib-extensions/menus.git - -git clone https://git.spip.net/spip-contrib-extensions/prive_fluide_remix.git diff --git a/spip_admin_perso.css b/spip_admin_perso.css deleted file mode 100644 index 885e51a..0000000 --- a/spip_admin_perso.css +++ /dev/null @@ -1 +0,0 @@ -.spip-admin-float { z-index: 100; position: fixed; right: 20%; top: auto; bottom:0; white-space: nowrap; } diff --git a/squelettes/401.html b/squelettes/401.html deleted file mode 100755 index 592cf24..0000000 --- a/squelettes/401.html +++ /dev/null @@ -1,4 +0,0 @@ -#HTTP_HEADER{#VAL{"HTTP/1.0 "}|concat{#ENV{code,"401 Not Found"}}} -#HTTP_HEADER{"Cache-Control: no-store, no-cache, must-revalidate"} -#HTTP_HEADER{Pragma: no-cache} - diff --git a/squelettes/article.html b/squelettes/article.html old mode 100755 new mode 100644 index bfeab87..39853a4 --- a/squelettes/article.html +++ b/squelettes/article.html @@ -1,3 +1,3 @@ - + diff --git a/squelettes/aside/dist.html b/squelettes/aside/dist.html old mode 100755 new mode 100644 index cf08070..19feb12 --- a/squelettes/aside/dist.html +++ b/squelettes/aside/dist.html @@ -1,2 +1,11 @@ -[(#REM) Menu de navigation par rubriques ] - + +[(#REM) Articles dans la meme rubrique ] + + + + + diff --git a/squelettes/head_js/dist.html b/squelettes/aside/sommaire.html old mode 100755 new mode 100644 similarity index 100% rename from squelettes/head_js/dist.html rename to squelettes/aside/sommaire.html diff --git a/squelettes/aside/z_apl.html b/squelettes/aside/z_apl.html deleted file mode 100755 index 2ba4dc1..0000000 --- a/squelettes/aside/z_apl.html +++ /dev/null @@ -1,10 +0,0 @@ -[(#REM) - - Squelette Big_Pipe - http://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919 - - (c) 2010 Cedric Morin - Distribue sous licence GPL - -]#CACHE{0} -#INCLURE{fond=inclure/ajax_parallel_load,bloc=#SQUELETTE} \ No newline at end of file diff --git a/squelettes/body.html b/squelettes/body.html index 710a31e..28855b5 100755 --- a/squelettes/body.html +++ b/squelettes/body.html @@ -1,40 +1,39 @@ - - -
- -
-
- - -
- [
] -
+ +
-
-
- - -
- [(#COMPOSITION|=={dossier}|et{#ENV{type-page}|=={article}}|non) - ] +
+
+ +
+ +
+ +
+
+
+
+ + +
+ +
+
[(#COMPOSITION|=={dossier}|et{#ENV{type-page}|=={article}}|non) + ] +
+
+
+ + + +
+
+ +
+
+
- - - -
-
- -
-
- -
diff --git a/squelettes/breadcrumb/401.html b/squelettes/breadcrumb/401.html deleted file mode 100755 index 7216db6..0000000 --- a/squelettes/breadcrumb/401.html +++ /dev/null @@ -1,5 +0,0 @@ -[(#REM) Fil d'Ariane ] - diff --git a/squelettes/breadcrumb/404.html b/squelettes/breadcrumb/404.html deleted file mode 100755 index 28ff9b1..0000000 --- a/squelettes/breadcrumb/404.html +++ /dev/null @@ -1,5 +0,0 @@ -[(#REM) Fil d'Ariane ] - diff --git a/squelettes/breadcrumb/article.html b/squelettes/breadcrumb/article.html new file mode 100644 index 0000000..36ffb69 --- /dev/null +++ b/squelettes/breadcrumb/article.html @@ -0,0 +1,13 @@ + + + diff --git a/squelettes/breadcrumb/auteur.html b/squelettes/breadcrumb/auteur.html old mode 100755 new mode 100644 index 32ed33d..8738db4 --- a/squelettes/breadcrumb/auteur.html +++ b/squelettes/breadcrumb/auteur.html @@ -1,8 +1,10 @@ - -[(#REM) Fil d'Ariane ] - - \ No newline at end of file + + + diff --git a/squelettes/breadcrumb/dist.html b/squelettes/breadcrumb/dist.html old mode 100755 new mode 100644 index 3ed57dd..b700320 --- a/squelettes/breadcrumb/dist.html +++ b/squelettes/breadcrumb/dist.html @@ -1,15 +1,5 @@ - \ No newline at end of file + diff --git a/squelettes/breadcrumb/inc-objet.html b/squelettes/breadcrumb/inc-objet.html deleted file mode 100755 index 0e46ae1..0000000 --- a/squelettes/breadcrumb/inc-objet.html +++ /dev/null @@ -1,7 +0,0 @@ -<:accueil_site:> > - - -[(#TITRE|couper{80})] > - - -[(#ID_OBJET|generer_url_entite{#OBJET}|lien_ou_expose{#INFO_TITRE{#OBJET,#ID_OBJET}|sinon{?}|couper{80},#ENV{expose,' '}|?{span}})][(#ENV{expose,' '}|non)> ] \ No newline at end of file diff --git a/squelettes/breadcrumb/login.html b/squelettes/breadcrumb/login.html deleted file mode 100755 index 8b08b2e..0000000 --- a/squelettes/breadcrumb/login.html +++ /dev/null @@ -1,10 +0,0 @@ -[(#REM) - Est-ce qu'on se connecte a l'espace prive ou pas ? -]#SET{prive,''} -[(#ENV{url}|=={''}|?{#SET{prive,' '}})] -[(#ENV{url}|match{^#EVAL{_DIR_RESTREINT_ABS}}|?{#SET{prive,' '}})] - -[(#REM) Fil d'Ariane ] - diff --git a/squelettes/breadcrumb/mot.html b/squelettes/breadcrumb/mot.html old mode 100755 new mode 100644 index 0af4f11..90da000 --- a/squelettes/breadcrumb/mot.html +++ b/squelettes/breadcrumb/mot.html @@ -1,8 +1,10 @@ - -
+ diff --git a/squelettes/content/site.html b/squelettes/content/site.html index 798f8f4..c6c32d9 100755 --- a/squelettes/content/site.html +++ b/squelettes/content/site.html @@ -12,7 +12,7 @@
@@ -20,4 +20,4 @@
- \ No newline at end of file + diff --git a/squelettes/content/sommaire.html b/squelettes/content/sommaire.html old mode 100755 new mode 100644 index 01b51d1..afddb11 --- a/squelettes/content/sommaire.html +++ b/squelettes/content/sommaire.html @@ -1,33 +1,10 @@ -
-
-

#NOM_SITE_SPIP

-
+
+ +#ANCRE_PAGINATION + + #INCLURE{fond=inclure/article-resume, id_article, longueur=480} + +[

(#PAGINATION{page_precedent_suivant})

] + +
-
- -
- - [

(#TITRE|sinon{<:accueil:>})

] -
- [
(#CHAPO|image_reduire{700,*})
] - [
(#TEXTE|image_reduire{700,*})
] - - [

<:voir_en_ligne:> : [(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]

] -
-
- [

<:info_ps:>

(#PS|image_reduire{700,*})
] - [

<:info_notes:>

(#NOTES)
] -
- -
- - [
(#DESCRIPTIF_SITE_SPIP)
] - - -
- -
- -
- -
diff --git a/squelettes/favicon.ico.html b/squelettes/favicon.ico.html new file mode 100644 index 0000000..2ab148c --- /dev/null +++ b/squelettes/favicon.ico.html @@ -0,0 +1,13 @@ +#HTTP_HEADER{Content-Type: image/x-icon} +#HTTP_HEADER{Content-Transfer-Encoding: binary} + \ No newline at end of file diff --git a/squelettes/favicon.png b/squelettes/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..f5847969603851d65fbb7ceff38e00f0ceb629dc GIT binary patch literal 4420 zcmV-K5xee*P)FRi5V|NfLOThoPY%6bc1cmW4Qu5r!cOg#rx2K$@m-90ysJ z!M1HANdm`lpp*gtD5YSUCX`aB*Xyt>3t5&SNfHza1!P%rfGt&dc6+EanQ=kH|rbQVL-h0)S=)iRT%HVZie|{av9@KwDcIT-OBvBuN6LlxA`q$4Ju@ zrfI@33{5zRZ}nx9JCq0slEewlSNS(d@`JQ#)n!!Yz`ytH8$h@uFt z>+1Ku@53+**tVV1jz(rlL9|RP7m;&R$1KaVr1=>M<#V=e>kCS)Ac6dw7w6wRi;^@9 zLra(EkwJV`5=`kf3gZKbm4}lk9!P>o6rYjbr)dhyvXG`JeBXysN=uc`^OBOWuIuV` zNs_=Y48(D)_w{{0cL!>PJhxS1O>#Vr<6-K?_arb)(_zerq6kVUBuS#BBQHf}+O`eL zvh?0`fJ!O-4*(p;(T<0IJC38*Tb2dKao~Ag%W7;!QIxy1R5wYiVHik~1WA%0O;bcs zl;f;aSvs#YO*MlkS@}Lm5}2l$+lPBZQKa{vS#dw9F|E9eBuNxQ1Z{*iNJm6_p`@e( zi{luc=ON271VI49Fii0ZJH|2y<3tj zRgktx!s9qbyzXigM~jE=nThdlE}E zvuzum=i%_lbGZL|KgX<9k740ApTpR;f>v|i_cgI;nqteAEyD-}faAxHW6PE;O|^=G z84-e#-jEJT!ZS+OG|ge0l+V9*pV?l0ADjV#L)r6lddG);|pNh~i*M`IWUdQS}CYfo;)kM|sc zQb1eL!$W^|6PEt|EbV2>I zzOhS7kY+(}PfxpU-8xMu0IXcO5-V4(%w;v}*RR*_X)2U(tM&>2Mi_=ldRJ}|h9P|4 z*BF!zqFSxu%@c!I{@{z)fBdxG=;pas;`@KS2xZ^NVc2T5ib|z|Q>RX0^ytz0yBRZP zptrXd05E?1cpN%(2&QSGv$GSYPMrb(Oq(_h2M->EX_{J_h{6bZT9PcKC&50Y%~(rD zD5bD**Z<;E|M+x{&}E;x8bAE{5|n*MhoUHobV>&Rg+f6CgiV_^X+i;D*|KFi16sOt zss8-%;ltRvb*q-743D(!mh;(WsT&WV8rrsl|M<}^tbF(3koA%rRGOyBG)+WNq^lK{ zW$B8-d1hF+=dsOrc=PVu;y;)(1uy;mpTM?EEqQsdD2m|wKI-*4JkQf1ZsNp=I@Had zKObASZq32J>#x5ad-m)B0JyG;BS(&)qoX6|phgmYOqoK-G)i*u{-?JMBXr8xcC7#E zLRjVn#6%QCbC6k(QVOo?;?YMR)r11T^5x658PNomFJG>|kK-8Y*RRiE@{xuiBaUMw z<1D#Fn|OZbLEQeGjSy$SFo13Uawo3syiBKHjY+lSI>QtIbai!UbW|#paO~JIR4NsX zl$269d-g0QPoAtj_sp3y@x~i(XvZY|O3R5rBbcDQzIEa({<3>>j!*!&ZT@V`ziJ{% zrIJ>AS>cG|SUV_Lo!GW*nWrZ|DDS;!jcY2hA0UREX%?>@4SPJ z8#m_mdj0j+@$S3tqQAc%{r&w2f&kTO75)AF*tc(A?%53+HlVMsPcvBxs3mO7+HaC1 z+U6el>8r!k7XWVg=!{&=RzgY{3nlWgEDKLP^;FI=0l@0jtFe0Z>JN3%TCIkjo*t}P zwMv@`9bii~+o-~6rtsX3{Y@AA-qdlqN(G&UbR5icS?Vzi1CKxc_$4RbPdxENj)^U+ zahj%x<5)}7bzL0jJ2T8y>4j%^j>#qHl$<1-w#R3-Z{Lms2M$~^vHSMz!_J*MVOf^0 zKDMOB($SDx2l~!lOy^PZ-CTXDS@nXd%#hURm~OuLW-M5+Kx>4I?@aTQQt*8rTefV; z<+k13-IzCT-pCSxG)AVO%aBnj^orCr4*JeTXxYf z)RJUr=(1ArM>ou9y5QtMfQL8lL4SXLuExv~DxFRo$9Um|7xcPvxr{}N7HI-yazF_( zq)0r??{B~T_FTB>>FH^mSXLq$Yr%i|nXBPB&F$hlFYZE=U62rybtVNQcJ}Pqdd=&IE!@ zEfP<^(AU?8D2gz3>eP|dpc=tDd#7JtbOT0}nj@7T{Q4mN^G7>%!p(jVJu^$Dot>Q+ zH*TD+Ke0_Ir6|V_(lkX71X{KEKh=K1gb5=eRNE|7nd-$vdPe6J_{MFYxai{hzPlBV z{ABmArkBL8l$0ctg*?Jancy?##&Miu28(zazmK5TV-ljtW)m-F7zXb8>@`?&V^`C~ zN&%~$*ouc<+N~w48d4=*l-`w9MBBDeC=|4FWHHWlU9`2e!Sg)*8ND>8YgDsz?86dE zTe2)m=ZS?v;XNk-tXuUZe01i7ixPa_`t7*;ku|>>=fHJr z-MW-hGLGYDV&gd0#7f5V#nKMPk6I>{SX8PHr71bt*o=--;Gdq^j{n-c8&UH9pkrX76uHMbE)4AM3*1pPP%1cTGf=rMY%XyM8i-?{?yv>En@#cByUK7#bSVLMWHZP)cE7U_eV*wpR&?=zoTd8ORAWstdU)NBF2_ zjLT$*9J?hd`|X)QJpammJhx*%b{%^A1J#_bwxWk?r;fw*)33ms$zw2k(pXF%HwtY< zFV`R+8XD4tgfI-Xy)$cKZOe7t^Tf(|MH%cHr%M}~UyUPpayEl@Pc@6<7(-!#U58KN zm-~NnIY0CzC);QrlnjZH_Dlv4cyNA^|MMA!7TdN_tJQ`POO@kUjIFZpPA#)6 z3t<$&ea|EF4m^|2l^R$m6mnDUzVE|stkN~sePy_z)Tz#LAX+Byjni_nQ!a-t8zG}S zhiIu@uWJw6INnPbDf44Fa7xY8!{FSoaTHcMrDhkB%4W5!{>c$L+N)%mbXxLx=^Gk5_Hxvg z;e(kNZBR;^^U0QF>1t)MSk!(90L*H&np3eb40Fzjswk&UiE4;brP@gDN>9y#oNSp; z!UF>X+6I|wvRWzcChybiTt3gD0GUDOXcMAwLk>pEwxra1DP39iq(tS&y|gd+n*pw; z2FNUn&ae@}k`Y`J1c63+e1_*xb-4%E*sklMR;%eaSt^zErD%tZ^(E$ + #INCLURE{fond=inclure/menu, env, identifiant=pied1} + #INCLURE{fond=inclure/menu, env, identifiant=pied2} + #INCLURE{fond=inclure/menu, env, identifiant=pied3} + #INCLURE{fond=inclure/menu, env, identifiant=pied4} + #INCLURE{fond=inclure/menu, env, identifiant=pied5} + + +#FORMULAIRE_RECHERCHE +

- + #TITRE diff --git a/squelettes/formulaires/recherche.html b/squelettes/formulaires/recherche.html new file mode 100755 index 0000000..73cfe27 --- /dev/null +++ b/squelettes/formulaires/recherche.html @@ -0,0 +1,9 @@ +

+
+ [(#ENV{action}|form_hidden)] + [] + + + +
+
diff --git a/squelettes/formulaires/recherche.php b/squelettes/formulaires/recherche.php new file mode 100755 index 0000000..a9fbeb2 --- /dev/null +++ b/squelettes/formulaires/recherche.php @@ -0,0 +1,43 @@ + $action, + 'recherche' => _request('recherche'), + 'lang' => $lang, + 'class' => $class, + '_id_champ' => $class ? substr(md5($action . $class), 0, 4) : 'recherche', + ); +} diff --git a/squelettes/head/401.html b/squelettes/head/401.html new file mode 100644 index 0000000..ede3842 --- /dev/null +++ b/squelettes/head/401.html @@ -0,0 +1,2 @@ +Accès réservé - [(#NOM_SITE_SPIP|textebrut)] + \ No newline at end of file diff --git a/squelettes/head/404.html b/squelettes/head/404.html old mode 100755 new mode 100644 index b3e707e..b88d371 --- a/squelettes/head/404.html +++ b/squelettes/head/404.html @@ -1,2 +1,2 @@ -<:pass_erreur:> 404 - [(#NOM_SITE_SPIP|textebrut)] - \ No newline at end of file +<:pass_erreur:/> 404 - [(#NOM_SITE_SPIP|textebrut)] + \ No newline at end of file diff --git a/squelettes/head/article.html b/squelettes/head/article.html old mode 100755 new mode 100644 index 96c8460..306e6c9 --- a/squelettes/head/article.html +++ b/squelettes/head/article.html @@ -1,5 +1,5 @@ -[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] -[] +[(#TITRE|textebrut)][ - (#NOM_SITE_SPIP|textebrut)] +[] [] \ No newline at end of file diff --git a/squelettes/head/auteur.html b/squelettes/head/auteur.html deleted file mode 100755 index c3cb12e..0000000 --- a/squelettes/head/auteur.html +++ /dev/null @@ -1,11 +0,0 @@ - -[(#NOM|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] -[] -[] - -[(#REM) Favicon personnalisee a partir du logo (si filtres d'image) ] -[(#MODELE{favicon}{favicon=#LOGO_AUTEUR})] - -[(#REM) Lien vers le flux RSS des articles de l'auteur ] - - \ No newline at end of file diff --git a/squelettes/head/dist.html b/squelettes/head/dist.html old mode 100755 new mode 100644 index 039affe..3d3197e --- a/squelettes/head/dist.html +++ b/squelettes/head/dist.html @@ -1,26 +1,2 @@ -[(#REM) - Cette inclusion est celle utilisee par defaut lorsqu'un head/xxx demande - n'existe pas - - Ces deux balises #NOM_SITE_SPIP et #DESCRIPTIF_SITE_SPIP - permettent de récupérer des informations de configuration de SPIP - que l'on renseigne dans l'espace privé. - - Ces enregistrements sont stockés en base de donnée dans une - table appelée "spip_meta". Les champs de la table peuvent aussi - être récupérés en utilisant la balise #CONFIG{nom de la configuration} - ce qui donnerait ici : #CONFIG{nom_site_spip} - - Les |mot suivants les #BALISE indique qu'on applique certains traitements - au texte retourné par la balise. - - |textebrut supprime toute balise HTML, |couper{150} coupe le texte - retourné à 150 caractères. Ces "filtres" peuvent se chaîner - |filtreA|filtreB ... - - Ces deux lignes permettent au bout du compte de renseigner le titre - de la page affiché tout en haut du navigateur ainsi que la description du site - (utile aux moteurs de recherche) -] [(#NOM_SITE_SPIP|textebrut)] [] \ No newline at end of file diff --git a/squelettes/head/mot.html b/squelettes/head/mot.html old mode 100755 new mode 100644 index ee140da..f536ac7 --- a/squelettes/head/mot.html +++ b/squelettes/head/mot.html @@ -1,6 +1,5 @@ - -[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] -[] -[(#REM) Lien vers le flux RSS des articles du mot cle ] - - \ No newline at end of file + +[(#TITRE|textebrut)][ - (#NOM_SITE_SPIP|textebrut)] +[] +[] + \ No newline at end of file diff --git a/squelettes/head/plan.html b/squelettes/head/plan.html deleted file mode 100755 index 79c266f..0000000 --- a/squelettes/head/plan.html +++ /dev/null @@ -1,3 +0,0 @@ -<:plan_site:> - [(#NOM_SITE_SPIP|textebrut)] -[] - \ No newline at end of file diff --git a/squelettes/head/recherche.html b/squelettes/head/recherche.html old mode 100755 new mode 100644 index 71f0f7a..cb04bee --- a/squelettes/head/recherche.html +++ b/squelettes/head/recherche.html @@ -1,2 +1,2 @@ -<:resultats_recherche:> - [(#NOM_SITE_SPIP|textebrut)] +<:resultats_recherche:/>[ - (#NOM_SITE_SPIP|textebrut)] \ No newline at end of file diff --git a/squelettes/head/rubrique.html b/squelettes/head/rubrique.html old mode 100755 new mode 100644 index 51bc9c1..8f973d3 --- a/squelettes/head/rubrique.html +++ b/squelettes/head/rubrique.html @@ -1,7 +1,5 @@ - -[(#TITREWEB|sinon{#TITRE}|textebrut)] + +[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] [] [] -[(#REM) Lien vers le flux RSS de la rubrique ] - - + \ No newline at end of file diff --git a/squelettes/head/site.html b/squelettes/head/site.html deleted file mode 100755 index 6619884..0000000 --- a/squelettes/head/site.html +++ /dev/null @@ -1,5 +0,0 @@ - -[(#NOM_SITE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] -[] - - \ No newline at end of file diff --git a/squelettes/head/sommaire.html b/squelettes/head/sommaire.html deleted file mode 100755 index 9e45992..0000000 --- a/squelettes/head/sommaire.html +++ /dev/null @@ -1,23 +0,0 @@ -[(#REM) - Ces deux balises #NOM_SITE_SPIP et #DESCRIPTIF_SITE_SPIP - permettent de récupérer des informations de configuration de SPIP - que l'on renseigne dans l'espace privé. - - Ces enregistrements sont stockés en base de donnée dans une - table appelée "spip_meta". Les champs de la table peuvent aussi - être récupérés en utilisant la balise #CONFIG{nom de la configuration} - ce qui donnerait ici : #CONFIG{nom_site_spip} - - Les |mot suivants les #BALISE indique qu'on applique certains traitements - au texte retourné par la balise. - - |textebrut supprime toute balise HTML, |couper{150} coupe le texte - retourné à 150 caractères. Ces "filtres" peuvent se chaîner - |filtreA|filtreB ... - - Ces deux lignes permettent au bout du compte de renseigner le titre - de la page affiché tout en haut du navigateur ainsi que la description du site - (utile aux moteurs de recherche) -] -[(#NOM_SITE_SPIP|typo|textebrut)][ - (#SLOGAN_SITE_SPIP|typo|textebrut)] -[] diff --git a/squelettes/header/dist.html b/squelettes/header/dist.html old mode 100755 new mode 100644 index 489adf5..854f5f0 --- a/squelettes/header/dist.html +++ b/squelettes/header/dist.html @@ -1,6 +1,17 @@ -
+ +

[(#SI_PAGE{sommaire}|non)] [(#LOGO_SITE_SPIP|image_reduire{400,60}) ]#NOM_SITE_SPIP [(#SLOGAN_SITE_SPIP)] [(#SI_PAGE{sommaire}|non)]

+ + + + diff --git a/squelettes/scss/img/logo_april_b.png b/squelettes/images/logo_april_b.png similarity index 100% rename from squelettes/scss/img/logo_april_b.png rename to squelettes/images/logo_april_b.png diff --git a/squelettes/inclure/archives-mois.html b/squelettes/inclure/archives-mois.html deleted file mode 100755 index 0d1e20f..0000000 --- a/squelettes/inclure/archives-mois.html +++ /dev/null @@ -1,9 +0,0 @@ -
-

<:baz_april:archives:>

-
    - - [
  • (#DATE|affdate{Y}|unique)
    • ] - [
  • (#DATE|affdate{nom_mois})
    • ] - -
-
diff --git a/squelettes/inclure/article-hero.html b/squelettes/inclure/article-hero.html deleted file mode 100755 index d5cf670..0000000 --- a/squelettes/inclure/article-hero.html +++ /dev/null @@ -1,10 +0,0 @@ - -
-

#TITRE[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{500,100}|responsive_logo)]

-

[]

- [
(#INTRODUCTION)
] -

- <:zcore:lire_la_suite:> -

-
- diff --git a/squelettes/inclure/article-resume.html b/squelettes/inclure/article-resume.html new file mode 100644 index 0000000..d3605ed --- /dev/null +++ b/squelettes/inclure/article-resume.html @@ -0,0 +1,20 @@ + +
+ +
+

#TITRE

+
+ [(#INFO_TITRE{rubrique,#ID_RUBRIQUE})] + #SET{heure,#DATE|heures|concat{h}} + #SET{minutes,#DATE|minutes} + [(#GET{minutes}|=={00}|non)#SET{heure,#GET{heure}|concat{#GET{minutes}}}] + [(#DATE|nom_jour|ucfirst) [(#DATE|affdate)] [(#ENV{class}|=={vertical}|non)à #GET{heure}]] +
+
+ [(#INTRODUCTION{#ENV{longueur,180}}|PtoBR)] +
+
+
+ \ No newline at end of file diff --git a/squelettes/inclure/articles-resume.html b/squelettes/inclure/articles-resume.html deleted file mode 100755 index b9136a3..0000000 --- a/squelettes/inclure/articles-resume.html +++ /dev/null @@ -1,10 +0,0 @@ - - #ANCRE_PAGINATION -

[(#ENV{titre,<:derniers_articles:>})]

-
    - -
  • #INCLURE{fond=inclure/resume/article,id_article,env}
    • - -
- [] - \ No newline at end of file diff --git a/squelettes/inclure/articles.html b/squelettes/inclure/articles.html deleted file mode 100755 index cdae0c9..0000000 --- a/squelettes/inclure/articles.html +++ /dev/null @@ -1,16 +0,0 @@ -[(#REM) on affiche tous les articles, on garde le paramètre url des paginations article et rubrique ] - - [(#SET{trad#ID_ARTICLE,on})] - -#ANCRE_PAGINATION - - -
  • -
    • - - -[

    (#PAGINATION{page})

    ] -     \ No newline at end of file diff --git a/squelettes/inclure/boussole.html b/squelettes/inclure/boussole.html index 3c03f6e..e7d38d9 100644 --- a/squelettes/inclure/boussole.html +++ b/squelettes/inclure/boussole.html @@ -1,5 +1,7 @@ -
    -
    +
    +
    + <:baz_april:des_initiatives_april:> + diff --git a/squelettes/inclure/head.html b/squelettes/inclure/head.html index 5a4de9b..522f5f1 100755 --- a/squelettes/inclure/head.html +++ b/squelettes/inclure/head.html @@ -1,42 +1,24 @@ [(#REM) - Head standard de toutes les pages ; - les elements specifiques (title, description) figurent dans chaque squelette - + Head standard de toutes les pages ; les elements specifiques + (title, description) figurent dans le squelette article.html ] - -[(#REM) Lien vers le flux RSS du site ] -[] - -[(#REM) baz scss ] -[] -[(#REM) surcharge facile pur css ] -[] + + #INSERT_HEAD_CSS -[(#REM) - Balise permettant aux plugins d'inserer des appels javascript ; - 4. C'est ici que SPIP va inserer l'appel de la librairie jQuery - 5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration -] #INSERT_HEAD -[] -[(#REM) 6. Vos scripts ] -[] +[] +[] -[(#REM) Fierement fabrique avec SPIP ] - +[(#REM) Thème SCSS du plugin ] +[] -[(#REM) Favicon + activer le plugin Favicon ] -[] +[(#REM) scripts génériques ] +[] +[] -[(#REM) meta robots ] -[] +[(#REM) flux RSS ] +[] diff --git a/squelettes/inclure/images/icone-dropdown-over.png b/squelettes/inclure/images/icone-dropdown-over.png new file mode 100644 index 0000000000000000000000000000000000000000..89c765307e1e5590e802e5fff1d618245ca9ff65 GIT binary patch literal 311 zcmV-70m%M|P)3f6psm4HcujYyT+%3i!tpM| z{e}g8FXH|==MV)yQQjB_>96U8CsRF0hRpqOpMH(f%Twq4KZn+C%;|)u)4hahIZ^&| zX8StG0z905rzqJ_TRwJJItilFmVAR4U)ErL--g(Y0uz{~NCP)ODk<4o>+t{p002ov JPDHLkV1nLrirD}F literal 0 HcmV?d00001 diff --git a/squelettes/inclure/images/icone-dropdown.png b/squelettes/inclure/images/icone-dropdown.png new file mode 100644 index 0000000000000000000000000000000000000000..50bae95e572e112d7d0252253d89d246a06d6b83 GIT binary patch literal 300 zcmV+{0n`48P)Rdt5m6vGbp8^Qk{e<)F=z~Ed~aj?LF=fHoJ>9xOhPCy}x^&yL+Di{FyXN z!~PkjVR0N|97o7D>-!#QnnD>CMG;KXgyT4P`TBkX&GYCy6a~e}L3EzCPmm-@kmot{Y}7C*Y1k+1;vsVwl^mr20000#>fB+#-h9Cw3NznjOB9?+o1&ZR5 z#aIxL3W^md!BSeRtQJujEDEb&YZXP2P?f3LB~zFsh)fk4t+0SH1`r64kbopFpZ>AW zulc?E?r(T=7`|)Wm6tQ@yYJa&*wgvJC_`OWU2U}AyCOhcXkYxrSn$y^2Jbux_{%YP z@7ov)sOzW;)Mws`tNpFI(oX``0M-XSGs^ECQK)~a{j1~rRGqA@IvPBTAckcO z)$`SZ)e)D;u)jckw|b`fiKgNc$+NtQ4S-J%HxHwUhM_W82-DaHeasP-Bq4u95QW3;IAt6KLK6`W;B(ZtX>ciuMLKu3U8|e?*ldhRt25|?um$Jhe&r5U|aH- zdaTfVWoX>?eML>#B;ZHtmcW-HqOQ%zLS3z_+*fL5W!)6%8`}3*+MlZapbfo0Dg7?0l>ej!{f;J^x|jMyi}xMVg{X!ObyM}~HXlAu zJ=}`&qMlaMc1BbEmgWi^&_~%{=)X{Z)rP-1{Cx}BRiR(ohQ^$xe#0j8(r&VPUClce ztJ6A-(U73-YyZ{SK(G2Q>ZF=}Yt{6-s;1qQl{Sy7t90P0D)ePd|6Xcp&pWESsVAxr z)bPGUeSZz@s?ZylrGC&{06VCss~>LaH>^T0ZO5w@*6?y!yYU$`$_vl3_4)Fwx<{M- zU##h~Q%$>VYu?c|0%w1rtG=dwq(%Fctly%4TGO^p=-=sLyoO!qrG1a7XEdW%o!W_~ z0YRN;DoCv`N1f89|61z&N}pTWw6AWVkE<)UXQr3G4R0-w0{#3PYi&UVMjzP0;;;sHbbHL|8{y=U6%uY+@kG`z(?EJ z(&}13HHac`x>^-(GnUbJ0)Ae-un4OY?v99sU9`Ktrfka&eIDw9?ua8IZdGpvb}dD9 zF72+-?3_7^)+_vR;E*nyCnt~&g=Pe>-2nNT3LF8{hA1m|vKxXC@wEDTpjlB|r$e{- z-OwH-{E+2Be_<$udLR=3=)XdnaYRHs*N#v*8iq4edP=*qy$J&e8Z8-M-xW#d_cZ!A=DZ#q-HPOiv0TpbZNcR_0={m=3zNtbIkm;f{@i0=eG0bJ0b-$vaKHxo7{R*E|b zb#XVeM+uG9y$rZ|D1^oXdy!$iRyeN{k+RB9s1!c|Y~JO$+z`s6z#lXfpQ2vWfyNAV zjV{jhes+0zUt6|1)Q=__3+l=aigZWx0Ef1zUku#b1)bx8$(6D*yA?PaMLS)&1x{dFBES4w%ES!@W)AJ;7{xI0Z)^Tjq4*~!6>skB&a|E$gVr+Pyf z&@qQKnKNU}(;E$q?echXJ8OmAfp69+KX0Qy)XfJwR_d-+vSW%eH&gwyE@`Z%?%S%q z2OuIIChgeXHncuP3Vx+-Ui=ovvGmUp?gMpqb%&a&y@Bba%?V`!>|Dy{cKQA(v{rnV zN7*9cD)rBSS@exWHREVt3-yqprWB7P)U8Ry?Y+RyNk6`%@BIbf4@>!~p>GXc!z7o0Hnsi2O3oMF=+kk%u);2FIYzq8mM5u0Cc=-jX zl`m57jEG)!I_WcMn5LVM9=O*?Z`>=uN@j3uB{EdJ9hq`I9k{9V-Kq4!Ox%2pjDJif zL$cTR@pMJRGfKS>8`-9)tM17tHbz@6;36E`(XL|iSj&69#vP6`2m-Zv4=~@ zt4U{(gSIuWA89%s1zbl?_-)96J__hnk1TEGlkVy%>cM1A!ezjRf%A*Nj{x=ut}67N zBDMFPG8w)@T0VP~x|4x#k~t2Kkk`AvMoz+oq{He1rQdqwB-#r20cEEsyj=jin{@6x z0vyxN1d50o%g0^QW>D7wE-ngQT_9sczOnG839uw0mXd?| z46u!QG@0sk8StukA>*^83HXoXIeR|vih2?mqHYd*E^7MwCSWz-f5|Pr*+#z$I7B@h z_$YbQtXcTmn&lzjTS&cY5jpvmHh3@31T(SpbEVvpZgpcBhZlee9W~72ggLGd>UZb5 zg4=iXo_Kc5up!x3?(d6jE#U|!h`QQsL6jkN83$a8l#dFDR{EN#xQGc$rWEbpFJ>gScZ z8RYptmprE@1AheEL2l=h$O*F#Dc~D`?IPlKGb}v~m`7$m{TDeY)+qHoh4=B)r;W87 z>{ZlHssG)Z zVg5GE>K*!zQ`e}J)m`e?v+RVJmmoG!*DRC$&FRx9gR_fzw)$Wf6F~Dm-1pVv)DJiU zchk)qDciTGn{Apy?fUPcp4jyNuqJY5UW(kP{C%N%gn38(w~oRuN(>f*x~kkjMD&u% z#Vx?!m=^!J+*wtVG;3^dLij_*_ph1e>It0 zvY51Tt|YbhDdePHKO$Os%|;SKTIroo;_A0iiQ<`;A~q*iz{aFT`wr6nU%Tm>+ZCeou>c2N}d#NKUwSM#KX3 z9^iMR?_ - #ANCRE_PAGINATION -

    [(#ENV{titre,<:derniers_articles:>})]

    -
      - -
    • #INCLURE{fond=inclure/resume/article,id_article,env}
      • - -
    - [] - \ No newline at end of file diff --git a/squelettes/inclure/liste-rubriques.html b/squelettes/inclure/liste-rubriques.html deleted file mode 100755 index 044f4db..0000000 --- a/squelettes/inclure/liste-rubriques.html +++ /dev/null @@ -1,25 +0,0 @@ -#SET{sens_tri_map, #ARRAY{direct,0, inverse,-1}} -#SET{sens_tri, #GET{sens_tri_map/#ENV{sens}}} -#SET{par_map, #ARRAY{ - num_titre, 'num titre' -}} -#SET{defaut_tri, #ARRAY{ - titre, #GET{sens_tri,0}, - num titre, #GET{sens_tri,0}, - date, #GET{sens_tri,-1}, - date_modif, #GET{sens_tri,-1} -}} -#SET{par, #ENV{par}|in_array{#GET{par_map}|array_keys}|?{#GET{par_map/#ENV{par}},#ENV{par}}} -#SET{tri, #GET{par,titre}} - - - #ANCRE_PAGINATION - [

    (#ENV{titre,<:rubriques:>})

    ] -
      - -
    • #INCLURE{fond=inclure/resume/rubrique,id_rubrique,env,largeur_logo=#ENV{largeur_logo},coupe=#ENV{coupe}}
      • - -
    - [] -     - diff --git a/squelettes/liste/articles-auteur.html b/squelettes/inclure/liste/articles-auteur.html similarity index 100% rename from squelettes/liste/articles-auteur.html rename to squelettes/inclure/liste/articles-auteur.html diff --git a/squelettes/liste/articles-recherche.html b/squelettes/inclure/liste/articles-recherche.html similarity index 100% rename from squelettes/liste/articles-recherche.html rename to squelettes/inclure/liste/articles-recherche.html diff --git a/squelettes/liste/articles-resume.html b/squelettes/inclure/liste/articles-resume.html similarity index 100% rename from squelettes/liste/articles-resume.html rename to squelettes/inclure/liste/articles-resume.html diff --git a/squelettes/liste/rubriques-recherche.html b/squelettes/inclure/liste/rubriques-recherche.html similarity index 100% rename from squelettes/liste/rubriques-recherche.html rename to squelettes/inclure/liste/rubriques-recherche.html diff --git a/squelettes/liste/syndicarticles.html b/squelettes/inclure/liste/syndicarticles.html similarity index 100% rename from squelettes/liste/syndicarticles.html rename to squelettes/inclure/liste/syndicarticles.html diff --git a/squelettes/inclure/nav-secteurs.html b/squelettes/inclure/nav-secteurs.html old mode 100755 new mode 100644 diff --git a/squelettes/inclure/petition.html b/squelettes/inclure/petition.html deleted file mode 100755 index ec2f6c7..0000000 --- a/squelettes/inclure/petition.html +++ /dev/null @@ -1,45 +0,0 @@ -[(#REM) Signer la petition ] -#FORMULAIRE_SIGNATURE - -[(#REM) Signatures de la petition ] - -
    - [] - - - - - - - [(#REM) Afficher la colonne des messages si autorises ] - - - - - - - - - - - [(#REM) Afficher la colonne des messages si autorises ] - - - - - - -

    #GRAND_TOTAL <:signatures_petition:>

    <:date:><:nom:><:message:>
    [(#DATE|affdate_jourcourt)]#NOM[
    <:site_web:>
    ]    		[(#MESSAGE|PtoBR)]
    - [] - - [(#REM) Afficher un moteur de recherche si plus de 30 signatures - ou s'il etait deja present au coup d'avant] - [(#ENV{recherche_signatures}|?{31,#_signatures:GRAND_TOTAL}|>{3}|oui) -
    -
    [(#SELF|form_hidden)] - -
    -
    - ] -
    -     \ No newline at end of file diff --git a/squelettes/inclure/recherche/articles.html b/squelettes/inclure/recherche/articles.html new file mode 100644 index 0000000..3ca54f0 --- /dev/null +++ b/squelettes/inclure/recherche/articles.html @@ -0,0 +1,14 @@ +[(#REM) Articles trouves ] + + #ANCRE_PAGINATION +

    <:articles:/> (#GRAND_TOTAL)

    +
      + +
    • + #TITRE + [(#INTRODUCTION{150})] +
      • + +
    + [

    (#PAGINATION)

    ] +     \ No newline at end of file diff --git a/squelettes/inclure/resume/article.html b/squelettes/inclure/resume/article.html deleted file mode 100755 index cbcc244..0000000 --- a/squelettes/inclure/resume/article.html +++ /dev/null @@ -1,13 +0,0 @@ -[(#REM) - - Squelette Presentation resumee d'un article dans une liste - Distribue sous licence GPL - -] - - - diff --git a/squelettes/inclure/resume/rubrique.html b/squelettes/inclure/resume/rubrique.html deleted file mode 100755 index 22225de..0000000 --- a/squelettes/inclure/resume/rubrique.html +++ /dev/null @@ -1,13 +0,0 @@ -[(#REM) - - Squelette Presentation resumee d'un article dans une liste - Distribue sous licence GPL - -] - - - diff --git a/squelettes/inclure/resume/site.html b/squelettes/inclure/resume/site.html deleted file mode 100755 index 8adb485..0000000 --- a/squelettes/inclure/resume/site.html +++ /dev/null @@ -1,12 +0,0 @@ -[(#REM) - - Squelette Presentation resumee d'un syndic dans une liste - Distribue sous licence GPL - -] - - - \ No newline at end of file diff --git a/squelettes/inclure/resume/syndic_article.html b/squelettes/inclure/resume/syndic_article.html deleted file mode 100755 index 1df700d..0000000 --- a/squelettes/inclure/resume/syndic_article.html +++ /dev/null @@ -1,9 +0,0 @@ - - - diff --git a/squelettes/inclure/rubriques.html b/squelettes/inclure/rubriques.html deleted file mode 100755 index 4f7c4d6..0000000 --- a/squelettes/inclure/rubriques.html +++ /dev/null @@ -1,56 +0,0 @@ -[(#REM) - Barre de navigation, ouverte sur la hierarchie courante - - On fait un plan, et, quand on avance vers une rubrique, - on l'affiche si son parent est expose ou est la racine du site. ] - - - \ No newline at end of file diff --git a/squelettes/javascript/script.js b/squelettes/javascript/script.js new file mode 100644 index 0000000..d4ef765 --- /dev/null +++ b/squelettes/javascript/script.js @@ -0,0 +1,74 @@ +$(function() { + + + // masquer les mois des annees precedentes, les afficher au clic sur l'annee +// $.each( ['.annees.archive'], function(i,hi){ +// $( ".periode div" ).find(hi).each(function(index) { +// // Creer un div apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant +// $(this).after("").next().append($(this).next().nextUntil(hi)); +// // plier/deplier le contenu +// // $(this).next().hide(); +// $(this).click(function(){ +// $(this).next().toggleClass('ouvert'); +// $(this).toggleClass('ouvert'); +// return false; +// }); +// }); +// }); + // afficher/masquer la boussole < medium + $('.btn-boussole').on('click', function(){ + $(this).toggleClass('actif').siblings('.nav').toggleClass('ouvert'); + $('.principale .btn-nav').removeClass('actif').siblings('.nav-list').removeClass('ouvert'); + }); + + // placer le html du bouton du menu, visible < medium + $('.nav.principale').prepend(''); + // afficher/masquer le menu + $('.principale .btn-nav').on('click', function(){ + $(this).toggleClass('actif').siblings('ul').toggleClass('ouvert'); + $('.btn-boussole').removeClass('actif'); + $('.header_boussole .nav').removeClass('ouvert'); + }); + + /// styler les boutons radios et checkboxes + $('.formulaire_spip .choix label').each(function() { + $(this).prepend('').parent().addClass('custom-radios'); + }); + + // liens sortant et PDF en target _blank + ajout d'une mention dans le title ou alt des images + $('a.spip_out, a.spip_url, a.spip_glossaire, a.external, a[href$=".pdf"], a[href$=".doc"]').each(function() { + $(this).attr('target', '_blank').attr('rel', 'noreferrer noopener'); + if($(this).attr('title') && $(this).attr('title').length) { + $(this).attr('title', $(this).attr('title') + ' - Nouvelle fenêtre'); + } else if($(this).text().trim().length) { + $(this).attr('title', $(this).text().trim() + ' - Nouvelle fenêtre'); + } else { + $(this).children('img').each(function() { + $(this).attr('alt', $(this).attr('alt') + ' - Nouvelle fenêtre'); + }); + } + }); + + // smooth scroll + $('a[href^="#"], .js-scrollTo').on('click', function(e) { + if($(this).hasClass('js-noscroll')) { + return; + } + var hash = this.hash; + var $target = $(hash); + var offset = $target.offset(); + if(!offset) { + $target = $('a[name='+hash.replace(/#/,'')+']'); + offset = $target.offset(); + } + if(offset) { + e.preventDefault(); + var newPos = offset.top - 10; + $('html, body').stop().animate( + {'scrollTop': newPos}, 750, 'swing', function() { + window.location.hash = hash; + }); + } + }); + +}); diff --git a/squelettes/javascript/sidr/jquery.sidr.js b/squelettes/javascript/sidr/jquery.sidr.js new file mode 100755 index 0000000..ec85c5b --- /dev/null +++ b/squelettes/javascript/sidr/jquery.sidr.js @@ -0,0 +1,579 @@ +/*! sidr - v2.2.1 - 2016-02-17 + * http://www.berriart.com/sidr/ + * Copyright (c) 2013-2016 Alberto Varela; Licensed MIT */ + +(function () { + 'use strict'; + + var babelHelpers = {}; + + babelHelpers.classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + babelHelpers.createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + babelHelpers; + + var sidrStatus = { + moving: false, + opened: false + }; + + var helper = { + // Check for valids urls + // From : http://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-an-url + + isUrl: function isUrl(str) { + var pattern = new RegExp('^(https?:\\/\\/)?' + // protocol + '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|' + // domain name + '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address + '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path + '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string + '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator + + if (pattern.test(str)) { + return true; + } else { + return false; + } + }, + + + // Add sidr prefixes + addPrefixes: function addPrefixes($element) { + this.addPrefix($element, 'id'); + this.addPrefix($element, 'class'); + $element.removeAttr('style'); + }, + addPrefix: function addPrefix($element, attribute) { + var toReplace = $element.attr(attribute); + + if (typeof toReplace === 'string' && toReplace !== '' && toReplace !== 'sidr-inner') { + $element.attr(attribute, toReplace.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-' + attribute + '-$1')); + } + }, + + + // Check if transitions is supported + transitions: function () { + var body = document.body || document.documentElement, + style = body.style, + supported = false, + property = 'transition'; + + if (property in style) { + supported = true; + } else { + (function () { + var prefixes = ['moz', 'webkit', 'o', 'ms'], + prefix = undefined, + i = undefined; + + property = property.charAt(0).toUpperCase() + property.substr(1); + supported = function () { + for (i = 0; i < prefixes.length; i++) { + prefix = prefixes[i]; + if (prefix + property in style) { + return true; + } + } + + return false; + }(); + property = supported ? '-' + prefix.toLowerCase() + '-' + property.toLowerCase() : null; + })(); + } + + return { + supported: supported, + property: property + }; + }() + }; + + var $$2 = jQuery; + + var bodyAnimationClass = 'sidr-animating'; + var openAction = 'open'; + var closeAction = 'close'; + var transitionEndEvent = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend'; + var Menu = function () { + function Menu(name) { + babelHelpers.classCallCheck(this, Menu); + + this.name = name; + this.item = $$2('#' + name); + this.openClass = name === 'sidr' ? 'sidr-open' : 'sidr-open ' + name + '-open'; + this.menuWidth = this.item.outerWidth(true); + this.speed = this.item.data('speed'); + this.side = this.item.data('side'); + this.displace = this.item.data('displace'); + this.timing = this.item.data('timing'); + this.method = this.item.data('method'); + this.onOpenCallback = this.item.data('onOpen'); + this.onCloseCallback = this.item.data('onClose'); + this.onOpenEndCallback = this.item.data('onOpenEnd'); + this.onCloseEndCallback = this.item.data('onCloseEnd'); + this.body = $$2(this.item.data('body')); + } + + babelHelpers.createClass(Menu, [{ + key: 'getAnimation', + value: function getAnimation(action, element) { + var animation = {}, + prop = this.side; + + if (action === 'open' && element === 'body') { + animation[prop] = this.menuWidth + 'px'; + } else if (action === 'close' && element === 'menu') { + animation[prop] = '-' + this.menuWidth + 'px'; + } else { + animation[prop] = 0; + } + + return animation; + } + }, { + key: 'prepareBody', + value: function prepareBody(action) { + var prop = action === 'open' ? 'hidden' : ''; + + // Prepare page if container is body + if (this.body.is('body')) { + var $html = $$2('html'), + scrollTop = $html.scrollTop(); + + $html.css('overflow-x', prop).scrollTop(scrollTop); + } + } + }, { + key: 'openBody', + value: function openBody() { + if (this.displace) { + var transitions = helper.transitions, + $body = this.body; + + if (transitions.supported) { + $body.css(transitions.property, this.side + ' ' + this.speed / 1000 + 's ' + this.timing).css(this.side, 0).css({ + width: $body.width(), + position: 'absolute' + }); + $body.css(this.side, this.menuWidth + 'px'); + } else { + var bodyAnimation = this.getAnimation(openAction, 'body'); + + $body.css({ + width: $body.width(), + position: 'absolute' + }).animate(bodyAnimation, { + queue: false, + duration: this.speed + }); + } + } + } + }, { + key: 'onCloseBody', + value: function onCloseBody() { + var transitions = helper.transitions, + resetStyles = { + width: '', + position: '', + right: '', + left: '' + }; + + if (transitions.supported) { + resetStyles[transitions.property] = ''; + } + + this.body.css(resetStyles).unbind(transitionEndEvent); + } + }, { + key: 'closeBody', + value: function closeBody() { + var _this = this; + + if (this.displace) { + if (helper.transitions.supported) { + this.body.css(this.side, 0).one(transitionEndEvent, function () { + _this.onCloseBody(); + }); + } else { + var bodyAnimation = this.getAnimation(closeAction, 'body'); + + this.body.animate(bodyAnimation, { + queue: false, + duration: this.speed, + complete: function complete() { + _this.onCloseBody(); + } + }); + } + } + } + }, { + key: 'moveBody', + value: function moveBody(action) { + if (action === openAction) { + this.openBody(); + } else { + this.closeBody(); + } + } + }, { + key: 'onOpenMenu', + value: function onOpenMenu(callback) { + var name = this.name; + + sidrStatus.moving = false; + sidrStatus.opened = name; + + this.item.unbind(transitionEndEvent); + + this.body.removeClass(bodyAnimationClass).addClass(this.openClass); + + this.onOpenEndCallback(); + + if (typeof callback === 'function') { + callback(name); + } + } + }, { + key: 'openMenu', + value: function openMenu(callback) { + var _this2 = this; + + var $item = this.item; + + if (helper.transitions.supported) { + $item.css(this.side, 0).one(transitionEndEvent, function () { + _this2.onOpenMenu(callback); + }); + } else { + var menuAnimation = this.getAnimation(openAction, 'menu'); + + $item.css('display', 'block').animate(menuAnimation, { + queue: false, + duration: this.speed, + complete: function complete() { + _this2.onOpenMenu(callback); + } + }); + } + } + }, { + key: 'onCloseMenu', + value: function onCloseMenu(callback) { + this.item.css({ + left: '', + right: '' + }).unbind(transitionEndEvent); + $$2('html').css('overflow-x', ''); + + sidrStatus.moving = false; + sidrStatus.opened = false; + + this.body.removeClass(bodyAnimationClass).removeClass(this.openClass); + + this.onCloseEndCallback(); + + // Callback + if (typeof callback === 'function') { + callback(name); + } + } + }, { + key: 'closeMenu', + value: function closeMenu(callback) { + var _this3 = this; + + var item = this.item; + + if (helper.transitions.supported) { + item.css(this.side, '').one(transitionEndEvent, function () { + _this3.onCloseMenu(callback); + }); + } else { + var menuAnimation = this.getAnimation(closeAction, 'menu'); + + item.animate(menuAnimation, { + queue: false, + duration: this.speed, + complete: function complete() { + _this3.onCloseMenu(); + } + }); + } + } + }, { + key: 'moveMenu', + value: function moveMenu(action, callback) { + this.body.addClass(bodyAnimationClass); + + if (action === openAction) { + this.openMenu(callback); + } else { + this.closeMenu(callback); + } + } + }, { + key: 'move', + value: function move(action, callback) { + // Lock sidr + sidrStatus.moving = true; + + this.prepareBody(action); + this.moveBody(action); + this.moveMenu(action, callback); + } + }, { + key: 'open', + value: function open(callback) { + var _this4 = this; + + // Check if is already opened or moving + if (sidrStatus.opened === this.name || sidrStatus.moving) { + return; + } + + // If another menu opened close first + if (sidrStatus.opened !== false) { + var alreadyOpenedMenu = new Menu(sidrStatus.opened); + + alreadyOpenedMenu.close(function () { + _this4.open(callback); + }); + + return; + } + + this.move('open', callback); + + // onOpen callback + this.onOpenCallback(); + } + }, { + key: 'close', + value: function close(callback) { + // Check if is already closed or moving + if (sidrStatus.opened !== this.name || sidrStatus.moving) { + return; + } + + this.move('close', callback); + + // onClose callback + this.onCloseCallback(); + } + }, { + key: 'toggle', + value: function toggle(callback) { + if (sidrStatus.opened === this.name) { + this.close(callback); + } else { + this.open(callback); + } + } + }]); + return Menu; + }(); + + var $$1 = jQuery; + + function execute(action, name, callback) { + var sidr = new Menu(name); + + switch (action) { + case 'open': + sidr.open(callback); + break; + case 'close': + sidr.close(callback); + break; + case 'toggle': + sidr.toggle(callback); + break; + default: + $$1.error('Method ' + action + ' does not exist on jQuery.sidr'); + break; + } + } + + var i; + var $ = jQuery; + var publicMethods = ['open', 'close', 'toggle']; + var methodName; + var methods = {}; + var getMethod = function getMethod(methodName) { + return function (name, callback) { + // Check arguments + if (typeof name === 'function') { + callback = name; + name = 'sidr'; + } else if (!name) { + name = 'sidr'; + } + + execute(methodName, name, callback); + }; + }; + for (i = 0; i < publicMethods.length; i++) { + methodName = publicMethods[i]; + methods[methodName] = getMethod(methodName); + } + + function sidr(method) { + if (method === 'status') { + return sidrStatus; + } else if (methods[method]) { + return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); + } else if (typeof method === 'function' || typeof method === 'string' || !method) { + return methods.toggle.apply(this, arguments); + } else { + $.error('Method ' + method + ' does not exist on jQuery.sidr'); + } + } + + var $$3 = jQuery; + + function fillContent($sideMenu, settings) { + // The menu content + if (typeof settings.source === 'function') { + var newContent = settings.source(name); + + $sideMenu.html(newContent); + } else if (typeof settings.source === 'string' && helper.isUrl(settings.source)) { + $$3.get(settings.source, function (data) { + $sideMenu.html(data); + }); + } else if (typeof settings.source === 'string') { + var htmlContent = '', + selectors = settings.source.split(','); + + $$3.each(selectors, function (index, element) { + htmlContent += '
    ' + $$3(element).html() + '
    '; + }); + + // Renaming ids and classes + if (settings.renaming) { + var $htmlContent = $$3('
    ').html(htmlContent); + + $htmlContent.find('*').each(function (index, element) { + var $element = $$3(element); + + helper.addPrefixes($element); + }); + htmlContent = $htmlContent.html(); + } + + $sideMenu.html(htmlContent); + } else if (settings.source !== null) { + $$3.error('Invalid Sidr Source'); + } + + return $sideMenu; + } + + function fnSidr(options) { + var transitions = helper.transitions, + settings = $$3.extend({ + name: 'sidr', // Name for the 'sidr' + speed: 200, // Accepts standard jQuery effects speeds (i.e. fast, normal or milliseconds) + side: 'left', // Accepts 'left' or 'right' + source: null, // Override the source of the content. + renaming: true, // The ids and classes will be prepended with a prefix when loading existent content + body: 'body', // Page container selector, + displace: true, // Displace the body content or not + timing: 'ease', // Timing function for CSS transitions + method: 'toggle', // The method to call when element is clicked + bind: 'touchstart click', // The event(s) to trigger the menu + onOpen: function onOpen() {}, + // Callback when sidr start opening + onClose: function onClose() {}, + // Callback when sidr start closing + onOpenEnd: function onOpenEnd() {}, + // Callback when sidr end opening + onCloseEnd: function onCloseEnd() {} // Callback when sidr end closing + + }, options), + name = settings.name, + $sideMenu = $$3('#' + name); + + // If the side menu do not exist create it + if ($sideMenu.length === 0) { + $sideMenu = $$3('
    ').attr('id', name).appendTo($$3('body')); + } + + // Add transition to menu if are supported + if (transitions.supported) { + $sideMenu.css(transitions.property, settings.side + ' ' + settings.speed / 1000 + 's ' + settings.timing); + } + + // Adding styles and options + $sideMenu.addClass('sidr').addClass(settings.side).data({ + speed: settings.speed, + side: settings.side, + body: settings.body, + displace: settings.displace, + timing: settings.timing, + method: settings.method, + onOpen: settings.onOpen, + onClose: settings.onClose, + onOpenEnd: settings.onOpenEnd, + onCloseEnd: settings.onCloseEnd + }); + + $sideMenu = fillContent($sideMenu, settings); + + return this.each(function () { + var $this = $$3(this), + data = $this.data('sidr'), + flag = false; + + // If the plugin hasn't been initialized yet + if (!data) { + sidrStatus.moving = false; + sidrStatus.opened = false; + + $this.data('sidr', name); + + $this.bind(settings.bind, function (event) { + event.preventDefault(); + + if (!flag) { + flag = true; + sidr(settings.method, name); + + setTimeout(function () { + flag = false; + }, 100); + } + }); + } + }); + } + + jQuery.sidr = sidr; + jQuery.fn.sidr = fnSidr; + +}()); \ No newline at end of file diff --git a/squelettes/javascript/sidr/jquery.sidr.min.js b/squelettes/javascript/sidr/jquery.sidr.min.js new file mode 100755 index 0000000..b01b01a --- /dev/null +++ b/squelettes/javascript/sidr/jquery.sidr.min.js @@ -0,0 +1,4 @@ +/*! sidr - v2.2.1 - 2016-02-17 + * http://www.berriart.com/sidr/ + * Copyright (c) 2013-2016 Alberto Varela; Licensed MIT */ +!function(){"use strict";function a(a,b,c){var d=new o(b);switch(a){case"open":d.open(c);break;case"close":d.close(c);break;case"toggle":d.toggle(c);break;default:p.error("Method "+a+" does not exist on jQuery.sidr")}}function b(a){return"status"===a?h:s[a]?s[a].apply(this,Array.prototype.slice.call(arguments,1)):"function"!=typeof a&&"string"!=typeof a&&a?void q.error("Method "+a+" does not exist on jQuery.sidr"):s.toggle.apply(this,arguments)}function c(a,b){if("function"==typeof b.source){var c=b.source(name);a.html(c)}else if("string"==typeof b.source&&i.isUrl(b.source))u.get(b.source,function(b){a.html(b)});else if("string"==typeof b.source){var d="",e=b.source.split(",");if(u.each(e,function(a,b){d+='
    '+u(b).html()+"
    "}),b.renaming){var f=u("
    ").html(d);f.find("*").each(function(a,b){var c=u(b);i.addPrefixes(c)}),d=f.html()}a.html(d)}else null!==b.source&&u.error("Invalid Sidr Source");return a}function d(a){var d=i.transitions,e=u.extend({name:"sidr",speed:200,side:"left",source:null,renaming:!0,body:"body",displace:!0,timing:"ease",method:"toggle",bind:"touchstart click",onOpen:function(){},onClose:function(){},onOpenEnd:function(){},onCloseEnd:function(){}},a),f=e.name,g=u("#"+f);return 0===g.length&&(g=u("
    ").attr("id",f).appendTo(u("body"))),d.supported&&g.css(d.property,e.side+" "+e.speed/1e3+"s "+e.timing),g.addClass("sidr").addClass(e.side).data({speed:e.speed,side:e.side,body:e.body,displace:e.displace,timing:e.timing,method:e.method,onOpen:e.onOpen,onClose:e.onClose,onOpenEnd:e.onOpenEnd,onCloseEnd:e.onCloseEnd}),g=c(g,e),this.each(function(){var a=u(this),c=a.data("sidr"),d=!1;c||(h.moving=!1,h.opened=!1,a.data("sidr",f),a.bind(e.bind,function(a){a.preventDefault(),d||(d=!0,b(e.method,f),setTimeout(function(){d=!1},100))}))})}var e={};e.classCallCheck=function(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")},e.createClass=function(){function a(a,b){for(var c=0;c p { + margin-left: 15px; + margin-right: 15px; +} +.sidr.right { + left: auto; + right: -260px; +} +.sidr.left { + left: -260px; + right: auto; +} +.sidr h1, +.sidr h2, +.sidr h3, +.sidr h4, +.sidr h5, +.sidr h6 { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a)); + background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a); + background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a); + background-image: linear-gradient(#4d4d4d, #1a1a1a); + font-size: 11px; + font-weight: normal; + padding: 0 15px; + margin: 0 0 5px; + color: #fff; + line-height: 24px; + box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); +} +.sidr p { + font-size: 13px; + margin: 0 0 12px; +} +.sidr p a { + color: rgba(255, 255, 255, 0.9); +} +.sidr > p { + margin-left: 15px; + margin-right: 15px; +} +.sidr ul { + display: block; + margin: 0 0 15px; + padding: 0; + border-top: 1px solid #1a1a1a; + border-bottom: 1px solid #4d4d4d; +} +.sidr ul li { + display: block; + margin: 0; + line-height: 48px; + border-top: 1px solid #4d4d4d; + border-bottom: 1px solid #1a1a1a; +} +.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { + border-top: 0; + line-height: 49px; +} +.sidr ul li:hover > a, +.sidr ul li:hover > span, .sidr ul li.active > a, +.sidr ul li.active > span, .sidr ul li.sidr-class-active > a, +.sidr ul li.sidr-class-active > span { + box-shadow: 0 0 15px 3px #222 inset; +} +.sidr ul li a, +.sidr ul li span { + padding: 0 15px; + display: block; + text-decoration: none; + color: #fff; +} +.sidr ul li ul { + border-bottom: 0; + margin: 0; +} +.sidr ul li ul li { + line-height: 40px; + font-size: 13px; +} +.sidr ul li ul li:last-child { + border-bottom: 0; +} +.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { + border-top: 0; + line-height: 41px; +} +.sidr ul li ul li:hover > a, +.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, +.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, +.sidr ul li ul li.sidr-class-active > span { + box-shadow: 0 0 15px 3px #222 inset; +} +.sidr ul li ul li a, +.sidr ul li ul li span { + color: rgba(255, 255, 255, 0.8); + padding-left: 30px; +} +.sidr form { + margin: 0 15px; +} +.sidr label { + font-size: 13px; +} +.sidr input[type="text"], +.sidr input[type="password"], +.sidr input[type="date"], +.sidr input[type="datetime"], +.sidr input[type="email"], +.sidr input[type="number"], +.sidr input[type="search"], +.sidr input[type="tel"], +.sidr input[type="time"], +.sidr input[type="url"], +.sidr textarea, +.sidr select { + width: 100%; + font-size: 13px; + padding: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 0 10px; + border-radius: 2px; + border: 0; + background: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.6); + display: block; + clear: both; +} +.sidr input[type=checkbox] { + width: auto; + display: inline; + clear: none; +} +.sidr input[type=button], +.sidr input[type=submit] { + color: #333; + background: #fff; +} +.sidr input[type=button]:hover, +.sidr input[type=submit]:hover { + background: rgba(255, 255, 255, 0.9); +} diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css new file mode 100755 index 0000000..d713807 --- /dev/null +++ b/squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css @@ -0,0 +1 @@ +.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;box-shadow:0 0 5px 5px #222 inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d),color-stop(100%, #1a1a1a));background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)} diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css new file mode 100755 index 0000000..6dd558a --- /dev/null +++ b/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css @@ -0,0 +1,164 @@ +.sidr { + display: block; + position: fixed; + top: 0; + height: 100%; + z-index: 999999; + width: 260px; + overflow-x: hidden; + overflow-y: auto; + font-family: "lucida grande", tahoma, verdana, arial, sans-serif; + font-size: 15px; + background: #f8f8f8; + color: #333; + box-shadow: 0 0 5px 5px #ebebeb inset; +} +.sidr .sidr-inner { + padding: 0 0 15px; +} +.sidr .sidr-inner > p { + margin-left: 15px; + margin-right: 15px; +} +.sidr.right { + left: auto; + right: -260px; +} +.sidr.left { + left: -260px; + right: auto; +} +.sidr h1, +.sidr h2, +.sidr h3, +.sidr h4, +.sidr h5, +.sidr h6 { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); + background-image: -moz-linear-gradient(#ffffff, #dfdfdf); + background-image: -webkit-linear-gradient(#ffffff, #dfdfdf); + background-image: linear-gradient(#ffffff, #dfdfdf); + font-size: 11px; + font-weight: normal; + padding: 0 15px; + margin: 0 0 5px; + color: #333; + line-height: 24px; + box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); +} +.sidr p { + font-size: 13px; + margin: 0 0 12px; +} +.sidr p a { + color: rgba(51, 51, 51, 0.9); +} +.sidr > p { + margin-left: 15px; + margin-right: 15px; +} +.sidr ul { + display: block; + margin: 0 0 15px; + padding: 0; + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid white; +} +.sidr ul li { + display: block; + margin: 0; + line-height: 48px; + border-top: 1px solid white; + border-bottom: 1px solid #dfdfdf; +} +.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { + border-top: 0; + line-height: 49px; +} +.sidr ul li:hover > a, +.sidr ul li:hover > span, .sidr ul li.active > a, +.sidr ul li.active > span, .sidr ul li.sidr-class-active > a, +.sidr ul li.sidr-class-active > span { + box-shadow: 0 0 15px 3px #ebebeb inset; +} +.sidr ul li a, +.sidr ul li span { + padding: 0 15px; + display: block; + text-decoration: none; + color: #333; +} +.sidr ul li ul { + border-bottom: 0; + margin: 0; +} +.sidr ul li ul li { + line-height: 40px; + font-size: 13px; +} +.sidr ul li ul li:last-child { + border-bottom: 0; +} +.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { + border-top: 0; + line-height: 41px; +} +.sidr ul li ul li:hover > a, +.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, +.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, +.sidr ul li ul li.sidr-class-active > span { + box-shadow: 0 0 15px 3px #ebebeb inset; +} +.sidr ul li ul li a, +.sidr ul li ul li span { + color: rgba(51, 51, 51, 0.8); + padding-left: 30px; +} +.sidr form { + margin: 0 15px; +} +.sidr label { + font-size: 13px; +} +.sidr input[type="text"], +.sidr input[type="password"], +.sidr input[type="date"], +.sidr input[type="datetime"], +.sidr input[type="email"], +.sidr input[type="number"], +.sidr input[type="search"], +.sidr input[type="tel"], +.sidr input[type="time"], +.sidr input[type="url"], +.sidr textarea, +.sidr select { + width: 100%; + font-size: 13px; + padding: 5px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 0 10px; + border-radius: 2px; + border: 0; + background: rgba(0, 0, 0, 0.1); + color: rgba(51, 51, 51, 0.6); + display: block; + clear: both; +} +.sidr input[type=checkbox] { + width: auto; + display: inline; + clear: none; +} +.sidr input[type=button], +.sidr input[type=submit] { + color: #f8f8f8; + background: #333; +} +.sidr input[type=button]:hover, +.sidr input[type=submit]:hover { + background: rgba(51, 51, 51, 0.9); +} diff --git a/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css b/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css new file mode 100755 index 0000000..dd90e74 --- /dev/null +++ b/squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css @@ -0,0 +1 @@ +.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;box-shadow:0 0 5px 5px #ebebeb inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #dfdfdf));background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #ebebeb inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #ebebeb inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)} diff --git a/squelettes/js/baz_script.js b/squelettes/js/baz_script.js deleted file mode 100755 index c61077f..0000000 --- a/squelettes/js/baz_script.js +++ /dev/null @@ -1,42 +0,0 @@ -jQuery(function($){ - // nouvelle fenetre pour les liens sortants - $('a.spip_out').each(function(){ - var url_ext = $(this).attr('href'); - $(this).attr("title","ouvre une nouvelle fenêtre : "+url_ext+"").click(function(){ - window.open(url_ext); - return false - }); - }); - - // masquer les mois des annees precedentes, les afficher au clic sur l'annee - $.each( ['.annees.archive'], function(i,hi){ - $( ".periode div" ).find(hi).each(function(index) { - // Creer un div apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant - $(this).after("").next().append($(this).next().nextUntil(hi)); - // plier/deplier le contenu -// $(this).next().hide(); - $(this).click(function(){ - $(this).next().toggleClass('ouvert'); - $(this).toggleClass('ouvert'); - return false; - }); - }); - }); - - // charger la boussole - function boussole(){ - var boussole = $('.header__boussole').attr('data-page'); - $('.header__boussole').load(boussole); - } - boussole(); - - // placer le html du bouton du menu, visible < medium - $('.nav.principale').prepend(''); - // afficher/masquer le menu - $('.principale .btn-nav').on('click', function(){ - $(this).toggleClass('actif').siblings('ul').toggleClass('ouvert'); - $('.btn-boussole').removeClass('actif'); - $('.header__boussole .nav').removeClass('ouvert'); - }); - -}); diff --git a/squelettes/js/css3-mediaqueries.js b/squelettes/js/css3-mediaqueries.js deleted file mode 100755 index 3feef39..0000000 --- a/squelettes/js/css3-mediaqueries.js +++ /dev/null @@ -1,780 +0,0 @@ -if(typeof Object.create!=="function"){ -Object.create=function(o){ -function F(){ -}; -F.prototype=o; -return new F(); -}; -} -var ua={toString:function(){ -return navigator.userAgent; -},test:function(s){ -return this.toString().toLowerCase().indexOf(s.toLowerCase())>-1; -}}; -ua.version=(ua.toString().toLowerCase().match(/[\s\S]+(?:rv|it|ra|ie)[\/: ]([\d.]+)/)||[])[1]; -ua.webkit=ua.test("webkit"); -ua.gecko=ua.test("gecko")&&!ua.webkit; -ua.opera=ua.test("opera"); -ua.ie=ua.test("msie")&&!ua.opera; -ua.ie6=ua.ie&&document.compatMode&&typeof document.documentElement.style.maxHeight==="undefined"; -ua.ie7=ua.ie&&document.documentElement&&typeof document.documentElement.style.maxHeight!=="undefined"&&typeof XDomainRequest==="undefined"; -ua.ie8=ua.ie&&typeof XDomainRequest!=="undefined"; -var domReady=function(){ -var _1=[]; -var _2=function(){ -if(!arguments.callee.done){ -arguments.callee.done=true; -for(var i=0;i<_1.length;i++){ -_1[i](); -} -} -}; -if(document.addEventListener){ -document.addEventListener("DOMContentLoaded",_2,false); -} -if(ua.ie){ -(function(){ -try{ -document.documentElement.doScroll("left"); -} -catch(e){ -setTimeout(arguments.callee,50); -return; -} -_2(); -})(); -document.onreadystatechange=function(){ -if(document.readyState==="complete"){ -document.onreadystatechange=null; -_2(); -} -}; -} -if(ua.webkit&&document.readyState){ -(function(){ -if(document.readyState!=="loading"){ -_2(); -}else{ -setTimeout(arguments.callee,10); -} -})(); -} -window.onload=_2; -return function(fn){ -if(typeof fn==="function"){ -_1[_1.length]=fn; -} -return fn; -}; -}(); -var cssHelper=function(){ -var _3={BLOCKS:/[^\s{][^{]*\{(?:[^{}]*\{[^{}]*\}[^{}]*|[^{}]*)*\}/g,BLOCKS_INSIDE:/[^\s{][^{]*\{[^{}]*\}/g,DECLARATIONS:/[a-zA-Z\-]+[^;]*:[^;]+;/g,RELATIVE_URLS:/url\(['"]?([^\/\)'"][^:\)'"]+)['"]?\)/g,REDUNDANT_COMPONENTS:/(?:\/\*([^*\\\\]|\*(?!\/))+\*\/|@import[^;]+;)/g,REDUNDANT_WHITESPACE:/\s*(,|:|;|\{|\})\s*/g,MORE_WHITESPACE:/\s{2,}/g,FINAL_SEMICOLONS:/;\}/g,NOT_WHITESPACE:/\S+/g}; -var _4,_5=false; -var _6=[]; -var _7=function(fn){ -if(typeof fn==="function"){ -_6[_6.length]=fn; -} -}; -var _8=function(){ -for(var i=0;i<_6.length;i++){ -_6[i](_4); -} -}; -var _9={}; -var _a=function(n,v){ -if(_9[n]){ -var _b=_9[n].listeners; -if(_b){ -for(var i=0;i<_b.length;i++){ -_b[i](v); -} -} -} -}; -var _c=function(_d,_e,_f){ -if(ua.ie&&!window.XMLHttpRequest){ -window.XMLHttpRequest=function(){ -return new ActiveXObject("Microsoft.XMLHTTP"); -}; -} -if(!XMLHttpRequest){ -return ""; -} -var r=new XMLHttpRequest(); -try{ -r.open("get",_d,true); -r.setRequestHeader("X_REQUESTED_WITH","XMLHttpRequest"); -} -catch(e){ -_f(); -return; -} -var _10=false; -setTimeout(function(){ -_10=true; -},5000); -document.documentElement.style.cursor="progress"; -r.onreadystatechange=function(){ -if(r.readyState===4&&!_10){ -if(!r.status&&location.protocol==="file:"||(r.status>=200&&r.status<300)||r.status===304||navigator.userAgent.indexOf("Safari")>-1&&typeof r.status==="undefined"){ -_e(r.responseText); -}else{ -_f(); -} -document.documentElement.style.cursor=""; -r=null; -} -}; -r.send(""); -}; -var _11=function(_12){ -_12=_12.replace(_3.REDUNDANT_COMPONENTS,""); -_12=_12.replace(_3.REDUNDANT_WHITESPACE,"$1"); -_12=_12.replace(_3.MORE_WHITESPACE," "); -_12=_12.replace(_3.FINAL_SEMICOLONS,"}"); -return _12; -}; -var _13={mediaQueryList:function(s){ -var o={}; -var idx=s.indexOf("{"); -var lt=s.substring(0,idx); -s=s.substring(idx+1,s.length-1); -var mqs=[],rs=[]; -var qts=lt.toLowerCase().substring(7).split(","); -for(var i=0;i-1&&_23.href&&_23.href.length!==0&&!_23.disabled){ -_1f[_1f.length]=_23; -} -} -if(_1f.length>0){ -var c=0; -var _24=function(){ -c++; -if(c===_1f.length){ -_20(); -} -}; -var _25=function(_26){ -var _27=_26.href; -_c(_27,function(_28){ -_28=_11(_28).replace(_3.RELATIVE_URLS,"url("+_27.substring(0,_27.lastIndexOf("/"))+"/$1)"); -_26.cssHelperText=_28; -_24(); -},_24); -}; -for(i=0;i<_1f.length;i++){ -_25(_1f[i]); -} -}else{ -_20(); -} -}; -var _29={mediaQueryLists:"array",rules:"array",selectors:"object",declarations:"array",properties:"object"}; -var _2a={mediaQueryLists:null,rules:null,selectors:null,declarations:null,properties:null}; -var _2b=function(_2c,v){ -if(_2a[_2c]!==null){ -if(_29[_2c]==="array"){ -return (_2a[_2c]=_2a[_2c].concat(v)); -}else{ -var c=_2a[_2c]; -for(var n in v){ -if(v.hasOwnProperty(n)){ -if(!c[n]){ -c[n]=v[n]; -}else{ -c[n]=c[n].concat(v[n]); -} -} -} -return c; -} -} -}; -var _2d=function(_2e){ -_2a[_2e]=(_29[_2e]==="array")?[]:{}; -for(var i=0;i<_4.length;i++){ -_2b(_2e,_4[i].cssHelperParsed[_2e]); -} -return _2a[_2e]; -}; -domReady(function(){ -var els=document.body.getElementsByTagName("*"); -for(var i=0;i=_44)||(max&&_46<_44)||(!min&&!max&&_46===_44)); -}else{ -return false; -} -}else{ -return _46>0; -} -}else{ -if("device-height"===_41.substring(l-13,l)){ -_47=screen.height; -if(_42!==null){ -if(_43==="length"){ -return ((min&&_47>=_44)||(max&&_47<_44)||(!min&&!max&&_47===_44)); -}else{ -return false; -} -}else{ -return _47>0; -} -}else{ -if("width"===_41.substring(l-5,l)){ -_46=document.documentElement.clientWidth||document.body.clientWidth; -if(_42!==null){ -if(_43==="length"){ -return ((min&&_46>=_44)||(max&&_46<_44)||(!min&&!max&&_46===_44)); -}else{ -return false; -} -}else{ -return _46>0; -} -}else{ -if("height"===_41.substring(l-6,l)){ -_47=document.documentElement.clientHeight||document.body.clientHeight; -if(_42!==null){ -if(_43==="length"){ -return ((min&&_47>=_44)||(max&&_47<_44)||(!min&&!max&&_47===_44)); -}else{ -return false; -} -}else{ -return _47>0; -} -}else{ -if("device-aspect-ratio"===_41.substring(l-19,l)){ -return _43==="aspect-ratio"&&screen.width*_44[1]===screen.height*_44[0]; -}else{ -if("color-index"===_41.substring(l-11,l)){ -var _48=Math.pow(2,screen.colorDepth); -if(_42!==null){ -if(_43==="absolute"){ -return ((min&&_48>=_44)||(max&&_48<_44)||(!min&&!max&&_48===_44)); -}else{ -return false; -} -}else{ -return _48>0; -} -}else{ -if("color"===_41.substring(l-5,l)){ -var _49=screen.colorDepth; -if(_42!==null){ -if(_43==="absolute"){ -return ((min&&_49>=_44)||(max&&_49<_44)||(!min&&!max&&_49===_44)); -}else{ -return false; -} -}else{ -return _49>0; -} -}else{ -if("resolution"===_41.substring(l-10,l)){ -var res; -if(_45==="dpcm"){ -res=_3d("1cm"); -}else{ -res=_3d("1in"); -} -if(_42!==null){ -if(_43==="resolution"){ -return ((min&&res>=_44)||(max&&res<_44)||(!min&&!max&&res===_44)); -}else{ -return false; -} -}else{ -return res>0; -} -}else{ -return false; -} -} -} -} -} -} -} -} -}; -var _4a=function(mq){ -var _4b=mq.getValid(); -var _4c=mq.getExpressions(); -var l=_4c.length; -if(l>0){ -for(var i=0;i0){ -s[c++]=","; -} -s[c++]=n; -} -} -if(s.length>0){ -_39[_39.length]=cssHelper.addStyle("@media "+s.join("")+"{"+mql.getCssText()+"}",false); -} -}; -var _4e=function(_4f){ -for(var i=0;i<_4f.length;i++){ -_4d(_4f[i]); -} -if(ua.ie){ -document.documentElement.style.display="block"; -setTimeout(function(){ -document.documentElement.style.display=""; -},0); -setTimeout(function(){ -cssHelper.broadcast("cssMediaQueriesTested"); -},100); -}else{ -cssHelper.broadcast("cssMediaQueriesTested"); -} -}; -var _50=function(){ -for(var i=0;i<_39.length;i++){ -cssHelper.removeStyle(_39[i]); -} -_39=[]; -cssHelper.mediaQueryLists(_4e); -}; -var _51=0; -var _52=function(){ -var _53=cssHelper.getViewportWidth(); -var _54=cssHelper.getViewportHeight(); -if(ua.ie){ -var el=document.createElement("div"); -el.style.position="absolute"; -el.style.top="-9999em"; -el.style.overflow="scroll"; -document.body.appendChild(el); -_51=el.offsetWidth-el.clientWidth; -document.body.removeChild(el); -} -var _55; -var _56=function(){ -var vpw=cssHelper.getViewportWidth(); -var vph=cssHelper.getViewportHeight(); -if(Math.abs(vpw-_53)>_51||Math.abs(vph-_54)>_51){ -_53=vpw; -_54=vph; -clearTimeout(_55); -_55=setTimeout(function(){ -if(!_3a()){ -_50(); -}else{ -cssHelper.broadcast("cssMediaQueriesTested"); -} -},500); -} -}; -window.onresize=function(){ -var x=window.onresize||function(){ -}; -return function(){ -x(); -_56(); -}; -}(); -}; -var _57=document.documentElement; -_57.style.marginLeft="-32767px"; -setTimeout(function(){ -_57.style.marginTop=""; -},20000); -return function(){ -if(!_3a()){ -cssHelper.addListener("newStyleParsed",function(el){ -_4e(el.cssHelperParsed.mediaQueryLists); -}); -cssHelper.addListener("cssMediaQueriesTested",function(){ -if(ua.ie){ -_57.style.width="1px"; -} -setTimeout(function(){ -_57.style.width=""; -_57.style.marginLeft=""; -},0); -cssHelper.removeListener("cssMediaQueriesTested",arguments.callee); -}); -_3c(); -_50(); -}else{ -_57.style.marginLeft=""; -} -_52(); -}; -}()); -try{ -document.execCommand("BackgroundImageCache",false,true); -} -catch(e){ -} - - diff --git a/squelettes/js/html5shiv.js b/squelettes/js/html5shiv.js deleted file mode 100755 index dcf351c..0000000 --- a/squelettes/js/html5shiv.js +++ /dev/null @@ -1,8 +0,0 @@ -/* - HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed -*/ -(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); -a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; -c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| -"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); -for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d - + diff --git a/squelettes/scss/_baz-compositions.scss b/squelettes/scss/_baz-compositions.scss deleted file mode 100644 index e7dbe83..0000000 --- a/squelettes/scss/_baz-compositions.scss +++ /dev/null @@ -1,27 +0,0 @@ -/* style pour la composition blog */ -.periode { @extend .clearfix; width:100%; - a, span { display: inline-block; margin-right:0.25em; - &:not(.mois_archives):after { font-size:0.7em; margin:0 0 0 5px; color:$grayLight; } - &.annees { font-size:0.8em; line-height:1.8; font-style:italic; color:$grayLight; clear:left; - &:after { font-size:0.85em; font-style:normal; } - } - &.archive { cursor:pointer; color:$couleurLien; } - &.mois_archives { width:0; overflow:hidden; margin:0; height:0; - &.ouvert { width:auto; height:auto; overflow:visible; display:inline; } - } - &.annees.archive.ouvert { color:$gray; } - } - span { - &:hover { color:$gray; } - } - a { padding:0 0.3em; font-weight:700; - &:hover:after { color:$white; } - } -} -.liste .blog { - .spip_logo { max-width:30%; } - .publication { position:relative; top:auto; left:auto; padding:0.2em 0.4em 0.1em; margin:0 0 0.5em; } -} -.liste.mots { - .item a { display:inline-block; padding:0 2px; } -} diff --git a/squelettes/scss/_baz-font.scss b/squelettes/scss/_baz-font.scss deleted file mode 100755 index 0c482a6..0000000 --- a/squelettes/scss/_baz-font.scss +++ /dev/null @@ -1,20 +0,0 @@ -/* font */ -@include font-face(Fontawesome, fontawesome); - -@include font-face(Merriweather, merriweather-regular-webfont, 400, normal); -@include font-face(Merriweather, merriweather-regularitalic-webfont, 400, italic); -@include font-face(Merriweather, merriweather-bold-webfont, 700, normal); -@include font-face(Merriweather, merriweather-bolditalic-webfont, 700, italic); -@include font-face(Merriweather, merriweather-black-webfont, 900, normal); -@include font-face(Merriweather, merriweather-blackitalic-webfont, 900, italic); - -@include font-face(Lato, lato-hairline-webfont, 100, normal); -@include font-face(Lato, lato-hairlineitalic-webfont, 100, italic); -@include font-face(Lato, lato-light-webfont, 200, normal); -@include font-face(Lato, lato-lightitalic-webfont, 200, italic); -@include font-face(Lato, lato-regular-webfont, 400, normal); -@include font-face(Lato, lato-regularitalic-webfont, 400, italic); -@include font-face(Lato, lato-bold-webfont, 700, normal); -@include font-face(Lato, lato-bolditalic-webfont, 700, italic); -@include font-face(Lato, lato-black-webfont, 900, normal); -@include font-face(Lato, lato-blackitalic-webfont, 900, italic); diff --git a/squelettes/scss/_baz-layout.scss b/squelettes/scss/_baz-layout.scss deleted file mode 100644 index 81df71c..0000000 --- a/squelettes/scss/_baz-layout.scss +++ /dev/null @@ -1,62 +0,0 @@ -/* layout */ - - -html, body { - margin: 0; - padding: 0; - height: 100%; - background: $couleurBackground; -} - -.page--container { - margin: 0 auto; - padding: 0 1em; - width: 100%; - min-width:320px; - @include media($bp-large-up) { - width: $screen-large; - padding: 0; - } -} - -.page__wrapper { - @include flex(); - -webkit-flex-direction: column; - flex-direction: column; - justify-content: space-between; - min-height: 100%; - // hauteur de la boussole - border-top:em(44px) solid $couleurPrincipale; -} - -.page__content { - margin-bottom: $spacer*4; -} - -@include media($bp-medium-up) { - .page__content { - @include flex(); - // permet de caler le footer en bas de page - flex-grow: 1; - flex-direction: row; - justify-content: space-between; - margin-bottom: $spacer*4; - } - - .contentMain { - // deux tiers - width: 60%; - margin-right: $spacer*2; - .composition_dossier & { - width:100%; - margin:0; - } - } - - .contentAside { - // un tiers - width: 40%; - margin-left: $spacer*2; - } -} - diff --git a/squelettes/scss/_baz-mixins.scss b/squelettes/scss/_baz-mixins.scss deleted file mode 100755 index a0589fa..0000000 --- a/squelettes/scss/_baz-mixins.scss +++ /dev/null @@ -1,205 +0,0 @@ -/* mixins */ -@function em($px, $base: $body-font-size) { - @return ($px / $base) * 1em; -} - - -/* Paragraphes et blocs de texte */ -@mixin text-block() { - margin-top: 0; - margin-bottom: $typo-margin-vertical; -} - -@mixin small() { - font-size: 1em*$small-font-size; -} - -/// Font Face -/// https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6#file-_mixins-scss -/// simplification pour uniquement woff2 et woff -@mixin font-face($name, $path, $weight: null, $style: null, $exts: woff2 woff) { - $src: null; - @each $ext in $exts { - $src: append($src, url(quote("../webfonts/" + $path + "." + $ext)) format(quote($ext)), comma); - } - @font-face { - font-family: quote($name); - font-style: $style; - font-weight: $weight; - src: $src; - } -} - -/* flex -> galactic */ -@mixin flex() { - display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ - display: -ms-flexbox; /* TWEENER - IE 10 */ - display: -webkit-flex; /* NEW - Chrome */ - display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -} - - -/* mixins souvent utiles - * https://css-tricks.com/snippets/css/useful-css3-less-mixins/ - * + adaptations - */ -@mixin text-shadow ($string: 0 1px 3px rgba(0, 0, 0, 0.25)) { - text-shadow: $string; -} -@mixin box-shadow ($shadows) { - -moz-box-shadow: $shadows; - -webkit-box-shadow: $shadows; - box-shadow: $shadows; -} -@mixin box-shadow2 ($shadows,$shadows2) { - -moz-box-shadow: $shadows,$shadows2; - -webkit-box-shadow: $shadows,$shadows2; - box-shadow: $shadows,$shadows2; -} -@mixin drop-shadow ($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) { - -webkit-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha); - -moz-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha); - box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha); -} -@mixin inner-shadow ($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) { - -webkit-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha); - -moz-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha); - box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha); -} - -@mixin border-radius ($radius: 5px) { - -webkit-border-radius: $radius; - -moz-border-radius: $radius; - border-radius: $radius; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -@mixin border-radiuses ($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) { - -webkit-border-top-right-radius: $topright; - -webkit-border-bottom-right-radius: $bottomright; - -webkit-border-bottom-left-radius: $bottomleft; - -webkit-border-top-left-radius: $topleft; - - -moz-border-radius-topright: $topright; - -moz-border-radius-bottomright: $bottomright; - -moz-border-radius-bottomleft: $bottomleft; - -moz-border-radius-topleft: $topleft; - - border-top-right-radius: $topright; - border-bottom-right-radius: $bottomright; - border-bottom-left-radius: $bottomleft; - border-top-left-radius: $topleft; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} - -@mixin opacity ($opacity: 0.5) { - -webkit-opacity: $opacity; - -moz-opacity: $opacity; - opacity: $opacity; -} - -@mixin column ($nb: 2) { - -moz-column-count: $nb; - -webkit-column-count: $nb; - column-count: $nb; -} - -@mixin gradient ($startColor: #eee, $endColor: white) { - background-color: $startColor; - background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)); - background: -webkit-linear-gradient(top, $startColor, $endColor); - background: -moz-linear-gradient(top, $startColor, $endColor); - background: -ms-linear-gradient(top, $startColor, $endColor); - background: -o-linear-gradient(top, $startColor, $endColor); -} -@mixin horizontal-gradient ($startColor: #eee, $endColor: white) { - background-image: -webkit-gradient(linear, left top, right top, from($startColor), to($endColor)); - background-image: -webkit-linear-gradient(left, $startColor, $endColor); - background-image: -moz-linear-gradient(left, $startColor, $endColor); - background-image: -ms-linear-gradient(left, $startColor, $endColor); - background-image: -o-linear-gradient(left, $startColor, $endColor); -} -@mixin gradient-4 ($couleur1: transparent,$couleur2: $white 30%,$couleur3: $white 70%,$couleur4: transparent) { - background: -webkit-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); - background: -moz-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); - background: -ms-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); - background: -o-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); -} - -@mixin animation ($name, $duration: 300ms, $delay: 0, $ease: ease) { - -webkit-animation: $name $duration $delay $ease; - -moz-animation: $name $duration $delay $ease; - -ms-animation: $name $duration $delay $ease; -} - -@mixin transition ($transition) { - -webkit-transition: $transition; - -moz-transition: $transition; - -ms-transition: $transition; - -o-transition: $transition; -} -@mixin transform($string){ - -webkit-transform: $string; - -moz-transform: $string; - -ms-transform: $string; - -o-transform: $string; -} -@mixin scale ($factor) { - -webkit-transform: scale($factor); - -moz-transform: scale($factor); - -ms-transform: scale($factor); - -o-transform: scale($factor); -} -@mixin rotate ($deg) { - -webkit-transform: rotate($deg); - -moz-transform: rotate($deg); - -ms-transform: rotate($deg); - -o-transform: rotate($deg); -} -@mixin skew ($deg, $deg2) { - -webkit-transform: skew($deg, $deg2); - -moz-transform: skew($deg, $deg2); - -ms-transform: skew($deg, $deg2); - -o-transform: skew($deg, $deg2); -} -@mixin translate ($x, $y:0) { - -webkit-transform: translate($x, $y); - -moz-transform: translate($x, $y); - -ms-transform: translate($x, $y); - -o-transform: translate($x, $y); -} -@mixin translate3d ($x, $y: 0, $z: 0) { - -webkit-transform: translate3d($x, $y, $z); - -moz-transform: translate3d($x, $y, $z); - -ms-transform: translate3d($x, $y, $z); - -o-transform: translate3d($x, $y, $z); -} -@mixin perspective ($value: 1000) { - -webkit-perspective: $value; - -moz-perspective: $value; - -ms-perspective: $value; - perspective: $value; -} -@mixin transform-origin ($x:center, $y:center) { - -webkit-transform-origin: $x $y; - -moz-transform-origin: $x $y; - -ms-transform-origin: $x $y; - -o-transform-origin: $x $y; -} - - - -@mixin media($query) { - @media screen and ($query) { - @content; - } -} -@function breakpoint($query, $dimension) { - @return $query+": "+$dimension; -} - diff --git a/squelettes/scss/_baz-modeles.scss b/squelettes/scss/_baz-modeles.scss deleted file mode 100644 index 8fe55f3..0000000 --- a/squelettes/scss/_baz-modeles.scss +++ /dev/null @@ -1,51 +0,0 @@ -/* habillage des modeles */ -/* */ -.iconemodele { - color: $couleurPrincipale; font-family:'Fontawesome',sans-serif; - a & { background-color:$couleurBackground; } -} -.iconemodele.bloc { - &.largeur { width: (50% - 3em); max-width:100%; } - padding: 0.5em; - margin-bottom:1em; - line-height:0.9; - &.left { - float:left; - clear:both; - } - &.right { - float:right; - } - &.center { - text-align:center; - .content { text-align:left; } - } - &:after { display:block; clear:both; content:''; } - .icon { font-size:60px; float:left; margin-right:($spacer/2); - &:before { - color: $couleurPrincipale; - position: relative; - top: 0.1em; - } - } - .content { line-height:1.2; text-align:left; - h3 { margin:10px 0 0.5em; padding:0 0.5em; } - p { margin:0 0 0.2em; color:$black; } - /*a { text-decoration:underline; }*/ - } -} - -/* imagesenlignes */ -.imagesenligne.flex { - margin-bottom:1.5em; - display: -webkit-flex; /* Safari */ - display: flex; - -webkit-flex-wrap: nowrap; /* Safari */ - flex-wrap: nowrap; - span { padding:0 $spacer/2; } - span:first-of-type { padding-left:0; } - span:last-of-type { padding-right:0; } - a:hover .spip_logos { min-width:0; } - a.spip_out:after { content:''; } -} - diff --git a/squelettes/scss/_baz-pagination.scss b/squelettes/scss/_baz-pagination.scss deleted file mode 100644 index 40591c5..0000000 --- a/squelettes/scss/_baz-pagination.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* Pagination */ -.pagination { margin: 2em 0; word-wrap: break-word; line-height: 2.4; - a, .on { padding:.5em; margin:1px; - .aside .nav & { display:inline-block; width:auto; line-height: 1.4; } - } - a { background:$grayLighter; color: $grayDarker; text-decoration: none; - &:hover { color:$black; text-decoration:underline; } - } - .on { font-weight: bold; color:$black; background:$grayLighter; text-decoration:underline; } - .sep { visibility: hidden; display:none; } -} -.menu_articles .pagination strong {font-size:1em;} -a#pagination_articles_rubrique { display:inline; margin:0; padding:0; line-height:1px; } - -// Listes d'articles et extraits introductifs -.menu_articles li { clear: both; margin-bottom: 1.5em; } -.menu_articles li h3, -.menu_articles li h2 { margin: 0 0 0.2em 0; } -.menu_articles li p { margin: 0; } -.menu_articles li small { } -.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } -.menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;} -.menu_articles a {text-decoration:none;} -.menu_articles strong {font-size:1.2em;} - -ul.liste-items { margin-left:0; padding:0; } diff --git a/squelettes/scss/_baz-theme-perso.scss b/squelettes/scss/_baz-theme-perso.scss deleted file mode 100755 index b903b07..0000000 --- a/squelettes/scss/_baz-theme-perso.scss +++ /dev/null @@ -1 +0,0 @@ -/* les surcharges de chaque site dans un plugin indépendant */ diff --git a/squelettes/scss/_baz-typo.scss b/squelettes/scss/_baz-typo.scss deleted file mode 100755 index 52ac6fb..0000000 --- a/squelettes/scss/_baz-typo.scss +++ /dev/null @@ -1,31 +0,0 @@ -// -// baz typo - - -.page__wrapper { - font-family: 'Merriweather', serif; - line-height:1.3; -} - -h1, .h1, -h2, .h2 { - line-height: 1.2; - font-weight:700; -} -h1, .h1 { - font-weight:900; -} - -.periode { - a, span { - &:not(.mois_archives):after { - content:$fa-var-chevron-right; font-size:0.7em; font-family: 'Fontawesome'; - } - } -} - -.icon { - font-family:'Fontawesome'; - font-weight:900; -} - diff --git a/squelettes/scss/_baz-utils.scss b/squelettes/scss/_baz-utils.scss deleted file mode 100644 index 3bf3633..0000000 --- a/squelettes/scss/_baz-utils.scss +++ /dev/null @@ -1,54 +0,0 @@ -/* pour extends */ - -.btn, .btn:visited, button { padding:0.6em 1em 0.5em; margin:0.2rem; display:inline-block; - background-color:$grayLighter; color:$grayDarker; - border:0; @include border-radius(0); - &:hover { color:$white; background-color:$couleurLien; } -} - - -.inline { margin:0; padding:0; - li { display:inline; - &:after { content:' - '; } - &:last-child:after { content:''; } - } -} - - -/* .flex { padding:0; display: flex; align-items: flex-start; justify-content:space-between; flex-flow:row wrap; align-items:stretch; } */ -/* la liste flexbox */ -.flex { @include flex; - flex-grow: 1; - flex-direction: row; - justify-content: space-between; - margin-bottom: 4em; - > * { overflow:hidden; } - &.flex1 > * { flex:1; } // pour tout mettre sur une seule ligne tout le temps -} -.spacebetween { -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; } -.flex2 > * { flex-basis:100%/2; } -.flex3 > * { flex-basis:100%/3; } -.flex4 > * { flex-basis:100%/4; } -.flex5 > * { flex-basis:100%/5; } -.flex6 > * { flex-basis:100%/6; } - -@include media($bp-medium) { - - .flex2 > * { flex-basis:100%/2; } - .flex4 > * { flex-basis:100%/2; } - .flex6 > * { flex-basis:100%/2; } - -} -@include media($bp-small) { - - .flex3 > *, - .flex5 > * { flex-basis:100%; } - -} -@include media($bp-xxsmall) { - - .flex2 > *, - .flex4 > *, - .flex6 > * { flex-basis:100%; } - -} diff --git a/squelettes/scss/_baz-variables-perso.scss b/squelettes/scss/_baz-variables-perso.scss deleted file mode 100644 index c9c0ff6..0000000 --- a/squelettes/scss/_baz-variables-perso.scss +++ /dev/null @@ -1 +0,0 @@ -/* des variables perso pour chacun */ diff --git a/squelettes/scss/_baz-variables.scss b/squelettes/scss/_baz-variables.scss deleted file mode 100755 index 0270e97..0000000 --- a/squelettes/scss/_baz-variables.scss +++ /dev/null @@ -1,84 +0,0 @@ -// -// Variables -// -------------------------------------------------- - - -// Global values -// -------------------------------------------------- -$spacer: 1em; - -// 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; - - -// couleur du theme -$couleurPrincipale: #00365b; -$couleurSecondaire: #f7651a; - -$couleurBackground: $white; -$couleurTexte: $grayDark; - -$couleurBackgroundTexte: #f5faff; -$couleurBackgroundConnex: #62c0c9; - - -// Links -// ------------------------- -$couleurLien: $couleurPrincipale; -$couleurLienHover: $couleurSecondaire; -$couleurPrincipaleDowner: lighten($couleurLien, 60%); - - -// ------------------------------ -// Tailles typos -$_base-font-size: 16px; // valeur fixe (équivalence 1em) - -$body-font-size: 16px; // valeur variable (taille du texte de base) -$small-font-size: 0.8; -$typo-line-height: 1.5; -$typo-margin-vertical: ($typo-line-height)*1em; - - -// ------------------------------ -// Breakpoints - -$screen-xxsmall: em(380px); -$screen-small: em(580px); -$screen-medium: em(768px); -$screen-large: em(980px); -$screen-largeplus: em(1200px); - -$bp-xxsmall: breakpoint(max-width, $screen-xxsmall); -$bp-small: breakpoint(max-width, $screen-small); -$bp-medium: breakpoint(max-width, $screen-medium); -$bp-large: breakpoint(max-width, $screen-large); -$bp-largeplus: breakpoint(max-width, $screen-largeplus); - -$bp-xxsmall-up: breakpoint(min-width, $screen-xxsmall); -$bp-small-up: breakpoint(min-width, $screen-small); -$bp-medium-up: breakpoint(min-width, $screen-medium); -$bp-large-up: breakpoint(min-width, $screen-large); -$bp-largeplus-up: breakpoint(min-width, $screen-largeplus); - - - diff --git a/squelettes/scss/_form.scss b/squelettes/scss/_form.scss deleted file mode 100755 index 19215f9..0000000 --- a/squelettes/scss/_form.scss +++ /dev/null @@ -1,60 +0,0 @@ -/* -------------------------------------------------------------- - - form.css - Base pour formulaires - Cf.: http://contrib.spip.net/3820 - --------------------------------------------------------------- */ - -input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; } - -legend { font-weight: bold; } - -/* Curseur main sur les elements input cliquables */ -input[type="submit"],input.submit, -input[type="button"],input.button, -input[type="image"],input.image, -button { cursor: pointer; } - -textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ - -.ie fieldset { padding-top: 0; } -.ie6 legend, -.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */ -.ie button, -.ie input.submit, -.ie input.button { position: relative; } - -button { width: auto; overflow: visible; } /* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ - -/* formidable */ -.choix label { display:inline-block; } -.editer { margin: 0 0 1em; } - -/* Elements de notifications des boites succes, info, notice, alerte */ -.reponse, -.error, -.alert, -.notice, -.success, -.info { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; } - -.error, -.alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } -.notice { background: #fff6bf; color: #514721; border-color: #ffd324; } -.success { background: #e6efc2; color: #264409; border-color: #c6d880; } -.info { background: #d5edf8; color: #205791; border-color: #92cae4; } - -.error a, -.alert a { color: #8a1f11; } -.notice a { color: #514721; } -.success a { color: #264409; } -.info a { color: #205791; } - -/* Print */ -@media print { - form { display: none; } -} -/* crayons debug */ -.edition { background:#fff; } -/* fin */ \ No newline at end of file diff --git a/squelettes/scss/_forums.scss b/squelettes/scss/_forums.scss deleted file mode 100644 index 03e5d45..0000000 --- a/squelettes/scss/_forums.scss +++ /dev/null @@ -1,21 +0,0 @@ -/* Habillage des forums */ -.comments {margin-top:2em;} -.comments-list {padding:1em 0;border-top:1px solid $grayLight;} -.comments ul {list-style:none;} -.comment-item {margin:0.5em 0 0 0;padding:0.5em 0 0 0;border-top:1px solid $grayLight;} -.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid $gray;} -.comment-meta { margin: 0; font-weight: bold; } -.comment-meta small { font-size: 100%; } -.comment-meta abbr { border: 0; } -.comment-meta a { text-decoration:none;} -.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; } - -// Formulaire de forum -.forum-titre {margin-top:2em;padding:1em 0;border-top:1px solid $grayLight;} -.formulaire_forum { - legend { display: none; } - .saisie_titre input.text { width: 100% } - .session_qui { display: none; } - .saisie_texte .explication { font-size: .9em; font-style: italic; } -} -html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: normal; } diff --git a/squelettes/scss/_helpers.scss b/squelettes/scss/_helpers.scss deleted file mode 100644 index d339672..0000000 --- a/squelettes/scss/_helpers.scss +++ /dev/null @@ -1,133 +0,0 @@ -/* - * Hide visually and from screen readers: - */ -.hidden { - display: none !important; -} - -/* - * Hide only visually, but have it available for screen readers: - * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility - * - * 1. For long content, line feeds are not interpreted as spaces and small width - * causes content to wrap 1 word per line: - * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe - */ - -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - clip-path: inset(50%); - height: 1px; - margin: 0; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - white-space: nowrap; /* 1 */ -} - -/* - * Extends the .visuallyhidden class to allow the element - * to be focusable when navigated to via the keyboard: - * https://www.drupal.org/node/897638 - */ - -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - clip: auto; - clip-path: none; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; - white-space: inherit; -} - -/* - * Hide visually and from screen readers, but maintain layout - */ -.invisible { - visibility: hidden; - height:0; margin:0; padding:0; -} - -/* - masqué dans un navigateur mais lisible par un lecteur d'ecran - uniquement si javascript actif -*/ -.js { - .js-visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - } - .js-hidden { - display: none; - } -} - -/* - tout le temps affiche sauf si javascript actif -*/ -.no-js .nojs-visuallyhidden { - display: none; - visibility: hidden; - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -/* - * Clearfix: contain floats - * - * For modern browsers - * 1. The space content is one way to avoid an Opera bug when the - * `contenteditable` attribute is included anywhere else in the document. - * Otherwise it causes space to appear at the top and bottom of elements - * that receive the `clearfix` class. - * 2. The use of `table` rather than `block` is only necessary if using - * `:before` to contain the top-margins of child elements. - */ -.clearfix:before, -.clearfix:after { - content: " "; /* 1 */ - display: table; /* 2 */ -} - -.clearfix:after { - clear: both; -} - -.nettoyeur { - @extend .clearfix; -} - -/* - * Faire un lien sur un bloc entier - */ -.block-link-parent { - position: relative; - .block-link { - //position: inherit; - &:before { - content: ""; - position: absolute; - bottom: 0; - left: 0; - right: 0; - top: 0; - } - } -} diff --git a/squelettes/scss/_links.scss b/squelettes/scss/_links.scss deleted file mode 100755 index 09d6024..0000000 --- a/squelettes/scss/_links.scss +++ /dev/null @@ -1,101 +0,0 @@ -/* -------------------------------------------------- - - links.css - Liens hypertextes - (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net - ------------------------------------------------------ */ -/* Hyperliens -[fr] Signalétique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */ - -a { - background: transparent; - color: inherit; -} -a:visited { - color: inherit; -} -a:focus, -a:hover { - outline: 0; - cursor: pointer; -} -a:active { - outline: 0; -} -/* a { outline: none; } -[en] http://www.outlinenone.com -*/ -a:after, -a:before/*, -a small*/ { - font-size: 90%; - opacity: .9; -} -a[hreflang]:after { - content: "\0000a0[" attr(hreflang) "]"; -} -/* Liens externes */ -a.spip_out:after, -a.external:after { - content: "\0000a0\279A"; -} -a[hreflang].spip_out:after, -a[hreflang].external:after { - content: "\0000a0[" attr(hreflang) "]\0000a0\279A"; -} -/* mailto / tel */ -a.spip_mail:after, -a.mailto:after { - content: "\0000a0\2709"; -} -a.tel:after { - content: "\0000a0\2706"; -} -/* Documents */ -a.download:after { - content: "\0000a0\21A7"; -} -a[hreflang].download:after { - content: "\0000a0[" attr(hreflang) "]\0000a0\21A7"; -} -a.audio:after { - content: "\0000a0\266B"; -} -a[hreflang].audio:after { - content: "\0000a0[" attr(hreflang) "]\0000a0\266B"; -} -/* Liens images */ -a img { - border: 0; -} -a:focus img, -a:active img { - -moz-transform: translateY(1px); - -webkit-transform: translateY(1px); - -o-transform: translateY(1px); - -ms-transform: translate(1px); - transform: translateY(1px); -} -@media print { - a, - a:visited { - text-decoration: underline; - } - a:after { - content: ''; - } - a.spip_url:after, - a[rel="external"]:after, - a.external:after { - content: " (" attr(href) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ''; - } - /* Ne pas montrer les liens sur images ou javascript / liens internes */ -} - -/* fin */ diff --git a/squelettes/scss/_main.scss b/squelettes/scss/_main.scss deleted file mode 100644 index 8716b39..0000000 --- a/squelettes/scss/_main.scss +++ /dev/null @@ -1,344 +0,0 @@ -*, -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html { - font-size: 100.01%; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -body { - line-height: $typo-line-height; - background: white; -} - -/* Titraille / Intertitres */ - -h1, .h1, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, .h6 { - display: block; - font-size: 100%; - font-style: normal; - font-weight: bold; - line-height: 1.2; - padding: 0; - margin: 0 0 0.8em 0; -} - -/* Hyperlinks -[fr] Signaletique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */ -a { - background: transparent; - color: inherit; - &:link { - transition: .3s; - } - &:visited { - color: inherit; - } - &:focus { - outline: thin dotted; - text-shadow: none; - } - &:hover { - outline: 0; - cursor: pointer; - } - &:active { - outline: 0; - } - &:after, - &:before { - font-size: 90%; - opacity: .9; - } - &[hreflang]:after { - content: "\0000a0[" attr(hreflang) "]"; - font-weight: normal; - } - /* External Links */ - &.spip_out:after { - content: "\0000a0\279A"; - } - &[hreflang].spip_out:after { - content: "\0000a0[" attr(hreflang) "]\0000a0\279A"; - } - /* Linked images */ - & img { - border: 0; - } - &:focus img, - &:active img { - -moz-transform: translateY(1px); - -webkit-transform: translateY(1px); - -o-transform: translateY(1px); - -ms-transform: translate(1px); - transform: translateY(1px); - } -} - - -ul, ol { - list-style: none; - margin: 0; - padding: 0; -} - -ul, ol { - margin-left: $typo-margin-vertical; -} - -ul { - list-style-type: square; -} - -ol { - list-style-type: decimal; -} - -ul ul, ol ol { - margin-bottom: 0; -} - -dt { - font-weight: bold; -} - -em, i { - font-style: italic; -} - -strong, b { - font-weight: bold; -} - -small, -.small { - @include small(); -} - -p, -ul, -ol, -dl, -dd, -blockquote, -address, -pre, -table, -fieldset, -.pagination { - @include text-block(); -} - -img { - max-width: 100% !important; - height: auto !important; - width: auto \9 - !important; /* IE7-8 need help adjusting responsive images */ - vertical-align: middle; - border: 0; - -ms-interpolation-mode: bicubic; -} - -abbr[title], -acronym[title] { - text-decoration: none; - border-bottom: .1em dotted; - cursor: help; -} -@media print { - abbr[title] { - border-bottom: 0; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } -} - -dfn { - font-weight: bold; - font-style: italic; -} -s, -strike, -del { - opacity: .5; - text-decoration: line-through; -} -ins { - background-color: rgba(255, 255, 204, 0.5); - text-decoration: none; -} -u { - text-decoration: underline; -} -sup, -.sup, -sub, -.sub { - position: relative; - font-size: 80%; - font-variant: normal; - line-height: 0; - vertical-align: baseline; -} -sup, -.sup { - top: -0.5em; -} -sub, -.sub { - bottom: -0.25em; -} -pre { - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; -} -kbd { - white-space: nowrap; - padding: .1em .3em; - background-color: #eee; - border: 1px solid #aaa; - border-radius: 4px; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset; - color: #333; -} -samp { - font-weight: bold; -} -var { - font-style: italic; -} - -/* Typography for small screens -[fr] http://www.alsacreations.com/astuce/lire/1177 */ -@media (max-width: em(640px)) { - /* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */ - img, - table, - td, - blockquote, - code, - pre, - textarea, - input, - iframe, - object, - embed, - video { - max-width: 100% !important; - } - /* gestion des mots longs */ - textarea, - table, - td, - th, - pre, - code, - samp { - word-wrap: break-word; - /* cesure forcee */ - } - pre, - code, - samp { - white-space: pre-line; - /* passage a la ligne specifique pour les elements a chasse fixe */ - } -} - -/* orientation iOS5 font-size fix */ -@media (orientation: landscape) and (max-device-width: em(640px)) { - html, - body { - -webkit-text-size-adjust: 100%; - } -} - -/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ - -/* - * What follows is the result of much research on cross-browser styling. - * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, - * Kroc Camen, and the H5BP dev community and team. - */ - -/* - * Remove text-shadow in selection highlight: - * https://twitter.com/miketaylr/status/12228805301 - * - * These selection rule sets have to be separate. - * Customize the background color to match your design. - */ - -::-moz-selection { - background: #B3D4FC; - text-shadow: none; -} - -::selection { - background: #B3D4FC; - text-shadow: none; -} - -/* - * A better looking default horizontal rule - */ -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #CCC; - margin: 1em 0; - padding: 0; - clear: both; -} - -/* - * Remove the gap between audio, canvas, iframes, - * images, videos and the bottom of their containers: - * https://github.com/h5bp/html5-boilerplate/issues/440 - */ -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; -} - -/* - * Remove default fieldset styles. - */ -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -/* - * Allow only vertical resizing of textareas. - */ -textarea { - resize: vertical; -} - -input[type="search"] { - box-sizing: border-box; -} - -address { - font-style: normal; -} \ No newline at end of file diff --git a/squelettes/scss/_media.scss b/squelettes/scss/_media.scss deleted file mode 100755 index 5ca37ca..0000000 --- a/squelettes/scss/_media.scss +++ /dev/null @@ -1,133 +0,0 @@ -/* -------------------------------------------------- - - media.css - Illustrations, images et albums - (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net - ------------------------------------------------------ */ -/* Rendre les images responsive par defaut */ -img { - max-width: 100%; - height: auto; -} -@media print { - img { - max-width: 100% !important; - } -} -img { - vertical-align: middle; -} -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - - vertical-align: baseline; - /* 2 */ - -} -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; -} -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; -} -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; -} -/** - * Correct overflow not hidden in IE 9/10/11. - */ -svg:not(:root) { - overflow: hidden; -} -/* thumbnail */ -.thumb, -.thumb.left { - margin: 0 10px 10px 0; -} -.thumb.right { - margin: 0 0 10px 10px; -} -/* style effects */ -img.round { - border-radius: 5px; -} -img.circle { - border-radius: 50%; -} -img.border { - padding: 4px; - background-color: #fff; - border: 1px solid #bbb; -} -img.shadow { - box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset; -} -/* figure */ -figure { - margin: 0; - margin-bottom: 0.75em; - text-align: center; -} -figure.center { - margin-bottom: 1.5em; -} -figure.left { - margin-right: 1.5em; -} -figure.right { - margin-left: 1.5em; -} -/*@media (max-width: 640px) { - figure { - margin-bottom: 1.5em; - } - figure.left { - float: none; - margin-right: 0; - } - figure.right { - float: none; - margin-left: 0; - } -}*/ -/* album */ -.album { - margin-bottom: 1.5em; -} -.album ul { - overflow: hidden; - margin: 0; - list-style: none; -} -.album li { - float: left; - margin: 0; - margin: 0 10px 10px 0; -} -.album .thumb { - margin: 0; -} - -/* fin */ \ No newline at end of file diff --git a/squelettes/scss/_spip.scss b/squelettes/scss/_spip.scss deleted file mode 100755 index 99b4083..0000000 --- a/squelettes/scss/_spip.scss +++ /dev/null @@ -1,199 +0,0 @@ -/* -------------------------------------------------------------- - - spip.css - Styles associes au code genere par SPIP - - --------------------------------------------------------------- */ - -/* Neutraliser conflit spip / tinytypo */ -ul, ol {list-style:none;/*margin-left:0;*/ } -blockquote { border:none; padding-left:3em; } -blockquote:before { content:""; /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ } -s, strike,del, .del { opacity:1;} - -/* Compatibilite ancienne dist */ -/* .on {font-weight:bold;} */ - -hr.spip { clear:both; } - -/* Listes SPIP */ -ul.spip { margin-left: 0; } - -ul.spip { list-style-type: square; - li { margin-left:1em; margin-bottom:0.5em; } -} -li ul.spip { list-style-type: disc; margin-bottom:0.5em; } -li li ul.spip { list-style-type: circle; } -ol.spip { list-style-type: decimal; } - -dl.spip dt, -dl.spip dd { padding-left: 0.5em; } -dl.spip dt { clear: both; } -dl.spip dd {} - -/* Tableaux SPIP */ -table.spip { width: 100%; } -table.spip caption {} -table.spip tr.row_first th {} -table.spip tr.odd td {} -table.spip tr.even td {} - -/* Citations, code et poesie */ -blockquote.spip { min-height: 40px; background: url(img/quote.png) no-repeat; } -.spip_poesie { border-left: 1px solid; } -.spip_poesie div { margin-left: 50px; text-indent: -50px; } -.spip_code, -.spip_cadre { - font-family: 'Courier New', Courier, monospace; - font-size: 1em; - margin:0 .2em; -} - -.spip_code { - border: 1px solid #dfdfcd; - background-color: rgba(227,227,211,0.5); - color: #3b3b25; - text-shadow: 0 1px 0 #fdfdfc; -} - -.spip_cadre { - background:#333; - color:#fff; - border-radius:0.5em; - border:0; -} - -textarea.spip_code, -textarea.spip_cadre { - padding: 1em; - width:98%; -} - -/* Enluminures typo V3 / Cf.: http://contrib.spip.net/3118 */ -sc, .sc { font-variant: small-caps; } -.caractencadre-spip { background-color: #FFFFCC; color: purple; } -.caractencadre2-spip { background-color: #FFFFCC; color: orange; } -.texteencadre-spip { display: block; margin: 1.5em 50px; padding: 1.5em; background: #EEE; } - -/* Logos, documents et images */ -.spip_logo { float:right; margin: 0 0 10px 10px; padding:0; border: none; } - -.spip_documents { margin-bottom: 0.5em; padding: 0; background: none; max-width: 100%; font-size:80%; display:inline-block; - a { background:none; - &:hover { background:none; } - &.spip_out:after { content:''; } - } -} -.spip_documents, -.spip_documents_center, -.spip_doc_titre, -.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; } -.spip_documents_center { clear: both; display: block; width: 100%; text-align: center; - figcaption { margin:0 auto;} -} -.spip_documents_left, .spip_documents.left { float: left; margin-right: 1em; } -.spip_documents_right, .spip_documents.right { float: right; margin-left: 1em; } -.spip_doc_titre {} -.spip_doc_descriptif { clear: both; } -.spip_doc_credits { font-size:x-small; clear: both; } - -@media (max-width:480px) { - /* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */ - .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100%; - figcaption { margin:0 auto;} - } -} - -/* Modeles par defaut */ -.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; } - -/* Formulaires */ -.formulaire_spip {} -.formulaire_spip li { clear: both; margin-bottom: 0.75em; } -.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; } -.formulaire_spip .boutons input, -.formulaire_spip .boutons button {} -.formulaire_spip input.text, -.formulaire_spip textarea {padding:.2em;border:solid 1px #aaa;} -.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip textarea, .formulaire_spip select { - box-sizing: border-box; - font-size: 1em; - padding: 3px; - width: 100%; -} -.formulaire_spip .editer label { - color: #000; - font-weight: 700; -} -@media print { - .formulaire_spip { display: none; } -} - -/* Barre typo */ -.markItUp .markItUpHeader ul .markItUpSeparator { display: none; } - -/* Previsu */ -.previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; } -fieldset.previsu legend { color: #F57900; } - -/* Reponses */ -.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; } -.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; } -.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } -.reponse_formulaire_ok a { color: #264409; } -.reponse_formulaire_erreur a { color: #8a1f11; } - -.erreur_message { color: red; } - -li.erreur input[type="text"], li.erreur input.text, -li.erreur input[type="password"], li.erreur input.password, -li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; } - -.spip_surligne { background-color: yellow; } - -/* Formulaire de recherche */ -.formulaire_recherche * { display: inline; } - -/* Paragraphes */ -div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; } - -/* Pagination */ -.pagination { clear: both; text-align: center; } -.pagination .disabled {visibility:hidden;} -@media print { - .pagination { display: none; } -} - -/* Liens de SPIP */ -a.spip_note { font-weight: bold; } /* liens vers notes de bas de page */ -a.spip_in {} /* liens internes */ -a.spip_mail {} -a.spip_out {} /* liens sortants */ -a.spip_url {} /* liens url sortants */ -a.spip_glossaire {} /* liens vers encyclopedie */ - -/* Boutons d'admin */ -.ie6 .spip-admin, -.ie6 #spip-admin { display: none; } -@media print { - .spip-admin, - #spip-admin { display: none; } -} - - -/* test */ -/*.spip_out, -.spip_url, -.spip_glossaire { @extend .external; } -.spip_mail { @extend .mailto; } -table.spip { @extend .table; @extend .spip; } -.spip_logo, .spip_logos { @extend .thumb; @extend .spip_logo; } -.spip_documents_center, .spip_logo_center { @extend .center; } -.spip_documents_left, .spip_logo_left { @extend .left; } -.spip_logo_right, .spip_documents_right { @extend .right; } -.spip_surligne { @extend .mark; }*/ - - - -/* fin */ diff --git a/squelettes/scss/_tiny-typo.scss b/squelettes/scss/_tiny-typo.scss deleted file mode 100755 index 126d7d8..0000000 --- a/squelettes/scss/_tiny-typo.scss +++ /dev/null @@ -1,585 +0,0 @@ -/* -------------------------------------------------- - - typo.css - Base typographique - (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net - ------------------------------------------------------ */ -html { - font-size: 100.01%; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} -/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ -et http://forum.alsacreations.com/topic-4-54377-1.html -[en] http://stackoverflow.com/questions/2703056/body-font-size-100-01-vs-body-font-size-100 */ -body { - font-size: 1em; - line-height: 1.3; -} -/* Fonts */ -.font1 { - font-family: serif; -} -.font2 { - font-family: sans-serif; -} -.font3 { - font-family: monospace; -} -.font4 { - font-family: fantasy; -} -/* Titraille / Intertitres */ -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6 { - display: block; - margin: 0; - padding: 0; - font-size: 100%; - font-weight: normal; -} -h1, -.h1 { - font-size: 2em; - line-height: 1.5; - margin-bottom: 0.75em; -} -h2, -.h2 { - font-size: 1.5em; - line-height: 1; - margin-bottom: 0.5em; -} -h3, -.h3 { - font-size: 1.35em; - line-height: 1.2; - margin-bottom: 0.2em; - font-weight:700; -} -h4, -.h4 { - font-size: 1.1em; - line-height: 1.364; - margin-bottom: 0.2em; -} -h5, -.h5 { - font-size: 1em; - font-weight: bold; -} -h6, -.h6 { - font-size: 1em; - font-weight: bold; -} -h1 small, -.h1 small, -h2 small, -.h2 small, -h3 small, -.h3 small, -h4 small, -.h4 small, -h5 small, -.h5 small, -h6 small, -.h6 small { - font-size: 60%; - line-height: 1; -} -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; - margin: 1.5em 0; - border: solid; - border-width: 1px 0 0; -} -/* Typographical enhancements */ -em, -i, -.i { - font-style: italic; -} -strong, -b, -.b { - font-weight: bold; -} -mark, -.mark { - background: #ff0; - color: #000; -} -.smaller { - font-size: 75%; -} -small, -.small { - font-size: 80%; -} -big, -.big { - font-size: 130%; -} -.bigger { - font-size: 175%; -} -.biggest { - font-size: 200%; -} -abbr[title], -acronym[title] { - border-bottom: .1em dotted; - cursor: help; -} -@media print { - abbr[title] { - border-bottom: 0; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } -} -dfn, -.dfn { - font-weight: bold; - font-style: italic; -} -s, -strike, -del, -.del { - opacity: .5; - text-decoration: line-through; -} -ins, -.ins { - background-color: rgba(255, 255, 204, 0.5); - text-decoration: none; -} -u, -.u { - text-decoration: underline; -} -sup, -.sup, -sub, -.sub { - position: relative; - font-size: 80%; - font-variant: normal; - line-height: 0; - vertical-align: baseline; -} -sup, -.sup { - top: -0.5em; -} -sub, -.sub { - bottom: -0.25em; -} -.lead { - font-size: 120%; -} -.caps { - font-variant: small-caps; -} -.quiet { - color: #555555; -} -/* Alignement */ -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-center { - text-align: center; -} -.text-justify { - text-align: justify; - text-justify: newspaper; -} -/* Lists */ -ul { - list-style-type: disc; -} -ul ul { - list-style-type: circle; -} -ul ul ul { - list-style-type: square; -} -ol { - list-style-type: decimal; -} -ol ol { - list-style-type: lower-alpha; -} -ol ol ol { - list-style-type: lower-greek; -} -ul ul, -ol ol, -ul ol, -ol ul { - margin-top: 0; - margin-bottom: 0; -} -ol, -ul { - margin-left: 1em; - -webkit-margin-before: 0; - -webkit-margin-after: 0; -} -dt { - font-weight: bold; -} -dd { - margin-left: 1em; -} -.list-none { - margin-left: 0; - list-style: none; -} -.list-none li:before { - content: ''; -} -.list-square { - margin-left: 1em; - list-style: square; -} -.list-square li:before { - content: ''; -} -.list-disc { - margin-left: 1em; - list-style: disc; -} -.list-disc li:before { - content: ''; -} -.list-circle { - margin-left: 1em; - list-style: circle; -} -.list-circle li:before { - content: ''; -} -.list-decimal { - margin-left: 1em; - list-style: decimal; -} -.list-decimal li:before { - content: ''; -} -.list-inline { - margin-left: 0; -} -.list-inline li { - display: inline-block; - margin: 0; - margin-right: 1em; -} -.list-inline li:Last-Child { - margin-right: 0; -} -.list-inline.list-inline-sep li { - margin-right: 0; -} -.list-inline.list-inline-sep li:after { - content: " | "; -} -.list-inline.list-inline-sep li:Last-Child:after { - content: ''; -} -.list-inline.list-inline-dash li { - margin-right: 0; -} -.list-inline.list-inline-dash li:after { - content: " - "; -} -.list-inline.list-inline-dash li:Last-Child:after { - content: ''; -} -.list-inline.list-inline-comma li { - margin-right: 0; -} -.list-inline.list-inline-comma li:after { - content: ", "; -} -.list-inline.list-inline-comma li:Last-Child:after { - content: ". "; -} -.list-block li { - display: block; - margin-right: 0; -} -/* Tableaux */ -table { - max-width: 100%; - border-collapse: collapse; - border-spacing: 0; -} -.table { - width: 100%; -} -.table caption, table.spip caption, -.table th, table.spip th, -.table td, table.spip td { - padding: 0.375em; -} -.table caption, table.spip caption { - font-weight: bold; - text-align: left; - border-bottom: 2px solid; -} -.table th, table.spip th { - font-weight: bold; -} -.table th, table.spip th, -.table td, table.spip td { - border-bottom: 1px solid; -} -.table thead th, table.spip thead th { - vertical-align: bottom; -} -.table tbody tr:hover td { - background-color: rgba(34, 34, 34, 0.050000000000000044); -} -.table tfoot { - font-style: italic; -} -.table tfoot td { - border-bottom: 0; - vertical-align: top; -} -@media (max-width:640px) { - .table-responsive { - width: 100%; - overflow-y: hidden; - overflow-x: scroll; - margin-bottom: 1.5em; - } - .table-responsive table { - width: 100%; - margin-bottom: 0; - } - .table-responsive thead, - .table-responsive tbody, - .table-responsive tfoot, - .table-responsive tr, - .table-responsive th, - .table-responsive td { - white-space: nowrap; - } -} -/* Quotes, code et poetry */ -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} -:lang(en) > q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} -:lang(fr) > q { - quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"; -} -:lang(es) > q { - quotes: "\00AB" "\00BB" "\201C" "\201D"; -} -:lang(it) > q { - quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D"; -} -:lang(de) > q { - quotes: "\00BB" "\00AB" "\203A" "\2039"; -} -:lang(no) > q { - quotes: "\00AB\A0" "\A0\00BB" "\2039" "\203A"; -} -/* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */ -q:before { - content: open-quote; -} -q:after { - content: close-quote; -} -blockquote { - position: relative; - padding-left: 1.5em; - border: solid rgba(34, 34, 34, 0.19999999999999996); - border-width: 0 0 0 5px; -} -blockquote:before { - z-index: -1; - position: absolute; - left: 0; - top: 0; - content: "\00AB"; - line-height: 0; - font-size: 10em; - color: rgba(34, 34, 34, 0.09999999999999998); -} -cite, -.cite { - font-style: italic; -} -address { - font-style: italic; -} -pre, -code, -kbd, -samp, -var, -tt { - font-family: monospace; - font-size: 1em; -} -pre { - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; -} -kbd { - white-space: nowrap; - padding: .1em .3em; - background-color: #eee; - border: 1px solid #aaa; - border-radius: 4px; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset; - color: #333; -} -samp { - font-weight: bold; -} -var { - font-style: italic; -} -/* Box */ -.box { - display: block; - margin-bottom: 1.5em; - padding: 1.5em 1.5em; - padding-bottom: .1em; - border: 1px solid; -} -@media print { - .box { - border: 1px solid !important; - } -} -@media (min-width:640px) { - .box.right { - width: 33%; - margin-left: 1em; - } - .box.left { - width: 33%; - margin-right: 1em; - } - .box.center { - width: 75%; - } -} -/* Paragraphes */ -p, -.p, -ul, -ol, -dl, -dd, -blockquote, -address, -pre, -.table, -fieldset { - margin-bottom: 0.6em; -} -/* Typographie pour petites ecrans -[fr] http://www.alsacreations.com/astuce/lire/1177 */ -@media (max-width:640px) { - /* Fixer une largeur maximale de 100 % aux elements potentiellement problematiques */ - /*img,*//* je suis pas d'accord pour img, au contraire ça fait des soucis avec photoswipe par exemple, juste à cause du !important qui est un peu péremptoire */ - table, - td, - blockquote, - code, - pre, - textarea, - input, - iframe, - object, - embed, - video { - max-width: 100% !important; - } - /* Gestion des mots longs */ - textarea, - table, - td, - th, - pre, - code, - samp { - word-wrap: break-word; - /* cesure forcee */ - } - pre, - code, - samp { - white-space: pre-line; - /* Passage a la ligne specifique pour les elements a chasse fixe */ - } -} -/* Orientation iOS5 font-size fix */ -@media (orientation:landscape) and (max-device-width:640px) { - html, - body { - -webkit-text-size-adjust: 100%; - } -} -/* Style pour l'impression (HTML5 Boilerplate) -Inlined to avoid required HTTP connection: h5bp.com/r */ -@media print { - pre, - blockquote { - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - @page { - margin: 2cm .5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} - -/* fin */ diff --git a/squelettes/scss/base/_main.scss b/squelettes/scss/base/_main.scss new file mode 100755 index 0000000..364d179 --- /dev/null +++ b/squelettes/scss/base/_main.scss @@ -0,0 +1,392 @@ +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + font-size: 100.01%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + line-height: $typo-line-height; + background: white; +} + +/* Titraille / Intertitres */ + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-size: 100%; + font-style: normal; + font-weight: bold; + line-height: 1.2; + padding: 0; + margin: 0 0 0.8em 0; +} + +/* Hyperlinks +[fr] Signaletique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */ +a { + background: transparent; + color: inherit; + &:link { + transition: .3s; + } + &:visited { + color: inherit; + } + &:focus { + outline: thin dotted; + text-shadow: none; + } + &:hover { + outline: 0; + cursor: pointer; + } + &:active { + outline: 0; + } + &:after, + &:before { + font-size: 90%; + opacity: .9; + } + &[hreflang]:after { + content: "\0000a0[" attr(hreflang) "]"; + font-weight: normal; + } + /* Linked images */ + & img { + border: 0; + } + &:focus img, + &:active img { + transform: translateY(1px); + } +} + + +ul, ol { + list-style: none; + margin: 0; + padding: 0; +} + +ul, ol { + margin-left: 1em; +} + +ul { + list-style-type: square; +} + +ol { + list-style-type: decimal; +} + +ul ul, ol ol { + margin-bottom: 0; +} + +dt { + font-weight: bold; +} + +em, i { + font-style: italic; +} + +strong, b { + font-weight: bold; +} + +small, +.small { + font-size: 85%; +} + +p, +ul, +ol, +dl, +dd, +blockquote, +address, +pre, +table, +fieldset, +.pagination { + @include text-block; +} + +p:last-child { + margin-bottom: 0; +} + +img { + max-width: 100% !important; + height: auto !important; + width: auto \9 + !important; /* IE7-8 need help adjusting responsive images */ + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} + +button, +input[type="submit"], +input[type="button"], +input[type="reset"] { + cursor: pointer; + border:0; +} + +button[disabled], +input[type="submit"][disabled], +input[type="button"][disabled], +input[type="reset"][disabled] { + cursor: default; +} + +/* évite un resize potentiellement foireux */ +textarea { + resize: vertical; +} + +/* + * évite dimensionnement des radios, checkboxes et images + * et un affichage différent sous IE + */ +input[type="radio"], +input[type="checkbox"], +input[type="image"] { + background-color: transparent; + border: 0; + width: auto; +} + +/* supprime un bug Firefox sur button */ +button::-moz-focus-inner { border: 0; padding: 0; } + +abbr[title], +acronym[title] { + text-decoration: none; + border-bottom: .1em dotted; + cursor: help; +} + +@media print { + abbr[title] { + border-bottom: 0; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } +} + +dfn { + font-weight: bold; + font-style: italic; +} + +s, +strike, +del { + opacity: .5; + text-decoration: line-through; +} + +ins { + background-color: rgba(255, 255, 204, 0.5); + text-decoration: none; +} + +u { + text-decoration: underline; +} + +sup, +.sup, +sub, +.sub { + position: relative; + font-size: 80%; + font-variant: normal; + line-height: 0; + vertical-align: baseline; +} + +sup, +.sup { + top: -0.5em; +} + +sub, +.sub { + bottom: -0.25em; +} + +pre { + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; +} + +kbd { + white-space: nowrap; + padding: .1em .3em; + background-color: #EEE; + border: 1px solid #AAA; + border-radius: 4px; + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #FFFFFF inset; + color: #333; +} + +samp { + font-weight: bold; +} + +var { + font-style: italic; +} + +/* Typography for small screens +[fr] http://www.alsacreations.com/astuce/lire/1177 */ +@media (max-width: em(640px)) { + /* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */ + img, + table, + td, + blockquote, + code, + pre, + textarea, + input, + iframe, + object, + embed, + video { + max-width: 100% !important; + } + /* gestion des mots longs */ + textarea, + table, + td, + th, + pre, + code, + samp { + word-wrap: break-word; + /* cesure forcee */ + } + pre, + code, + samp { + white-space: pre-line; + /* passage a la ligne specifique pour les elements a chasse fixe */ + } +} + +/* orientation iOS5 font-size fix */ +@media (orientation: landscape) and (max-device-width: em(640px)) { + html, + body { + -webkit-text-size-adjust: 100%; + } +} + +/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ + +/* + * What follows is the result of much research on cross-browser styling. + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, + * Kroc Camen, and the H5BP dev community and team. + */ + +/* + * Remove text-shadow in selection highlight: + * https://twitter.com/miketaylr/status/12228805301 + * + * These selection rule sets have to be separate. + * Customize the background color to match your design. + */ + +::-moz-selection { + background: #B3D4FC; + text-shadow: none; +} + +::selection { + background: #B3D4FC; + text-shadow: none; +} + +/* + * A better looking default horizontal rule + */ +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #CCC; + margin: 1em 0; + padding: 0; + clear: both; +} + +/* + * Remove the gap between audio, canvas, iframes, + * images, videos and the bottom of their containers: + * https://github.com/h5bp/html5-boilerplate/issues/440 + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} + +/* + * Remove default fieldset styles. + */ +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +/* + * Allow only vertical resizing of textareas. + */ +textarea { + resize: vertical; +} + +input[type="search"] { + box-sizing: border-box; +} + +address { + font-style: normal; +} + + +pre, +code, +kbd, +samp, +var, +tt { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; +} diff --git a/squelettes/scss/_normalize.scss b/squelettes/scss/base/_normalize.scss similarity index 73% rename from squelettes/scss/_normalize.scss rename to squelettes/scss/base/_normalize.scss index 8947dab..f209558 100644 --- a/squelettes/scss/_normalize.scss +++ b/squelettes/scss/base/_normalize.scss @@ -10,9 +10,9 @@ */ html { - line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections @@ -28,7 +28,7 @@ footer, header, nav, section { - display: block; + display: block; } /** @@ -37,8 +37,8 @@ section { */ h1 { - font-size: 2em; - margin: 0.67em 0; + font-size: 2em; + margin: 0.67em 0; } /* Grouping content @@ -52,7 +52,7 @@ h1 { figcaption, figure, main { /* 1 */ - display: block; + display: block; } /** @@ -60,7 +60,7 @@ main { /* 1 */ */ figure { - margin: 1em 40px; + margin: 1em 40px; } /** @@ -69,9 +69,9 @@ figure { */ hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -80,8 +80,8 @@ hr { */ pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /* Text-level semantics @@ -93,8 +93,8 @@ pre { */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ } /** @@ -103,9 +103,9 @@ a { */ abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ } /** @@ -114,7 +114,7 @@ abbr[title] { b, strong { - font-weight: inherit; + font-weight: inherit; } /** @@ -123,7 +123,7 @@ strong { b, strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -134,8 +134,8 @@ strong { code, kbd, samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** @@ -143,7 +143,7 @@ samp { */ dfn { - font-style: italic; + font-style: italic; } /** @@ -151,8 +151,8 @@ dfn { */ mark { - background-color: #ff0; - color: #000; + background-color: #FF0; + color: #000; } /** @@ -160,7 +160,7 @@ mark { */ small { - font-size: 80%; + font-size: 80%; } /** @@ -170,18 +170,18 @@ small { sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* Embedded content @@ -193,7 +193,7 @@ sup { audio, video { - display: inline-block; + display: inline-block; } /** @@ -201,8 +201,8 @@ video { */ audio:not([controls]) { - display: none; - height: 0; + display: none; + height: 0; } /** @@ -210,7 +210,7 @@ audio:not([controls]) { */ img { - border-style: none; + border-style: none; } /** @@ -218,7 +218,7 @@ img { */ svg:not(:root) { - overflow: hidden; + overflow: hidden; } /* Forms @@ -233,7 +233,7 @@ input, optgroup, select, textarea { - margin: 0; + margin: 0; } /** @@ -243,7 +243,7 @@ textarea { button, input { /* 1 */ - overflow: visible; + overflow: visible; } /** @@ -253,7 +253,7 @@ input { /* 1 */ button, select { /* 1 */ - text-transform: none; + text-transform: none; } /** @@ -266,7 +266,7 @@ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; /* 2 */ } /** @@ -277,8 +277,8 @@ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -289,7 +289,7 @@ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** @@ -300,12 +300,12 @@ button:-moz-focusring, */ legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ } /** @@ -314,8 +314,8 @@ legend { */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ } /** @@ -323,7 +323,7 @@ progress { */ textarea { - overflow: auto; + overflow: auto; } /** @@ -333,8 +333,8 @@ textarea { [type="checkbox"], [type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -343,7 +343,7 @@ textarea { [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -352,8 +352,8 @@ textarea { */ [type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ } /** @@ -362,7 +362,7 @@ textarea { [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /** @@ -371,8 +371,8 @@ textarea { */ ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive @@ -385,7 +385,7 @@ textarea { details, /* 1 */ menu { - display: block; + display: block; } /* @@ -393,7 +393,7 @@ menu { */ summary { - display: list-item; + display: list-item; } /* Scripting @@ -404,7 +404,7 @@ summary { */ canvas { - display: inline-block; + display: inline-block; } /** @@ -412,7 +412,7 @@ canvas { */ template { - display: none; + display: none; } /* Hidden @@ -423,5 +423,5 @@ template { */ [hidden] { - display: none; + display: none; } diff --git a/squelettes/scss/base/_print.scss b/squelettes/scss/base/_print.scss new file mode 100644 index 0000000..763c915 --- /dev/null +++ b/squelettes/scss/base/_print.scss @@ -0,0 +1,132 @@ +@media print { + + @page { + margin: 2cm .5cm; + } + + /* Fixe un bug délirant de Edge au print */ + html { + -ms-overflow-style: -ms-autohiding-scrollbar; + } + + body, + html { + background-color: #FFF !important; + color: #000 !important; + background-image: none; + border: 0; + box-shadow: none; + float: none; + height: auto; + margin: 0; + width: 100% !important; + max-width: 100% !important; + min-height: 0; + padding: 0; + position: static; + opacity: 1; + visibility: visible; + max-height: none; + display: block; + } + body { + padding: .5em; + overflow: auto; + } + + /* éviter saut de page hasardeux */ + blockquote, ul, ol { + page-break-inside: avoid; + } + h1, h2, h3, caption { + page-break-after: avoid; + } + + #spip-admin, + .content-aside { + display: none !important; + } + + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + /* Black prints faster: http://www.sanbeiji.com/archives/953 */ + box-shadow: none !important; + text-shadow: none !important; + //-webkit-filter: grayscale(100%); + //filter: grayscale(100%); + } + + a, + a:visited { + color: #000 !important; + text-decoration: underline !important; + } + a:after { + content: ''; + } + a[rel="external"]:after, + a.spip_out:after { + content: " (" attr(href) ")"; + } + + /* + * Don't show links that are fragment identifiers, + * or use the `javascript:` pseudo protocol + */ + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* éviter saut de page hasardeux */ + blockquote, ul, ol { + page-break-inside: avoid; /* pas de coupure dans ces élements */ + } + h1, h2, h3, caption { + margin-bottom: 16pt !important; + page-break-after: avoid; /* pas de saut après ces éléments */ + } + + /* + * Printing Tables: + * http://css-discuss.incutio.com/wiki/Printing_Tables + */ + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, blockquote { + orphans: 3; /* pas de ligne seule en bas */ + widows: 3; /* pas de ligne seule en haut */ + } + + .noprint, + .no-print { + display: none !important; + } + + .print, + .onlyprint, + .only-print { + display: block !important; + } + +} \ No newline at end of file diff --git a/squelettes/scss/base/_spip.scss b/squelettes/scss/base/_spip.scss new file mode 100644 index 0000000..388710a --- /dev/null +++ b/squelettes/scss/base/_spip.scss @@ -0,0 +1,101 @@ +//--------------------------------------- +// Surcharges de SPIP +//--------------------------------------- + +.autobr { + height: 0; + display: block; +} + +.spip_logo { + float: none; + margin: 0; +} + +.formulaire_login { + .editer { + margin-bottom: 0; + } + .editer_password { + .details { + margin-top: 1em; + margin-bottom: 0; + } + } + .editer_session { + display: none; + } +} + +#pass_securise { + display: none !important; +} + +table.spip { + width: 99%; + max-width: 99%; + margin-right: auto; + margin-left: auto; + @include module-block; + border: none; + background: none; + border-collapse: collapse; + line-height: inherit; + caption { + caption-side: top; + text-align: center; + margin-right: auto; + margin-left: auto; + } + th { + border: none; + border-top: 1px solid #D7D7D7; + background: #F6F6F6; + padding: .5em; + line-height: normal; + } + thead th { + border-top: none; + border-bottom: 2px solid #353535; + } + td { + border: none; + border-bottom: 1px solid #D7D7D7; + padding: .5em; + } + td.numeric { + text-align: right; + } + tr:nth-child(odd) { + background: white; + } + tr:not(even) { + background: #F9F9F9; + } +} + +#spip-admin { + right: 10px; + @include media($bp-small) { + top: auto; + bottom: 4px; + .spip-admin-boutons { + opacity: 1; + font-size: 120%; + } + } +} + +html .spip-admin-bloc, html .spip-admin-float { +/* position: relative; */ + right: 10% !important; + font-size: 0.8em; + z-index: 10000 !important; + top:auto; + bottom:0; +} + +.spip-admin-boutons { + border-radius: 0.3em !important; + padding: 0.5em !important; +} diff --git a/squelettes/scss/base/_typo.scss b/squelettes/scss/base/_typo.scss new file mode 100644 index 0000000..094ea3f --- /dev/null +++ b/squelettes/scss/base/_typo.scss @@ -0,0 +1,148 @@ +/* font */ +@include font-face(Fontawesome, fontawesome); + +@include font-face(Merriweather, merriweather-regular-webfont, 400, normal); +@include font-face(Merriweather, merriweather-regularitalic-webfont, 400, italic); +@include font-face(Merriweather, merriweather-bold-webfont, 700, normal); +@include font-face(Merriweather, merriweather-bolditalic-webfont, 700, italic); +@include font-face(Merriweather, merriweather-black-webfont, 900, normal); +@include font-face(Merriweather, merriweather-blackitalic-webfont, 900, italic); + +@include font-face(Lato, lato-hairline-webfont, 100, normal); +@include font-face(Lato, lato-hairlineitalic-webfont, 100, italic); +@include font-face(Lato, lato-light-webfont, 200, normal); +@include font-face(Lato, lato-lightitalic-webfont, 200, italic); +@include font-face(Lato, lato-regular-webfont, 400, normal); +@include font-face(Lato, lato-regularitalic-webfont, 400, italic); +@include font-face(Lato, lato-bold-webfont, 700, normal); +@include font-face(Lato, lato-bolditalic-webfont, 700, italic); +@include font-face(Lato, lato-black-webfont, 900, normal); +@include font-face(Lato, lato-blackitalic-webfont, 900, italic); + + + + + + +$typo-Merriweather: 'Merriweather', Helvetica, Arial, sans-serif; +$typo-Lato: 'Lato', Helvetica, Arial, sans-serif; + +$typo-texte: $typo-Lato; +$typo-titres: $typo-Merriweather; + +body { + $_computed_bfs: strip-unit($body-font-size) / strip-unit($_base-font-size); + font-size: $_computed_bfs * (14/strip-unit($body-font-size))*1em; + @include media($bp-small-up) { + font-size: $_computed_bfs * (15/strip-unit($body-font-size))*1em; + } + @include media($bp-medium-up) { + font-size: $_computed_bfs * (16/strip-unit($body-font-size))*1em; + } + @include media($bp-large-up) { + font-size: $_computed_bfs*1em; + } + + font-family: $typo-texte; + font-weight: normal; + line-height: $typo-line-height; + color: $couleur-texte; + text-rendering: geometricPrecision; +} + +html.rtl * { + // pas d'italique pour les langues RTL + font-style: normal !important; +} + +a { + text-decoration: none; + color: $couleur-lien; + &:visited { + color: $couleur-lien; + } + &:hover { + text-decoration: underline; + color: $couleur-lien-hover; + border-color: $couleur-lien-hover; + outline: 0; + } + &:focus { + background-color: $couleur-lien !important; + border-color: $couleur-lien !important; + color: white !important; + text-shadow: none !important; + transition: all 0s !important; + svg * { + //fill: white !important; + } + } +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: $typo-titres; + line-height: 1.1; + font-style: normal; + color: $couleur-titres; + margin: 0 0 0.8em 0; + letter-spacing: 0.02em; + a:link, a:visited { + color: $couleur-titres; + } + a:hover { + color: $couleur-lien-hover; + } +} + +h1, .h1 { + font-size: em(26px); + @include media($bp-medium-up) { + font-size: em(30px); + } +} + +h2, .h2 { + font-size: em(22px); + @include media($bp-medium-up) { + font-size: em(26px); + } +} + +h3, .h3 { + font-size: em(20px); + @include media($bp-medium-up) { + font-size: em(23px); + } +} + +h4, .h4 { + font-size: em(18px); + @include media($bp-medium-up) { + font-size: em(20px); + } +} + +h5, .h5, +h6, .h6 { + @include media($bp-medium-up) { + font-size: em(18px); + } +} + +::selection { + color: white !important; + background: darken($couleur-lien, 10%) !important; + text-shadow: none !important; + transition: all 0s !important; +} + +.periode { + a, span { + &:not(.mois_archives):after { content:$fa-var-chevron-right; font-size:0.7em; font-family: 'FontAwesome'; } + } +} diff --git a/squelettes/scss/baz.scss b/squelettes/scss/baz.scss deleted file mode 100755 index b82b9de..0000000 --- a/squelettes/scss/baz.scss +++ /dev/null @@ -1,30 +0,0 @@ -/* baz */ - -@import 'scss/baz-mixins'; -@import 'scss/baz-variables'; -@import 'scss/baz-variables-perso'; -@import 'scss/helpers'; -@import 'scss/baz-utils'; - -@import 'scss/normalize'; -@import 'scss/main'; - -@import 'scss/fontawesome/fontawesome'; -@import 'scss/baz-font'; -@import 'scss/tiny-typo'; -@import 'scss/baz-typo'; - -@import 'scss/baz-layout'; - -@import 'scss/media'; -@import 'scss/links'; -@import 'scss/form'; -@import 'scss/forums'; -@import 'scss/spip'; - -@import 'scss/baz-pagination'; -@import 'scss/baz-modeles'; -@import 'scss/baz-compositions'; -@import 'scss/baz-nav'; -@import 'scss/baz-theme'; -@import 'scss/baz-theme-perso'; diff --git a/squelettes/scss/blocs/_aside.scss b/squelettes/scss/blocs/_aside.scss new file mode 100644 index 0000000..9ad8a92 --- /dev/null +++ b/squelettes/scss/blocs/_aside.scss @@ -0,0 +1,2 @@ +.page_aside { +} diff --git a/squelettes/scss/blocs/_breadcrump.scss b/squelettes/scss/blocs/_breadcrump.scss new file mode 100644 index 0000000..46b5ec8 --- /dev/null +++ b/squelettes/scss/blocs/_breadcrump.scss @@ -0,0 +1,27 @@ +.page_breadcrumb { +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + @include list-separator('/', 0.5em, #888); + margin: 0; + list-style: none; +} +// fil d'ariane +.arbo { + display:block; + clear: none; + font-size: .7em; +} +.arbo * { + font-weight: normal; +} +.arbo, .arbo a, +.arbo a:visited { + color: lighten($couleurTexte, 30%); +} +.arbo a:hover { + background: $gray; + color: white; +} diff --git a/squelettes/scss/blocs/_content.scss b/squelettes/scss/blocs/_content.scss new file mode 100644 index 0000000..5385210 --- /dev/null +++ b/squelettes/scss/blocs/_content.scss @@ -0,0 +1,95 @@ +.page_main { +} + +.page_content { +} + +//--------------------------------------- +// Contenu de l'article +//--------------------------------------- + +.article__titre { + margin-bottom: 0; +} + +.article__infos { + margin: 0.25em 0 1em 0; + font-size: em(14px); + @include link-color-text; +} + +.article__chapo { + margin-bottom: 1.5em; + font-size: em(18px); + font-weight: bold; +} + +.article__logo { + margin-bottom: 2em; +} + +//--------------------------------------- +// Résumés d'articles +//--------------------------------------- + +.article-resume { + display: flex; + @include text-block; + h2 { + margin-top:0; + } +} + +.article-resume__titre { + font-size: em(22px); + margin-bottom: 0; + @include link-color-text; + a:hover { + text-decoration: none; + } +} + +.article-resume__logo { + max-width: em(250px); + width: 30%; + flex-shrink: 0; + margin-bottom: 1em; + margin-right: 1.5em; +} + +.article-resume__infos { + margin: 0.25em 0 0.5em 0; + font-size: em(13px); +} + +.article-resume__rubrique { + text-transform: uppercase; + color: $couleur-primaire; + font-weight: bold; + margin-right: 0.25em; + margin-bottom: 0; +} + +.article-resume__date { + margin-bottom: 0; + &:before { + content: ' - '; + } +} + +.article-resume__intro { + font-size: em(15px); +} + +.articles-resumes-entete { + margin-bottom: 3em; +} + +@include media($bp-small) { + .article-resume { + display:block; + } + .article-resume__logo { + float:left; + } +} diff --git a/squelettes/scss/blocs/_footer.scss b/squelettes/scss/blocs/_footer.scss new file mode 100644 index 0000000..a83e00f --- /dev/null +++ b/squelettes/scss/blocs/_footer.scss @@ -0,0 +1,79 @@ +.page_footer { + padding:($spacer*1.5) 0 $spacer; + color:white; + background-color:$couleurPrincipale; + p { + font-size:0.8rem; + } + a { + display:inline-block; + margin:0 0.4em; + border:0; + &, &:visited { color:white; } + } + + .menus_footer { + @include flex; + justify-content: space-between; + font-size:0.8em; + margin:0 0 ($spacer*2); + .menu-liste { + flex-basis:18%; + margin:0; + list-style:none; + .h4 { + margin:$spacer 0 0; + font-size:1.15em; + color:$white; + } + a { margin:0; } + } + } + .formulaire_spip.formulaire_recherche { + max-width:em(400px); + input[type="search"] { + line-height:3em; + min-height:3em; + } + input.placeholder, + textarea.placeholder { + color: $couleurPrincipale; + } + + input::-webkit-input-placeholder { + color: $couleurPrincipale; + } + input:-moz-placeholder { /* Firefox 18- */ + color: $couleurPrincipale; + } + input::-moz-placeholder { /* Firefox 19+ */ + color: $couleurPrincipale; + } + input:-ms-input-placeholder { + color: $couleurPrincipale; + } + } + .april { // logo april + float:right; + width:80px; + } + .sociaux { + a { + display:inline-block; + font-size:0.8em; + .socicon { + background:transparent; + } + } + } +} + +.footer__links { + @include list-reset; + @include list-inline; + @include list-separator('|', 0.5em); +} + +.footer__links_item { +} + diff --git a/squelettes/scss/blocs/_header.scss b/squelettes/scss/blocs/_header.scss new file mode 100644 index 0000000..c4f85e7 --- /dev/null +++ b/squelettes/scss/blocs/_header.scss @@ -0,0 +1,41 @@ +.page_header { + padding: em(24px) 0; +/* background: $couleur-primaire; */ +/* color: white; */ +/* white-space: nowrap; */ +} + +.page_header_container { + display: flex; + justify-content: space-between; + align-items: center; +} + +.nom_site_spip, .slogan_site_spip { + @include visuallyhidden; +} + + +@include media($bp-medium) { + + .header_nav_item { + margin-bottom: 1.5em; + & > a { + font-size: em(20px); + font-weight: bold; + } + } + + .header_nav_subitem { + margin: .5em 0; + & > a { + font-weight: bold; + } + } +} + +@include media($bp-medium-up) { + .header_nav { + } + +} diff --git a/squelettes/scss/components/_custom-radios.scss b/squelettes/scss/components/_custom-radios.scss new file mode 100644 index 0000000..d081c07 --- /dev/null +++ b/squelettes/scss/components/_custom-radios.scss @@ -0,0 +1,85 @@ +/* + +Markup à utiliser : + +
    + + +
    + +Par exemple, avec jQuery : + + $('.formulaire_spip .choix label').each(function(){ + $(this).prepend('').parent().addClass('custom-radios'); + }); + +*/ + +$radio-width: 20px; +$check-color: $couleur-lien; + +.custom-radios { + input[type=checkbox]:not(old), + input[type=radio ]:not(old) { + width: 1em; + margin: 0; + padding: 0; + font-size: 1em; + opacity: 0; + } + input[type=checkbox]:not(old) + label, + input[type=radio ]:not(old) + label { + display: flex; + align-items: start; + margin-left: -1.5em; + } + input[type=checkbox]:not(old) + label > span, + input[type=radio ]:not(old) + label > span { + position: relative; + flex-shrink: 0; + display: inline-block; + width: $radio-width; + height: $radio-width; + margin-right: 0.5em; + border: thin solid rgb(192, 192, 192); + border-radius: 0.25em; + background: rgb(224, 224, 224); + background: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224)); + vertical-align: middle; + } + input[type=checkbox]:not(old) + label > span:before { + content: ' '; + border-radius: 0.25em; + } + input[type=radio]:not(old) + label > span, + input[type=radio]:not(old) + label > span > span { + border-radius: 50%; + } + input[type=checkbox]:not(old):checked + label > span:before, + input[type=radio]:not(old):checked + label > span > span { + } + input[type=checkbox]:not(old):checked + label > span:before { + position: absolute; + display: block; + top: 50%; + left: 50%; + transform: translateY(-60%) translateX(-50%); + content: '\2714'; + color: $check-color; + font-size: 150%; + line-height: 1; + font-weight: bold; + } + input[type=radio]:not(old):checked + label > span > span { + position: absolute; + display: block; + width: $radio-width / 2; + height: $radio-width / 2; + top: 50%; + left: 50%; + transform: translateY(-50%) translateX(-50%); + background: $check-color; + background: linear-gradient($check-color, darken($check-color, 20%)); + border-radius: 50%; + } +} diff --git a/squelettes/scss/components/_forms.scss b/squelettes/scss/components/_forms.scss new file mode 100644 index 0000000..621208f --- /dev/null +++ b/squelettes/scss/components/_forms.scss @@ -0,0 +1,386 @@ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + // color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + + +//---------------------------------------- +// Formulaires SPIP +//---------------------------------------- + +.formulaire_spip { + + @include text-block; + + .boutons, + .titrem { + margin: 0; + } + + .editer { + margin: 0 0 0.5em 0; + padding: 0; + clear: both; + overflow: hidden; + & > label { + display: block; + margin-bottom: 0.5em; + } + } + fieldset { + margin: 0; + padding: 0; + } + label { + padding: 0; + font-size: inherit; + font-weight: normal; + } + .fieldset, + .saisie_explication { + padding: 0; + border: none; + background: none; + } + fieldset { + legend { + margin-bottom: 1em; + } + .editer-groupe { + border-left: 6px solid #F5F5F5; + padding-left: 1.5em; + } + } + + /* elements du formulaire */ + input.text, + input.password, + input.date, + input[type=text], + input[type=password], + input[type=search], + input[type=email], + textarea, + select { + font-size: 1em; + font-family: inherit; + padding: 0 0.3em; + width: 100%; + border: 1px solid $couleur-border-form; + background: white; + // bug with em heights in chrome + min-height: em(30px); + line-height: em(30px); + &:focus { + border-color: $couleur-border-form-focus; + } + } + .erreur { + input.text, + input.password, + input.date, + input[type=text], + input[type=password], + input[type=search], + input[type=email], + textarea, + select { + border: 2px solid $couleur-erreur; + } + } + + select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: white url(../images/icone-dropdown.png) right center no-repeat; + padding-right: 28px; + &:hover, + &:focus { + background-image: url(../images/icone-dropdown-over.png); + } + } + select[multiple] { + background-image: none; + &:hover, + &:focus { + background-image: none; + } + } + + select::-ms-expand { + display: none; + } + + .saisie_date input, + input.date { + //background: white url(../images/icone-calendrier.png) right center no-repeat; + } + + textarea { + height: em(250px); + overflow: auto; + font-size: inherit; + font-family: inherit; + line-height: inherit; + &.court { + height: em(125px); + } + } + + input.placeholder, + textarea.placeholder { + color: lighten($couleur-texte, 15%); + } + + input::-webkit-input-placeholder { + color: $couleur-placeholder; + } + input:-moz-placeholder { /* Firefox 18- */ + color: $couleur-placeholder; + } + input::-moz-placeholder { /* Firefox 19+ */ + color: $couleur-placeholder; + } + input:-ms-input-placeholder { + color: $couleur-placeholder; + } + + .erreur { + background-color: $couleur-erreur-bg; + } + .editer.erreur { + padding: 0.5em; + } + + .erreur_message { + display: block; + color: $couleur-erreur; + font-weight: bold; + } + + .obligatoire label, .obligatoire .label { + font-weight: bold; + } + + /* sous choix */ + .choix { + overflow: hidden; + padding: 0; + margin: 0.3em 0; + display: flex; + justify-content: flex-start; + align-items: center; + } + + .choix label { + font-weight: normal; + text-transform: none; + float: right; + width: 96%; + padding-left: 0.5em; + } + + .choix label.on { + font-weight: bold !important; + } + + .choix .radio, + .choix .checkbox { + float: none; + margin: 0; + } + + /* reponses succes/erreur */ + + .reponse_formulaire, + .error, .success, .notice { + border: 1px solid; + font-weight: normal; + padding: 0.5em; + min-height: em(24px); + margin-bottom: 1em; + margin-top: 1em; + & > p:last-child { + margin-bottom: 0; + } + } + + .reponse_formulaire_ok { + color: $couleur-valide; + border-color: lighten($couleur-valide, 30%); + background-color: $couleur-valide-bg; + } + + .reponse_formulaire_erreur { + color: $couleur-erreur; + border-color: lighten($couleur-erreur, 30%); + background-color: $couleur-erreur-bg; + } + + /* Explications */ + .saisie_explication .explication { + background: #F0F0F0; + font-size: 100%; + } + + p.explication { + display: block; + font-weight: normal; + margin-bottom: 0.5em; + } + + .explication * { + margin: 0 !important; + } + + /* Remarques importantes */ + .attention { + display: block; + margin-bottom: 1em; + font-weight: normal; + } + + input.submit, + input.reset, + input.button { + width: auto; + } + + /* Fieldset */ + + fieldset { + border: 0; + width: auto; + padding: 0; + margin: 1.5em 0; + } + + h2.legend, + h3.legend, + legend { + font-weight: bold; + font-style: normal; + text-transform: uppercase; + font-size: 125%; + display: block; + width: 100%; + margin: 0 0 0.5em 0; + } + + fieldset input.text, + fieldset textarea.textarea { + border: 1px solid $couleur-border-form; + } + + .saisie_date label { + display: inline-block; + width: 40%; + } + + /* boutons */ + .boutons { + margin: 1em 0 0 0; + clear: both; + //padding: 1em 0; + text-align: right; + } + + .boutons-left { + text-align: left; + } + + .boutons-center { + text-align: center; + } + + .boutons.noborder { + margin-top: 0; + } + + input[type=submit] { + @include bouton($couleur-boutons); + } +} + +//---------------------------------------- +// Boutons +//---------------------------------------- + +.button /*, +.formulaire_spip button, +.formulaire_spip input[type=submit] */ +{ + @include bouton($couleur-boutons); + + &.button--white { + background: white; + color: $couleur-lien; + &:hover { + background: $couleur-lien; + color: white; + } + } + + &.button--cancel { + background-color: #615B5D; + } + + &.button--small { + font-size: 0.85em; + } + &.button--big { + height: em(44px); + line-height: em(44px); + border-radius: em(22px); + padding: 0 2em; + } + +} + +/* Bouton de validation */ +/* Pour IE, qui grossit le bouton submit */ +input[type="submit"], input[type="reset"] { + font-size: inherit; +} + +.formulaires_compacts { + .formulaire_spip { + .editer { + padding: 0; + } + label { + .obligatoire { + display: none; + } + } + .boutons { + text-align: left; + input[type=submit] { + height: em(44px); + line-height: em(44px); + border-radius: em(22px); + padding: 0 2em; + + background: white; + color: $couleur-lien; + &:hover { + background: $couleur-lien; + color: white; + } + } + } + } +} \ No newline at end of file diff --git a/squelettes/scss/components/_jquery.sidr.scss b/squelettes/scss/components/_jquery.sidr.scss new file mode 100755 index 0000000..3630d25 --- /dev/null +++ b/squelettes/scss/components/_jquery.sidr.scss @@ -0,0 +1,71 @@ +$sidr-width: em(280px); + +@include media($bp-medium) { + .sidr-menu-content { + display: none; + } +} + +.sidr { + position: fixed; + top: 0; + height: 100%; + z-index: 999999; + width: $sidr-width; + overflow-x: hidden; + overflow-y: auto; + padding: 1em; + body.sidr-main-open & { + box-shadow: 10px 0 0 0 rgba(0, 0, 0, 0.45); + } + background: $couleur-primaire; + color: white; + a { + color: white; + &:hover, &:focus { + color: white; + text-decoration: underline; + } + } + &.right { + left: auto; + right: -$sidr-width; + } + + &.left { + left: -$sidr-width; + right: auto; + } + + .recherche { + margin-bottom: 1em; + h2 { + display: none; + } + &.formulaire_spip form { + background: none; + } + .motcle { + border: 1px solid $couleur-texte; + font-size: 80%; + padding: 0 0.5em; + width: 13em; + height: 28px; + line-height: 28px; + margin-right: 0.5em; + } + .submit { + border: none; + margin: 0; + padding: 0; + background: #000; + color: white; + font-size: 80%; + border-radius: 50%; + width: 28px; + height: 28px; + line-height: 28px; + } + } + +} diff --git a/squelettes/scss/components/_pagination.scss b/squelettes/scss/components/_pagination.scss new file mode 100644 index 0000000..d2d5060 --- /dev/null +++ b/squelettes/scss/components/_pagination.scss @@ -0,0 +1,65 @@ +.pagination { + margin: 2em 0; + text-align: center; + display: flex; + width: 100%; + justify-content: center; + + .sep, .label { + display: none; + } + + .lien_pagination, .on, .tbc { + display: inline-block; + padding: 0 0.4em; + text-decoration: none; + } + + .lien_pagination:hover, + .lien_pagination:focus, + .lien_pagination:active { + color: #FFF; + background-color: $couleur-lien-hover; + } + + .lien_pagination, .on, .tbc { + text-align: center; + border-radius: 0.25em; + min-width: 1.5em; + } + .pages { + display: flex; + justify-content: space-between; + .on { + color: #FFF; + background-color: $couleur-lien-hover; + padding-left: 0.4em; + padding-right: 0.4em; + } + } + + .next, .prev { + //font-weight: bold; + strong { + font-weight: normal; + } + } + + .disabled { + display: inline-block; + color: #838383; + } + + @include media($bp-small) { + .pages .lien_pagination, + .pages .tbc { + display: none; + } + } + +} + +.col .prev, +.col .next { + display: none; +} \ No newline at end of file diff --git a/squelettes/scss/img/def.png b/squelettes/scss/img/def.png deleted file mode 100755 index b477396a9bd5392759c92acdd318a92a1818bc36..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 306 zcmeAS@N?(olHy`uVBq!ia0vp^B0$W=!3-puyZf#HspJ5k5LY0rsH|XQY-nw3Yz?=4h^R`Yn?+l>b44$rjF6*2UngGPY Bh0*{3 diff --git a/squelettes/scss/img/quote.png b/squelettes/scss/img/quote.png deleted file mode 100755 index e54aaa57bb1b56b0774bad9b4f336c72a059302e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 621 zcmV-z0+RiSP)t?@2fx9`@>13Tb$f@)VwzA`}_`R3K*|AB)?M*fr za{)EDi^N_DTqAJTT#;yS-JIT&V;F98E0WCO> z=V@@`I1cl?iYEdvWdYu!P1zA8E(Ev%sf)1`O;jsO@d6?^CR-plcmf(Af@87;0|&*G z0<;48ks~E;azy3I*GoVK?ktKcfs3-qs|WCXm|O6?8PEdtIm|b(4xO(jz;WSk;(25# zTiK{JT={we46^g4B%o!D0G|2r6tW&bCS&XjGd42@6NAj|(Oc{UvMIEvBp{i)qM;krR0=R2T@}vR3c+ru+Y#_9h0V*H-J(m@>R1~K#**(BS=$tsN6!3 zY_KCpRd{SgZ3R7>wk!dv!t>loEJ*gkgsu+z5S#e?gH%ZlyFMGaQgJKk z&;S4S&J`6u{!i5oH!}M7|Ns1jTenVq{O|AYNk9`B{{K(n;pP^O+gbE9`q;E-)Bg9% z+yCQ-NPxALm6aX7vNBkD)8@_p{pVUu6@QUVAzZ`xGmJJ;%J zFC(YHwk=yUj0_Ao3=IrY?(Z)5&v;-F0Nm@I$~$DGlx?_V{?h5 zVi>!51kE?U zVrLB5%Idd(ZJNYm6(!>fGb4e40rXAG1Vz3>1`Mw8R=bTC7hxH5^moPaRXrD~0pI7nz|G`Z$}?3H5ATAo zhj$v<7B{oU$oK^&IJuaHC-dHQ67+MOt=Q74ep-xs;hWoa6_pQv|EzO3@%(e-8|8NX zJ4sC5hquQn2Tldfq1*+%CK+SjUh`u!7i3oL1O%{f+B^GjUD zHIVPQqkv4(?x?l<`bEXMkIGIdXpY$#Qzyylz4VgLtYypJmQ^pl|6cxU)!rnv$(g27 zz31&)16GDy+h{FwTzH*9=hcG=8zwA!S-bqQ<-4-o+KvKek_=*QIqr?y|4;Rg-`cR* xhio=g95$BYZawtc<8S5~-t(s|`hI^fWiYblO5I|6<18ovc)I$ztaD0e0szW^L;C;# diff --git a/squelettes/scss/styles/_layout.scss b/squelettes/scss/styles/_layout.scss new file mode 100644 index 0000000..0d7bad2 --- /dev/null +++ b/squelettes/scss/styles/_layout.scss @@ -0,0 +1,62 @@ + +html, body { + margin: 0; + padding: 0; + height: 100%; + background: white; +} + +.page_container { + @include page-container; +} + +.page_fullwidth { + @include full_width; +} + +.page_wrapper { + // coller le footer en bas de page + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; + // hauteur invariable de la boussole + border-top:44px solid $couleurPrincipale; + +} + +.page_main { + // coller le footer en bas de page + flex-grow: 1; +} + +.page_header, +.page_main { + margin-bottom: 2em; +} + +// boussole +.page_header .header_boussole { + position:absolute; + top:0; + left:0; + right:0; + background-color:$couleurPrincipale; + color:white; + +} + +@include media($bp-medium-up) { + .page_main_content { + display: flex; + justify-content: space-between; + } + .page_aside { + min-width: em(320px); + width: em(320px); + } + .page_content { + margin-right: 3em; + width: 100%; + } +} diff --git a/squelettes/scss/_baz-nav.scss b/squelettes/scss/styles/_nav.scss similarity index 93% rename from squelettes/scss/_baz-nav.scss rename to squelettes/scss/styles/_nav.scss index c93001f..c31e299 100644 --- a/squelettes/scss/_baz-nav.scss +++ b/squelettes/scss/styles/_nav.scss @@ -34,7 +34,7 @@ text-decoration: none; line-height:1.4; border-bottom:3px solid white; - .header__boussole & { + .header_boussole & { font-weight:400; padding:1em; margin:0; @@ -47,7 +47,7 @@ &:hover, &:active { border-color:$couleurSecondaire; - .header__boussole & { + .header_boussole & { background:$couleurSecondaire; } } @@ -62,7 +62,7 @@ z-index:2; right:$spacer; top:0; - padding:$spacer; + padding:($spacer/1.2) $spacer; border:none; background:$couleurPrincipale; color:white; @@ -78,7 +78,7 @@ } /* header = nav-principale */ -.page__header > .page--container { +.page_header > .page_container { .nav { padding-top:$spacer; font-size:0.9rem; @@ -111,7 +111,7 @@ // aside // ------------------------------------ -.contentAside { +.page_aside { .nav { padding:0; li { @@ -145,7 +145,7 @@ // boussole -.page__header .header__boussole { +.page_header .header_boussole { position:absolute; top:0; left:0; @@ -156,6 +156,7 @@ .btn-boussole { font-size:0.8rem; display:none; + padding:($spacer/1.6) 0 0 $spacer; margin-left:-$spacer; background:$couleurPrincipale; color:white; diff --git a/squelettes/scss/_baz-theme.scss b/squelettes/scss/styles/_perso.scss old mode 100755 new mode 100644 similarity index 92% rename from squelettes/scss/_baz-theme.scss rename to squelettes/scss/styles/_perso.scss index 89f7371..2dacbe9 --- a/squelettes/scss/_baz-theme.scss +++ b/squelettes/scss/styles/_perso.scss @@ -1,3 +1,4 @@ +// perso // // baz-theme.scss // 2020 - collectif APRIL @@ -6,48 +7,10 @@ // ------------------------------------------ -.page__header { - padding-top:$spacer*1.5; - .accueil { - float:left; - } - .spip_logo { - margin:0; - float:none; - } - .nom_site_spip { - @extend .visuallyhidden; - } -} -.page__footer { - padding:($spacer*1.5) 0 $spacer; - color:white; - background-color:$couleurPrincipale; - p { - font-size:0.8rem; - } - a { - display:inline-block; - margin:0 0.4em; - border:0; - &, &:visited { color:white; } - } - .april { - float:right; - width:80px; - } - .sociaux { - a { - display:inline-block; - font-size:0.8em; - .socicon { - background:transparent; - } - } - } -} + + @@ -116,7 +79,23 @@ a:not([href]) { .cartouche { margin-bottom: 1.5em; - h1 { margin-bottom: 0; font-weight:700; + h1 { m +.liste.articles:not(.periode) { + li { + border-top:1px solid $grayLight; + padding:2em 0 0; + margin:2em 0; + .h3-like { + font-size:1.2em; + } + .introduction p { + margin:0; + } + &:last-of-type { + padding-bottom:2em; + } + } +}argin-bottom: 0; font-weight:700; .soustitre { display:block; } @@ -184,22 +163,6 @@ h2, .h2 { margin-top:1em; } -.liste.articles:not(.periode) { - li { - border-top:1px solid $grayLight; - padding:2em 0 0; - margin:2em 0; - .h3-like { - font-size:1.2em; - } - .introduction p { - margin:0; - } - &:last-of-type { - padding-bottom:2em; - } - } -} .liste { margin:2em 0; &.syndic ul.liste-items { diff --git a/squelettes/scss/styles/_print.scss b/squelettes/scss/styles/_print.scss new file mode 100644 index 0000000..97db045 --- /dev/null +++ b/squelettes/scss/styles/_print.scss @@ -0,0 +1,70 @@ +//------------------------------------------------ +// Styles d'impression spécifiques au site +//------------------------------------------------ + +@media print { + + .page_wrapper { + display: block; + min-height: inherit; + } + + .page_container { + padding: 0 !important; + } + + .page_main__container { + display: block; + } + + // blocs masqués + #spip-admin, + .debug_info, + .page_aside, + .page_extra, + .article__aside, + .forum_article, + .page_footer { + display: none !important; + } + + // header + .page_header, .page_header_container { + padding: 0; + margin: 0; + background: none; + } + .page_header_container > * { + display: none; + } + + .header_title { + display: block !important; + width: 100%; + font-size: em(36px); + font-weight: bold; + border-bottom: 1px solid #DDD; + padding-bottom: 0.5em; + margin-bottom: 0.75em; + a { + text-decoration: none !important; + } + } + + .page_container { + width: 100%; + } + + .page_main { + margin-bottom: 2em; + } + + .page_url { + font-weight: bold; + } + + .article__main a[href]:after { + content: " (" attr(href) ")"; /* affichage des URL des liens */ + } + +} diff --git a/squelettes/scss/styles/_sommaire.scss b/squelettes/scss/styles/_sommaire.scss new file mode 100644 index 0000000..9690011 --- /dev/null +++ b/squelettes/scss/styles/_sommaire.scss @@ -0,0 +1,10 @@ +.body__sommaire { + h1 { +/* @include visuallyhidden; */ + margin:0; + } + .page_aside { + display: none; + } +} + diff --git a/squelettes/scss/styles/_styles.scss b/squelettes/scss/styles/_styles.scss new file mode 100644 index 0000000..a988020 --- /dev/null +++ b/squelettes/scss/styles/_styles.scss @@ -0,0 +1,77 @@ + +.formulaire_spip.formulaire_recherche { + form { + position: relative; + border: 1px solid #B3B3B3; + border-radius: $spacer/2; + padding: 0 1.5em 0 2.5em; + width: 100%; + display: flex; + align-items: center; + background: white; + &:before { + content: ' '; + display: block; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0.5em; + width: em(24px); + height: em(24px); + background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCxMTFg6MOI8VAAABb0lEQVQ4y5XTzUtUYRQG8N/MREJqQQgWuJA+FkW7oBD/Af+FDGwT6ECgS6P+g1q1aBFtIqKltEmxLxELKihoY0FtglCTPsiJsNLTwjtzu3fmTva8q/PwPOc97znnJUW3MTNWhPDJPeP2KkTJOV9F7tRMqrSS73Inkax75Lpr7vuRMA/tycsr7ib5LtjdYDtN+CKEJ3ZmDZNCeO9Y080HLArh8t9kj5pQc7Tl2/qtCr8dSqnzQrhY2I4xIVxKiQXhV5sGdlgTXqfEmvBUO0wLmzq2grIuLLU1fECp3tyyDXS1NXSDb/XwjbDaep4J3gor9aBsDj2GCuUnHMSDlBgUwqv8NBNUzAuRTbi1GDdblFVyRQiPs3Sfj0KY1Z/h95tKduxIPtNJn4Xw021nDBow7EZjXzecbq71sOdNvyGEd8WWshHPMuIXztqhmrWUcrZ9juvFspeN+VddxaYRt2wT1eLC/mU59b+W79s3MGrd1B/TO54VlFiohwAAAABJRU5ErkJggg==); + background-size: contain; + opacity: 1; + } + } + button, label { + @include visuallyhidden; + } + input[type=search], + input[type=text] { + width: 100%; + padding: 0; + border: none; + min-height: 2.5em; + line-height: 2.5em; + background: white; + } +} + +a.back-to-top { + display: none; + @include media($bp-large-up) { + position: fixed; + width: 52px; + height: 66px; + right: 20px; + bottom: 20px; + z-index: 999; + text-indent: -9999px; + background: url("../images/back-top.png") no-repeat center; + outline: none; + } + &:focus { + background: none !important; + } +} + + +// ------------------------------------------------ +// Affichage de valeurs de formulaires +// ------------------------------------------------ + +.champ.afficher { + display: flex; + margin-bottom: 0.5em; + .label { + margin-right: 1em; + width: 25%; + } + &.saisie_fieldset { + display: block; + margin: 1em 0; + & > .champ { + margin-left: 1.5em; + } + } +} diff --git a/squelettes/scss/theme.scss b/squelettes/scss/theme.scss new file mode 100644 index 0000000..c25accc --- /dev/null +++ b/squelettes/scss/theme.scss @@ -0,0 +1,38 @@ +// -------------------------------------------- +// Utilitaires et variables +@import "utils/mixins"; +@import "utils/variables"; +@import "utils/helpers"; +@import 'scss/fontawesome/fontawesome'; +// -------------------------------------------- +// Reset, styles de base +@import "base/normalize"; +@import "base/main"; +@import "base/spip"; +@import "base/typo"; +// -------------------------------------------- +// Composants génériques +@import "components/forms"; +@import "components/pagination"; +@import "components/jquery.sidr"; +@import "components/custom-radios"; +// -------------------------------------------- +// Blocs Z +@import "blocs/header"; +@import "blocs/breadcrump"; +@import "blocs/content"; +@import "blocs/aside"; +@import "blocs/footer"; +// -------------------------------------------- +// Habillage du site +@import "styles/layout"; +@import "styles/styles"; +@import "styles/nav"; +@import "styles/sommaire"; +//@import "styles/perso"; +@import "styles/print"; +// -------------------------------------------- +// Compositions +// -------------------------------------------- +// Impression +@import "base/print"; diff --git a/squelettes/scss/utils/_helpers.scss b/squelettes/scss/utils/_helpers.scss new file mode 100644 index 0000000..b3c440a --- /dev/null +++ b/squelettes/scss/utils/_helpers.scss @@ -0,0 +1,84 @@ +.noprint, +.no-print { + display: block; +} + +.onlyprint, +.only-print { + display: none; +} + +/* + * Hide visually and from screen readers: + */ +.hidden { + display: none !important; +} + +.visuallyhidden { + @include visuallyhidden; +} + +/* + * Hide visually and from screen readers, but maintain layout + */ +.invisible { + visibility: hidden; + height: 0; margin: 0; padding: 0; +} + +/* + masqué dans un navigateur mais lisible par un lecteur d'ecran + uniquement si javascript actif +*/ +.js { + .js-visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + } + .js-hidden { + display: none; + } +} + +/* + tout le temps affiche sauf si javascript actif +*/ +.no-js .nojs-visuallyhidden { + display: none; + visibility: hidden; + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* + * Faire un lien sur un bloc entier + */ +.block-link-parent { + position: relative; + .block-link { + //position: inherit; + &:before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + top: 0; + } + } +} + + diff --git a/squelettes/scss/utils/_mixins.scss b/squelettes/scss/utils/_mixins.scss new file mode 100644 index 0000000..2d93a85 --- /dev/null +++ b/squelettes/scss/utils/_mixins.scss @@ -0,0 +1,224 @@ +@mixin flex-center($horizontal: true, $vertical: true) { + display: flex; + flex-direction: column; + -webkit-flex-direction: column; + @if ($vertical==true) { + justify-content: center; + } + @if ($horizontal==true) { + align-items: center; + } +} + +@mixin flex() { + display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ + display: -ms-flexbox; /* TWEENER - IE 10 */ + display: -webkit-flex; /* NEW - Chrome */ + display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ +} + + +@mixin page-container() { + width: 100%; + padding-left: 1em; + padding-right: 1em; + @include media($bp-largeplus-up) { + padding-left: 0; + padding-right: 0; + margin-left: auto; + margin-right: auto; + width: em($screen-largeplus); + } +} + +@mixin full_width() { + //width: 100vw; + //position: relative; + //left: 50%; + //right: 50%; + //margin-left: -50vw; + //margin-right: -50vw; + + width: 100%; /* fallback for browsers that don't understand vw or calc */ + width: calc(100vw - 14px); /* -15 because vw is calculated without the scrollbar being considered & 15px is width of scrollbars */ + position: relative; /* use this if the parent div isn't flush left */ + right: calc((100vw - 14px - 100%) / 2); +} + +// des liens dans la couleur du texte courant mais avec couleur au survol +@mixin link-color-text() { + a { + color: $couleur-texte; + &:hover, &:focus { + color: $couleur-lien-hover; + } + } +} + +/* + * Hide only visually, but have it available for screen readers: + * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility + * + * 1. For long content, line feeds are not interpreted as spaces and small width + * causes content to wrap 1 word per line: + * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe + */ + +@mixin visuallyhidden() { + border: 0; + clip: rect(0 0 0 0); + clip-path: inset(50%); + height: 1px; + margin: 0; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + white-space: nowrap; /* 1 */ + /* + * Extends the .visuallyhidden class to allow the element + * to be focusable when navigated to via the keyboard: + * https://www.drupal.org/node/897638 + */ + & .focusable:active, + & .focusable:focus { + clip: auto; + clip-path: none; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; + white-space: inherit; + } +} + +@mixin bouton($couleur, $texte:#FFF) { + display: inline-block; + height: em(30px); + line-height: em(30px); + padding: 0 1.5em; + background-color: $couleur; + border: none; + border-radius: em(15px); + box-shadow: none; + text-align: center; + white-space: nowrap; + color: $texte; + transition: background 0.3s; + cursor: pointer; + &:hover, + &:focus { + background-color: $couleur-boutons-hover; + text-decoration: none; + } + &[disabled=disabled] { + background: desaturate($couleur, 45%); + color: darken($texte, 10%) !important; + } +} + +@mixin list-reset() { + list-style: none; + margin: 0; + padding: 0; + & > * { + margin: 0; + padding: 0; + } +} + +@mixin list-inline() { + // supprimer les espaces blancs qui apparaissent si on utilise display: inline-block + & > * { + float: left; + & > a { + float: left; + } + } +} + +@mixin list-separator($text: '|', $margin: 0.5em, $color:false) { + @include list-reset; + @include list-inline; + & > *:not(:last-child):after { + content: $text; + margin: 0 $margin; + @if $color { + color: $color; + } + } +} + +@mixin text-block() { + margin-top: 0; + margin-bottom: 1.5em; + @include zero-bottom-margin; +} + +@mixin module-block() { + margin-bottom: 1.5em; + @include zero-bottom-margin; +} + +@mixin vendor-prefix($name, $value) { + @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', '') { + #{$vendor}#{$name}: #{$value}; + } +} + +// supprime le margin-bottom du dernier élément +@mixin zero-bottom-margin() { + & > :last-child { + margin-bottom: 0; + } +} + +@mixin media($query) { + @media screen and ($query) { + @content; + } +} + +@function breakpoint($query, $dimension) { + @return $query+": "+$dimension; +} + +@function em($px, $base: $body-font-size) { + @if (unitless($px)) { + $px: $px * 1px; + } + @return ($px / $base) * 1em; +} + +@function pourcent($value, $total) { + @if ($value==0) { + @return 0; + } + @return ($value/$total * 100)*1%; +} + +@function strip-unit($number) { + @if type-of($number) == 'number' and not unitless($number) { + @return $number / ($number * 0 + 1); + } + + @return $number; +} + + +/// Font Face +/// https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6#file-_mixins-scss +/// simplification pour uniquement woff2 et woff +@mixin font-face($name, $path, $weight: null, $style: null, $exts: woff2 woff) { + $src: null; + @each $ext in $exts { + $src: append($src, url(quote("../webfonts/" + $path + "." + $ext)) format(quote($ext)), comma); + } + @font-face { + font-family: quote($name); + font-style: $style; + font-weight: $weight; + src: $src; + } +} diff --git a/squelettes/scss/utils/_variables.scss b/squelettes/scss/utils/_variables.scss new file mode 100644 index 0000000..5ed0728 --- /dev/null +++ b/squelettes/scss/utils/_variables.scss @@ -0,0 +1,110 @@ +// ------------------------------ +// Tailles typos + +// valeur fixe (équivalence 1em) +$_base-font-size: 16px; + +// valeur variable (taille du texte de base) +$body-font-size: 16px; + +$typo-line-height: 1.6; + +$spacer: em(16px); + +// ------------------------------ +// Palette de couleurs du site + +// -------------------------------------------------- + +// 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; + + +$couleurPrincipale: #00365b; +$couleurSecondaire: #f7651a; + +$couleurBackground: $white; +$couleurTexte: $grayDark; + +$couleurBackgroundTexte: #f5faff; + +$couleur-primaire: #253288; + +$couleur-texte: #111111; +$couleur-titres: $couleur-texte; +$couleur-lien: lighten($couleur-primaire, 10%); +$couleur-lien-hover: lighten($couleur-lien, 10%); + +$couleur-gris-bg: #EDEDED; + +$couleur-erreur: #B01C16; +$couleur-erreur-bg: #FDF5F4; +$couleur-valide: #3E7723; +$couleur-valide-bg: #EFF9EF; + +// Links +// ------------------------- +$couleurLien: $couleurPrincipale; +$couleurLienHover: $couleurSecondaire; +$couleurPrincipaleDowner: lighten($couleurLien, 60%); + +// ------------------------------ +// Palette de couleurs des formulaires + +$couleur-boutons: #757575; +$couleur-boutons-hover: darken($couleur-boutons, 10%); +$couleur-placeholder: #757575; +$couleur-border-form: #D6D6D6; +$couleur-border-form-focus: $couleur-primaire; + +// ------------------------------ +// Variables + +$container-width: 1000px; + +$typo-margin-vertical: ($typo-line-height)*1em; + +// ------------------------------ +// Breakpoints + +$screen-xxsmall: 380px; +$screen-small: 580px; +$screen-medium: 768px; +$screen-large: 980px; +$screen-largeplus: $container-width; + +$bp-xxsmall: breakpoint(max-width, em($screen-xxsmall, $_base-font-size)); +$bp-small: breakpoint(max-width, em($screen-small, $_base-font-size)); +$bp-medium: breakpoint(max-width, em($screen-medium, $_base-font-size)); +$bp-large: breakpoint(max-width, em($screen-large, $_base-font-size)); +$bp-largeplus: breakpoint(max-width, em($screen-largeplus, $_base-font-size)); + +$bp-xxsmall-up: breakpoint(min-width, em($screen-xxsmall+1px, $_base-font-size)); +$bp-small-up: breakpoint(min-width, em($screen-small+1px, $_base-font-size)); +$bp-medium-up: breakpoint(min-width, em($screen-medium+1px, $_base-font-size)); +$bp-large-up: breakpoint(min-width, em($screen-large+1px, $_base-font-size)); +$bp-largeplus-up: breakpoint(min-width, em($screen-largeplus+1px, $_base-font-size)); + + + + diff --git a/squelettes/structure.html b/squelettes/structure.html old mode 100644 new mode 100755 index 0426d0f..58580a6 --- a/squelettes/structure.html +++ b/squelettes/structure.html @@ -3,18 +3,9 @@ - [(#REM) Preciser le charset avant tout] - - [(#REM) Debut du head particulier a chaque page - pour inserer un title, des css particulieres(mais surchargees), ou des js *inline* - ][ - - (#REM) Partie commune a toutes les pages, sans env - ][ - - (#REM) Javascripts spécifiques à certaines pages - ] + +