MediaWiki:Common.css : Différence entre versions

Version du 6 juin 2017 à 19:20

/* Le CSS placé ici sera appliqué à tous les habillages. */
#p-tb, #p-Outil_de_diagnostic, /* menu latéral */
#p-views,#p-cactions,#left-navigation{ /* onglets de navigation */
	display:none;
}
/*PAGE D'ACCUEIL*/
.page-Projet_Accueil .firstHeading{
	background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/R%C3%ADo_Dambovita%2C_Bucarest%2C_Ruman%C3%ADa%2C_2016-05-29%2C_DD_60.jpg/1024px-R%C3%ADo_Dambovita%2C_Bucarest%2C_Ruman%C3%ADa%2C_2016-05-29%2C_DD_60.jpg);
	background-size:100%;
	background-position:center;
	height:250px;
	position:relative;
	margin:-15px;
	text-align:center;
}
.page-Projet_Accueil .firstHeading span{
	background-color: rgba(250,250,250, 0.7);
	position:absolute;
	width:100%;
	top:25%;
	display:block;
	padding:10px;
}
.composant{
    padding:20px;
    text-align:center;
    background:blanchedalmond;
}
.composant h2{
    border:0;
    text-transform: uppercase;
    font-family:sans-serif;
}
.diagnostic .scomposant{
    display:inline-block;
    color:#fff;
    padding:20px;
    position:relative;
    height:180px;
    width:200px;
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center 10px;
}
.scomposant div{
    font-size:200%;
    position:absolute;
    top:10px;
    left:20px;
}
.scomposant{
    margin:0;
    padding:0;
}
.scomposant a{
    color:inherit !important;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.scomposant span{
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
    margin:15px;
}
.scomposant:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 44px;
	margin-top: -44px;
	z-index:50;
}
.scomposant#etape1{
	background-color:#84006b;
	background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Example_3a_politic_personality_icon.svg/150px-Example_3a_politic_personality_icon.svg.png);
}
.scomposant#etape1:after {
	border-left-color:#84006b;
}
.scomposant#etape2{
    background-color:#ff0000;
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Clipboard.svg/200px-Clipboard.svg.png);
}
.scomposant#etape2:after {
	border-left-color:#ff0000;
}
.scomposant#etape3{
    background-color:#0094c6;
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Gnome-x-office-presentation.svg/200px-Gnome-x-office-presentation.svg.png);
}
.scomposant#etape3:after {
	border-left-color:#0094c6;
}
.scomposant#etape4{
    color:#000;
    background-color:#ffd600;
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/2/23/Crystal_Project_starthere.png);
}

.banque > div{
    display:inline-block;
    width:300px;
    height:300px;
    overflow:hidden;
    position:relative;
}
.banque > div a img{
    display:block;
    height:100%;
    text-decoration:none;
}
.banque > div a:hover img{
    opacity:0.7;
    width:100%;
}
.banque div .CategoryTreeTag{
    background:#fff;
    opacity:0.8;
    position:absolute;
    bottom:0;
    left:0;
    width:280px;
    padding:10px;
}
.banque div .CategoryTreeTag span{
	display:none;
}
.banque div .CategoryTreeTag > .CategoryTreeSection > .CategoryTreeItem{/*premier niveau*/
	font-weight:bold;
	font-size:115%;
}
.banque .CategoryTreeChildren .CategoryTreeSection, .banque .CategoryTreeChildren .CategoryTreeSection div{
	display:inline;
	font-size:95%;
}
.banque .CategoryTreeChildren .CategoryTreeSection+.CategoryTreeSection div:before{
	content:" - ";
}