全站通知:
“模板:语音tab样式”的版本间差异
刷
历
编
跳到导航
跳到搜索
素子ちゃん_official (387538174)(讨论 | 贡献) (模板提交器:调试模板代码) |
|||
(未显示2个用户的7个中间版本) | |||
第1行: | 第1行: | ||
{{#css: | {{#css: | ||
.tabber .tabbertab { | .role_voi .tabber .tabbertab { | ||
padding: 10px; | padding: 10px; | ||
border: 1px solid #404040; | border: 1px solid #404040; | ||
第8行: | 第8行: | ||
border-top: 0; | border-top: 0; | ||
} | } | ||
ul.tabbernav { | .role_voi ul.tabbernav { | ||
margin: 0; | margin: 0; | ||
padding: 12px 0; | padding: 12px 0; | ||
第17行: | 第17行: | ||
border-right: 0px; | border-right: 0px; | ||
} | } | ||
ul.tabbernav li a { | .role_voi ul.tabbernav li a { | ||
padding: 12px 10px; | padding: 12px 10px; | ||
margin: 0px; | margin: 0px; | ||
第25行: | 第25行: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
ul.tabbernav li.tabberactive a { | .role_voi ul.tabbernav li.tabberactive a { | ||
background-color: #fff; | background-color: #fff; | ||
border-bottom: 1px solid #fff; | border-bottom: 1px solid #fff; | ||
第32行: | 第32行: | ||
color: #404040 !important; | color: #404040 !important; | ||
} | } | ||
ul.tabbernav li a:link { | .role_voi ul.tabbernav li a:link { | ||
color: #fff; | color: #fff; | ||
} | } | ||
ul.tabbernav li a:hover { | .role_voi ul.tabbernav li a:hover { | ||
color: #404040; | color: #404040; | ||
background: #fff; | background: #fff; | ||
第41行: | 第41行: | ||
border: 1px solid #404040; | border: 1px solid #404040; | ||
} | } | ||
ul.tabbernav li.tabberactive a:hover { | .role_voi ul.tabbernav li.tabberactive a:hover { | ||
color: #404040 !important; | color: #404040 !important; | ||
background: #fff; | background: #fff; | ||
第48行: | 第48行: | ||
/* tab-panel选项卡 */ | /* tab-panel选项卡 */ | ||
.tab-panel { | .role_voi .tab-panel { | ||
display: block; | display: block; | ||
height: auto; | height: auto; | ||
第55行: | 第55行: | ||
min-width: 76px; | min-width: 76px; | ||
text-align: center; | text-align: center; | ||
color: | border: #fff 2px solid; | ||
border-radius: 4px; | |||
font-weight: bold; | |||
color: #838383; | |||
background: #9ff4c1; | |||
} | } | ||
.resp-tabs-list{ | |||
} | |||
.role_voi .resp-tabs-list{ | |||
margin: 0 0 0px 0 !important; | margin: 0 0 0px 0 !important; | ||
} | } | ||
.resp-tabs-list li { | .role_voi .resp-tabs-list li { | ||
border-left: 0px solid rgba(0, 0, 0, 0.16); | border-left: 0px solid rgba(0, 0, 0, 0.16); | ||
float: left; | float: left; | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
} | } | ||
.resp-tabs-list li:last-child { | .role_voi .resp-tabs-list li:last-child { | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
} | } | ||
.resp-tabs-list li.active .tab-panel, .tab-panel:hover { | .role_voi .resp-tabs-list li.active .tab-panel,.role_voi .tab-panel:hover { | ||
font-family: MicrosoftYaHei-Bold; | font-family: MicrosoftYaHei-Bold; | ||
font-size: 14px; | font-size: 14px; | ||
color: rgba(0, 0, 0, 0.85); | color: rgba(0, 0, 0, 0.85); | ||
text-align: center; | text-align: center; | ||
border: | border: 2px solid #16ba11; | ||
background: # | border-radius: 4px; | ||
background: #e1ffe0; | |||
} | |||
.snd_sticky .resp-tabs-list { | |||
margin: 0.3em 0 0 1em !important; | |||
padding: 0.5em 0 0 0 !important; | |||
} | } | ||
@media only screen and (max-width:759px){ | @media only screen and (max-width:759px){ | ||
ul.tabbernav li a { | .role_voi ul.tabbernav li a { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
ul.tabbernav { | .role_voi ul.tabbernav { | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
.resp-tabs .resp-tabs-list { | .role_voi .resp-tabs .resp-tabs-list { | ||
white-space: normal; | white-space: normal; | ||
overflow-x: auto; | overflow-x: auto; |