✎ less Atelier

Vous affichez une ancienne révision du document ! Si vous l'enregistrez, vous créerez une nouvelle version avec ce contenu.

/*! ~~NOCACHE~~
  * Atelier pour le thème de ubuntu-fr-doc
  * Home     http://www.wwwinterface.toile-libre.org/
  * Author   youssoufb <youssouf.bologna@lilo.org>
<note> 
Attention ceci n'est pas un exercice! le code de **cette page** est utilisé pour le formatage css du site. Voir [[:le_css_en_live|cette page explicative]].

Une foie la page enregistré les modifications serons effectives.
</note>
*/
/* 
===== hauteur regulière pour les bouton de la nav barre =====
<code >
*/
.navbar-default .navbar-nav > li > a{
    height: 3.7em;
}
/*
</code>
===== effet de bord =====
<code>
*/
.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;
}
/*</code>
===== couleur =====
==== des liens ====
<code>*/
a {
	color: #e95420;
	&:hover, &:focus {
		color: #c73200;
	}
}
/*</code>
==== des hyperliens ====
<code>*/
a.urlextern {
	color: #00aaff;
	&:hover, &:focus {
		color: #00ccff;
	}
}
/*</code>
==== Dans les code ====
<code>*/
.code .kw1, .code .kw8 {
	color: blue;
	font-weight: bolder;
}
/*</code>
===== 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 ====
<code> */
#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;
	}
}
/*</code>
===== Autres objets raportés =====
==== Fenêtre de configuration ====
<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;
}

/*</code>*/

Merci de recopier le code ci-contre pour prouver que vous êtes humain : B G U R C Merci de laisser ce champ vide :

Résumé

Note : En modifiant cette page, vous acceptez que le contenu soit placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International