MediaWiki:Tabs.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.mbBouton {
background-color: #ddddff; /* 4 */
border: 0.15em solid #000000;
border-color: #eaeaff #eaeaff #9f9fff #c4c4ff; /* 5 3 2 5 */
border-radius: .2em;
cursor:pointer;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.5em;
position: relative;}
.mbBouton a,
.mbBouton strong {
background: none !important;
color:#8080ff !important; /* 1 */
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
.mbBouton a:hover,
.mbBouton strong:hover {
color: black !important;
text-decoration: underline !important;}
.mbBoutonSel {
background-color: #9f9fff; /* 2 */
border: 0.15em solid #000000;
border-color: #c4c4ff #c4c4ff #9f9fff #8080ff; /* 3 1 2 3 */
border-radius: .2em;
cursor: default;
display: inline;
margin-left: 0.1em;
padding: 0.2em 0.5em;
position: relative;
color:white;}
.mbBoutonSel a {
background: none !important;
color:white !important;
cursor: default;
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
.mbContenu {
background-color: #f8f8ff;
border: 0.2em solid #9f9fff; /* 2 */
border-color: #9f9fff #9f9fff #8080ff #8080ff ; /* 2 1 1 2 */
border-radius: 0em .2em .2em 0em;
padding: 1em;
position: static; }
.mbOnglet {
background-color: #f8f8ff;
border-color: #8080ff #8080ff #c4c4ff #c4c4ff; /* 1 3 3 1 */ width: 100%;
}
/* Configuration du Lilas 1;7050a0 2;9070c0 3;b090e0 4;d0b0ff 5;f0d0ff */
.mbLilas .mbBouton {
background-color: #d0b0ff; /* 4 */
border-color: #f0d0ff #f0d0ff #9070c0 #b090e0; /* 5 3 2 5 */}
.mbLilas .mbBouton a,
.mbLilas .mbBouton strong {
color:#8080ff !important; /* 1 */
font-size:90%}
.mbLilas .mbBouton a:hover,
.mbLilas .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbLilas .mbBoutonSel {
background-color: #9070c0; /* 2 */
border-color: #b090e0 #b090e0 #9070c0 #7050a0; /* 3 1 2 3 */}
.mbLilas .mbContenu {
background-color: #f5fffa;
border-color: #9070c0 #9070c0 #7050a0 #7050a0; /* 2 1 1 2 */}
.mbLilas .mbOnglet {
background-color: #f5fffa;
border-color: #7050a0 #7050a0 #b090e0 #b090e0; /* 1 3 3 1 */}
/* Configuration du Vert 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
.mbVert .mbBouton {
background-color: #a5e085; /* 4 */
border-color: #c0f090 #c0f090 #90d060 #75c045; /* 5 3 2 5 */}
.mbVert .mbBouton a,
.mbVert .mbBouton strong {
color:#60b030 !important; /* 1 */
font-size:90%}
.mbVert .mbBouton a:hover,
.mbVert .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbVert .mbBoutonSel {
background-color: #75c045; /* 2 */
border-color: #90d060 #90d060 #75c045 #60b030; /* 3 1 2 3 */}
.mbVert .mbContenu {
background-color: #f5fffa;
border-color: #75c045 #75c045 #60b030 #60b030; /* 2 1 1 2 */}
.mbVert .mbOnglet {
background-color: #f5fffa;
border-color: #60b030 #60b030 #90d060 #90d060; /* 1 3 3 1 */}
/* Configuration du Bleu 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
.mbBleu .mbBouton {
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #c8d6e9 #5b8dd6 #88abde; /* 5 3 2 5 */}
.mbBleu .mbBouton a,
.mbBleu .mbBouton strong {
color:#3379de !important; /* 1 */
font-size:90%}
.mbBleu .mbBouton a:hover
.mbBleu .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbBleu .mbBoutonSel {
background-color: #5b8dd6; /* 2 */
border-color: #88abde #88abde #5b8dd6 #3379de; /* 3 1 2 3 */}
.mbBleu .mbContenu {
background-color: #ffffff;
border-color: #5b8dd6 #5b8dd6 #3379de #3379de; /* 2 1 1 2 */}
.mbBleu .mbOnglet {
background-color: #ffffff;
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
/* Configuration du Orange 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.mbOrange .mbBouton {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffd0a4 #ff9d42 #ffac5d; /* 5 3 2 5 */}
.mbOrange .mbBouton a,
.mbOrange .mbBouton strong {
color:#ff820e !important; /* 1 */
font-size:90%}
.mbOrange .mbBouton a:hover
.mbOrange .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbOrange .mbBoutonSel {
background-color: #ff9d42; /* 2 */
border-color: #ffac5d #ffac5d #ff9d42 #ff820e; /* 3 1 2 3 */}
.mbOrange .mbContenu {
background-color: #ffeedd; /* 6 */
border-color: #ff9d42 #ff9d42 #ff820e #ff820e; /* 2 1 1 2 */}
.mbOrange .mbOnglet {
background-color: #ffeedd; /* 6 */
border-color: #ff820e #ff820e #ffac5d #ffac5d; /* 1 3 3 1 */}
/* Configuration du Gris 1;666666 2;868686 3;9f9f9f 4;b9b9b9 5;cfcfcf */
.mbGris .mbBouton {
background-color: #b9b9b9; /* 4 */
border-color: #cfcfcf #cfcfcf #868686 #9f9f9f; /* 5 3 2 5 */}
.mbGris .mbBouton a,
.mbGris .mbBouton strong {
color:#666666 !important; /* 1 */
font-size:90%}
.mbGris .mbBouton a:hover
.mbGris .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbGris .mbBoutonSel {
background-color: #868686; /* 2 */
border-color: #9f9f9f #9f9f9f #868686 #666666; /* 3 1 2 3 */}
.mbGris .mbContenu {
background-color: #fffce8;
border-color: #868686 #868686 #666666 #666666; /* 2 1 1 2 */}
.mbGris .mbOnglet {
background-color: #fffce8;
border-color: #666666 #666666 #9f9f9f #9f9f9f; /* 1 3 3 1 */}
/* Configuration du Jaune 1;aa8800 2;eabb00 3;ffd52b 4;ffe16a 5;ffeeaa */
.mbJaune .mbBouton {
background-color: #ffe16a; /* 4 */
border-color: #ffeeaa #ffeeaa #eabb00 #ffd52b; /* 5 3 2 5 */}
.mbJaune .mbBouton a,
.mbJaune .mbBouton strong {
color:#aa8800!important; /* 1 */
font-size:90%}
.mbJaune .mbBouton a:hover
.mbJaune .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbJaune .mbBoutonSel {
background-color: #eabb00; /* 2 */
border-color: #ffd52b #ffd52b #eabb00 #aa8800; /* 3 1 2 3 */}
.mbJaune .mbContenu {
background-color: #fffce8;
border-color: #eabb00 #eabb00 #aa8800 #aa8800; /* 2 1 1 2 */}
.mbJaune .mbOnglet {
background-color: #fffce8;
border-color: #aa8800 #aa8800 #ffd52b #ffd52b; /* 1 3 3 1 */}
/* Configuration du Rouge 1;993300 2;ca4200 3;ff6215 4;ff9b6a 5;ffc6aa */
.mbRouge .mbBouton {
background-color: #ff9b6a; /* 4 */
border-color: #ffc6aa #ffc6aa #ca4200 #ff6215; /* 5 3 2 5 */}
.mbRouge .mbBouton a,
.mbRouge .mbBouton strong {
color:#993300!important; /* 1 */
font-size:90%}
.mbRouge .mbBouton a:hover
.mbRouge .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbRouge .mbBoutonSel {
background-color: #ca4200; /* 2 */
border-color: #ff6215 #ff6215 #ca4200 #993300; /* 3 1 2 3 */}
.mbRouge .mbContenu {
background-color: #fffce8;
border-color: #ca4200 #ca4200 #993300 #993300; /* 2 1 1 2 */}
.mbRouge .mbOnglet {
background-color: #fffce8;
border-color: #993300 #993300 #ff621 #ff62155; /* 1 3 3 1 */}