/*!
Une foie la page enregistré les modifications serons effectives.
*/ le code:
.navbar-default .navbar-nav > li > a{
height: 3.7em;
}
// //
/*fin
*/ le code
.navbar-default {
box-shadow: 0 0 0.3em;
}
#dw__navbar ul.dropdown-menu{
// border-radius: 0em 0em 1em 1em;
z-index:99;
}
#dw__navbar {
border-width: 0px;
// border-radius: 0em 0em 1em 1em;
z-index: 100;
}
#dw__footer {
// border-radius: 0.3em 0.3em 0em 0em;
}
// //
/*fin
*/ le code:
p {
text-indent: 1em;
text-align: justify;
text-justify: distribute;
}
// //
/*fin
*/ le code:
a {
color: #e95420;
&:hover, &:focus {
color: #c73200;
}
}
// //
/*fin
*/ le code:
a.urlextern {
color: #00aaff;
&:hover, &:focus {
color: #00ccff;
}
}
// //
/*fin
*/ le code:
.code .kw1, .code .kw8 {
color: blue;
font-weight: bolder;
}
// //
/*fin
*/ le code:
.modal{
display: none;
background-color: #0000001f;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
top: 0;
flex-flow: column;
justify-content: space-around;
align-items: center;
}
.modal:target {
display: flex;
}
.modal>article {
padding: 1em;
border-radius: 0.3em;
background-color: darkslategrey;
opacity: 1;
color: white;
line-height: 1.6em ;
}
.modal article {
border: aliceblue 2px;
padding: 1em;
border-top: solid 1px;
}
.modal form > p {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.modal input[type="color"] {
padding: 0.3em;
margin: 0;
height: 1.6em;
width: 4em;
}
// //
/*fin
*/ le code:
#dw__toc_menu {
display:none;
}
// //
/*fin
*/ le code:
@media screen and (max-width: 479px) {
// //
/*fin
*/ le code:
#dokuwiki__top {
padding-left: 0.3em;
padding-right: 0.3em;
}
.main.row {
width:100%;
margin:0;
}
#dokuwiki__content { padding:0;}
.panel{ boder: unset; }
.panel-body { padding: unset; }
.panel { border:unset; }
// //
/*fin
*/ le code:
#dw__pagetools { display : none; }
// //
/*fin
*/ le code:
.dw-toc { display:none;}
// //
/*fin
*/ le code:
.navbar-collapse.collapse.in {
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
}
.navbar-collapse.collapse.in>ul.navbar-nav {
display: flex;
justify-content: space-between;
}
#dw__navbar_items {
display: flex;
flex-direction: column;
align-items: center;
}
// //
/*fin
*/ le code:
.navbar-collapse.collapse.in>ul.navbar-nav a>span {
display:none;
}
// //
/*fin
*/ le code:
#dw__toc_menu {
display:unset;
order: -1;
}
// //
/*fin
*/ le code:
//réduction de marge
.navbar-collapse { padding: 0; }
.navbar-collapse ul.navbar-nav {
margin: 0;
width: 100%;
}
//arrangement des titre de menu (toc,outils,thème)
.navbar-collapse a.dropdown-toggle {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 4em;
padding-right: 4em;
background-color: transparent;
}
//background pour le fond des menus pour les repéré
.navbar-collapse ul.dropdown-menu { background: linear-gradient(to right,#00000020,#00000020);}
//suppression du titre de la toc dans le panneau qui fait doublon
#dw__toc_menu .dropdown-header { display: none; }
//mise en forme de la barre de recherche
#dw__search { width: 100%;}
#dw__search>div.no {
display: flex;
align-items:center;
justify-content:sapce-around;
}
//centrage du bouton de login
#dw__navbar_items .dw__actions {
margin: 0;
display: flex;
justify-content: center;
}
//on cache l'overflow au cas ou il y est certain titre trops long
//ça coupe l'effet désagréable de scrooling vertical
#dw__toc_menu ul.dropdown-menu {
overflow: hidden;
}
//couleur de fond avec effet plaque transparante
//on supprime le fond de la nav barre en général
#dw__navbar {background-color: unset;}
//on remet le fond sur l'entête de la navbar
.navbar-header { background-color: #e95420;}
//on rajoute la transparance dans le fond de la partie qui s'ouvre
.navbar-collapse { background-color: #e95420bb;}
// //
/*fin
*/ le code:
} // //