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

来自NeuroWiki
跳转到导航 跳转到搜索
无编辑摘要
标签已被回退
无编辑摘要
标签手工回退
 
(未显示同一用户的7个中间版本)
第1行: 第1行:
.mcBoto {
/* 标签容器整体样式 */
  background-color: #d0b0ff; /* 4 */
.tabs-container {
  border: 0.15em solid #000000;
    font-family: Arial, sans-serif;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 3 5 */
    margin: 20px;
  cursor: pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em;
  position: relative;
}
}


.mcBoto a,
/* 标签按钮样式 */
.mcBoto strong {
.tabs-buttons {
  background: none !important;
    display: flex;
  color: #7050a0 !important; /* 1 */
    border-bottom: 2px solid #ccc;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;
}
}


.mcBoto a:hover,
.tab-button {
.mcBoto strong:hover {
    padding: 10px 20px;
  color: black !important;
    cursor: pointer;
  text-decoration: underline !important;
    font-size: 16px;
    color: #333;
    background-color: #f8f8ff;
    border: 1px solid #ccc;
    border-bottom: none;
    transition: background-color 0.3s, color 0.3s;
}
}


.mcBotoSel {
.tab-button:hover {
  background-color: #9070c0; /* 2 */
    background-color: #e0e0ff;
  border: 0.15em solid #000000;
    color: #000;
  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;
.tab-button.active {
  color: white !important;
    background-color: #0078d7;
  cursor: default;
    color: white;
  font-size: 90%;
    border-bottom: 2px solid #0078d7;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;
}
}


.mcContingut {
/* 标签内容样式 */
  background-color: #f8f8ff;
.tabs-contents {
  border: 0.2em solid #9070c0; /* 2 */
    border: 1px solid #ccc;
  border-color: #9070c0 #7050a0 #7050a0 #9070c0; /* 2 1 1 2 */
    background-color: #f8f8ff;
  padding: 1em;
    padding: 20px;
  position: static;
}
}


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


/* Add color classes for Verd, Vermell, Blau, Groc, and Taronja */
.tab-content.active {
.mcVerd .mcBoto {
    display: block;
  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;
}
}

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;
}