Commit 16efd6de authored by Pierre's avatar Pierre

js pour menu

parent 19ca3270
......@@ -28,8 +28,8 @@
.menuder li.hover ul ul,
.menuder li.hover ul ul ul,
.menuder li.hover ul ul ul ul { left: -999em; }
.menuder li:hover ul,
.menuder li li:hover ul,
.menuder li:hover ul,
.menuder li li:hover ul,
.menuder li li li:hover ul,
.menuder li li li li:hover ul { left: auto; }
.menuder li.hover ul,
......@@ -38,4 +38,3 @@
.menuder li li li li.hover ul { left: auto; }
.menuder li:hover,
.menuder li.hover { }
<a href="#bureau" id="bouton_bureau"><:bureau_menu:></a>
<a href="#bureau" id="bouton_bureau" class="dropdown-toggle"><:bureau_menu:> <b class="caret"></b></a>
<ul class="menu-liste menu-items formulaire_bureau dropdown-menu navbar-dp" id="formulaire_bureau">
<li class="menu-entree item">
<div class="formulaire_bureau">
<div class="formulaire_bureau">
<form action="[(#ENV{action})]" method="post" class="navbar-search navbar-dp[ (#ENV**{erreurs}|table_valeur{bureau}|non) hide]" id="formulaire_bureau" style="position: absolute;"><div>
<form action="[(#ENV{action})]" method="post" class="navbar-search">
#ACTION_FORMULAIRE{#ENV{action}}
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
[<input type="hidden" name="serveur" value="(#ENV{serveur})" />]
<div class="">
<input type="[(#HTML5|?{search,text})]" class="search text search-query span2" name="bureau" id="bureau"[ value="(#ENV{bureau}|?{#ENV{bureau},<:bureau_domaine:>})"] accesskey="4" autocapitalize="off" autocorrect="off" title="<:bureau_domaine:>" style="width: 180px;"/>
[<label class='erreur_message'>(#ENV**{erreurs}|table_valeur{bureau})</label>]
#ACTION_FORMULAIRE{#ENV{action}}
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
[<input type="hidden" name="serveur" value="(#ENV{serveur})" />]
<div class="">
<input type="[(#HTML5|?{search,text})]" class="search text span2" name="bureau" id="bureau"[ value="(#ENV{bureau}|?{#ENV{bureau},<:bureau_domaine:>})"] accesskey="4" autocapitalize="off" autocorrect="off" title="<:bureau_domaine:>"/>
[<label class='erreur_message'>(#ENV**{erreurs}|table_valeur{bureau})</label>]
</div>
</form>
</div>
</form>
</div>
</li>
</ul>
<script type="text/javascript">
$("#formulaire_bureau").hide();
[ (#ENV**{erreurs}|table_valeur{bureau}|non)
$(document).ready(function(event) {
$(".deroule li#item-bureau:hover ul, .deroule li li#item-bureau:hover ul, .deroule li li li#item-bureau:hover ul, .deroule li li li li#item-bureau:hover ul, .deroule li#item-bureau ul").css('left', 'auto');
});
]
$("#bouton_bureau").click(function(event) {
if ($("#bureau").val() == ""){
$("#bureau").val("<:bureau_domaine:>");
$("#bureau").css('font-style', 'italic');
}
if(!$('#formulaire_bureau').is(':visible')) {
$(".navbar-dp").hide();
$(".navbar .navbar-dp").hide();
}
$("#formulaire_bureau").toggle();
event.stopPropagation();
});
$( "#bureau" ).focus(function() {
if ($("#bureau").val() == "<:bureau_domaine:>")
if ($("#bureau").val() == "<:bureau_domaine:>"){
$("#bureau").val("");
$("#bureau").css('font-style', 'normal');
}
});
</script>
<a href="#webmail" id="bouton_webmail"><:webmail_menu:></a>
<a href="#webmail" id="bouton_webmail" class="dropdown-toggle"><:webmail_menu:> <b class="caret"></b></a>
<ul class="menu-liste menu-items formulaire_webmail dropdown-menu navbar-dp" id="formulaire_webmail">
<li class="menu-entree item">
<div class="formulaire_webmail">
<div class="formulaire_webmail">
<form action="[(#ENV{action})]" method="post" class="navbar-search">
<form action="[(#ENV{action})]" method="post" class="navbar-search navbar-dp[ (#ENV**{erreurs}|table_valeur{webmail}|non) hide]" id="formulaire_webmail" style="position: absolute;">
#ACTION_FORMULAIRE{#ENV{action}}
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
[<input type="hidden" name="serveur" value="(#ENV{serveur})" />]
<div class="">
<input type="[(#HTML5|?{search,text})]" class="search text search-query span2" name="webmail" id="webmail"[ value="(#ENV{webmail}|?{#ENV{webmail},<:webmail_domaine:>})"] accesskey="4" autocapitalize="off" autocorrect="off" title="<:webmail_domaine:>" style="width: 180px;"/>
[<label class='erreur_message'>(#ENV**{erreurs}|table_valeur{webmail})</label>]
#ACTION_FORMULAIRE{#ENV{action}}
[<input type="hidden" name="lang" value="(#ENV{lang})" />]
[<input type="hidden" name="serveur" value="(#ENV{serveur})" />]
<div class="">
<input type="[(#HTML5|?{search,text})]" class="search text span2" name="webmail" id="webmail"[ value="(#ENV{webmail}|?{#ENV{webmail},<:webmail_domaine:>})"] accesskey="4" autocapitalize="off" autocorrect="off" title="<:webmail_domaine:>"/>
[<label class='erreur_message'>(#ENV**{erreurs}|table_valeur{webmail})</label>]
</div>
</form>
</div>
</form>
</div>
</li>
</ul>
<script type="text/javascript">
$("#formulaire_webmail").hide();
[ (#ENV**{erreurs}|table_valeur{webmail}|non)
$(document).ready(function(event) {
$(".deroule li#item-webmail:hover ul, .deroule li li#item-webmail:hover ul, .deroule li li li#item-webmail:hover ul, .deroule li li li li#item-webmail:hover ul, .deroule li#item-webmail ul").css('left', 'auto');
});
]
$(document).click(function(event) {
if (!$(event.target).closest('.navbar .navbar-dp').length) {
$(".navbar .navbar-dp").hide();
if (!$(event.target).closest('.navbar-dp').length) {
$(".navbar-dp").hide();
}
});
$(".navbar #bouton_webmail").click(function(event) {
if(!$('.navbar #formulaire_webmail').is(':visible')) {
$("#bouton_webmail").click(function(event) {
if ($("#webmail").val() == ""){
$("#webmail").val("<:webmail_domaine:>");
$("#webmail").css('font-style', 'italic');
}
if(!$('#formulaire_webmail').is(':visible')) {
// cacher tout webmail, bureau, etc ...
$(".navbar .navbar-dp").hide();
$(".navbar-dp").hide();
}
$(".navbar #formulaire_webmail").toggle();
$("#formulaire_webmail").toggle();
event.stopPropagation();
});
$( ".navbar #webmail" ).focus(function() {
if ($(".navbar #webmail").val() == "<:webmail_domaine:>")
$(".navbar #webmail").val("");
$( "#webmail" ).focus(function() {
if ($("#webmail").val() == "<:webmail_domaine:>")
$("#webmail").val("");
$("#webmail").css('font-style', 'normal');
});
</script>
......@@ -9,13 +9,13 @@
#MODELE{logodp}
</a>
</li>
<li class="menu-entree item ajax" id="item-webmail">
<li class="menu-entree item ajax dropdown jqderoule" id="item-webmail">
[(#FORMULAIRE_WEBMAIL)]
</li>
<li class="menu-entree item ajax" id="item-bureau">
<li class="menu-entree item ajax dropdown jqderoule" id="item-bureau">
[(#FORMULAIRE_BUREAU)]
</li>
<li class="menu-entree item dropdown" id="item-pads">
<li class="menu-entree item dropdown jqderoule" id="item-pads">
[(#MODELE{pads})]
</li>
<BOUCLE_entrees(MENUS_ENTREES){id_menu}{par rang}>#SET{entree,''}
......
......@@ -5,10 +5,11 @@
$GLOBALS[$GLOBALS['idx_lang']] = array(
'bureau_domaine' => 'Domaine à gérer',
'bureau_domaine' => 'Domaine à gérer (ex : monsite.be)',
'bureau_menu' => 'Bureau',
'webmail_domaine' => 'Votre adresse email',
'webmail_domaine' => "Adresse email à consulter",
'webmail_menu' => 'Webmail',
'pads_menu' => 'Pads',
'menu_incidents' => 'incidents.domainepublic.net',
);
......
<a href="#pads" id="bouton_pads" class="texte_libre"><:Pads:></a>
<a href="#pads" id="bouton_pads" class="texte_libre dropdown-toggle"><:pads_menu:> <b class="caret"></b></a>
<ul class="menu-liste menu-items hide dropdown-menu navbar-dp" style="position: absolute;" id="bouton_pads_choix">
<li class="menu-entree item">
......@@ -10,21 +10,14 @@
</ul>
<script type="text/javascript">
/*
$(".navbar #bouton_pads").click(function(event) {
$("#item-pads li").toggle();
$("#bouton_pads_choix").hide();
$(document).ready(function(event) {
$(".deroule li#item-pads:hover ul, .deroule li li#item-pads:hover ul, .deroule li li li#item-pads:hover ul, .deroule li li li li#item-pads:hover ul, .deroule li#bouton_pads_choix ul").css('left', 'auto');
});
$(".navbar #item-pads").hover(function(event) {
// cacher tout webmail, bureau, etc ...
if(!$('#item-pads li').is(':visible')) {
$("#item-pads li").hide();
}
});
*/
$("#bouton_pads").click(function(event) {
if(!$('#bouton_pads_choix').is(':visible')) {
// $("#bouton_pads_choix").hide();
$(".navbar .navbar-dp").hide();
$(".navbar .navbar-dp").hide();
}
$("#bouton_pads_choix").toggle();
event.stopPropagation();
......
......@@ -528,8 +528,7 @@ background: #f8f8f8 none repeat scroll 0 0;
color: #ebebeb;
}
#formulaire_webmail, #bureau {margin-top: 5px}
#formulaire_webmail, #formulaire_bureau {margin: 0}
.circle {margin: 0 1px}
label.erreur_message {
......@@ -539,7 +538,16 @@ label.erreur_message {
display: inline;
}
#formulaire_modele_webmail, #formulaire_modele_bureau {float: none !important; position: inherit;}
.nav-header, .texte_libre {line-height: 20px; font-weight: normal; font-size: 15px; text-transform: none;}
\ No newline at end of file
#formulaire_modele_webmail, #formulaire_modele_bureau {float: none !important; position: inherit;}
.nav-header, .texte_libre {line-height: 20px; font-weight: normal; font-size: 15px; text-transform: none;}
.navbar-inverse .navbar-dp .navbar-search input, .navbar-inverse .navbar-dp .navbar-search input:active, .navbar-inverse .navbar-dp .navbar-search input:focus, .navbar-inverse .navbar-dp .navbar-search input:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
/*box-shadow: none;*/
height: 24px;
/*line-height: 23px;*/
font-style: italic;
margin: 0;
width:18em;
padding: 3px 20px;
}
......@@ -4,12 +4,12 @@
@mm_radius_top: 0 0 4px 4px;
body {
body {
font-family: sans-serif;
}
.page_sommaire body {
// font-size:1em;
.page_sommaire body {
// font-size:1em;
//background: #FFF;
}
.page_sommaire .navbar .nav > li > a {
......@@ -60,20 +60,28 @@ ul.spip .entry.document .spip_logos {
.abomailman_listes ul{
list-style: none outside none;
}
.cartouche h1, h3.spip, .hero-unit h3, .hero-unit h1, .hero-unit h2{
.cartouche h1, h3.spip, .hero-unit h3, .hero-unit h1, .hero-unit h2{
color: darken(@green, 10%);
}
.footer .hero-unit h3{
.footer .hero-unit h3{
font-size: 1em;
text-transform: uppercase;
text-transform: uppercase;
margin-left: 2px;
}
.navbar-inverse .navbar-search .search-query {
.navbar-inverse .navbar-search .search-query{
border-color: @yellow;
box-shadow: 0 1px 2px @yellow inset, 0 1px 0 rgba(255, 255, 255, 0.15);
color: #333;
transition: none 0s ease 0s ;
background-color: #f6f6f6;
background-color: #f6f6f6;
border-radius: 10px;
}
.navbar-inverse #item-bureau ul, .navbar-inverse #item-webmail ul{
border-color: @yellow;
box-shadow: 0 2px4px @yellow inset, 0 1px 0 rgba(255, 255, 255, 0.15);
color: #333;
transition: none 0s ease 0s ;
background-color: #f6f6f6;
border-radius: 10px;
}
.navbar-search {
......@@ -101,14 +109,14 @@ li.on.active > a{
}
.footer-wrap {
background: none repeat scroll 0 0 @footerBackground;
background: none repeat scroll 0 0 @footerBackground;
border-top: 1px solid #000;
color: @footerBackgroundTextColor;
}
.footer-wrap .nav {
margin-bottom: 5px;
}
.footer .nav-pills > li > a {
.footer .nav-pills > li > a {
color: @footerBackgroundTextColor;
}
.footer .nav-pills > li > a:hover, .footer .nav-pills > li > a:active, .footer .nav-pills > li > a:focus {
......@@ -132,7 +140,7 @@ li.on.active > a{
margin-top: @topContent;
margin-left: 0;
margin-right: 0;
padding: 1em 2em 1em;
padding: 1em 2em 1em;
border-radius: 5px;
}
......@@ -142,7 +150,7 @@ li.on.active > a{
.rubrique .texte {
font-weight : normal;
}
.rubriques_filles h3{
.rubriques_filles h3{
font-size: 1.22em;
margin-bottom: 4px;
margin-top: 8px;
......@@ -155,7 +163,7 @@ li.on.active > a{
color: @textColor;
vertical-align: baseline;
white-space: inherit;
text-shadow: inherit;
text-shadow: inherit;
background-color: #eee;
border: 1px solid #eee;
font-size: 0.8em;
......@@ -163,7 +171,7 @@ li.on.active > a{
}
// Base classes
.label:hover,
.badge:hover {
.badge:hover {
background-color: #ddd;
}
#slogan_site_spip {
......@@ -172,7 +180,7 @@ li.on.active > a{
}
#logo_site_spip {
color: @grayLight;
line-height: 1.5em;
line-height: 1.5em;
font-size: 2.2em;
}
#content .nuagetags {
......@@ -190,18 +198,18 @@ li.on.active > a{
padding-top:2.0em;
padding-bottom:0.5em;
}
#navred {
#navred {
left: 0;
right: 0;
right: 0;
z-index: 120;
background: @navbarInverseBackground;
background-repeat: repeat-x;
border-color: #770000;
border-color: #770000;
/* position: fixed; */
line-height : @menuLineHeight;
line-height : @menuLineHeight;
background-image: linear-gradient(to bottom, @navbarInverseBackgroundHighlight, @navbarInverseBackground);
}
#navred {
#navred {
background-color: @navbarInverseBackground;
}
#navred .navbar-inverse .nav > li > a {
......@@ -211,7 +219,7 @@ li.on.active > a{
border-bottom-color: @yellow;
border-top-color: @yellow;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li .active > a {
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li .active > a {
white-space: inherit;
background-color: @navbarInverseBackground;
background: @navbarInverseBackground;
......@@ -232,17 +240,17 @@ li.on.active > a{
.page_sommaire .liste.long {
clear: left;
}
/*
/*
@media (max-width: 1200px) {
.hero-unit {
max-width : 100%;
max-width : 100%;
min-height: none;
margin-right: 0;
}
}
@media (max-width: 767px) {
.hero-unit {
max-width : 100%;
max-width : 100%;
min-height: none;
margin-right: 0;
}
......@@ -278,8 +286,8 @@ li.on.active > a{
/* nav-header légèrement plus gros */
.nav-header {
font-size:0.8em;
.nav-header {
font-size:0.8em;
color:@gray;
}
......@@ -311,7 +319,7 @@ table.spip.table-condensed th, table.spip.table-condensed td {
}
.category {
background: url("img/background.png") repeat scroll 0 0 #eee;
border: 1px solid #eee;
border: 1px solid #eee;
font-style: italic;
font-size: 0.8em;
}
......@@ -345,7 +353,7 @@ article footer, article aside{ .clearfix }
/* navigation arrondie */
.nav-list > .active > a { .border-radius(8px); margin-bottom:1px; font-weight:normal; }
/* navbar
/* navbar
.navbar {margin-bottom: (@baseLineHeight*2) };*/
.navbar {margin-bottom: 0;}
.navbar-inner {min-height:none; border-radius: 0 0 2px 2px;}
......@@ -421,34 +429,34 @@ body .spip-admin-bloc,
body .spip-admin-float {
right:6%;
font-size:0.9em;
.spip-admin-boutons {
background:darken(@yellow, 10%);
font-weight:normal;
border-radius:@mm_radius_top;
}
.spip-admin-boutons {
margin: 0;
padding: .4em 1em;
border: 0;
-webkit-border-top-left-radius: .3em;
.spip-admin-boutons {
margin: 0;
padding: .4em 1em;
border: 0;
-webkit-border-top-left-radius: .3em;
-webkit-border-top-right-radius: .3em;
-moz-border-radius-topleft: .3em;
-moz-border-radius-topleft: .3em;
-moz-border-radius-topright: .3em;
border-radius: .3em .3em 0 0 ;
opacity: .3;
opacity: .3;
}
.spip-admin-boutons, a.spip-admin-boutons, .spip-admin-boutons a {
color: white;
text-decoration: none;
.spip-admin-boutons, a.spip-admin-boutons, .spip-admin-boutons a {
color: white;
text-decoration: none;
}
a:focus.spip-admin-boutons, .spip-admin-boutons a:focus, a:hover.spip-admin-boutons, .spip-admin-boutons a:hover {
opacity: 1;
color: @grayDark;
a:focus.spip-admin-boutons, .spip-admin-boutons a:focus, a:hover.spip-admin-boutons, .spip-admin-boutons a:hover {
opacity: 1;
color: @grayDark;
}
a:active.spip-admin-boutons, .spip-admin-boutons a:active {
background-color: #333;
opacity: 0.7;
a:active.spip-admin-boutons, .spip-admin-boutons a:active {
background-color: #333;
opacity: 0.7;
}
}
.container > .wrapper:before, .container > .wrapper:after {
......@@ -470,16 +478,16 @@ body .spip-admin-float {
}
.hu-black h3 {
color: lighten(@black,20%);
}
}
.hu-orange h3 {
color: lighten(@orange,20%);
}
/* boutons */
input.submit {
input.submit {
text-shadow: none;
color: lighten(@yellow,25%);
}
input.submit:hover {
input.submit:hover {
color: lighten(@yellow,34%);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment