МедиаУики:Stylesheets-Tabs.css

 /** Box with tabs - [[Template:Tabs]] (definition of colors) ***********************
  *    Sourse: [[:fr:MediaWiki:Common.css]] (Translated to the [[:ca:MediaWiki:Common.css]])
  * Description: See  [[Template:Tabs]]
  *    Author: [[:ca:User:Peleguer]], [[:ca:User:Joanjoc]], [[:fr:User:Antaya]] (adaptation) [[:pt:Rei-artur]] (adaptation)
  *            [[:kk:User:Arystanbek]] (adaptation)
  ********************************************************************************************/
 
/*
Default color setting
Colours used; 1; 8080ff 2; 9f9fff 3; c4c4ff 4; ddddff 5; eaeaff */
 
.mbButton {
  background-color: #ddddff; /* 4 */
  border: 0.15em solid #000000;
  border-color: #eaeaff #c4c4ff #9f9fff #eaeaff;  /* 5 3 2 5 */
  border-radius: .5em .5em 0em 0em;
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;}
 
.mbButton a,
.mbButton strong {
  background: none !important;
  color:#8080ff !important;  /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mbButton a:hover,
.mbButton strong:hover {
  color: black !important;
  text-decoration: underline !important;}
 
.mbButtonSel {
  background-color: #9f9fff; /* 2 */
  border: 0.15em solid #000000;
  border-color: #c4c4ff #8080ff #9f9fff #c4c4ff;  /* 3 1 2 3 */
  border-radius: .5em .5em 0em 0em;
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
  color:white;}
 
.mbButtonSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mbContent {
  background-color: #f8f8ff;
  border: 0.2em solid #9f9fff; /* 2 */
  border-color: #9f9fff #8080ff #8080ff #9f9fff ; /* 2 1 1 2 */
  border-radius: 0em .5em .5em 0em;
  padding: 1em;
  position: static;  }
 
.mbOnglet {
  background-color: #f8f8ff;
  border-color: #8080ff #c4c4ff #c4c4ff #8080ff; /* 1 3 3 1 */  width: 100%;
}
 
/* Configuration Lilas 1;7050a0 2;9070c0 3;b090e0 4;d0b0ff 5;f0d0ff */
 
.mbLilas .mbButton {
 background-color: #d0b0ff; /* 4 */
 border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 2 5 */}
 
.mbLilas .mbButton a,
.mbLilas .mbButton strong {
  color:#8080ff !important;  /* 1 */
  font-size:90%}
 
.mbLilas .mbButton a:hover,
.mbLilas .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbLilas .mbButtonSel {
  background-color: #9070c0; /* 2 */
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */}
 
.mbLilas .mbContent {
  background-color: #f5fffa;
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */}
 
.mbLilas .mbOnglet {
  background-color: #ffffff;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */}
 
 
/* Configuration Green 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
 
.mbGreen .mbButton {
 background-color: #a5e085; /* 4 */
 border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
 
.mbGreen .mbButton a,
.mbGreen .mbButton strong {
  color:#60b030 !important;  /* 1 */
  font-size:90%}
 
.mbGreen .mbButton a:hover,
.mbGreen .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbGreen .mbButtonSel {
  background-color: #75c045; /* 2 */
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
 
.mbGreen .mbContent {
  background-color: #f5fffa;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
 
.mbGreen .mbOnglet {
  background-color: #f5fffa;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
 
 
/* Configuration Blue 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
 
.mbBlue .mbButton {
 background-color: #a7c1e6; /* 4 */
 border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
 
.mbBlue .mbButton a,
.mbBlue .mbButton strong {
  color:#3379de !important;  /* 1 */
  font-size:90%}
 
.mbBlue .mbButton a:hover
.mbBlue .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbBlue .mbButtonSel {
  background-color: #5b8dd6; /* 2 */
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
 
.mbBlue .mbContent {
  background-color: #ffffff;
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
 
.mbBlue .mbOnglet {
  background-color: #ffffff;
  border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
 
 
/* Configuration Orange 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
 
.mbOrange .mbButton {
 background-color: #ffbd7f; /* 4 */
 border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
 
.mbOrange .mbButton a,
.mbOrange .mbButton strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}
 
.mbOrange .mbButton a:hover
.mbOrange .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbOrange .mbButtonSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
 
.mbOrange .mbContent {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
 
.mbOrange .mbOnglet {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
 
/* Configuration Gray 1;666666 2;868686 3;9f9f9f 4;b9b9b9 5;cfcfcf */
 
.mbGrey .mbButton {
 background-color: #b9b9b9; /* 4 */
 border-color: #cfcfcf #9f9f9f #868686 #cfcfcf;  /* 5 3 2 5 */}
 
.mbGrey .mbButton a,
.mbGrey .mbButton strong {
  color:#666666 !important;  /* 1 */
  font-size:90%}
 
.mbGrey .mbButton a:hover
.mbGrey .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbGrey .mbButtonSel {
  background-color: #868686; /* 2 */
  border-color: #9f9f9f #666666 #868686 #9f9f9f;  /* 3 1 2 3 */}
 
.mbGrey .mbContent {
  background-color: #fffce8;
  border-color: #868686 #666666 #666666 #868686; /* 2 1 1 2 */}
 
.mbGrey .mbOnglet {
  background-color: #fffce8;
  border-color: #666666 #9f9f9f #9f9f9f #666666; /* 1 3 3 1 */}
 
 
/* Configuration Yellow 1;aa8800 2;eabb00 3;ffd52b 4;ffe16a 5;ffeeaa */
 
.mbYellow .mbButton {
 background-color: #ffe16a; /* 4 */
 border-color: #ffeeaa #ffd52b #eabb00 #ffeeaa;  /* 5 3 2 5 */}
 
.mbYellow .mbButton a,
.mbYellow .mbButton strong {
  color:#aa8800!important;  /* 1 */
  font-size:90%}
 
.mbYellow .mbButton a:hover
.mbYellow .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbYellow .mbButtonSel {
  background-color: #eabb00; /* 2 */
  border-color: #ffd52b #aa8800 #eabb00 #ffd52b;  /* 3 1 2 3 */}
 
.mbYellow .mbContent {
  background-color: #fffce8;
  border-color: #eabb00 #aa8800 #aa8800 #eabb00; /* 2 1 1 2 */}
 
.mbYellow .mbOnglet {
  background-color: #fffce8;
  border-color: #aa8800 #ffd52b #ffd52b #aa8800; /* 1 3 3 1 */}
 
 
/* Configuration Red 1;993300 2;ca4200 3;ff6215 4;ff9b6a 5;ffc6aa */
 
.mbRed .mbButton {
 background-color: #ff9b6a; /* 4 */
 border-color: #ffc6aa #ff6215 #ca4200 #ffc6aa;  /* 5 3 2 5 */}
 
.mbRed .mbButton a,
.mbRed .mbButton strong {
  color:#993300!important;  /* 1 */
  font-size:90%}
 
.mbRed .mbButton a:hover
.mbRed .mbButton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbRed .mbButtonSel {
  background-color: #ca4200; /* 2 */
  border-color: #ff6215 #993300 #ca4200 #ff6215;  /* 3 1 2 3 */}
 
.mbRed .mbContent {
  background-color: #fffce8;
  border-color: #ca4200 #993300 #993300 #ca4200; /* 2 1 1 2 */}
 
.mbRed .mbOnglet {
  background-color: #fffce8;
  border-color: #993300 #ff6215 #ff6215 #993300; /* 1 3 3 1 */}

/*FIN DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"*/