User:Irukaza/common.css：修订间差异

H萌娘，万物皆可H的百科全书！
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
imported>=海豚=
无编辑摘要
（未显示同一用户的1个中间版本）
第57行： 第57行：
    z-index: 2;
    z-index: 2;
}
}
.custom-dropdown {
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a {
    display: inline-block;
    border-radius: 3px;
    padding: 1px 8px;
    padding: 12px 6px;
}
}
.custom-dropdown > :first-child:after {
.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) {
   background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
    border-radius: 3px;
   border-color: white transparent transparent;
    color: var(--wds-dropdown-text-color);
   border-style: solid;
   border-width: 4px;
   content: "";
   display: inline-block;
   height: 1px;
   margin-left: 4px;
   margin-top: 2px;
   position: relative;
   vertical-align: middle;
   width: 1px;
}
.custom-dropdown:hover {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   margin-bottom: -1px;
}
.custom-dropdown ul {
   list-style: none outside none;
   min-width: 100%;
   top: auto;
   display: none;
   margin: 0;
   position: absolute;
   z-index: 100;
}
.custom-dropdown:hover ul,
.custom-dropdown.wikia-menu-button:hover ul {
   display: block;
}
.custom-dropdown li a {
   font-size: 12px;
   height: 14px;
   line-height: 14px;
}
.WikiaArticle {
   overflow: visible;
}
/**
* The following rules approximate legacy styles which are missing from UCP.
*
* Some notes, in no particular order, follow.
*
*  - Because of the template, we only need the base styles for `.wikia-menu-button`.
*   The `:hover` styles from <buttons-wikia-menu.scss> revert the `:hover` styles from <buttons-wikia.scss> to the base styles.
*   We don't need `button`-specific stuff (like `[disabled]`) or variants (like `.secondary` and `.big`).
*   Since the `div` has no `tabindex`, we don't need `:focus` either.
*
* For details, see:
*
*  - <https://discordapp.com/channels/246075715714416641/246737000189788161/761137290251862037>;
*  - <https://github.com/Wikia/app/blob/release-1153.001/skins/shared/styles/buttons/buttons-wikia-menu.scss>; and
*  - <https://github.com/Wikia/app/blob/release-1153.001/skins/shared/styles/buttons/buttons-wikia.scss>.
*
*/
.custom-dropdown.wikia-menu-button {
   /* non-overridden declarations from <buttons-wikia.scss> follow: */
   background-color: var(--theme-accent-color);
   /* TODO: maybe set `background-image` to `linear-gradient(to bottom, $color-button-highlight 35%, var(--theme-accent-color) 65%)` */
   border: 1px solid var(--theme-accent-color);
    border-radius: 4px;
    color: var(--theme-accent-label-color);
    cursor: pointer;
    cursor: pointer;
   display: inline-block;
    font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
    padding-left: 9px;
    font-size: 12px;
    padding-right: 9px;
   height: 19px;
    line-height: 20px;
   white-space: nowrap;
   /* non-overridden declarations from <buttons-wikia-menu.scss> follow: */
   list-style: none;
   margin: 0;
   position: relative;
   text-align: left;
}
.custom-dropdown.wikia-menu-button a {
    text-decoration: none;
    text-decoration: none;
   transition-duration: .3s;
   transition-property: background-color,color;
}
}
.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2>a {
.custom-dropdown.wikia-menu-button ul {
    display: flex;
   background: var(--theme-page-background-color);
    justify-content: space-between;
   border: 1px solid var(--theme-accent-color);
    padding-right: 18px;
   display: none;
   left: -1px;
   margin: 0;
   position: absolute;
   z-index: 100;
   box-shadow: 1px 2px 12px 0 #000; /* TODO: maybe calculate color as `darken(var(--theme-article-background-color), 80%)` */
}
.custom-dropdown.wikia-menu-button ul a,
.custom-dropdown.wikia-menu-button ul .mw-selflink {
   color: var(--theme-page-text-color);
    display: block;
    padding: 9px 9px 7px;
}
.custom-dropdown.wikia-menu-button ul a:hover {
   background-color: var(
     --theme-page-background-color--secondary
    ); /* TODO: compute this properly; for light wikis, `$dropdown-background` is `mix(var(--theme-accent-color), var(--theme-article-background-color), 20%)`, and for dark wikis, it's `lighten($dropdown-background, 8%)` */
   /* extra UCP crap follows: */
   color: var(--theme-page-text-color);
}
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li {
.custom-dropdown.wikia-menu-button ul li {
   border-top: 1px solid var(--theme-border-color);
   line-height: normal;
   /* extra UCP crap follows: */
    margin: 0;
    margin: 0;
   padding: 0 12px;
   white-space: normal;
}
}
.wds-dropdown__content .wds-list>li {
.custom-dropdown.wikia-menu-button ul li:first-child {
   margin: 0 9px;
    border: 0;
   padding-left: 9px;
   padding-right: 9px;
    white-space: nowrap;
}
}
.wds-dropdown__content.wds-is-not-scrollable .wds-list {
.custom-dropdown.wikia-menu-button .WikiaMenuElement {
    position: relative;
    margin: 0;
}
}
.client-js .mw-collapsibl:before, .client-js .mw-collapsible:before {
.wds-dropdown__content .wds-list {
    content: none !important;
    padding: 0;
}
}


*, :after, :before {
.fandom-community-header__local-navigation .wds-dropdown__content {
    box-sizing: inherit;
   max-width: 240px;
   padding: 12px 0;
    width: max-content;
}
}
*, :after, :before {
.fandom-community-header__local-navigation .wds-dropdown:after, .fandom-community-header__local-navigation .wds-dropdown:before, .fandom-community-header__local-navigation .wds-dropdown__content {
   box-sizing: inherit;
    z-index: 400;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
   font: normal normal normal 100% inherit;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
}
}

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;
}
取自“https://hmoegirl.com/index.php?title=User:Irukaza/common.css&oldid=26288”