User:Irukaza/common.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
(未显示同一用户的41个中间版本) | |||
第1行: | 第1行: | ||
.wds-dropdown { | |||
background-color:grey; | |||
border-color:grey; | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.wds-dropdown__content { | |||
background-color: white; | |||
border: 1px grey; | |||
border-radius: 4px; | |||
color: black; | |||
display: none; | |||
left: 50%; | |||
min-width: 70%; | |||
padding: 7px 0; | |||
position: absolute; | |||
top: 100%; | |||
transform: translateX(-50%); | |||
z-index: 1; | |||
} | |||
.wds-dropdown__toggle { | |||
text-decoration: none !important; | |||
border-bottom: 1px dotted gray; | |||
cursor: pointer; | |||
position: relative; | |||
} | |||
.wds-dropdown:before { | |||
border: 9px solid transparent; | |||
border-bottom: 9px solid black; | |||
margin-left: -9px; | |||
} | |||
.wds-dropdown:after, .wds-dropdown:before { | |||
bottom: -1px; | |||
content: ""; | |||
display: none; | |||
height: 0; | |||
left: 50%; | |||
pointer-events: none; | |||
position: absolute; | |||
width: 0; | |||
z-index: 2; | |||
} | |||
.wds-dropdown:after { | |||
border: 8px solid transparent; | |||
border-bottom: 8px solid black; | |||
margin-left: -8px; | |||
} | |||
.wds-dropdown:after, .wds-dropdown:before { | |||
bottom: -1px; | |||
content: ""; | |||
display: none; | |||
height: 0; | |||
left: 50%; | |||
pointer-events: none; | |||
position: absolute; | |||
width: 0; | |||
z-index: 2; | |||
} | |||
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a { | |||
border-radius: 3px; | |||
padding: 12px 6px; | |||
} | |||
.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) { | |||
border-radius: 3px; | |||
color: var(--wds-dropdown-text-color); | |||
cursor: pointer; | |||
font-weight: 400; | |||
padding-left: 9px; | |||
padding-right: 9px; | |||
text-decoration: none; | |||
transition-duration: .3s; | |||
transition-property: background-color,color; | |||
} | |||
.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2>a { | |||
display: flex; | |||
justify-content: space-between; | |||
padding-right: 18px; | |||
} | |||
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li { | |||
margin: 0; | |||
padding: 0 12px; | |||
white-space: normal; | |||
} | |||
.wds-dropdown__content .wds-list>li { | |||
margin: 0 9px; | |||
padding-left: 9px; | |||
padding-right: 9px; | |||
white-space: nowrap; | |||
} | |||
.wds-dropdown__content.wds-is-not-scrollable .wds-list { | |||
position: relative; | |||
} | |||
.wds-dropdown__content .wds-list { | |||
padding: 0; | |||
} | |||
.fandom-community-header__local-navigation .wds-dropdown__content { | |||
max-width: 240px; | |||
padding: 12px 0; | |||
width: max-content; | |||
} | |||
.fandom-community-header__local-navigation .wds-dropdown:after, .fandom-community-header__local-navigation .wds-dropdown:before, .fandom-community-header__local-navigation .wds-dropdown__content { | |||
z-index: 400; | |||
} |
2021年6月14日 (一) 22:03的版本
.wds-dropdown {
background-color:grey;
border-color:grey;
display: inline-block;
position: relative;
}
.wds-dropdown__content {
background-color: white;
border: 1px grey;
border-radius: 4px;
color: black;
display: none;
left: 50%;
min-width: 70%;
padding: 7px 0;
position: absolute;
top: 100%;
transform: translateX(-50%);
z-index: 1;
}
.wds-dropdown__toggle {
text-decoration: none !important;
border-bottom: 1px dotted gray;
cursor: pointer;
position: relative;
}
.wds-dropdown:before {
border: 9px solid transparent;
border-bottom: 9px solid black;
margin-left: -9px;
}
.wds-dropdown:after, .wds-dropdown:before {
bottom: -1px;
content: "";
display: none;
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
width: 0;
z-index: 2;
}
.wds-dropdown:after {
border: 8px solid transparent;
border-bottom: 8px solid black;
margin-left: -8px;
}
.wds-dropdown:after, .wds-dropdown:before {
bottom: -1px;
content: "";
display: none;
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
width: 0;
z-index: 2;
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a {
border-radius: 3px;
padding: 12px 6px;
}
.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) {
border-radius: 3px;
color: var(--wds-dropdown-text-color);
cursor: pointer;
font-weight: 400;
padding-left: 9px;
padding-right: 9px;
text-decoration: none;
transition-duration: .3s;
transition-property: background-color,color;
}
.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2>a {
display: flex;
justify-content: space-between;
padding-right: 18px;
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li {
margin: 0;
padding: 0 12px;
white-space: normal;
}
.wds-dropdown__content .wds-list>li {
margin: 0 9px;
padding-left: 9px;
padding-right: 9px;
white-space: nowrap;
}
.wds-dropdown__content.wds-is-not-scrollable .wds-list {
position: relative;
}
.wds-dropdown__content .wds-list {
padding: 0;
}
.fandom-community-header__local-navigation .wds-dropdown__content {
max-width: 240px;
padding: 12px 0;
width: max-content;
}
.fandom-community-header__local-navigation .wds-dropdown:after, .fandom-community-header__local-navigation .wds-dropdown:before, .fandom-community-header__local-navigation .wds-dropdown__content {
z-index: 400;
}