Ceci est une ancienne révision du document !
/*!
- Atelier pour le thème de ubuntu-fr-doc
- Author youssoufb youssouf.bologna@lilo.org
Attention ceci n'est pas un exercice! le code de cette page est utilisé pour le formatage css du site. Voir cette page explicative.
Une foie la page enregistré les modifications serons effectives.
hauteur regulière pour les bouton de la nav barre
*/ le code:
.navbar-default .navbar-nav > li > a{
height: 3.7em;
}
// //
/*fin
effet de bord
*/ 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
Paragraphe
*/ le code:
p {
text-indent: 1em;
text-align: justify;
text-justify: distribute;
}
// //
/*fin
couleur
des liens
*/ le code:
a {
color: #e95420;
&:hover, &:focus {
color: #c73200;
}
}
// //
/*fin
des hyperliens
*/ le code:
a.urlextern {
color: #00aaff;
&:hover, &:focus {
color: #00ccff;
}
}
// //
/*fin
Dans les codes
*/ le code:
.code .kw1, .code .kw8 {
color: blue;
font-weight: bolder;
}
// //
/*fin
Autres objets raportés
Fenêtre de configuration
*/ 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
Responsive
Général
On n'affiche pas la Table des matières dans la barre de navigation
*/ le code:
#dw__toc_menu {
display:none;
}
// //
/*fin
Mobile
*/ le code:
@media screen and (max-width: 479px) {
// //
/*fin
On réduit les marges et espaces
*/ le code:
#dokuwiki__top {
padding-left: 0.3em;
padding-right: 0.3em;
}
.panel{ boder: unset; }
.panel-body { padding: unset; }
.panel { border:unset; }
// //
/*fin
On n'affiche pas sur la page
la boite d'outils
*/ le code:
#dw__pagetools { display : none; }
// //
/*fin
la table des matière
*/ le code:
.dw-toc { display:none;}
// //
/*fin
la barre de navigation
passage en flex
*/ 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
Suppression des label d'hyperliens
*/ le code:
.navbar-collapse.collapse.in>ul.navbar-nav a>span {
display:none;
}
// //
/*fin
Table des matières
- En haut
*/ le code:
#dw__toc_menu {
display:unset;
order: -1;
}
// //
/*fin autres */ le code:
// //
/*fin
on sort du mode mobile
*/ le code:
} // //