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

De Sur les traces des sondes Voyager
Aller à : navigation, rechercher
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 9 : Ligne 9 :
   figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"]
   figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"]
   {
   {
     border: 1px solid #666;
     border: 1px solid;
     border-bottom-width: 1px;
     border-color: #666;
    border-bottom-style: solid;
    border-bottom-color: rgb(200, 204, 209);
    border-bottom: 0;
     background-color: #4c4c4c;
     background-color: #4c4c4c;
   }   
   }   

Version du 10 septembre 2023 à 20:02

/* Le CSS placé ici sera appliqué à tous les habillages. */
/* pour CodeEditor */

figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption
  {
    background-color: #4c4c4c;
    border-color: #666;
  }
  figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"]
  {
    border: 1px solid;
    border-color: #666;
    background-color: #4c4c4c;
  }  
.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;
 }