MediaWiki:Common.css
来自小鱼君和他的朋友们
注意:在保存以后,您必须绕过浏览器缓存才能看到所作出的改变。
- 谷歌浏览器(Google Chrome)- Windows:按下“Ctrl”键然后按 F5。OS X系统:同时按⌘ Cmd和⇧ Shift键之后按R键。
- Safari - 按住⇧ Shift键然后点击工具栏中重新载入键。
- 火狐(Firefox)- Windows:按住Ctrl键然后按F5。OS X系统:同时按⌘ Cmd和⇧ Shift键之后按R键。
- Internet Explorer:按住Ctrl键然后按F5(或者点击“刷新”按钮)。
/** Common Database **/ @import url(https://common.wjghj.cn/css/toast); /*@import url(https://common.wjghj.cn/css/toastr);*/ /** Local import **/ @import url(/index.php?title=MediaWiki:Animation.css&ctype=text/css&action=raw); @import url(/index.php?title=MediaWiki:CustomSlider.css&action=raw&ctype=text/css); /*@import url(/index.php?title=MediaWiki:Gadget-ShowAvatar.css&action=raw&ctype=text/css);*/ @import url(/index.php?title=MediaWiki:Portable-infobox.css&ctype=text/css&action=raw); /** 字体 **/ @import url("https://fonts.font.im/css?family=Raleway:500,700|Audiowide|Orbitron:400,700|Share+Tech+Mono"); @font-face { font-family:汉真广标; src:url(https://wjghj.cn/Fonts/GuangBiao.ttf) } body { font-family: Raleway,Arial,Tahoma,"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,"Hiragino Sans GB","Microsoft JhengHei",微軟正黑體,sans-serif; color: #0e191a } /** 背景 **/ body { background: url(/images/5/51/Wiki-background.png) 0 0 / 100% fixed; } #mw-content-container { background: transparent; } #mw-content { background: rgba(255,255,255,.85); position: relative; top: 12px; } #mw-footer { color:#252525; margin:0.3em 1em 1em 1em; background:rgba(255,255,255,0.3); padding:8px; border:2px dotted #b0b0b0; border-radius:4px } #mw-footer .footer-icons { position: absolute; right: 48px; } #mw-footer-container a { color:#005dff } #mw-footer-container { border-top: none; margin: 0 16px; text-align: center; } #mw-footer-container #f-poweredbyico { display: none; } #mw-footer-container li { margin: 4px 0; } /** 首页 **/ @media screen and (min-width:850px) { .mainpage-all { display: flex; width: 100%; } .mainpage-all .mainpage-left { width: calc(70% - 8px); margin: 0 4px; } .mainpage-all .mainpage-right { width: calc(30% - 4px); margin: 0 2px; } } pre { overflow: auto !important; background-color: rgba(210,240,255,0.2) !important } .mw-wiki-logo { background-size: 150px } #mw-footer { color: #252525; margin: 0.5em 1em 1em 1em; background: rgba(255,255,255,0.3); padding: 8px; border: 2px dotted #c5c5c5; border-radius: 4px } #mw-footer-container a { color: #005dff } #f-list { margin: 0 } .sidebar-chunk { background: #ccebffcc !important; border: solid #55a2ff !important } li#ca-varlang-1, li#ca-varlang-2, li#ca-varlang-3, li#ca-varlang-4, li#ca-varlang-5, li#ca-varlang-6, li#ca-varlang-7, li#ca-varlang-8, li#ca-varlang-9 { display: none !important } .header-hide { top: -70px !important; transition: all 0.5s } #mw-header-container, #mw-header-hack { transition: all 0.5s } /** 标题 **/ .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: Orbitron,Arial,Tahoma,"Microsoft YaHei" !important } h1.firstHeading { border: none !important; background: linear-gradient(90deg,rgb(151,151,151),rgba(255,255,255,0)); background-position: 0 22px !important; background-repeat: repeat-x !important; background-size: 100% 8px !important; text-shadow: 2px 0px 0px white; width: 100%; padding-left: 4px; margin-bottom: 9px; font-family: Audiowide,Arial,Tahoma,汉真广标,"Microsoft YaHei","Microsoft JhengHei",微軟正黑體,sans-serif !important; font-size: 2em } .ns-0 h1.firstHeading { background: linear-gradient(90deg,rgb(28,98,227),rgba(255,255,255,0)) } .ns-6 h1.firstHeading { background: linear-gradient(90deg,rgb(88,216,165),rgba(255,255,255,0)) } .ns-8 h1.firstHeading { background: linear-gradient(90deg,rgb(255,75,112),rgba(255,255,255,0)) } .ns-10 h1.firstHeading { background: linear-gradient(90deg,rgb(121,80,250),rgba(255,255,255,0)) } #mw-content h2:not(.pi-title):not(.pi-header) { padding-top: 2px; border: none !important; background: linear-gradient(90deg,rgb(127,172,255),rgba(210,232,255,0.53)); background-position: 0 22px !important; background-repeat: repeat-x; background-size: 100% 4px; font-size: 21px; text-shadow: 2px 0px 0px white } #mw-content h3:not(.pi-data-label) { border: none !important; background: linear-gradient(90deg,rgb(159,204,255),rgba(159,204,255,0)); background-position: 0 18px !important; background-repeat: repeat-x; background-size: 100% 2px; font-size: 19px } #mw-content h4 { border: none !important; background: linear-gradient(90deg,rgb(159,204,255),rgba(159,204,255,0)); background-position: 0 18px !important; background-repeat: repeat-x; background-size: 1px 2px; font-size: 17px } #mw-content h5 { font-size: 16px } #mw-content h6 { } /** 链接 **/ a { text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent; text-decoration: none; transition: all .05s } a:hover { text-shadow: 0 0 2.5px #33a6ff,0 0 2.5px #33a6ff; color: #3356df; text-decoration: none; transition: all .14s linear 0s } .mw-collapsible-toggle a { text-shadow: none } a.new { text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent; text-decoration: none; transition: all .05s } a.new:hover { text-shadow: 0 0 2.5px #d30,0 0 2.5px #c20; text-decoration: none; transition: all .14s linear 0s } a.selflink { font-weight: bold; animation: colorful 5s linear infinite; text-shadow: none; cursor: default } .siteNoticeScroll { width: 100%; height: 25px; line-height: 25px; overflow: hidden } .siteNoticeScroll li { height: 25px; list-style: none; text-align: center } .flow-board-header-footer { display: none } .flow-bottom-spacer { color: gray; font-size: 80% } body .tochide { font-size: 95% } body .mw-collapsed.tochide tr:first-child td { padding: 7px!important } body .mw-collapsed.tochide tr:last-child td { padding: 0 7px!important } body .tochide tr:first-child td .mw-collapsible-toggle { top: 7px!important } body .tochide tr:first-child td { padding: 7px 7px 0!important } body .tochide tr:last-child td { padding: 0 7px 7px 7px!important } body .tochide td { width: auto; border-width: 0 } body .tochide div.toc#toc { margin: 0; padding: 0; background: none; background-color: none; border-width: 0; width: 100% } body .tochide #toctitle { display: none } body .tochide ul { background-color: transparent; margin: 0.5em 1em } .mw-body a.external:visited { color: #36b } span.heimu a.external, span.heimu a.external:visited, span.heimu a.extiw, span.heimu a.extiw:visited { color: #252525; transition: all .14s linear 0s } .heimu, .heimu a, a .heimu, .heimu a.new { background-color: #252525; color: #252525; text-shadow: none; transition: all .14s linear 0s } body:not(.heimu_toggle_on) .heimu:hover, body:not(.heimu_toggle_on) .heimu:active, body:not(.heimu_toggle_on) .heimu.off { background-color: rgba(100,100,100,0.3); transition: all .14s linear 0s } body:not(.heimu_toggle_on) .heimu:hover a, body:not(.heimu_toggle_on) a:hover .heimu, body:not(.heimu_toggle_on) .heimu.off a, body:not(.heimu_toggle_on) a:hover .heimu.off { color: #006cb0; background-color: rgba(180,180,180,0.3); transition: all .14s linear 0s } body:not(.heimu_toggle_on) .heimu.off .new, body:not(.heimu_toggle_on) .heimu.off .new:hover, body:not(.heimu_toggle_on) .new:hover .heimu.off, body:not(.heimu_toggle_on) .heimu.off .new, body:not(.heimu_toggle_on) .heimu.off .new:hover, body:not(.heimu_toggle_on) .new:hover .heimu.off { color: #BA0000; background-color: rgba(100,100,100,0.3); transition: all .14s linear 0s } table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100% } table.navbox+table.navbox { margin-top: -1px } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center } .navbox-group { font-weight: 700; padding-left: 1em; padding-right: 1em; white-space: nowrap } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd } .navbox-list { border-color: #fdfdfd } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #74c5ff } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #94cfff } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #a7ddff } .navbox-even { background: none repeat scroll 0 0 #dff0ff } .navbox-odd { background: none repeat scroll 0 0 transparent } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto } .navbox .collapseButton { width: 6em } .navbox .TabLabel { text-align: left } .infoBox { margin: 0 auto } .infoBoxTitle { margin: 3px auto; padding: 0; text-align: center; font-weight: 700 } .infoBoxIcon { display: table-cell; padding: 2px 0 2px .5em; vertical-align: middle } .infoBoxText { display: table-cell; padding: .25em .5em .25em 1.3em; width: 100%; vertical-align: middle } .infoBoxContent { border: 1px solid #ddd; border-left-width: 0; background: #fbfbfb } .infoBoxBelow { margin: 0 auto; padding: 0; text-align: center } div.mw-warning-with-logexcerpt, div.mw-cascadeprotectedwarning { border: 1px solid #ccc; border-left: 10px solid red; clear: both; width: 80%; margin: 0 auto; background: #fcff8b } div.mw-warning-with-logexcerpt p, div.mw-cascadeprotectedwarning p { margin-left: 2em; margin-right: 2em } .mw-logline-protect { background: #ffe34d } .akarin { color: transparent; text-shadow: 1px 1px 8px gray; transition: all .14s liner 0s } span.akarin a.external, span.akarin a.external:visited, span.akarin a.extiw, span.akarin a.extiw:visited { color: transparent; text-shadow: 1px 1px 8px #6af; transition: all .14s linear 0s } .akarin a, a .akarin { color: transparent; text-shadow: 1px 1px 8px #6af; transition: all .14s linear 0s } .akarin a.new { color: transparent; text-shadow: 1px 1px 8px pink; transition: all .14s linear 0s } body:not(.akarin_toggle_on) .akarin:hover, body:not(.akarin_toggle_on) .akarin:active, body:not(.akarin_toggle_on) .akarin.off { color: #999; text-shadow: 1px 1px 2px gray; transition: all .14s linear 0s } body:not(.akarin_toggle_on) .akarin:hover a, body:not(.akarin_toggle_on) a:hover .akarin, body:not(.akarin_toggle_on) .akarin.off a, body:not(.akarin_toggle_on) a:hover .akarin.off { color: #40acff; text-shadow: 1px 1px 2px aliceblue; transition: all .14s linear 0s } body:not(.akarin_toggle_on) .akarin.off .new, body:not(.akarin_toggle_on) .akarin.off .new:hover, body:not(.akarin_toggle_on) .new:hover .akarin.off, body:not(.akarin_toggle_on) .akarin.off .new, body:not(.akarin_toggle_on) .akarin.off .new:hover, body:not(.akarin_toggle_on) .new:hover .akarin.off { color: #f88; text-shadow: 1px 1px 2px pink; transition: all .14s linear 0s } nav.akarin#toc:hover *, .pi-horizontal-group.akarin:hover *, .pi-item.akarin:hover, .pi-data.akarin:hover * { color: #888 !important } nav.akarin#toc:hover a, .pi-horizontal-group.akarin:hover a, .pi-item.akarin:hover a, .navbox.akarin td.navbox-list.akarin:hover a, .pi-data.akarin:hover a { color: #08f !important } nav.akarin#toc:hover a.new, .pi-horizontal-group.akarin:hover a.new, .pi-item.akarin:hover a.new, .navbox.akarin td.navbox-list.akarin:hover a.new, .pi-data.akarin:hover a.new { color: #b00 !important } code, tt { border: 1px solid #e0e0e0; background: #efefef; font-family: sans-serif } .oncopynotify.hide { opacity: 0; animation-play-state: paused; right: -300px; transition: all 1.5s } .oncopynotify { opacity: 1; bottom: 42px; right: 8px; max-width: 285px; position: fixed; z-index: 10000; height: 2em; transition: all .5s; background: white; box-shadow: 0px 0px 10px #666 } .oncopynotify .notify-icon { background: #5fa0ff; width: 32px } .oncopynotify .notify-content { width: auto } .oncopynotify .notify-content .inset { height: 1.5em; width: 250px; margin: 0; overflow: hidden; white-space: nowrap; font-size: 80%; animation: headermarquee 10s linear infinite } /** Popup Window **/ #popup-window-bg { z-index: 500; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.4); } #popup-window { position: fixed; top: 15%; left: 10%; width: 80%; max-height: 80%; z-index: 1001; background: white; padding: 8px 14px; border: 1px solid #ccc; border-bottom: 4px solid #aaa; } #popup-window-close { margin-top: 16px; } #popup-window-close #btn { width: 36px; height: 36px; margin: 0 calc(50% - 18px); }