Changeset 113673 in spip-zone for _squelettes_


Ignore:
Timestamp:
Jan 29, 2019, 6:17:36 PM (10 months ago)
Author:
real3t@…
Message:

[SoyezCréateurs?] La couleur des boutons du menu haut est basée sur celle du menu haut (avant, ça tentait de faire quelque chose avec les couleurs des boutons des menus principaux)
Idem pour le menu bas.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r113608 r113673  
    6262#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})}
    6363        #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})}
    64 #SET{c_menubas,(#CONFIG{soyezcreateurs_couleurs/menubase,#017ca5})}
     64#SET{c_menubas,(#CONFIG{soyezcreateurs_couleurs/menubas,#017ca5})}
    6565        #SET{c_menubas_bk,(#CONFIG{soyezcreateurs_couleurs/menubas_bk,#ffffff})}
     66#SET{c_menubas_hover,#(#CONFIG{soyezcreateurs_couleurs/menubas,#017ca5}|couleur_extreme)}
     67        #SET{c_menubas_hover_bk,#(#CONFIG{soyezcreateurs_couleurs/menubas_bk,#ffffff}|couleur_extreme)}
     68[(#GET{c_menubas}|=={#FFFFFF}|oui)#SET{c_menubas_hover,#EFEFEF}}]
     69[(#GET{c_menubas}|=={#000000}|oui)#SET{c_menubas_hover,#333333}}]
     70[(#GET{c_menubas_bk}|=={#FFFFFF}|oui)#SET{c_menubas_hover_bk,#EFEFEF}}]
     71[(#GET{c_menubas_bk}|=={#000000}|oui)#SET{c_menubas_hover_bk,#333333}}]
    6672#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
    6773        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
     
    770776#menu li a { display: block; padding: 5px 0 5px 20px; padding-right:0; padding-left:20px; margin: 4px 0; background-color: #GET{c_menu_a_bk}; border-left: none; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; text-align: left; text-decoration: none; }
    771777#menu ul ul li a { padding: 2px 0 2px 20px; padding-right:0; padding-left:20px; background-color: #[(#GET{c_menu_a_bk}|couleur_inverserluminosite{10,true})]; font-size: 1em; text-decoration: none; }
    772 #menu strong li a, #menuhaut strong li a, #menufooter strong li a { background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
    773 #menu li strong a:visited, #menu li strong a:link, #menufooter li strong a:visited, #menufooter li strong a:link {
     778#menu strong li a { background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
     779#menu li strong a:visited, #menu li strong a:link {
    774780        margin-left: 2px; background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong};
    775781}
    776 #menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #menuhaut li a:hover, #menuhaut li a:focus, #menufooter li a:hover, #menufooter li a:focus, #artrecents a:hover, #artrecents a:focus, #artrecents .odd a:hover, #artrecents .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
    777 #menu li a:active, #cadre_outils li a:active, #menuhaut li a:active, #menufooter li a:active, #artrecents a:active { background-color: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
     782#menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #menuhaut li a:hover, #menuhaut li a:focus, #artrecents a:hover, #artrecents a:focus, #artrecents .odd a:hover, #artrecents .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
     783#menu li a:active, #cadre_outils li a:active, #menuhaut li a:active { background-color: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
    778784#menu form { padding: 0; margin: 0; }
    779785#menu h2 { [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] color: #GET{c_menu_a}; border-left: none; padding: 5px 10px 5px 2px; padding-right:10px; padding-left:2px; margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; text-align: left; }
     
    845851#menufooter ul { padding: 0; margin: 0; list-style-type: none; }
    846852#menufooter ul li { display: inline; margin: 0; list-style: none; }
    847 #menufooter li a, #menufooter li a:visited { display: inline-block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; }
    848 #menufooter li a:hover, #menufooter li a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
     853#menufooter a, #menufooter a:link, #menufooter a:visited { background: transparent; color: #GET{c_menubas}; display: inline-block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; }
     854#menufooter a:hover, #menufooter a:focus { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
     855#menufooter strong a, #menufooter strong a:visited, #menufooter strong a:link { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
     856#menufooter a:hover, #menufooter a:focus, #menufooter a:active, #artrecents a:active { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; text-decoration: none; }
    849857/* bandeau de contact dans le footer */
    850858#footer #bandeaucontact { padding: 1px 10px; color: #GET{c_footer}; text-align: center; }
     
    9931001#menuh ul a { color: #GET{c_menu_a}; }
    9941002#menuh a { display: block; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; padding: 8px 16px; position: relative; text-decoration: none; }
    995 #menuh li.hover > a { background: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
    996 #menuh li.hover > a, #menuh li > a:focus, #menuh a:hover, #menuh a:focus { background: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
    997 #menuh .active > a, #menuh a:active, #menuh li > a:active { background: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
     1003#menuh li.hover > a { background: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
     1004#menuh li.hover > a, #menuh li > a:focus, #menuh a:hover, #menuh a:focus { background: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
     1005#menuh .active > a, #menuh a:active, #menuh li > a:active { background: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
    9981006#menuh.drop { padding: 0 1%; }
    9991007#menuh.drop ul, .hasJS #menuh ul { width: 200px; position: absolute; margin-top: -99999px; z-index: 999; }
Note: See TracChangeset for help on using the changeset viewer.