Ceci est une ancienne révision du document !


/*!

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.

*/ /*

*/
.navbar-default .navbar-nav > li > a{
    height: 3.7em;
}
/*
*/
.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;
}
/*

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;
}
/*

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;
}
/*

Bureau

On n'affiche pas la boite Table des matières de l'entête

 */
#dw__toc_menu {
	display:none;
}
/*

Mobile

 */
@media screen and (max-width: 479px) {
	/*
=== diminution des marges ===
<code> */
#main {margin: 0px;}
.panel{ boder: unset;}
.panel { border:unset; }
.panel-body { padding: unset; }
/*</code>
=== On n'affiche pas la boite d'outils sur la droite ===
<code> */	
#dw__pagetools { display : none; }
/*</code>
=== la Table des matières ===
== On l'affiche dans l'entête ==
<code> */
#dw__toc_menu { display:table; }
/*</code>
== On ne l'affiche sur la page ==
<code> */
.dw-toc { display:none; }
/*</code>
=== Organisation de l'entête ===
== passage en mode flex ==
<code> */
.navbar-collapse.collapse.in {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	overflow-x: hidden;
}
.navbar-collapse.navbar-nav {
	display: flex;
	justify-content: space-between;
}
#dw__navbar_items {
	display: flex;
	flex-direction: column;
	align-items: center;
} 
/*</code>
== On place la table des matières au départ ==
<code> */
#dw__toc_menu { order: -1; }
	

} /*</code>*/

  • less.1525595343.txt
  • Dernière modification: Le 06/05/2018, 10:29
  • par youssouf