« MediaWiki:Common.css » : différence entre les versions

De Keyla project
Aller à : navigation, rechercher
(Page créée avec « →‎Le CSS placé ici sera appliqué à tous les habillages. : →‎pour CodeEditor : .codeEditor-ui-toolbar .tabs span.tab-catalog { display:none; } .infoboxmedia →‎div : { →‎Taille : width: min-content; →‎Font & text : font-size: 0.875em; background: #4c4c4c; →‎Border : padding: 6px; } .infoboxmedia-media →‎div : { →‎Font & text : border: 1px solid #c8ccd1; text-align: center; display:grid; } .infoboxmedia-table →‎table : { width: 100%;... »)
(Aucune différence)

Version du 15 août 2023 à 19:22

/* Le CSS placé ici sera appliqué à tous les habillages. */
/* pour CodeEditor*/
.codeEditor-ui-toolbar .tabs span.tab-catalog
{
  display:none;
}
.infoboxmedia /*div*/
{
  /*Taille*/
  width: min-content;
   /*Font & text*/
  font-size: 0.875em;
  background: #4c4c4c;
  /*Border*/
  padding: 6px;
}
.infoboxmedia-media /*div*/
{
  /*Font & text*/
  border: 1px solid #c8ccd1;
  text-align: center;
  display:grid;
}
.infoboxmedia-table /*table*/
{
  width: 100%;
  border-collapse: collapse;
  background: #1c212b;
}
.infoboxmedia-caption /*cell*/
{
  /*Font & text*/
  text-align: left;
  font-style: italic;
  /*Border*/
  background: #4c4c4c ;
  padding:3px 2px 3px 2px;
  width:min-content;
}
.infoboxmedia-value /*cell*/
{
  /*Taille*/
  width:min-content;
  height:20px;
  /*Font & text*/
  text-align: left;
  font-style: italic;
  padding:2px 6px 2px 6px;
}
.infoboxmedia-section /*div*/
{
  /*Font & text*/
  text-align: center;
  font-weight: bold;
  /*Border*/
  padding:2px 6px 2px 6px;
  border-collapse: collapse;
  background: #000;
}
.todolistbox /*div*/
{
  /*Taille*/
  width: 220px;
  /*Font & text*/
  font-size: 0.875em;
  /*Border*/
  border-radius: 13px;
  border: 3px double #aaa;
  background: #FFFCCC;
}

.todolistbox-title /*div*/
{
  /*Font & text*/
  text-align: center;
  font-weight: bold;
  /*Border*/
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  /*Background*/
  background: #FFF ;
  background: -moz-linear-gradient(top,#FFF  0%,#FFFCCC 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF ),color-stop(100%,#FFFCCC));
  background: -webkit-linear-gradient(top,#FFF  0%,#FFFCCC 100%);
  background: -o-linear-gradient(top,#FFF  0%,#FFFCCC 100%);
  background: -ms-linear-gradient(top,#FFF  0%,#FFFCCC 100%);
  background: linear-gradient(to bottom,#FFF  0%,#FFFCCC 100%);
}
.todolistbox-priority
{
  float:right;
  color:#E54216
}
.todolistbox-table /*table*/
{
  /*Taille*/
  width: 100%;
  /*Border*/
  margin-bottom:6px;
  margin-top:6px;
  border-collapse: collapse;
}

.todolistbox-param /*cell*/
{
  /*Font & text*/
  font-style: italic;
  text-align: right;
  /*Taille*/
  width: 50%;
  height:20px;
  color:#494949;
}
.todolistbox-value /*cell*/
{
  /*Font & text*/
  text-align: left;
  /*Taille*/
  width: 50%;
  height:20px;
  color:#494949;
}
.todolistbox-section /*div*/
{
  /*Font & text*/
  font-weight: bold;
  text-align: center;
  color: #686868;
  /*Background*/
  background: #ffef96;
}
.todolistbox-tasks /*div*/
{
  /*Font & text*/
  color:#494949;
  text-align: left;
  /*Border*/
  padding:6px;
}
.todolistbox-bottom /*div*/
{
  /*Border*/
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  /*Background*/
  background: #FFFCCC;
  background: -moz-linear-gradient(top,#FFFCCC  0%,#FFF 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFCCC ),color-stop(100%,#FFF));
  background: -webkit-linear-gradient(top,#FFFCCC  0%,#FFF 100%);
  background: -o-linear-gradient(top,#FFFCCC  0%,#FFF 100%);
  background: -ms-linear-gradient(top,#FFFCCC  0%,#FFF 100%);
  background: linear-gradient(to bottom,#FFFCCC  0%,#FFF 100%);
}
.infobox /*div*/
{
  /*Taille*/
  width: 280px;
  /*Font & text*/
  font-size: 0.875em;
  /*Border*/
  border-radius: 20px;
  /*border: 3px double #aaa;*/
  border: 1px solid #c8ccd1;
}
.infobox-title /*div*/
{
   /*Font & text*/
  font-size: 1.8em;
  text-align: center;
  font-family: sans-serif;
  color: #c1c1c1;
  /*Border*/
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  /*Background*/
  background: #792211 ;
  background: -moz-linear-gradient(top,#792211  0%,#390909 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#792211 ),color-stop(100%,#390909));
  background: -webkit-linear-gradient(top,#792211  0%,#390909 100%);
  background: -o-linear-gradient(top,#792211  0%,#390909 100%);
  background: -ms-linear-gradient(top,#792211  0%,#390909 100%);
  background: linear-gradient(to bottom,#792211  0%,#390909 100%);
}
.infobox-image /*div*/
{
  /*Font & text*/
  text-align: center;
}
.infobox-table /*table*/
{
  /*Taille*/
  width: 100%;
  /*Border*/
  border-collapse: collapse;
}

.infobox th, .infobox td
{
  /*Background*/
  background: #000000;
  background-image: none;
  background-image: -moz-linear-gradient(center top,#1A1D20 60%,#0A0B0C 100%);
  background-image: -webkit-gradient(linear,center top,left bottom,color-stop(60%,#1A1D20),color-stop(100%,#0A0B0C));
  background-image: -webkit-linear-gradient(top,#1A1D20 60%,#0A0B0C 100%);
  background-image: -o-linear-gradient(top,#1A1D20 60%,#0A0B0C 100%);
  background-image: -ms-linear-gradient(top,#1A1D20 60%,#0A0B0C 100%);
  background-image: linear-gradient(to bottom,#1A1D20 60%,#0A0B0C 100%);
}

.infobox-param /*cell*/
{
  /*Font & text*/
  color:#D9D9D9;
  text-align: right;
  /*Taille*/
  width: 50%;
  height:20px;
}

.infobox-value /*cell*/
{
  /*Font & text*/
  font-style: italic;
  text-align: left;
  color: #c1c1c1;
  /*Taille*/
  width: 50%;
  height:20px;
 }
.infobox-section /*div*/
{
  /*Taille*/
  height:23px;
  width: 100%;
  /*Font & text*/
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  /*Border*/
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  /*Background*/
  background: #804020;
  background: -moz-linear-gradient(top,#804020 0%,#331701 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#804020),color-stop(100%,#331701));
  background: -webkit-linear-gradient(top,#804020 0%,#331701 100%);
  background: -o-linear-gradient(top,#804020 0%,#331701 100%);
  background: -ms-linear-gradient(top,#804020 0%,#331701 100%);
  background: linear-gradient(to bottom,#804020 0%,#331701 100%);
}
.infobox-bottom /*div*/
{
  /*Border*/
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  /*Background*/
  background: #792211 ;
  background: -moz-linear-gradient(top,#792211  0%,#390909 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#792211 ),color-stop(100%,#390909));
  background: -webkit-linear-gradient(top,#792211  0%,#390909 100%);
  background: -o-linear-gradient(top,#792211  0%,#390909 100%);
  background: -ms-linear-gradient(top,#792211  0%,#390909 100%);
  background: linear-gradient(to bottom,#792211  0%,#390909 100%);
}
.infobox-supporting /*div*/
{
   /*Font & text*/
  font-size: 1.8em;
  text-align: left;
  font-family: sans-serif;
  color: #ffc000;
 }