Mooncell

用户:Beats/common.css

< 用户:Beats

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

  • Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
  • Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
  • Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
  • Opera：前往菜单 → 历史（Mac为Opera → Preferences），或按Ctrl-Shift-Del，然后清除浏览数据 → 勾选“已缓存的图片和文件” → 清除数据。
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/* 公告栏滚动Rollnews-来自萌娘百科*/
#scrollDiv {
width: 100%;
height: 25px;
line-height: 30px;
overflow: hidden
}
div#siteNotice {
margin-bottom: 0.3em;
}
#scrollDiv li {
height: 30px;
padding-left: 10px;
list-style: none;
}
body {
background: url(/images/bg/Bg-lostbelt-story.jpg) no-repeat #F8F8F8;
/* background:url(/bgsd-header.jpg) no-repeat #F8F8F8;*/
background-size: 100%;
}
body #mw-navigation #mw-panel {
top: 48px;
}
body #mw-navigation #mw-head {
background: url(/images/bg/Nav-bg-l-fgovr.png) left top no-repeat, url(/images/bg/Nav-bg-fgovr.png) right top repeat-x;
}
body #mw-navigation #mw-head:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 38px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
body #mw-navigation #mw-head li.selected {
/* background: url(/images/beats/head-selected.png) repeat-x; */
background-size: 100% 40px;
}
body #mw-navigation #mw-head #p-personal {
color: #F5F1DD;
}
body #mw-navigation #mw-head #p-personal a {
color: #F5F1DD;
}
body #mw-navigation #mw-head #p-personal a.new {
color: orange;
}
/* 主要内容 */
body .mw-body {
background: url(/images/bg/Bg-fgovr-logo.png) repeat rgba(248, 248, 248, 0.8);
background-clip: border-box;
margin-top: 199px;
padding-left: 24px;
}
body #mw-page-base {
display: none;
height: 15em;
}
body #mw-head-base {
display: none;
height: 15em;
}
.mw-body-content {
z-index: 1;
}
/* 左侧按钮(页面、讨论)定位 */
body #left-navigation {
margin-top: 160px;
}
/* 右侧按钮(编辑、历史等)定位*/
body #right-navigation {
margin-top: 160px;
}
#p-personal .oo-ui-labelElement-label {
color: #000000;
}
/* 提升背景颜色纯度 */
div.vectorTabs ul li,
#p-variants,
#p-cactions {
background-image: url(/images/wiki/skin/tab-normal-fade.png);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, 1));
background-color: transparent;
}
div.vectorTabs li.selected {
background-image: url(/images/wiki/skin/tab-current-fade.png);
background-image: -webkit-linear-gradient(top, rgba(167, 215, 249, 0), rgba(167, 215, 249, .5) 30%, rgba(167, 215, 249, 1));
/* rgba(167, 215, 249, 1) = #a7d7f9 */
background-color: transparent;
}
#p-variants-label,
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div#mw-head div.vectorMenu h3 {
background-image: none;
}
/*侧边栏样式*/
div#MenuSidebar {
background-color: rgba(255, 255, 255, 0);
box-shadow: none;
top: 170px;
}
div#MenuSidebar>ul {
background-color: hsla(0, 0%, 100%, 0.6);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
border-bottom-right-radius: 4px;
margin-top: -1px;
margin-bottom: 6px;
}
div#MenuSidebar>ul>li {
box-shadow: inset 0 1px #85C1F7;
margin-left: 0;
}
div#MenuSidebar>ul ul {
background-color: hsla(0, 0%, 100%, 0.9);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border-radius: 4px;
width: unset !important;
z-index: 2;
}
div#MenuSidebar>ul ul li {
box-shadow: none;
}
div#MenuSidebar>ul>li>ul {
width: 150%;
font-size: 100%;
}
div#MenuSidebar>ul>li>ul ul {
font-size: 100%;
}
div#MenuSidebar a,
div#MenuSidebar b {
color: #333;
text-decoration: none !important;
}
div#MenuSidebar>p {
border-top: none;
border-bottom: 2px solid #4487DF;
color: #4487DF;
padding: 8px 10px 6px 10px;
background-color: hsla(0, 0%, 100%, 0.6);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16), 0 0 4px rgba(0, 0, 0, 0.23);
border-top-right-radius: 4px;
}
div#MenuSidebar> :first-child,
div#MenuSidebar>:not(p)+ul {
border-top: none;
border-top-right-radius: 4px;
}
div#MenuSidebar>:not(p)+ul>:first-child {
border-top-right-radius: 4px;
}
div#MenuSidebar>ul>:first-child {
box-shadow: none;
}
div#MenuSidebar>ul ul a,
div#MenuSidebar>ul ul b {
padding: 5px 18px 5px 10px;
white-space: nowrap;
}
div#MenuSidebar>ul>li>a,
div#MenuSidebar>ul>li>b {
padding-left: 18px;
}
div#MenuSidebar li li.child>a::after,
div#MenuSidebar li li.child>b::after {
float: unset;
position: absolute;
right: 0;
bottom: 5px;
}
div#MenuSidebar a:hover,
div#MenuSidebar b:hover {
background-color: rgba(205, 235, 252, 0.4);
}
div#MenuSidebar a.selflink,
div#MenuSidebar b.selflink {
font-weight: normal;
color: #333;
background-image: linear-gradient(90deg, #4487DF 4px, transparent 4px);
}
div#MenuSidebar a.selflink:hover,
div#MenuSidebar b.selflink:hover {
background-color: inherit;
color: #333;
}
#left-navigation,
#content {
margin-left: 10.5em;
}
/* 侧栏demo2 */
div#MenuSidebar {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
background-color: linear-gradient(-180deg, rgba(252,252,252,0.00) 0%, rgba(248,248,248,0.80) 17%, rgba(248,248,248,0.80) 80%, rgba(248,248,248,0.00) 97%);
border-radius: 0 4px 4px 0;
}
div#MenuSidebar>ul,
div#MenuSidebar>p {
box-shadow: none;
border-radius: 0 !important;
background-color: unset;
margin: 0;
}
div#MenuSidebar>p {
font-weight: normal;
padding: 8px 10px 3px 10px;
}
div#MenuSidebar>ul>li {
box-shadow: none;
}
div#MenuSidebar>p::after {
height: 4px;
display: block;
width: 100%;
position: absolute;
bottom: -4px;
left: 5px;
border-radius: 25px;
content: "";
background-image: linear-gradient(-90deg, rgba(138,210,243,0.00) 0%, rgba(138,208,241,0.33) 26%, rgba(93,151,226,0.67) 66%, #4B8AD5 98%);
	
}
div#MenuSidebar>p {
color: #4487DF;
position: relative;
padding-left: 15px !important;
margin-top: 0px !important;
margin-bottom: 8px !important;
border: 0px !important;
}
div#MenuSidebar>ul>li>a, div#MenuSidebar>ul>li>b {
padding: 2px 0px;
padding-left: 8px;
margin-top: 2px;
margin-left: 10px;
margin-right: 0px;
border-radius: 5px 0 0 5px;
transition: 0.3s all ease;
color: #555;
}
div#MenuSidebar>ul>:first-child>a, div#MenuSidebar>ul>:first-child>b {
margin-top: 5px;
}
div#MenuSidebar>ul>li>a:HOVER, div#MenuSidebar>ul>li>b:HOVER {
background-color: rgba(34, 170, 255, 0.2);
color: black;
}
div#MenuSidebar>ul>li>a.selflink {
background-color: rgba(34, 170, 255, 0.2) !important;
color: black !important;
}
div#MenuSidebar>ul {
padding-top: 2px;
padding-bottom: 2px;
}
div#MenuSidebar {
background-image: linear-gradient(-180deg, rgba(252,252,252,0.00) 0%, rgba(248,248,248,0.80) 17%, rgba(248,248,248,0.80) 80%, rgba(248,248,248,0.67) 98%,rgba(248,248,248,0.00)100%);
border-radius: none !important;
padding-top: 40px;
box-shadow: none !important;
}
div#MenuSidebar>ul>li.child>a::after, div#MenuSidebar>ul>li.child>b::after {
margin-right: 10px !important;
color: inherit !important;
padding-top: 1% !important;
}
div#MenuSidebar>ul>li>ul {
top: -4px;
}
#left-navigation,
#content {
margin-left: 10em;
}
/* 2.0白纸化 */
.page-首页{
animation: animatedBackground 4s ease-out 1;
}
@keyframes animatedBackground {
from { background-position: 0 calc( 200px - 100vh );}
to { background-position: 0 0;}
}
取自“https://fgo.wiki/index.php?title=用户:Beats/common.css&oldid=152852”