The editors' meeting has been canceled for technical reasons.

Template:Tabs/styles.css:修订间差异

来自NeuroWiki
跳转到导航 跳转到搜索
创建页面,内容为“→‎Nou esquema de colors per a la Plantilla:Metacaixa usada a la portada:​ →‎Configuració per defecte en lila Tons usats; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff:​ .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 0.2em 0.3em; position: relative;} .mcBoto a, .mcB…”
 
无编辑摘要
标签手工回退
 
(未显示同一用户的14个中间版本)
第1行: 第1行:
/* Nou esquema de colors per a la Plantilla:Metacaixa usada a la portada */
/* 标签容器整体样式 */
.tabs-container {
/* Configuració per defecte en lila
    font-family: Arial, sans-serif;
  Tons usats; 1; 7050a0 2; 9070c0 3; b090e0 4; d0b0ff 5; f0d0ff */
    margin: 20px;
}
.mcBoto {
 
  background-color: #d0b0ff; /* 4 */
/* 标签按钮样式 */
  border: 0.15em solid #000000;
.tabs-buttons {
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
    display: flex;
  cursor:pointer;
    border-bottom: 2px solid #ccc;
  display: inline;
}
  margin-right: 0.1em;
 
  padding: 0.2em 0.3em 0.2em 0.3em;
.tab-button {
  position: relative;}
    padding: 10px 20px;
    cursor: pointer;
.mcBoto a,
    font-size: 16px;
.mcBoto strong {
    color: #333;
  background: none !important;
    background-color: #f8f8ff;
  color:#7050a0 !important; /* 1 */
    border: 1px solid #ccc;
  font-size: 90%;
    border-bottom: none;
  font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
  padding: 0 !important;
}
  text-decoration: none !important;}
 
.tab-button:hover {
.mcBoto a:hover,
    background-color: #e0e0ff;
.mcBoto strong:hover {
    color: #000;
  color: black !important;
}
  text-decoration: underline !important;}
 
/* 选中的标签按钮高亮 */
.mcBotoSel {
.tab-button.active {
  background-color: #9070c0; /* 2 */
    background-color: #0078d7;
  border: 0.15em solid #000000;
    color: white;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */
    border-bottom: 2px solid #0078d7;
  cursor: default;
}
  display: inline;
 
  margin-right: 0.1em;
/* 标签内容样式 */
  padding: 0.2em 0.3em 0.2em 0.3em;
.tabs-contents {
  position: relative;
    border: 1px solid #ccc;
  color:white;}
    background-color: #f8f8ff;
    padding: 20px;
.mcBotoSel a {
}
  background: none !important;
 
  color:white !important;
.tab-content {
  cursor: default;
    display: none;
  font-size: 90%;
}
  font-weight: bold;
 
  padding: 0 !important;
.tab-content.active {
  text-decoration: none !important;}
    display: block;
.mcContingut {
  background-color: #f8f8ff;
  border: 0.2em solid #9070c0; /* 2 */
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
  padding: 1em;
  position: static;  /* Si hi posem relative falla amb MSIE */}
.mcPestanya {
  background-color: #f8f8ff;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */  width: 100%;
}
}
/* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
.mcVerd .mcBoto {
background-color: #a5e085; /* 4 */
border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
.mcVerd .mcBoto a,
.mcVerd .mcBoto strong {
  color:#60b030 !important;  /* 1 */
  font-size:90%}
.mcVerd .mcBoto a:hover,
.mcVerd .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcVerd .mcBotoSel {
  background-color: #75c045; /* 2 */
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
.mcVerd .mcContingut {
  background-color: #f5fffa;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
.mcVerd .mcPestanya {
  background-color: #f5fffa;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
/* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
.mcVermell .mcBoto {
background-color: #FFAAAA; /* 4 */
border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC;  /* 5 3 2 5 */}
.mcVermell .mcBoto a,
.mcVermell .mcBoto strong {
  color:#CC0000 !important;  /* 1 */
  font-size:90%}
.mcVermell .mcBoto a:hover
.mcVermell .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcVermell .mcBotoSel {
  background-color: #FF0000; /* 2 */
  border-color: #FF8888 #CC0000 #FF0000 #FF8888;  /* 3 1 2 3 */}
.mcVermell .mcContingut {
  background-color: #fffafa;
  border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
.mcVermell .mcPestanya {
  background-color: #fffafa;
  border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}
/* Configuració del Blau 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
.mcBlau .mcBoto {
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
.mcBlau .mcBoto a,
.mcBlau .mcBoto strong {
  color:#3379de !important;  /* 1 */
  font-size:90%}
.mcBlau .mcBoto a:hover
.mcBlau .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcBlau .mcBotoSel {
  background-color: #5b8dd6; /* 2 */
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
.mcBlau .mcContingut {
color: inherit;
background-color: var(--background-color-progressive-subtle,#f0f8ff);
border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
.mcBlau .mcPestanya {
color: inherit;
background-color: var(--background-color-progressive-subtle,#f0f8ff);
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
/* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
.mcGroc .mcBoto {
background-color: #fff1a4; /* 4 */
border-color: #fef4bc #ffe977 #ffe147 #fef4bc;  /* 5 3 2 5 */}
.mcGroc .mcBoto a,
.mcGroc .mcBoto strong {
  color:#ffd813 !important;  /* 1 */
  font-size:90%}
.mcGroc .mcBoto a:hover
.mcGroc .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcGroc .mcBotoSel {
  background-color: #ffe147; /* 2 */
  border-color: #ffe977 #ffd813 #ffe147 #ffe977;  /* 3 1 2 3 */}
.mcGroc .mcContingut {
  background-color: #fffce8;
  border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
.mcGroc .mcPestanya {
  background-color: #fffce8;
  border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
/* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.mcTaronja .mcBoto {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
.mcTaronja .mcBoto a,
.mcTaronja .mcBoto strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}
.mcTaronja .mcBoto a:hover
.mcTaronja .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcTaronja .mcBotoSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
.mcTaronja .mcContingut {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
.mcTaronja .mcPestanya {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
/* Final d'estils de la Metacaixa */

2025年3月1日 (六) 20:26的最新版本

/* 标签容器整体样式 */
.tabs-container {
    font-family: Arial, sans-serif;
    margin: 20px;
}

/* 标签按钮样式 */
.tabs-buttons {
    display: flex;
    border-bottom: 2px solid #ccc;
}

.tab-button {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    background-color: #f8f8ff;
    border: 1px solid #ccc;
    border-bottom: none;
    transition: background-color 0.3s, color 0.3s;
}

.tab-button:hover {
    background-color: #e0e0ff;
    color: #000;
}

/* 选中的标签按钮高亮 */
.tab-button.active {
    background-color: #0078d7;
    color: white;
    border-bottom: 2px solid #0078d7;
}

/* 标签内容样式 */
.tabs-contents {
    border: 1px solid #ccc;
    background-color: #f8f8ff;
    padding: 20px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}