You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

144 lines
3.3 KiB

#CACHE{3600}
#HTTP_HEADER{Content-Type: text/html}[(#REM)pour supprimer les boutons admin]
<div class="fond_feuillederoute"></div>
<div class="feuillederoute">
<a class="fermer_feuillederoute" href="#">fermer</a>
<div class="contenu_feuillederoute">
<h1>#CONFIG{feuillederoute/titre}</h1>
<div class="ajax">
#FORMULAIRE_EDITER_FEUILLEDEROUTE
</div>
</div>
</div>
<style type="text/css">
/* ouverture et blocs generaux */
.charger_feuillederoute, .tiroir_feuillederoute {
display:none;
position:relative;
z-index:100001;
/* au-dessus du minibando */
}
.fond_feuillederoute {
position:fixed; right:0; top:0; width:50%; min-width:460px; height:100%;
opacity:.9; z-index:9999;
background:#fff;
}
.feuillederoute {
position:fixed; right:0; top:0; width:50%; min-width:460px; height:100%;
overflow-y:auto; text-align:left;
z-index:100001;
font-size:.95em; color:#333;
}
a.fermer_feuillederoute {
position:fixed;
float:right;
right:0;
top:0;
opacity:.8;
margin: 0;
padding: 0.4em 1em 0.4em;
border: 0 none;
-moz-border-radius: 0 0 0 4px;
-webkit-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
font-weight: bold;
color:#fff;
background:#666666;
z-index:100001;
}
a.fermer_feuillederoute:hover {
opacity:1;
color:#fff;
}
/* contenu_feuillederoute */
.contenu_feuillederoute {
padding:1em 1em 3em;
}
.contenu_feuillederoute a {
color:#75507B;
}
.contenu_feuillederoute a:hover {
color:#000;
text-decoration:underline;
}
/* gestion des intertitres pour fermeture/ouverture de blocs de contenu, cf plugin manuel du site */
.contenu_feuillederoute h2.spip,
.contenu_feuillederoute h3.spip,
.contenu_feuillederoute h4.spip,
.contenu_feuillederoute h2,
.contenu_feuillederoute h3,
.contenu_feuillederoute h4 {
font-size:16px;
font-weight:700;
line-height:20px;
color:#000;
clear:both;
text-align:left;
cursor: pointer;
padding-left:1em;
margin:1em 0 0;
background:url([/(#CHEMIN{images/plus.png})]) left 4px no-repeat transparent;
border:none;
}
.contenu_feuillederoute h3.spip, .contenu_feuillederoute h3 {
font-size:14px;
margin-left:1.5em;
}
.contenu_feuillederoute h4.spip, .contenu_feuillederoute h4 {
font-size:12px;
margin-left:2em;
}
.contenu_feuillederoute h3.open,
.contenu_feuillederoute h4.open {
background:url([/(#CHEMIN{images/moins.png})]) left 4px no-repeat transparent;
}
/* formulaire edition */
.formulaire_feuillederoute {
padding:.5em;
clear:both;
}
.charger_feuillederoute table, .formulaire_feuillederoute textarea {
width:100%;
}
/* ouverture du formulaire */
a.poignee_feuillederoute {
float:right;
clear:both;
opacity:.8;
margin: 2em -1em 1em 0;
padding: 0.4em;
color:#fff;
border: 0 none;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
font-weight: bold;
color:#fff;
background:#666666;
}
a.poignee_feuillederoute:hover {
opacity:1;
color:#fff;
}
/* petits ecrans */
@media (max-width:600px) {
.fond_feuillederoute, .feuillederoute {
min-width:98%;
width:98%;
}
}
</style>
<script type="text/javascript">
$(document).ready(function() {
// + un bouton special pour refermer
$('.fermer_feuillederoute').on("click",function(){
$('.charger_feuillederoute').toggle(function(){
$(this).empty();
});
});
});
</script>