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
*/ .navbar-default .navbar-nav > li > a{ height: 3.7em; } /*
effet de bord
*/ .navbar-default { box-shadow: 0 0 0.3em; } #dw__navbar ul.dropdown-menu{ // border-radius: 0em 0em 0.3em 0.3em; z-index:99; } #dw__navbar { border-width: 0px; // border-radius: 0em 0em 0.3em 0.3em; z-index: 100; } #dw__footer { // border-radius: 0.3em 0.3em 0em 0em; } /*
couleur
des liens
*/ a { color: #e95420; &:hover, &:focus { color: #c73200; } } /*
des hyperliens
*/ a.urlextern { color: #00aaff; &:hover, &:focus { color: #00ccff; } } /*
Dans les code
*/ .code .kw1, .code .kw8 { color: blue; font-weight: bolder; } /*
Les échangeurs
j'appelle échangeurs une directive qui permet l'affichage ou non du élément.
Table des matière (TOC) et Panneau d'outils
*/ #dw__toc_menu { display:none; } @media screen and (max-width: 479px) { #main {margin: 0px;} .panel{ boder: unset; } #dw__pagetools { display : none; } .panel-body { padding: unset; } .panel { border:unset; } #dw__toc_menu { display:table; } .dw-toc { display:none; } } /*
Autres objets raportés
Fenêtre de configuration
*/ .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; } /*
*/