Changeset 119704 in spip-zone


Ignore:
Timestamp:
Jan 9, 2020, 2:42:48 PM (10 months ago)
Author:
jcvilleneuve@…
Message:

EscalV4 : poursuite des corrections pour validation HTML5 + le menu de navigation par mot-clé se déroule au clic et non plus au survol

Location:
_squelettes_/escal/trunk
Files:
1 added
6 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/escal/trunk/backend.html

    r113520 r119704  
    77
    88<channel[ xml:lang="(#LANG)"]>
    9         <title>[(#NOM_SITE_SPIP|texte_backend)]</title>
     9        <title>[(#NOM_SITE_SPIP|textebrut|texte_backend)]</title>
    1010        <link>#URL_SITE_SPIP/</link>
    1111        [<description>(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend)</description>]
     
    1515[       <image>
    1616                <title>[(#NOM_SITE_SPIP|texte_backend)]</title>
    17                 <url>(#LOGO_SITE_SPIP||image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)</url>
     17                <url>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)</url>
    1818                <link>#URL_SITE_SPIP/</link>
    19                 [<height>(#LOGO_SITE_SPIP||image_reduire{144,400}|extraire_attribut{height})</height>]
    20                 [<width>(#LOGO_SITE_SPIP||image_reduire{144,400}|extraire_attribut{width})</width>]
     19                [<height>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{height})</height>]
     20                [<width>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{width})</width>]
    2121        </image>
    2222]
  • _squelettes_/escal/trunk/inclusions/inc-javascripts.html

    r119694 r119704  
    6767[(#REM) pour le menu vertical ]
    6868  <script src="#CHEMIN{scripts/menu_vertical.js}"></script>
    69 
     69[(#REM) pour le menu mots ]
     70  <script src="#CHEMIN{scripts/menu_mots.js}"></script>
    7071[(#REM) pour changer la taille du texte dans les articles ]
    7172  <script src="#CHEMIN{scripts/changetaille.js}"></script>
  • _squelettes_/escal/trunk/inclusions/inc-nav_mots2.html

    r112458 r119704  
    1111<div class="texte navparmots" >
    1212
    13 <div id="menuV">
     13        <B_mots>
     14        <ul class="navigation">         
     15        <BOUCLE_mots(MOTS){type=#CONFIG{escal/config/groupemot}}>
    1416
    15         <B_mots>
    16         <ul class="menugrmots">         
    17         <BOUCLE_mots(MOTS){type=#CONFIG{escal/config/groupemot}}>
    18                 <li>
    19                 <a href="#">#TITRE</a>
     17                <li class="toggleSubMenu">
     18                        <img src="#CHEMIN{images/grmots.svg}" width="16px" style="float:left" />
     19                        <span>#TITRE</span>
    2020
    2121                <B_art>
    22                 <ul class="menumots">
     22                <ul class="subMenu">
    2323                <BOUCLE_art(ARTICLES){id_mot}{par num titre}{0,#CONFIG{escal/config/nbreartnavmot2,10}}>
    2424                        <li class="#EXPOSE">
     25                        <img src="#CHEMIN{images/artnormal.svg}" width="16px" style="float:left" />
    2526                                <a href="[(#CONFIG{gerer_trad}=={oui}|?{[(#URL_ARTICLE|parametre_url{lang,#ENV{lang}})],#URL_ARTICLE})]" [title="(#DESCRIPTIF|textebrut|entites_html)"]>
    2627                                        [(#TITRE)]
     
    3536        </ul>
    3637        </B_mots>
    37 
    38 </div>
    39                
     38       
    4039</div>
    4140</nav>
  • _squelettes_/escal/trunk/paquet.xml

    r119701 r119704  
    22        prefix="escal"
    33        categorie="squelette"
    4         version="4.3.32"
     4        version="4.3.33"
    55        schema="1.0.13"
    66        etat="stable"
  • _squelettes_/escal/trunk/styles/accessconfig.css

    r119688 r119704  
    2121        overflow: auto;
    2222        font-size: 1rem;
    23        
    24         /* Hide AccessConfig by default */
     23                /* Hide AccessConfig by default */
    2524        display: none;
    2625
     
    3029
    3130        @media screen and (max-width: 29.9em) {
    32 
    3331                #a42-ac {
    3432                        border: 0;
     
    5250                        bottom: auto;
    5351                        margin-left: -45%;
    54                 }                       
    55         }
     52                }               }
    5653
    5754        @media screen and (min-width: 64em) {
     
    5956                        width: 58.750em;
    6057                        margin-left: -29.375rem;
    61                 }                       
    62         }
     58                }               }
    6359       
    64 
    6560/**
    6661 * AccessConfig main title
     
    126121#a42-ac-close,
    127122#a42-ac #a42-ac-close{
    128         overflow: hidden;       
    129 }
     123        overflow: hidden;       }
    130124
    131125#a42-ac-close::after {
     
    165159        margin: 0;
    166160}
    167 
     161#a42-ac-button {
     162        font-size: 1rem;
     163}
    168164#a42-ac button,
    169165#a42-ac input {
     
    244240
    245241                #a42-ac fieldset:nth-child(even) {
    246                         margin-left: .5em;     
    247                 }
     242                        margin-left: .5em;                      }
    248243        }
    249244
    250245        @media screen and (max-width: 29.9em) {
    251 
    252246                #a42-ac fieldset {
    253247                        font-size: .875em; /* 14px */
     
    339333
    340334        @media screen and (max-width: 29.9em) {
    341 
    342335                #a42-ac input[type="radio"] + label::after {
    343336                        top: .357em;
     
    394387*/
    395388.a42-ac-overlay {
    396         position: fixed; /* could also be absolute */
    397         top: 0;
     389        position: fixed; /* could also be absolute */   top: 0;
    398390        left: 0;
    399391        height: 100%;
     
    551543
    552544/* High contrast for input[type="date"] */
    553 .a42-ac-high-contrast *::-webkit-datetime-edit-text {
    554         color: white !important;
    555 }
    556 
    557 .a42-ac-high-contrast *::-webkit-datetime-edit-month-field {
    558         color: white !important;
    559 }
    560 
    561 .a42-ac-high-contrast *::-webkit-datetime-edit-day-field {
    562         color: white !important;
    563 }
    564 
    565 .a42-ac-high-contrast *::-webkit-datetime-edit-year-field {
    566         color: white !important;
    567 }
    568 
    569 .a42-ac-high-contrast ::-webkit-calendar-picker-indicator {
    570         background: #343643 !important;
     545.a42-ac-high-contrast *::-webkit-datetime-edit-text {   color: white !important;
     546}
     547
     548.a42-ac-high-contrast *::-webkit-datetime-edit-month-field {    color: white !important;
     549}
     550
     551.a42-ac-high-contrast *::-webkit-datetime-edit-day-field {      color: white !important;
     552}
     553
     554.a42-ac-high-contrast *::-webkit-datetime-edit-year-field {     color: white !important;
     555}
     556
     557.a42-ac-high-contrast ::-webkit-calendar-picker-indicator {     background: #343643 !important;
    571558}
    572559
     
    660647
    661648/* Inverted contrast for input[type="date"] */
    662 .a42-ac-inv-contrast *::-webkit-datetime-edit-text {
    663         color: #FFFF00 !important;
    664 }
    665 
    666 .a42-ac-inv-contrast *::-webkit-datetime-edit-month-field {
    667         color: #FFFF00 !important;
    668 }
    669 
    670 .a42-ac-inv-contrast *::-webkit-datetime-edit-day-field {
    671         color: #FFFF00 !important;
    672 }
    673 
    674 .a42-ac-inv-contrast *::-webkit-datetime-edit-year-field {
    675         color: #FFFF00 !important;
    676 }
    677 
    678 .a42-ac-inv-contrast ::-webkit-calendar-picker-indicator {
    679         background: #000080 !important;
     649.a42-ac-inv-contrast *::-webkit-datetime-edit-text {    color: #FFFF00 !important;
     650}
     651
     652.a42-ac-inv-contrast *::-webkit-datetime-edit-month-field {     color: #FFFF00 !important;
     653}
     654
     655.a42-ac-inv-contrast *::-webkit-datetime-edit-day-field {       color: #FFFF00 !important;
     656}
     657
     658.a42-ac-inv-contrast *::-webkit-datetime-edit-year-field {      color: #FFFF00 !important;
     659}
     660
     661.a42-ac-inv-contrast ::-webkit-calendar-picker-indicator {      background: #000080 !important;
    680662}
    681663
     
    713695
    714696/**
    715  * Dyslexia font
    716  */
     697 * Dyslexia font  */
    717698@font-face {
    718699        font-family: 'opendys';
     
    729710
    730711
    731 /**
    732  * Dyslexia line-spacing
    733  */
     712/**  * Dyslexia line-spacing  */
    734713.a42-ac-dys-spacing,
    735714.a42-ac-dys-spacing *{
     
    739718
    740719/**
    741  * Dyslexia justification
    742  */
     720 * Dyslexia justification  */
    743721.a42-ac-cancel-justification,
    744722.a42-ac-cancel-justification *{
     
    748726
    749727/**
    750  * Replace images by their alternatives
    751  */
     728 * Replace images by their alternatives  */
    752729.a42-ac-replace-style{
    753730        border: 5px solid !important;
  • _squelettes_/escal/trunk/styles/general.css

    r119701 r119704  
    694694        margin-bottom: 3px;
    695695}
     696/* noisette inc-nav_mots2 */
     697/**************************/
     698.navigation {
     699  margin: 0 0 0 -20px;
     700  padding: 0;
     701  list-style: none;
     702  width: 100%;
     703}
     704.navigation .toggleSubMenu {
     705  margin-left:30px;
     706  margin-bottom: 5px;
     707  font-weight: bold;
     708}
     709.navigation a, .navigation span {
     710  display: block;
     711  padding: 4px 0 4px 20px;
     712}
     713.navigation .subMenu {
     714  font-size: .8em;
     715  font-size: .9em;
     716  margin: 0;
     717  padding: 0;
     718  font-weight: normal;
     719}
     720.navigation .subMenu li{
     721        list-style-type: none;
     722}
     723.navigation ul.subMenu a {
     724  padding: 3px 0 3px 20px;
     725}
    696726/* noisette inc-stats */
    697727/**********************/
Note: See TracChangeset for help on using the changeset viewer.