Différences entre versions de « MediaWiki:Common.css »

De wikiup
Sauter à la navigation Sauter à la recherche
Ligne 8 : Ligne 8 :
 
overflow: auto;
 
overflow: auto;
 
}
 
}
 +
 +
 +
////////////////////////////////////////////////////////////////////////////////////
 +
////////////////AJOUTS//////////////////////////
 +
//////////////////////////////////////////////////////////////
 +
 +
/*
 +
#toc { float: right;|width:15%;};
 +
*/
 +
 +
/**/Good one
 +
/*
 +
#toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;width:15%;};
 +
*/
 +
 +
/* TOC float right */ #toc {float:right;border:none;border-left:1.5em white solid;border-bottom:1em white solid;background:#fff3d2;}*/
 +
 +
/*the good one
 +
li.gallerybox div.thumb {
 +
    border: none;
 +
    background-color: none;
 +
}
 +
*/
 +
 +
/*
 +
 +
li.gallerybox div.thumb {
 +
border: 10px;
 +
    background-color: white;
 +
}
 +
*/
 +
/*
 +
#mw-content li.gallerybox div.thumb {
 +
    background: #3D6998;
 +
    border: solid #eeeeee;
 +
    border-width: 1px 1px 0.2em;
 +
    padding: 1.25em 1.75em;
 +
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
 +
    overflow: auto;
 +
    padding: 0;
 +
}
 +
*/
 +
div.vf-vignette {
 +
    position: relative;
 +
    float: left;
 +
    display: block;
 +
    width: 290px;
 +
    height: 200px;
 +
    /*background-color: #3D6999;*/
 +
    background-color: transparent;
 +
    color: #373741;
 +
    overflow: hidden;
 +
    margin: 0.2em;
 +
        margin-top: 0.2em;
 +
        margin-right: 0.2em;
 +
        margin-bottom: 0.2em;
 +
        margin-left: 0.2em;
 +
    background-size: 100% 100%;
 +
    font-family: vagrounded,Arial;
 +
    font-size: 1.1em;
 +
  /* top:50px;*/
 +
    top:-15px;
 +
    padding-top: 1px;
 +
 +
}
 +
 +
div.vf-vignette .vf-vignette-titre { 
 +
/* color: black; */
 +
  /* padding: 5px; */
 +
  /* font-size: 1.3em; */
 +
  /* text-transform: uppercase; */
 +
  color: #ff2727;
 +
  padding: 10px;
 +
  padding-bottom: 5px;
 +
  font-size: 0.8em;
 +
  text-transform: inherit;
 +
  text-align: left;
 +
}
 +
 +
.vf-vignette-description {
 +
    opacity: 0;
 +
    position: absolute;
 +
    transition: opacity 0.5s;
 +
}
 +
 +
 +
/*
 +
div.vf-vignette .vf-vignette-titre {
 +
    color: black;
 +
    width: 240px;
 +
    display: block;
 +
    padding: 5px;
 +
        padding-bottom: 5px;
 +
    padding-bottom: 1em;
 +
    font-weight: bold;
 +
    font-size: 1.3em;
 +
    text-transform: uppercase;
 +
}
 +
*/
 +
 +
 +
div.vf-vignette-informations {
 +
position: absolute;
 +
color: black;
 +
font-weight: bold;
 +
width: 240px;
 +
/*top: 0px;*/
 +
        top: -20px;
 +
left: 0px;
 +
display: block;
 +
padding: 5px;
 +
padding-bottom: 2em;
 +
font-size: 1em;
 +
pointer-events: none;
 +
}
 +
 +
div.vf-vignette img {
 +
position: relative;
 +
overflow: hidden;
 +
top: 0px;
 +
        width: 100%;
 +
 +
}
 +
 +
/*
 +
div.vf-vignette, div.vf-vignette:hover {
 +
    text-decoration: none;
 +
}
 +
*/
 +
 +
span.smw-template-furtherresults {
 +
    display: block;
 +
    clear: both;
 +
}
 +
 +
/*
 +
mark {
 +
    background: #FF6B40;
 +
        background-color: rgb(255, 107, 64);
 +
        background-position-x: 0%;
 +
        background-position-y: 0%;
 +
        background-repeat: repeat;
 +
        background-attachment: scroll;
 +
        background-image: none;
 +
        background-size: auto;
 +
        background-origin: padding-box;
 +
        background-clip: border-box;
 +
    color: #3D6999;
 +
}
 +
*/
 +
 +
mark {
 +
    background: transparent;
 +
    color: #FF6B40;
 +
}
 +
 +
 +
div.polaroid {
 +
width: 290px;
 +
/*height:400px;*/
 +
background-color: white;
 +
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
margin-bottom: 25px;
 +
/*float: inline-start;*/
 +
float:left;
 +
  /*margin-left: 3px;
 +
  margin-right: 3px;*/
 +
 +
 +
}
 +
 +
 +
 +
 +
 +
div.container-polaroid {
 +
  text-align: center;
 +
/* padding: 10px 20px;*/
 +
padding-top: 0px;
 +
 +
/* height:400px;*/
 +
  height: 150px;
 +
}
 +
 +
div.container-polaroid-title-only {
 +
  text-align: center;
 +
/* padding: 10px 20px;*/
 +
padding-top: 0px;
 +
 +
/* height:400px;*/
 +
  height: 50px;
 +
}
 +
 +
 +
 +
div.polaroid img {
 +
  width: 100%;
 +
/*height:auto;*/
 +
  height:200px;
 +
}
 +
 +
div.polaroid-title {
 +
/*font-weight: bold;*/
 +
}
 +
 +
 +
div.polaroid > p{
 +
  margin-top: 0px;
 +
/*
 +
  margin-left: 10px;
 +
  margin-right: 10px;
 +
  margin-bottom: 0px;
 +
*/
 +
}
 +
 +
 +
/*
 +
div.polaroid:hover {
 +
  border: 1px solid #777;
 +
}
 +
*/
 +
 +
/*
 +
div.gallery-polaroid {
 +
  margin: 5px;
 +
  border: 1px solid #ccc;
 +
  float: left;
 +
  width: 180px;
 +
}
 +
 +
div.gallery-polaroid:hover {
 +
  border: 1px solid #777;
 +
}
 +
 +
div.gallery-polaroid img {
 +
  width: 100%;
 +
  height: auto;
 +
}
 +
 +
div.desc-polaroid {
 +
  padding: 15px;
 +
  text-align: center;
 +
}
 +
*/
 +
 +
 +
/*Enlever les onglets talkpages*/
 +
/*#ca-talk { display:none!important; }*/
 +
 +
 +
/* CSS infobox */
 +
/* Infobox V2 (voir : [[Projet:Infobox/V2]]) */
 +
.infobox_v2 {
 +
background: #f9f9f9;
 +
color: #000;
 +
font-size: 90%;
 +
line-height: 1.2em;
 +
float: right;
 +
clear: right;
 +
margin: 0 0 0.5em 1em;
 +
width: 294px;
 +
border: 1px solid #aaa;
 +
border-spacing: 5px;
 +
}
 +
.infobox_v2 th {
 +
vertical-align: super;
 +
text-align: left;
 +
}
 +
.infobox_v2 .entete {
 +
height: 43px;
 +
vertical-align: middle;
 +
text-align: center;
 +
font-size: 140%;
 +
font-weight: bolder;
 +
line-height: 1.1em;
 +
color: #000;
 +
}
 +
/* Padding si pictogramme d'infobox, e.g. ".entete.foobar"
 +
  Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete"
 +
  Possibilité de désactiver ce padding en ajoutant une classe "large" */
 +
.infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) {
 +
padding: 1px 48px;
 +
}
 +
/* Pour [[Modèle:Image et son]], etc. */
 +
.infobox_v2 .media {
 +
height: 35px;
 +
vertical-align: middle;
 +
text-align: center;
 +
font-weight: bolder;
 +
color: #000;
 +
}
 +
 +
/* Graphiques transparents d'en-têtes des Infobox */
 +
.entete {
 +
background-position: right center;
 +
background-repeat: no-repeat;
 +
}
 +
 +
 +
 +
.media.audio {
 +
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png") no-repeat left top;
 +
}
 +
.media.video {
 +
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top;
 +
}
 +
 +
 +
/*added by delph*/
 +
@media screen {
 +
p {
 +
/*margin: 1em 0;*/
 +
margin: 0;
 +
}
 +
}
 +
 +
//added by delph
 +
/*
 +
.entete > p:nth-child(1) {
 +
margin-top: 0.2em;
 +
}
 +
*/
 +
 +
 +
 +
/* load.php | https://wiki.myhumankit.org/load.php?lang=fr&modules=ext.MobileDetect.nomobile%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.timeless&only=styles&skin=timeless */
 +
 +
/*
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 +
  /* background-color: .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button \{; */
 +
  /* background-color: #36c; */
 +
  /* border-color: #36c; */
 +
  background-color: #72777D;
 +
  border-color: #72777D;
 +
}
 +
*/

Version du 24 juin 2022 à 14:00

/* CSS placed here will be applied to all skins */
/* Le CSS placé ici sera appliqué à tous les habillages. */

ul#SelectCategoryList 
{
height: 300px;
width: 400px;
overflow: auto;
}


////////////////////////////////////////////////////////////////////////////////////
////////////////AJOUTS//////////////////////////
//////////////////////////////////////////////////////////////

/*
#toc { float: right;|width:15%;};
*/

/**/Good one
/*
#toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;width:15%;};
*/

/* TOC float right */ #toc {float:right;border:none;border-left:1.5em white solid;border-bottom:1em white solid;background:#fff3d2;}*/

/*the good one
li.gallerybox div.thumb {
    border: none;
    background-color: none;
}
*/

/*

li.gallerybox div.thumb {
 border: 10px;
    background-color: white;
}
*/
/*
#mw-content li.gallerybox div.thumb {
    background: #3D6998;
    border: solid #eeeeee;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    overflow: auto;
    padding: 0;
}
*/
div.vf-vignette {
    position: relative;
    float: left;
    display: block;
    width: 290px;
    height: 200px;
    /*background-color: #3D6999;*/
    background-color: transparent;
    color: #373741;
    overflow: hidden;
    margin: 0.2em;
        margin-top: 0.2em;
        margin-right: 0.2em;
        margin-bottom: 0.2em;
        margin-left: 0.2em;
    background-size: 100% 100%;
    font-family: vagrounded,Arial;
    font-size: 1.1em;
   /* top:50px;*/
    top:-15px;
    padding-top: 1px;

}

div.vf-vignette .vf-vignette-titre {  
/* color: black; */
  /* padding: 5px; */
  /* font-size: 1.3em; */
  /* text-transform: uppercase; */
  color: #ff2727;
  padding: 10px;
  padding-bottom: 5px;
  font-size: 0.8em;
  text-transform: inherit;
  text-align: left;
}

.vf-vignette-description {
    opacity: 0;
    position: absolute;
    transition: opacity 0.5s;
}


/*
div.vf-vignette .vf-vignette-titre {
    color: black;
    width: 240px;
    display: block;
    padding: 5px;
        padding-bottom: 5px;
    padding-bottom: 1em;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
}
*/


div.vf-vignette-informations {
	position: absolute;
	color: black;
	font-weight: bold;
	width: 240px;
	/*top: 0px;*/
        top: -20px;
	left: 0px;
	display: block;
	padding: 5px;
	padding-bottom: 2em;
	font-size: 1em;
	pointer-events: none;
}

div.vf-vignette img {
	position: relative;
	overflow: hidden;
	top: 0px;
        width: 100%;

}

/*
div.vf-vignette, div.vf-vignette:hover {
    text-decoration: none;
}
*/

span.smw-template-furtherresults {
    display: block;
    clear: both;
}

/*
mark {
    background: #FF6B40;
        background-color: rgb(255, 107, 64);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
    color: #3D6999;
}
*/

mark {
    background: transparent;
    color: #FF6B40;
}


div.polaroid {
 width: 290px;
/*height:400px;*/
 background-color: white;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 margin-bottom: 25px;
 /*float: inline-start;*/
float:left;
  /*margin-left: 3px;
  margin-right: 3px;*/


}





div.container-polaroid {
  text-align: center;
 /* padding: 10px 20px;*/
 padding-top: 0px;

/* height:400px;*/
  height: 150px;
}

div.container-polaroid-title-only {
  text-align: center;
 /* padding: 10px 20px;*/
 padding-top: 0px;

/* height:400px;*/
  height: 50px;
}



div.polaroid img {
  width: 100%;
 /*height:auto;*/
  height:200px;
}

div.polaroid-title {
/*font-weight: bold;*/
}


div.polaroid > p{
  margin-top: 0px;
/*
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
*/
}


/*
div.polaroid:hover {
  border: 1px solid #777;
}
*/

/*
div.gallery-polaroid {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery-polaroid:hover {
  border: 1px solid #777;
}

div.gallery-polaroid img {
  width: 100%;
  height: auto;
}

div.desc-polaroid {
  padding: 15px;
  text-align: center;
}
*/


/*Enlever les onglets talkpages*/
/*#ca-talk { display:none!important; }*/


/* CSS infobox */
/* Infobox V2 (voir : [[Projet:Infobox/V2]]) */
.infobox_v2 {
	background: #f9f9f9;
	color: #000;
	font-size: 90%;
	line-height: 1.2em;
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
	width: 294px;
	border: 1px solid #aaa;
	border-spacing: 5px;
}
.infobox_v2 th {
	vertical-align: super;
	text-align: left;
}
.infobox_v2 .entete {
	height: 43px;
	vertical-align: middle;
	text-align: center;
	font-size: 140%;
	font-weight: bolder;
	line-height: 1.1em;
	color: #000;
}
/* Padding si pictogramme d'infobox, e.g. ".entete.foobar"
   Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete"
   Possibilité de désactiver ce padding en ajoutant une classe "large" */
.infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) {
	padding: 1px 48px;
}
/* Pour [[Modèle:Image et son]], etc. */
.infobox_v2 .media {
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-weight: bolder;
	color: #000;
}

/* Graphiques transparents d'en-têtes des Infobox */
.entete {
	background-position: right center;
	background-repeat: no-repeat;
}



.media.audio {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png") no-repeat left top;
}
.media.video {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top;
}


/*added by delph*/
@media screen {
p {
/*margin: 1em 0;*/
margin: 0;
}
}

//added by delph
/*
.entete > p:nth-child(1) {
 margin-top: 0.2em;
}
*/



/* load.php | https://wiki.myhumankit.org/load.php?lang=fr&modules=ext.MobileDetect.nomobile%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.timeless&only=styles&skin=timeless */

/*
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  /* background-color: .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button \{; */
  /* background-color: #36c; */
  /* border-color: #36c; */
  background-color: #72777D;
  border-color: #72777D;
}
*/
Récupérée de « https://wikiup.myhumankit.org/index.php?title=MediaWiki:Common.css&oldid=23908 »