|
|
| （未显示同一用户的1个中间版本） |
| 第47行： |
第47行： |
| </div> | | </div> |
|
| |
|
| {{#css:
| |
| .y_tabbar {
| |
| margin: 0;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs,
| |
| .y_tabbar .second-level-tabs {
| |
| display: flex;
| |
| flex-direction: row;
| |
| background-color: transparent;
| |
| margin-bottom: 0;
| |
| color: #457afb;
| |
| box-shadow: inset 0 -1px 0 0 #a2a9b1;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs .tab-btn:hover,
| |
| .y_tabbar .second-level-tabs .tab-btn:hover {
| |
| text-decoration: underline;
| |
| }
| |
|
| |
|
| |
|
| |
| .y_tabbar .first-level-tabs div,
| |
| .y_tabbar .second-level-tabs div {
| |
| padding: 10px 20px;
| |
| cursor: pointer;
| |
| border-right: none;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs div:last-child,
| |
| .y_tabbar .second-level-tabs div:last-child {
| |
| border-right: none;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs div.active,
| |
| .y_tabbar .second-level-tabs div.active {
| |
| background-color: #e0e0e0;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .y_tabbar .second-level-container {
| |
| background-color: transparent;
| |
| border: none;
| |
| border-radius: 5px;
| |
| padding: 0;
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .y_tabbar .content {
| |
| margin-top: 0;
| |
| text-align: left;
| |
| }
| |
|
| |
| /* 添加选中效果样式 */
| |
| .y_tabbar .selected {
| |
| border-bottom: 3px solid #457afb;
| |
| }
| |
|
| |
| .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 {
| |
| display: flex;
| |
| flex-direction: row;
| |
| justify-content: flex-start;
| |
| }
| |
|
| |
| .skillbox-left {
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: flex-start;
| |
| margin: 5px;
| |
| align-items: center;
| |
| }
| |
|
| |
| .skillbox-name {
| |
| font-size: 1.35em;
| |
| line-height: 1;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .skillbox-right {
| |
| width: 100%;
| |
| }
| |
|
| |
| .skillbox-topbox {
| |
| display: flex;
| |
| width: 100%;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .skillbox-namebox {
| |
| display: flex;
| |
| flex-direction: row;
| |
| align-items: center;
| |
| }
| |
|
| |
| .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}} |
