Changeset 112525 in spip-zone


Ignore:
Timestamp:
Nov 25, 2018, 8:54:01 PM (3 weeks ago)
Author:
jcvilleneuve@…
Message:

EscalV4 : changement du menu pour mobile qui prend en compte les paramétrages fazits dans Escal : couleurs fond et texte + choix d'afficher les articles ou non

Location:
_squelettes_/escal/trunk
Files:
3 added
18 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/escal/trunk/config.css.html

    r112445 r112525  
    210210        background: url("#CHEMIN{images/artexpose.png}") no-repeat top left;
    211211}
    212 
     212.sm-blue li.article a {
     213        background: left 50% no-repeat url("#CHEMIN{images/artnormal.png}");
     214}
    213215
    214216/* liens */
     
    288290
    289291/* les fonds et les textes associés */
    290 /*************/
     292/************************************/
    291293body {
    292294  background-color: [ (#CONFIG{escal/config/couleurfond,#DFDFDF})];
     
    361363.reponse-article, .repondre-article a, .graph .bar,
    362364table.forum th, a.lien_pagination,
    363 #menu, ul#menu ul, ul#menu li a, .slicknav_menu, .slicknav_menu a,
     365#menu, ul#menu ul, ul#menu li a,
     366.main-nav, .main-nav a,.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
    364367#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover,
    365368#menuV2 ul.menulist li.smenu>a:hover{
  • _squelettes_/escal/trunk/inclusions/inc-entete.html

    r112458 r112525  
    1 <header>            <INCLURE {fond=inclusions/inc-bandeau}{env}>
     1<header>
     2        <INCLURE {fond=inclusions/inc-bandeau}{env}>
    23
    3             [(#CONFIG{escal/config/menuH}|=={non}|non)
    4               [(#CONFIG{escal/config/rubniveaudeux}|=={oui}|non)
    5                 [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menuart}{env}>]
    6                 [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menu}{env}>]
    7               ]
    8               [(#CONFIG{escal/config/rubniveaudeux}|=={oui}|oui)
    9                 [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menu2eniveauart}{env}>]
    10                 [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menu2eniveau}{env}>]
    11               ]
    12             ]
     4        [(#CONFIG{escal/config/menuH}|=={non}|non)
     5                [(#CONFIG{escal/config/rubniveaudeux}|=={oui}|non)
     6                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menuart}{env}>]
     7                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menu}{env}>]
     8                ]
     9                [(#CONFIG{escal/config/rubniveaudeux}|=={oui}|oui)
     10                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menu2eniveauart}{env}>]
     11                        [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menu2eniveau}{env}>]
     12                ]
     13        ]
     14        <div class="menumobile">
     15                [(#CONFIG{escal/config/articlesmenuH}|=={oui}|oui)<INCLURE {fond=inclusions/inc-menumobileart}{env}>]
     16                [(#CONFIG{escal/config/articlesmenuH}|=={oui}|non)<INCLURE {fond=inclusions/inc-menumobile}{env}>]
     17        </div>
    1318</header>
  • _squelettes_/escal/trunk/inclusions/inc-head.html

    r111276 r112525  
    1111#INSERT_HEAD
    1212
    13 
    1413[(#REM) appel des feuilles de style ]
    1514
     
    2322[<link href="(#URL_PAGE{persoconfig.css}|direction_css)" rel="stylesheet" type="text/css" />]
    2423[<link href="(#CHEMIN{styles/#LANG.css}|direction_css)" rel="stylesheet" type="text/css" />]
    25 [<link href="(#CHEMIN{styles/slicknav.css}|direction_css)" rel="stylesheet" type="text/css"  media="screen and (max-width: 640px)"  />]
    26 [<link href="(#CHEMIN{styles/mobile.css}|direction_css)" rel="stylesheet" type="text/css"  media="screen and (max-width: 640px)"  />]   
     24[<link href="(#CHEMIN{styles/mobile.css}|direction_css)" rel="stylesheet" type="text/css"  media="screen and (max-width: 640px)"  />]
     25
    2726
    2827<!--[if IE 7]>
  • _squelettes_/escal/trunk/inclusions/inc-menu.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav class="menu">
    33<ul id="menu">
  • _squelettes_/escal/trunk/inclusions/inc-menu2eniveau.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav class="menu">
    33<ul id="menu">
  • _squelettes_/escal/trunk/inclusions/inc-menu2eniveau_vertical.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22        <h1 class="cadre">
    33    <:escal:menu:>
  • _squelettes_/escal/trunk/inclusions/inc-menu2eniveau_vertical_2.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav id="menuV2">
    33
  • _squelettes_/escal/trunk/inclusions/inc-menu2eniveau_vertical_2art.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav id="menuV2">
    33
  • _squelettes_/escal/trunk/inclusions/inc-menu2eniveauart.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav class="menu">
    33<ul id="menu">
  • _squelettes_/escal/trunk/inclusions/inc-menu_vertical.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22
    33    <h1 class="cadre menu">
  • _squelettes_/escal/trunk/inclusions/inc-menu_vertical_2.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav id="menuV2">
    33
  • _squelettes_/escal/trunk/inclusions/inc-menu_vertical_2art.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav id="menuV2">
    33
  • _squelettes_/escal/trunk/inclusions/inc-menuart.html

    r112458 r112525  
    1 <div class="menumobile">
     1<div class="menudesktop">
    22<nav class="menu">
    33<ul id="menu">
  • _squelettes_/escal/trunk/inclusions/inc-photos.html

    r112522 r112525  
    3636<!-- on selectionne les articles avec le mot-cle photo-une et on stocke dans doublons photos -->
    3737        <BOUCLE_selection_articles2(ARTICLES){titre_mot=photo-une}{par hasard}{0,10}>
    38                 <BOUCLE_selection_docs2(DOCUMENTS){id_article}{extension==jpg|png|gif}{0,10}{par hasard}{doublons photos}>
     38                <BOUCLE_selection_docs2(DOCUMENTS){id_article}{mode=image}{extension==jpg|png|gif}{0,10}{par hasard}{doublons photos}>
    3939                </BOUCLE_selection_docs2>
    4040        </BOUCLE_selection_articles2>
  • _squelettes_/escal/trunk/inclusions/inc-pied.html

    r112501 r112525  
    130130
    131131[(#REM) appel des javascripts ]
    132 
     132<---------------------------------------------------->
     133<!-- javascript pour fixer le menu en haut de page -->
     134<---------------------------------------------------->
    133135[(#CONFIG{escal/config/menufixe}|=={oui}|oui)
    134136<!-- javascript pour fixer le menu -->
     
    149151        </script>
    150152]
     153<----------------------------------------->
    151154<!-- javascript pour le menu sur mobile -->
    152 <script src="#CHEMIN{scripts/jquery.slicknav.js}" type="text/javascript"></script>
    153 
     155<----------------------------------------->
     156<script src="#CHEMIN{scripts/jquery.smartmenus.js}" type="text/javascript"></script>
    154157<script type="text/javascript">
    155         $(document).ready(function(){
    156                 $('.menumobile').slicknav();
    157         });
     158// SmartMenus init
     159$(function() {
     160  $('#main-menu').smartmenus({
     161    collapsibleBehavior: 'accordion',
     162    mainMenuSubOffsetX: 10,
     163    markCurrentItem: true
     164  });
     165});
     166
     167// SmartMenus mobile menu toggle button
     168$(function() {
     169  var $mainMenuState = $('#main-menu-state');
     170  if ($mainMenuState.length) {
     171    // animate mobile menu
     172    $mainMenuState.change(function(e) {
     173      var $menu = $('#main-menu');
     174      if (this.checked) {
     175        $menu.hide().slideDown(250, function() { $menu.css('display', ''); });
     176      } else {
     177        $menu.show().slideUp(250, function() { $menu.css('display', ''); });
     178      }
     179    });
     180    // hide mobile menu beforeunload
     181    $(window).bind('beforeunload unload', function() {
     182      if ($mainMenuState[0].checked) {
     183        $mainMenuState[0].click();
     184      }
     185    });
     186  }
     187});
    158188</script>
    159 
     189<------------------------->
     190<!-- javascripts divers -->
     191<------------------------->
    160192[(#REM) pour la flèche de retour-haut ]
    161193<script src="#CHEMIN{scripts/escal.js}" type="text/javascript"></script>
     194
    162195[(#REM) pour que le menu horizontal fonctionne sous Internet Explorer ]
    163196[(#CONFIG{escal/config/menuH}|=={non}|non)
    164197<script src="#CHEMIN{scripts/menu.js}" type="text/javascript"></script>
    165198]
     199
    166200[(#REM) pour le menu vertical ]
    167201  <script src="#CHEMIN{scripts/menu_vertical.js}" type="text/javascript"></script>
     202
    168203[(#REM) pour changer la taille du texte dans les articles ]
    169204  <script src="#CHEMIN{scripts/changetaille.js}" type="text/javascript"></script>
     205
    170206[(#REM) pour les blocs depliants ]
    171207  [<script src="(#PRODUIRE{fond=scripts/bloc_depliant.js})" type="text/javascript"></script>]
     208
    172209[(#REM) pour les messages de forum depliants ]
    173210  <script src="#CHEMIN{scripts/bloc_depliant2.js}" type="text/javascript"></script>
     211
    174212[(#REM) pour effet de rotation des blocs defilants ]
    175213<script src="#CHEMIN{scripts/Rotative.js}" type="text/javascript"></script>
    176 [(#REM) pour le menu sur mobiles ]
    177 <script type="text/javascript">
    178 if(window.matchMedia("(max-width:640px)").matches) {
    179     $.getScript('#CHEMIN{scripts/modernizr.min.js}');
    180   }
    181 </script>
     214
     215
     216
     217
  • _squelettes_/escal/trunk/paquet.xml

    r112522 r112525  
    22        prefix="escal"
    33        categorie="squelette"
    4         version="4.2.4"
     4        version="4.2.5"
    55        schema="1.0.13"
    66        etat="stable"
  • _squelettes_/escal/trunk/styles/general.css

    r112522 r112525  
    4545        display:none;
    4646}
    47 
    48 @media screen and (max-width: 640px) {
    49         .js #menu {
     47@media screen and (min-width: 641px) {
     48        .menumobile {
    5049                display:none;
    5150        }
    52 
    53         .js .slicknav_menu {
     51}
     52@media screen and (max-width: 640px) {
     53        .menumobile {
    5454                display:block;
    5555        }
  • _squelettes_/escal/trunk/styles/mobile.css

    r112445 r112525  
    11#spip-admin{display:none}
    2 .menumobile{display:none}
     2.menudesktop{display:none}
    33
    44body {
     
    1818        margin-left: 20px;
    1919}
    20 #bandeau{
     20#bandeau {
    2121        padding-bottom: 10px;
    2222}
     
    4444        width: 100%;
    4545}
    46 a.lien_pagination, .pages .on{
     46a.lien_pagination, .pages .on {
    4747        padding: 0 20px;
    4848        line-height: 30px;
    4949}
    50 img.menufleche{
     50img.menufleche {
    5151        display:none
    5252}
    53 .annonce, .annoncedefil, #scrollup3, ul#menu li  {
     53.annonce, .annoncedefil, #scrollup3, ul#menu li {
    5454        width: 95%;
    5555        margin: 0;
     
    5959#espace #formulaire_recherche,
    6060img#boutonForum,
    61 #drapeau  {
     61#drapeau {
    6262        margin-top: 10px;
    6363}
     
    8888        display: none;
    8989}
    90 .laune ul.anchors li {
    91         width: 100%;
     90.laune ul.anchors li, .cadre-articles-rubrique  {
     91        width: 100%;
     92}
     93 .cadre-articles-rubrique {
     94        margin: 0;
    9295}
    9396.fc-header td {
    9497        display: block;
    9598}
    96 .imprime-article, #diminuer, #augmenter{
     99.imprime-article, #diminuer, #augmenter {
    97100        display: none;
    98101}
     
    122125        z-index: 1000;
    123126}
     127.formulaire_recherche input.text {
     128        border-radius: 0 5px 5px 0;
     129        border: none;
     130        box-shadow: none;
     131        line-height: 25px;
     132        margin-right: -4px;
     133}
     134/* noisette navmot2 */
     135.menugrmots a {
     136        font-size: 1.2em;
     137}
    124138/* noisette annuaire auteurs */
    125 .interne{
     139.interne {
    126140        font-size: 1.2em;
    127141}
    128 .interne a{
     142.interne a {
    129143        padding: 0 8px;
    130144        background-color: white;
    131145        margin-right: 3px
    132146}
     147
     148/* Menu pour mobiles
     149-------------------------------------------------------------------------------------------*/
     150
     151.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
     152.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
     153.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
     154.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
     155.sm ul{display:none;}
     156.sm li,.sm a{position:relative;}
     157.sm a{display:block;}
     158.sm a.disabled{cursor:default;}
     159.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
     160.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
     161
     162.nav-brand a {
     163        display: block;
     164        padding: 10px 10px 10px 20px;
     165        color: #fff;
     166        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     167        font-size: 22px;
     168        font-weight: normal;
     169        line-height: 29px;
     170        text-decoration: none;
     171        text-align: right;
     172        text-shadow: 0 1px 3px #000;
     173}
     174
     175#main-menu {
     176        clear: both;
     177        -webkit-box-shadow: none;
     178        -moz-box-shadow: none;
     179        box-shadow: none;
     180        width: 100%;
     181}
     182
     183@media (min-width: 641px) {
     184        #main-menu {
     185                float: right;
     186                clear: none;
     187        }
     188                h2.nav-brand{
     189                display: none;
     190        }
     191}
     192
     193/* Mobile menu top separator */
     194
     195#main-menu:before {
     196        /* content: ''; */
     197        display: block;
     198        height: 1px;
     199        font: 1px/1px sans-serif;
     200        overflow: hidden;
     201        background: #2e8cb8;
     202}
     203
     204@media (min-width: 641px) {
     205        #main-menu:before {
     206                display: none;
     207        }
     208}
     209
     210
     211/* Mobile menu toggle button */
     212
     213.main-menu-btn {
     214        float: right;
     215        margin: 10px;
     216        position: relative;
     217        display: inline-block;
     218        width: 29px;
     219        height: 29px;
     220        text-indent: 29px;
     221        white-space: nowrap;
     222        overflow: hidden;
     223        cursor: pointer;
     224        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     225}
     226
     227
     228/* hamburger icon */
     229
     230.main-menu-btn-icon,
     231.main-menu-btn-icon:before,
     232.main-menu-btn-icon:after {
     233        position: absolute;
     234        top: 50%;
     235        left: 2px;
     236        height: 2px;
     237        width: 24px;
     238        background: #fff;
     239        -webkit-transition: all 0.25s;
     240        transition: all 0.25s;
     241}
     242
     243.main-menu-btn-icon:before {
     244        content: '';
     245        top: -7px;
     246        left: 0;
     247}
     248
     249.main-menu-btn-icon:after {
     250        content: '';
     251        top: 7px;
     252        left: 0;
     253}
     254
     255
     256/* x icon */
     257
     258#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
     259        height: 0;
     260        background: transparent;
     261}
     262
     263#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
     264        top: 0;
     265        -webkit-transform: rotate(-45deg);
     266        transform: rotate(-45deg);
     267}
     268
     269#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
     270        top: 0;
     271        -webkit-transform: rotate(45deg);
     272        transform: rotate(45deg);
     273}
     274
     275
     276/* hide menu state checkbox (keep it visible to screen readers) */
     277
     278#main-menu-state {
     279        position: absolute;
     280        width: 1px;
     281        height: 1px;
     282        margin: -1px;
     283        border: 0;
     284        padding: 0;
     285        overflow: hidden;
     286        clip: rect(1px, 1px, 1px, 1px);
     287}
     288
     289
     290/* hide the menu in mobile view */
     291
     292#main-menu-state:not(:checked) ~ #main-menu {
     293        display: none;
     294}
     295
     296#main-menu-state:checked ~ #main-menu {
     297        display: block;
     298}
     299
     300@media (min-width: 641px) {
     301        /* hide the button in desktop view */
     302        .main-menu-btn {
     303                position: absolute;
     304                top: -99999px;
     305        }
     306        /* always show the menu in desktop view */
     307        #main-menu-state:not(:checked) ~ #main-menu {
     308                display: block;
     309                width: 100%;
     310        }
     311}
     312.sm-blue {
     313        background: transparent;
     314        /* border-radius: 8px; */
     315        /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */
     316}
     317.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
     318        padding: 10px 20px;
     319        /* make room for the toggle button (sub indicator) */
     320        padding-right: 58px;
     321        /* font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif; */
     322        font-size: 1.2rem; /*modif escal */
     323        font-weight: bold;
     324        line-height: 23px;
     325        text-decoration: none;
     326        border-top: 1px solid white
     327        /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); */
     328}
     329.sm-blue a.current {
     330        background: #224466;
     331        /* background-image: linear-gradient(to bottom, #006188, #006f9c); */
     332        color: #fff;
     333}
     334.sm-blue a.disabled {
     335        color: #a1d1e8;
     336}
     337.sm-blue a .sub-arrow {
     338        position: absolute;
     339        top: 50%;
     340        margin-top: -17px;
     341        left: auto;
     342        right: 4px;
     343        width: 34px;
     344        height: 34px;
     345        overflow: hidden;
     346        font: bold 16px/34px monospace !important;
     347        text-align: center;
     348        text-shadow: none;
     349        /* background: rgba(0, 0, 0, 0.1); */
     350        /* border-radius: 4px; */
     351}
     352.sm-blue a .sub-arrow::before {
     353        content: '+';
     354}
     355.sm-blue a.highlighted .sub-arrow::before {
     356        content: '-';
     357}
     358.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
     359        /* border-radius: 8px 8px 0 0; */
     360}
     361.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
     362        /* border-radius: 0 0 8px 8px; */
     363}
     364.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
     365        /* border-radius: 0; */
     366}
     367.sm-blue ul {
     368        background: #fff;
     369}
     370.sm-blue ul ul {
     371        background: rgba(102, 102, 102, 0.1);
     372}
     373.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
     374        background: white;
     375        color: #2b82ac !important;
     376        font-size: 1rem;        /*modif escal */
     377        text-shadow: none;
     378        /* border-left: 8px solid blue; */
     379}
     380.sm-blue ul a.current {
     381        background: #006892;
     382        /* background-image: linear-gradient(to bottom, #006188, #006f9c); */
     383        color: #fff;
     384}
     385.sm-blue ul a.disabled {
     386        color: #b3b3b3;
     387}
     388.sm-blue ul ul a,
     389.sm-blue ul ul a:hover,
     390.sm-blue ul ul a:focus,
     391.sm-blue ul ul a:active {
     392        border-left: 16px solid transparent;
     393}
     394.sm-blue ul ul ul a,
     395.sm-blue ul ul ul a:hover,
     396.sm-blue ul ul ul a:focus,
     397.sm-blue ul ul ul a:active {
     398        border-left: 24px solid transparent;
     399}
     400.sm-blue ul ul ul ul a,
     401.sm-blue ul ul ul ul a:hover,
     402.sm-blue ul ul ul ul a:focus,
     403.sm-blue ul ul ul ul a:active {
     404        border-left: 32px solid transparent;
     405}
     406.sm-blue ul ul ul ul ul a,
     407.sm-blue ul ul ul ul ul a:hover,
     408.sm-blue ul ul ul ul ul a:focus,
     409.sm-blue ul ul ul ul ul a:active {
     410        border-left: 40px solid transparent;
     411}
     412.sm-blue ul li {
     413        /* border-top: 1px solid rgba(0, 0, 0, 0.05); */
     414}
     415.sm-blue li.article a {
     416        background-color: #eee;
     417}
     418.sm-blue ul {
     419        background: #fff;
     420}
     421.sm-blue ul li:first-child {
     422        border-top: 0;
     423}
Note: See TracChangeset for help on using the changeset viewer.