User:850710247liu/common.css

来自萌娘共享
跳转至: 导航搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/*全站字型*/
body {
    font-size: 108%;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.mw-body-content {
    line-height: 1.85;
}
body .ui-dialog .ui-widget-header {
    background: #f1f1f1 !important;
}
body .ui-button {
    box-shadow: 0 0 0 0 !important;
}
::selection {
    text-shadow: none;
}
::-webkit-scrollbar {
    border: 0;
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
::-webkit-scrollbar-thumb {
    border: 0;
    min-height: 34px;
    padding-top: 100;
    background-clip: padding-box;
    background-color: rgba(0,0,0,.15);
}
::-webkit-scrollbar-track {
    border: 0;
    background-clip: padding-box;
    background-color: rgba(206,205,197,.1);
}
::selection {
    background: rgba(0,0,0,.1);
    text-shadow: none;
}
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
    top: -1px;
    border-top: 1px solid #c8ccd1;
}
/* 侧边栏、顶部栏、页脚 */
#p-personal {
    font-size: 17.5px;
    right: 1em;
}
    li span {
        border: 0px !important;
    }
div.vectorTabs {
    font-size: 16px;
    padding-top: 2px;
}
.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a {
    padding-top: 3.4em;
}
    #content {
        border: 0px !important;
        margin-left: 214px !important;
    }

    .portal {
        background: transparent !important;
    }

    #mw-panel {
        width: 200px !important;
        border-right: 1px solid #bbb;
        background: rgb(254,254,254,0.96) !important;
        padding-left: 13px !important;
    }
    
    #p-logo {
        left: 0px;
        padding-left: 10px;
    }

    #p-logo a {
        padding-left: 40px;
        left: 0px;
        border-right: 1px solid #aaa;
    }
    #p-logo a:hover {
        opacity: 1.0;
    }

    #mw-head {
        background-color: rgb(254,254,254,0.95);
        opacity: 1.0;
        box-shadow: 0px 1px 2px #aaa;
        -webkit-transition-property: opacity !important;
        -moz-transition-property: opacity !important;
        -o-transition-property: opacity !important;
        -ms-transition-property: opacity !important;
        transition-property: opacity !important;
        -webkit-transition-duration: 0.5s !important;
        -moz-transition-duration: 0.5s !important;
        -o-transition-duration: 0.5s !important;
        -ms-transition-duration: 0.5s !important;
        transition-duration: 0.25s !important;
    }

    #mw-head:hover {
        opacity: 1.0 !important;
    }

    .uls-settings-trigger {
        display: none !important;
    }

    #left-navigation {
        margin-left: 233px !important;
    }
#mw-page-base {
    height: 104px;
}
#left-navigation,
#right-navigation {
    margin-top: 60px;
}
#mw-head div.vectorMenu h4 {
    height: 1.9em;
    margin-bottom: 0;
    padding-top: 1.25em;
    padding-bottom: 0;
    padding-right: 0.5em;
}
#mw-panel div.portal {
    padding-bottom: 0.7em;
    padding-top: 0.4em;
}
#mw-panel #p-logo .mw-wiki-logo {
    width: 175px;
}
#mw-panel {
    font-size: 18.5px;
    /* mw-panel的宽度是10em,改了font-size以后也需要修改一下 */
    width: 11.6rem;
}
    ul,li {
        border: 0px !important;
    }

   #mw-panel,#mw-head {
        line-height: 1.7 !important;
        font-weight: 300 !important;
    }

#mw-panel .portal .body li {
     line-height: 1.6em;
}
    .mw-wiki-logo{
        padding-left: 5px !important;
        padding-top: 10px !important;
        border: none !important;
    }
.clear-div {
    clear: both;
}
.uls-trigger{
    display: none;
}
div.vectorMenu div.menu {
    top: 2.6em;
    width: 100%;
    background-color: rgba(251,251,251,0.9);
    border: 1px solid #a7d7f9;
    border-top: transparent;
}
#mw-panel .portal .body li a:visited {
  color: #0648AF;
}
#catlinks {
background-color: rgba(251,251,251,0.3);
}
.oo-ui-popupWidget-anchored-top {
    z-index: 10000;
}
#mp-banner {
    margin: -1.7em;
    margin-top: -4.1em;
    background-image: url(https://www.hmoegirl.com/images/0/09/80468767.jpg);
}
#footer {
    margin-left: 12.4em;
    padding: 1.25em;
}
/* 隐藏编辑页面中的返回顶部按钮 */
.page-Mainpage .backToTop,
.action-edit .backToTop,
.action-submit .backToTop {
  display: none !important;
}
/* 标题字型调整*/
#firstHeading {
    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    padding-bottom: 6px;
    font-size: 170%;
}
h2,
h3,
h4,
h5,
h6 {
        font-family: "roboto",sans-serif !important;
	color: #404040 !important;
	line-height: 1.8 !important;
	border-bottom-color: rgba(0, 0, 0, .1) !important;
}
.mw-body-content h2 {
    font-weight: 540;
}
/* 链接显示效果 */
a:hover {
  text-decoration: none;
  color: #2a4b8d!important;
}
a, a:visited {
    text-decoration: none;
    color: #3366cc;
}
.mw-body a.external:visited {
    color: #3366cc;
}

/* 斜体字右边距加大看以防止文字挤在一起 */
#mw-content-text i {
    margin-right: 3px;
}
/* 隐藏首页标题、空行、分类、讨论、查看源代码tab */
.page-Mainpage h1.firstHeading,
.page-Mainpage #siteSub,
.page-Mainpage #contentSub,
.page-Mainpage #ca-viewsource,
.page-Mainpage #siteNotice,
.page-Mainpage #ca-talk,
.page-Mainpage #catlinks,
.page-Mainpage #footer #footer-info
{
    display: none;
}
/* 搜索框 */
#simpleSearch {
  max-width: 220px; 
  background-image: none;
  padding: 0px 10px;
  opacity: 0.625;
  display: flex;
  align-items: center;
  transition: width 0.4s;
}
 
#simpleSearch:hover {
  border-color: var(--theme-color) !important;
}
 
#simpleSearch:focus-within {
  width: 240px;
}
 
#searchInput::-webkit-input-placeholder {
  color: var(--theme-color) !important;
}
 
#searchInput::input-placeholder {
  color: var(--theme-color) !important;
}
 
#simpleSearch #searchButton {
  right: 8px !important;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E %3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E %3C/svg%3E");
  background-color: var(--theme-color) !important;
  background-image: none !important;
  background-color: var(--theme-color) !important;
  width: 20px !important;
  height: 20px !important;
  padding-block-start: 21px;
}
 
#simpleSearch:hover>#searchButton {
  animation: shake 0.4s 1 forwards;
}

#p-search {
    float: left;
    margin-right: 0.5em;
    margin-left: 0.6em;
    margin-top: 0.1em;
}
@keyframes shake {
 
  0%,
  50% {
    transform: rotate(5deg) scale(1.05);
  }
 
  25%,
  75% {
    transform: rotate(-5deg) scale(1.05);
  }
 
  100% {
    transform: rotate(0deg) scale(1.05);
  }
}
.oo-ui-actionFieldLayout-input {
    font-size: 95%;
}
.mw-search-results {
    max-width: 50em;
}
/* wikitable MD化 */
table.wikitable {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  overflow: hidden;
}