MediaWiki:Common.css

De Keyla project
Aller à : navigation, rechercher

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* pour CodeEditor */

.oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools 
{
  background-color: #522010;
  color: #ff8300;
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle 
{
  background-color: #ad887d;
  color: #000;
}  
.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;
 }