Template:Tabs/styles.css

.mcBoto {
  background-color: #d0b0ff; /* 4 */
  border: 0.15em solid #000000;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */
  cursor: pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em;
  position: relative;
}

.mcBoto a,
.mcBoto strong {
  background: none !important;
  color: #7050a0 !important; /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;
}

.mcBoto a:hover,
.mcBoto strong:hover {
  color: black !important;
  text-decoration: underline !important;
}

.mcBotoSel {
  background-color: #9070c0; /* 2 */
  border: 0.15em solid #000000;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em;
  position: relative;
  color: white;
}

.mcBotoSel a {
  background: none !important;
  color: white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;
}

.mcContingut {
  background-color: #f8f8ff;
  border: 0.2em solid #9070c0; /* 2 */
  border-color: #9070c0 #7050a0 #7050a0 #9070c0; /* 2 1 1 2 */
  padding: 1em;
  position: static;
}

.mcPestanya {
  background-color: #f8f8ff;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */
  width: 100%;
}

/* Add color classes for Verd, Vermell, Blau, Groc, and Taronja */
.mcVerd .mcBoto {
  background-color: #a5e085;
  border-color: #c0f090 #90d060 #75c045 #c0f090;
}
.mcVermell .mcBoto {
  background-color: #ffaaaa;
  border-color: #ffcccc #ff8888 #ff0000 #ffcccc;
}
.mcBlau .mcBoto {
  background-color: #a7c1e6;
  border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;
}
.mcGroc .mcBoto {
  background-color: #fff1a4;
  border-color: #fef4bc #ffe977 #ffe147 #fef4bc;
}
.mcTaronja .mcBoto {
  background-color: #ffbd7f;
  border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;
}