The editors' meeting has been canceled for technical reasons.

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

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


.mcBotoSel {
/* 标签按钮样式 */
     background-color: #9070c0;
.tabs-buttons {
     border: 0.15em solid #000000;
     display: flex;
    border-color: #b090e0 #7050a0 #9070c0 #b090e0;
     border-bottom: 2px solid #ccc;
    cursor: default;
    display: inline;
    margin-right: 0.1em;
    padding: 0.2em 0.3em;
    position: relative;
    font-size: 90%;
    font-weight: bold;
    color: white;
}
}


.mcContingut {
.tab-button {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
     background-color: #f8f8ff;
     background-color: #f8f8ff;
     border: 0.2em solid #9070c0;
     border: 1px solid #ccc;
     border-color: #9070c0 #7050a0 #7050a0 #9070c0;
     border-bottom: none;
     padding: 1em;
     transition: background-color 0.3s, color 0.3s;
    position: static;
}
}


.mcPestanya {
.tab-button:hover {
     background-color: #f8f8ff;
     background-color: #e0e0ff;
     border-color: #7050a0 #b090e0 #b090e0 #7050a0;
     color: #000;
    width: 100%;
}
}


/* 绿色(Verd) */
/* 选中的标签按钮高亮 */
.mcVerd .mcBoto {
.tab-button.active {
     background-color: #a5e085;
     background-color: #0078d7;
     border-color: #c0f090 #90d060 #75c045 #c0f090;
     color: white;
     color: #60b030;
     border-bottom: 2px solid #0078d7;
}
}


.mcVerd .mcBotoSel {
/* 标签内容样式 */
     background-color: #75c045;
.tabs-contents {
     border-color: #90d060 #60b030 #75c045 #90d060;
     border: 1px solid #ccc;
     color: white;
     background-color: #f8f8ff;
     padding: 20px;
}
}


.mcVerd .mcContingut {
.tab-content {
     background-color: #f5fffa;
     display: none;
    border-color: #75c045 #60b030 #60b030 #75c045;
}
}


.mcVerd .mcPestanya {
.tab-content.active {
     background-color: #f5fffa;
     display: block;
    border-color: #60b030 #90d060 #90d060 #60b030;
}
}
/* 其他颜色配置(如Vermell、Blau、Groc、Taronja等)类似定义,完整代码应包含所有样式 */

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