Stapx Steve(讨论 | 贡献) 小无编辑摘要 |
Stapx Steve(讨论 | 贡献) 小无编辑摘要 |
||
| (未显示同一用户的40个中间版本) | |||
| 第30行: | 第30行: | ||
.ajaxpoll-answer-vote { | .ajaxpoll-answer-vote { | ||
border-radius: 7px !important; | border-radius: 7px !important; | ||
} | |||
/* Tabs 插件样式覆盖 */ | |||
.tabs-input, .tabs-close, #tabs-inputform, body.tabs-oldbrowserscript .tabs-content { | |||
display: none !important; | |||
} | |||
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { | |||
background-color: #fff; | |||
border-bottom: #4188f1 solid; | |||
} | |||
.tabs-tabbox, .tabs-togglebox { | |||
margin: 0; | |||
display: flex; | |||
flex-wrap: wrap; | |||
} | |||
.tabs-tabbox > .tabs-label { | |||
margin: 0; | |||
border-bottom: none; | |||
border-radius: 0; | |||
position: relative; | |||
display: inline-block; | |||
vertical-align: bottom; | |||
min-width: 10%; | |||
text-align: center; | |||
height: 40px; | |||
flex: 1; | |||
} | |||
.tabs-tabbox > label:first-of-type { | |||
border-radius: 7px 0 0 0; | |||
} | |||
.tabs-tabbox > label:last-of-type { | |||
border-radius: 0 7px 0 0; | |||
} | |||
.tabs-label { | |||
padding-top: 7px; | |||
background-color: #f5f8fa; | |||
border: 1px solid #e1e8ed; | |||
transition: background-color, color .3s; | |||
} | |||
.tabs-label:hover{ | |||
background-color: #fff; | |||
border-bottom: #4188f1 solid; | |||
} | |||
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label { | |||
margin-left: 0; | |||
} | |||
.tabs-tabbox > .tabs-container { | |||
padding-top: 7px; | |||
border-radius: 0 0 7px 7px; | |||
border: 1px solid #e1e8ed; | |||
width: 100%; | |||
} | |||
.tabs-tabbox > .tabs-container > div { | |||
overflow-wrap: anywhere; | |||
width: 100%; | |||
} | |||
/* 方块图片 */ | |||
.block-css { | |||
background-image:url(/images/d/da/BlocksCSS.png); | |||
width: 32px; | |||
height: 32px; | |||
background-size: 1536px; | |||
} | |||
/* 分类卡 */ | |||
.solt-card { | |||
display: flex; | |||
width: 30%; | |||
height: 70px; | |||
background: #f5f8fa; | |||
border-right: 7px solid #4188f1; | |||
border-radius: 7px; | |||
margin: 0 calc(5% / 3) calc(5% / 3) calc(5% / 3); | |||
} | |||
@media screen and (max-width: 900px) { | |||
.solt-card { | |||
width: 46%; | |||
} | |||
} | |||
@media screen and (max-width: 550px) { | |||
.solt-card { | |||
width: 100%; | |||
} | |||
} | |||
/* 隐藏 */ | |||
.hidden { | |||
transition: background-color .5s ease-in-out; | |||
font-style: normal; | |||
background: #000; | |||
color: #000; | |||
} | |||
.hidden:hover { | |||
background: transparent; | |||
} | } | ||
2022年1月28日 (五) 10:58的最新版本
/* 这里放置的CSS将应用于所有皮肤 */
/* ajaxpoll 投票功能相关的样式覆盖 CSS */
.ajaxpoll {
border: 1px dashed #e1e8ed !important;
}
.ajaxpoll-hover-revoke {
background:#fff !important;
}
.ajaxpoll-hover-vote {
background:#fff !important;
}
.ajaxpoll-ajax {
background:#fff !important;
box-shadow:inset 0 -0.2rem 0 #4188F1 !important;
border-radius: 0 !important;
}
.ajaxpoll-answer-vote {
height:22px !important;
}
.ajaxpoll-our-vote div {
border: 1px solid #4188F1 !important;
border-radius: 7px !important;
}
.ajaxpoll-answer-vote div {
background: #9EC3E6 !important;
height: 22px !important;
border-radius: 7px !important;
}
.ajaxpoll-answer-vote {
border-radius: 7px !important;
}
/* Tabs 插件样式覆盖 */
.tabs-input, .tabs-close, #tabs-inputform, body.tabs-oldbrowserscript .tabs-content {
display: none !important;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: #fff;
border-bottom: #4188f1 solid;
}
.tabs-tabbox, .tabs-togglebox {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.tabs-tabbox > .tabs-label {
margin: 0;
border-bottom: none;
border-radius: 0;
position: relative;
display: inline-block;
vertical-align: bottom;
min-width: 10%;
text-align: center;
height: 40px;
flex: 1;
}
.tabs-tabbox > label:first-of-type {
border-radius: 7px 0 0 0;
}
.tabs-tabbox > label:last-of-type {
border-radius: 0 7px 0 0;
}
.tabs-label {
padding-top: 7px;
background-color: #f5f8fa;
border: 1px solid #e1e8ed;
transition: background-color, color .3s;
}
.tabs-label:hover{
background-color: #fff;
border-bottom: #4188f1 solid;
}
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
margin-left: 0;
}
.tabs-tabbox > .tabs-container {
padding-top: 7px;
border-radius: 0 0 7px 7px;
border: 1px solid #e1e8ed;
width: 100%;
}
.tabs-tabbox > .tabs-container > div {
overflow-wrap: anywhere;
width: 100%;
}
/* 方块图片 */
.block-css {
background-image:url(/images/d/da/BlocksCSS.png);
width: 32px;
height: 32px;
background-size: 1536px;
}
/* 分类卡 */
.solt-card {
display: flex;
width: 30%;
height: 70px;
background: #f5f8fa;
border-right: 7px solid #4188f1;
border-radius: 7px;
margin: 0 calc(5% / 3) calc(5% / 3) calc(5% / 3);
}
@media screen and (max-width: 900px) {
.solt-card {
width: 46%;
}
}
@media screen and (max-width: 550px) {
.solt-card {
width: 100%;
}
}
/* 隐藏 */
.hidden {
transition: background-color .5s ease-in-out;
font-style: normal;
background: #000;
color: #000;
}
.hidden:hover {
background: transparent;
}