模板:Y tabbar:修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第49行: | 第49行: | ||
{{#css: | {{#css: | ||
.y_tabbar { | .y_tabbar { | ||
margin: 0; | margin: 0; | ||
background-color: transparent; | background-color: transparent; | ||
| 第61行: | 第60行: | ||
margin-bottom: 0; | margin-bottom: 0; | ||
color: #457afb; | color: #457afb; | ||
box-shadow: inset 0 -1px 0 0 #a2a9b1; | box-shadow: inset 0 -1px 0 0 #a2a9b1; | ||
} | } | ||
.y_tabbar .first-level-tabs .tab-btn:hover, | .y_tabbar .first-level-tabs .tab-btn:hover, | ||
.y_tabbar .second-level-tabs .tab-btn:hover { | .y_tabbar .second-level-tabs .tab-btn:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| 第107行: | 第106行: | ||
} | } | ||
.skillbox { | .skillbox { | ||
color: black; | |||
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px 0px; | |||
width: 100%; | |||
background-color: rgb(251, 249, 241); | |||
border-radius: 0.5em; | |||
margin: 12px 0px; | |||
padding: 8px 8px; | |||
} | } | ||
.skillbox { | |||
.skillbox { | |||
display: flex; | |||
flex-direction: row; | |||
} | justify-content: flex-start; | ||
.skillbox-left { | } | ||
.skillbox-left { | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
} | margin: 5px; | ||
.skillbox-name { | align-items: center; | ||
} | |||
.skillbox-name { | |||
} | font-size: 1.35em; | ||
line-height: 1; | |||
font-weight: bold; | |||
} | |||
.skillbox- | |||
.skillbox-right { | |||
width: 100%; | |||
} | |||
} | |||
.skillbox-tag{ | .skillbox-topbox { | ||
display: flex; | |||
width: 100%; | |||
} | justify-content: space-between; | ||
.skillbox-tag2{ | } | ||
.skillbox-namebox { | |||
} | display: flex; | ||
.parent-description-container { | flex-direction: row; | ||
align-items: center; | |||
} | } | ||
@media(min-width:720px){ | |||
.skillbox-content tr td:first-child { | .skillbox-sp { | ||
display: flex; | |||
} | align-items: center; | ||
} | justify-content: center; | ||
border: 1px solid #d0bca7; | |||
background-color: #d0bca7; | |||
border-radius: 0.5em; | |||
padding: 0 15px; | |||
} | |||
.skillbox-tag { | |||
width: 25px; | |||
height: auto; | |||
} | |||
.skillbox-tag2 { | |||
width: 30px; | |||
height: auto; | |||
} | |||
.parent-description-container { | |||
padding-left: 2em; | |||
} | |||
@media(min-width:720px) { | |||
.skillbox-content tr td:first-child { | |||
width: 15%; | |||
} | |||
} | |||
}} | }} | ||
{{ResourceLoader|MediaWiki:Y_tabbar.js|isModuleES6=true}} | {{ResourceLoader|MediaWiki:Y_tabbar.js|isModuleES6=true}} | ||
2025年4月7日 (一) 15:12的版本