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.

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 arrangement des titres */ le code:

	.navbar-collapse { padding: 0; }
	.navbar-collapse ul.navbar-nav {
		margin: 0;
		width: 100%;
	}
	.navbar-collapse a.dropdown-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 4em;
		padding-right: 4em;
	}
	#dw__toc_menu .dropdown-header { display: none; }
	
// //

/*fin

on sort du mode mobile

*/ le code:

}
// //
  • less.1525638063.txt
  • Dernière modification: Le 06/05/2018, 22:21
  • par 82.230.119.244