打开主菜单
少前百科GFwiki
β
搜索
查看“MediaWiki:Vector.css”的源代码
←
MediaWiki:Vector.css
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
自动确认用户
该页提供此wiki软件的界面文字,它已被保护以防止恶意修改。如欲修改所有wiki的翻译,请到
translatewiki.net
上的MediaWiki本地化计划。
您可以查看与复制此页面的源代码。
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ /* pre */ @font-face { font-family: 'LinBiolinum'; src: url("/images/Font/LinBiolinum_R.otf") format("opentype"), url("/images/Font/LinBiolinum_R.woff") format("woff"); } @font-face { font-family: 'LiberationMono'; src: url("/images/Font/LiberationMono-Regular.ttf") format("truetype"), url("/images/Font/LiberationMono-Regular.woff") format("woff"); } pre { color: #eaeaea; font-size: 14px; background-color: #252525; font-family: 'LiberationMono'; border: 1px solid #888; } /* 结构式讨论OOUI临时样式 */ .page-GFwiki_反馈与建议 div#mw-content-text div{color:black} .page-GFwiki_反馈与建议 div#mw-content-text h2{color:black} .page-GFwiki_反馈与建议 div#mw-content-text {background:#fafafa;padding:0 0.5rem} /* <ref>高亮颜色 */ ol.references li:target, sup.reference:target{background:#555} /* 注册页面样式 */ .mw-createacct-benefits-container > h2,.mw-createacct-benefits-container h3 ,.mw-createacct-benefits-container div{ color: white !important; } .mw-abusefilter-history-changed{color:red} /* Vector UI样式替代 Start */ /* smw属性页样式 */ .smw-property-page-results .value-row:hover { background-color: #7775; backdrop-filter: blur(10px); } .smwb-factbox .smwb-cell { border: 0px solid #999999; border-top: 2px solid rgb(34 34 34 / 33%);} .smw-property-page-results .header-title {background:transparent !important} .smwb-theme-light .smwb-propval {background-color:#555} .smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {background-color:#333} .smwb-theme-light .smwb-factbox { border-left: 0.5em solid #777; } .smwb-theme-light .smwb-ifactbox { border-right: 0.5em solid #777; } .smwb-bottom { border-bottom: 2px solid #999; } .smw-callout-error { background: #333; } .smw-callout-warning { background: #333; } /* 通知样式 */ #options-list .smw-table span{color:black} .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: transparent !important; } .mw-notification-content{ color: #292929; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > span { color: #eaeaea !important; } /*用body.page-xxx特定到页面, label.oo-ui-labelElement-label { color: #292929; } */ /* 文件列表背景颜色 */ .mw-datatable td { background-color: #333; } .mw-datatable tr:hover td { background-color: #777; } .mw-datatable th { background-color: #655219; } /* Vector 差异文本样式 */ td.diff-deletedline .diffchange { background: #feeec8; color: #333; } td.diff-addedline .diffchange { color: #333; } td.diff-context { background: #333; border-color:#777 } td.diff-context>div { color: #eaeaea; } /* Vector 后台样式 */ div#preferences {color:black} .mw-htmlform-flatlist-item label {color:black} ul#preftoc li {background-color:#ddd;} #preferences h1 {color:black} #preferences a {color:#0645ad;} /* 杂项 未分类 */ .postedit-icon-checkmark{color:black;} .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-labelElement-label { color: black; } .editOptions .oo-ui-labelElement-label{ color: #292929; } a.stub {color:#f4c430} div#p-cactions >h3>span{color:#999} div#p-cactions >h3 {background:#333} div#p-cactions > input[type="checkbox"]:checked + h3 { background: linear-gradient(to bottom,#333333 0%,#444444 35%);} div#p-cactions > input[type="checkbox"]:checked + h3>span {color: #eaeaea;} div#p-cactions:hover >h3>span {color:#bbb} .ui-widget-content { border: 1px solid #aaa; background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAIAAACY3hF0AAAAd0lEQ…3EStbDSVBAz05i8dYTcHbPPQlBpAkWxFEi7vGIx39Akt0JDx8zhdonkHMAAAAASUVORK5CYII=) 50% top repeat-x; color: #362b36; } #mw-head { position: absolute; top: 0; right: 0; width: 100%; background-image: linear-gradient(180deg,#f4c430 3px,transparent 3px); background-size: 100%; background-repeat: no-repeat; } /* 顶端用户栏 */ #p-personal { height: 28px; position: absolute; right: 0.0; z-index: 100; background-image: linear-gradient(90deg,transparent 80px, #444 160px, #444 518px); overflow: visible; padding-right: .8em; padding-top: .3em; top: 3px; margin-left: 1em; width: auto; background-position-x: right; } div#p-personal ul li a { color: #999; } div#p-personal ul li a:hover { color: #eaeaea; text-decoration: none; border-top: 1px solid #eaeaea; padding-top: 2px; } #pt-notifications-alert .mw-echo-notifications-badge:before { filter: drop-shadow(#ddd 0px 30px); transform: translateY(-27px) translateX(2px); padding: 15px 0px; overflow: hidden; background-size: 20px; background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E %3Cpath d=%22M17.5 14V9c0-3-2.3-5-5.5-5S6.5 6 6.5 9v5c0 2 0 3-2 3v1h15v-1c-2 0-2-1-2-3zM12 20H9c0 1 1.6 2 3 2s3-1 3-2h-3z%22/%3E %3C/svg%3E); } #pt-notifications-notice .mw-echo-notifications-badge:before { filter: drop-shadow(#ddd 0px 30px); padding: 15px 0px; transform: translateY(-27px) translateX(2px); overflow: hidden; background-size: 21px; background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E %3Cpath d=%22M3 13.35l1.8-7.2c.2-.996.81-1.8 1.8-1.8h10.8c.99 0 1.6.867 1.8 1.8l1.8 7.2v4.5c0 .99-.81 1.8-1.8 1.8H4.8c-.99 0-1.8-.81-1.8-1.8v-4.5zm6.96 1.8h4.08c-.49.557-1.212.9-2.04.9a2.68 2.68 0 0 1-2.04-.9h4.08c.414-.472.66-1.098.66-1.8h4.14l-1.44-7.2H6.6l-1.44 7.2H9.3c0 .702.246 1.328.66 1.8z%22/%3E %3C/svg%3E); } /*BASIC*/ a { color: #F4C430; } a:visited { color: #F28500; } div { color: #EAEAEA; } h1, h2, h3, h4, h5, h6 { color: #FFEBAD; } .mw-body-content h3, .mw-body-content h4 { font-weight: normal; } body { background-image:url(/images/1/19/Bg_new.jpg); background-repeat: no-repeat; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; font-family: "Microsoft YaHei", Sans-Serif; background-blend-mode: soft-light; } .black-black { background-color: black; color: black; cursor: crosshair; } html .thumbcaption { color: #333333 !important; } /*BASIC2*/ .mw-body a.extiw:visited { color: #F28500; } .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; } .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { margin-right: 2em; color: #000; } .suggestions-result { color: #eaeaea; margin: 0; line-height: 1.5em; padding: 0.01em 0.25em; text-align: left; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .mw-body a.extiw, .mw-body a.extiw:active { color: #F4C430; } div#mw-panel .portal.first.persistent { margin-top: 5.5em !important; border-top: 0px; } div#mw-panel .portal { margin: 0 0.6em 0 0.7em; padding: 0.25em 0; direction: ltr; background-position: top left; background-repeat: no-repeat; border-top: 1px solid #f4c430; text-shadow: 0 0 1px black; } div#mw-panel div.portal div.body ul li a:visited { color: #F28500; } div#mw-panel div.portal div.body ul li a { color: #F4C430; } #left-navigation { margin-top: 10em; } #right-navigation { margin-top: 10em; } ul { list-style-type: disc; list-style-image: none ; } .mw-body a.external:visited { color: #F28500; } .mw-body a.external { color: #F4C430; } a.new:visited, #p-personal a.new:visited { color: #FF4444; } a.new, #p-personal a.new { color: #F47130; } .mw-search-profile-tabs { background: linear-gradient(180deg , rgba(119, 119, 119, 0.66),rgba(51, 51, 51, 0.33) 100%); margin-top: 1em; border: 1px solid silver; } .mw-search-profile-tabs div.search-types ul li.current a { color: #eaeaea; cursor: default; font-weight: bold; } /*MAIN*/ fieldset#mw-searchoptions { margin: 0; padding: 0.5em 0.75em 0.75em 0.75em; background-color: rgba(51, 51, 51, 0.33); border: 1px solid silver; } .mw-wiki-logo { -webkit-filter: invert(.5) brightness(10); } body { background-color: #333333; } #mw-page-base { background: none; height: 200px; background-image: url(/images/vectorize_logo/GFWiki_LOGO_Filled.svg),url(//www.gfwiki.org/resources/assets/banner.png); background-repeat: no-repeat,repeat-x; background-size: 450px,100%; background-position: left top, left top; } div.vectorTabs li.selected { background: linear-gradient(to bottom,#333333 0%,#444444 35%); } div.vectorTabs { background: rgba(0, 0, 0, 0) ; } div.vectorTabs ul li { background: #333333; } div.vectorTabs span { background: rgba(0, 0, 0, 0); } .mw-body { border: 1px solid #333333; background-color: rgba(0, 0, 0, .7); /* backdrop-filter: blur(10px); */ } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #FFF; } div.vectorTabs li a { color: #969696; } .MainPageBG>table { background: rgba(0,0,0,0) ; } .MainPageBG>table>tbody>tr>td>h2 { background: #333333 ; border: 1px solid #333333 ; color: #EAEAEA ; } div#mw-panel div.portal h3 { color: #EAEAEA; } #mw-panel.collapsible-nav .portal.collapsed h3 a { color: #FFEBAD; } #mw-panel.collapsible-nav .portal h3 a { color: #FFEBAD; text-decoration: none; } div#simpleSearch { background: #444444; border: 1px solid #9E9E9E; padding: 5px 0px; font-size: 18px; top: -9px; } div#simpleSearch:hover { border-color: #FFEBAD; } div#simpleSearch input { margin: 0; padding: 0; border: 0; background-color: transparent; color: #eaeaea; } div#simpleSearch input[type=search]::-webkit-search-cancel-button{ display: none; } div#simpleSearch input#searchButton:hover { background-color: #f4c430cc; } .suggestions-results { background-color: #444444; border: solid 1px #444444; } .suggestions-special { background-color: #333333; border: solid 1px #333333; } .suggestions-special .special-query { color: #EAEAEA; font-style: italic; text-align: left; } .suggestions-result-current { background-color: #333333; color: #F4C430 !important; } .catlinks, td.MainPageBG, table#mp-topbanner, .infobox, .mw-warning, .toccolours, .mbox-small { border: 1px solid #333333 ; background-color: #333333 ; color: #EAEAEA; box-shadow: 0 2px 10px rgba(0,0,0,0.2) ; } .navbox { /*Without shadow*/ border: 1px solid #333333 ; background-color: #333333 ; color: #EAEAEA; } table.wikitable { background-color: #333333; border: 1px solid #333333; border-collapse: collapse; color: #EAEAEA; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid gray; color: #eaeaea; /*background: #333333 !important;*/ } .mw-collapsible>th, .mw-collapsed>th { color: #FFFFFF ; } .navbox th, .navbox-title { background: rgba(0, 0, 0, 0); } .navbox-even { background: #333333; } .navbox-list { border-color: #333333; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #333333; } td.navbox-list.navbox-odd { background: #444444; } navbox-subgroup>tr>td { background: #333333; } #mw-newarticletext { color: #EAEAEA ; } .editOptions>div, #wpSummaryLabel>label { color: #616161 !important ; } /* #mw-content-text>table { background: #333333 ; border-color: #333333 ; } */ #p-logo { width: 380px; height: 111px; /*width: 35em;*/ /*height: 10em;*/ } #p-logo a { background-image: none; width: 380px; height: 111px; /*width: 35em;*/ /*height: 9em;*/ } div#footer { background-color: rgba(10, 10, 10, 0.8); } div#footer ul li { color: #cecece; } /*Table*/ .opacity-black { background-color: #000; opacity: 0.1; } /* new table css */ table.dollTable { display: table; width: 100%; max-width: 1024px; background-color: #111; border: 1px solid #888; text-align: center; margin-bottom: 5px; } table.dollTable td { border: 1px solid #333; background-color: #222; padding: 3px; } table.dollTable th { border: 1px solid #f4c430; background-color: #f4c430; color: black; padding: 3px; } /* 语音table样式 */ table.voiceTable tr:hover { background-color: #f4c430; color: black; } table.voiceTable tr { transition: all 0.3s cubic-bezier(0,0,0.45,1.02); transition-property: background-color,color; } /* desktop voiceTable */ .voiceTableBox { text-align: center; line-height: 1.5rem; max-width: 1024px; width: 100%; } .voiceTableBox tbody tr th { background-color: #f4c430; color: #000; } .voiceTableBox tbody tr th div { color: #000; } .voiceTableBox tbody tr th span a { color: #000; } .voiceTable { text-align: center; line-height: 1.5rem; max-width: 1024px; width: 100%; background-color: rgb(0 0 0 / 72%); display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 2px 2px; } .voiceTableSortTitle { grid-column: 1 / 11; background-color: #f4c430; color: #222; padding: 0.5rem; font-weight: bold; } .voiceTableTitle { grid-column: 1 / 2; background-color: #f4c430; color: #222; font-weight: bold; } .voiceTableContent { grid-column: 2 / 10; text-align: left; background-color: rgb(68 68 68 / 51%); } .voiceTableMedia { grid-column: 10 / 11; padding: 0.5rem 0rem; background-color: rgb(68 68 68 / 51%); } .voiceTableContent:hover { background-color: rgb(244 196 48 / 0.75); color: #000; transition: 0.4s ease; } .mw-collapsible tbody tr td .voiceTable .voiceTableContent { grid-column: 2 / 11; } /* 编辑器 ace_editor 样式 */ .ace_line ,.ace_gutter div,.codeEditor-status span,.codeEditor-status-message,.ace_content span{color:black} /* width 820以下自动隐藏导航栏 @media only screen and (max-width: 820px) { div#mw-panel {display:none;} div#left-navigation{margin-left:0;} .mw-body {margin-left:0;} #footer {margin-left:0;} } */ /* 磨砂效果head 不会用,放着先 */ .container{ width: 287px; height: 285px; background-image: url(background.png); background-repeat: no-repeat; background-attachment: fixed; overflow: hidden; } .frosted-glass{ width: 287px; height: 285px; background: inherit; -webkit-filter: blur(5px); -moz-filter: blur(5px); /*-ms-filter: blur(5px);*/ /*-o-filter: blur(5px);*/ filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); } .weather{ width:80px; height:80px; margin-top: -200px; margin-left: 100px; position: relative; display: block; } /* 磨砂效果end */ /* Wiki UI样式替代 end*/ /* gallerybox css */ li.gallerybox div.thumb { border: 1px solid #222; background-color: #222; box-shadow: 0 0 2px 1px #292929; transition: box-shadow 0.5s; } li.gallerybox div.thumb:hover { box-shadow: 0 0 6px 0px #555; } /** MenuSidebar **/ /* this has to be overridden for every menu */ #p-Menu, #p-Menu2, #p-Menu3 { overflow: visible; } /* this has to be overridden for every menu */ #p-Menu div, #p-Menu2 div, #p-Menu3 div { margin: 0; padding: 0; } /* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item #p-Menu ul li.item2 ul { width: 16em; } */ /* this an example to change the background color of every second list item li.even { background-color: #eeeeee; } */ .menuSidebar ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0; } /* this div is only for better handling and navigation ... could also be done in inner ul*/ .menuSidebar ul div { position: absolute; top: -6px; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */ z-index: 100; /* show ul on top */ } .menuSidebar ul ul { background-color: white; border: 1px solid #aaaaaa; margin-top: 5px; /* make navigation easier*/ margin-bottom: 5px; /* make navigation easier*/ z-index: 101; /* show on top; Needed for IE 7 */ width: 12em; /* width of inner menu, Needed for IE 7 */ } .menuSidebar li { position: relative; /* make li a container for inner elements */ margin: 1px; z-index: 102; /* show on top; Needed for IE 7 */ } /* style, color and size links and headings to suit */ .menuSidebar a { font-weight: bold; display: block; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #aaaaaa; margin: 0px; padding: 1px; padding-left: 5px; color: #000000; text-decoration: none; } /* move the > to the right */ .menuSidebar a em { position: absolute; right: 4px; } .menuSidebar li:hover, /* Needed for IE 7 */ .menuSidebar a:hover { background: #ccccff; } .menuSidebar li.separator a:hover { background: white; } /* Needed for IE 7 */ .menuSidebar li.separator a, .menuSidebar li.separator { line-height: 0px; height: 0px; font-size: 0px; } .menuSidebar ul li:last-Child a { border-width: 0px 0px 0px 0px; // remove the last bottom line padding-bottom: 0px; } /* hides the first level */ .menuSidebar ul li div { display: none; } /* shows the first level and hide the second */ .menuSidebar ul li:hover div, .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */ /* second level*/ .menuSidebar ul li ul li:hover div, .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */ /* third level */ .menuSidebar ul li ul li ul li:hover div, .menuSidebar ul li ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */ /** MenuSidebar end **/ /** GFHideSidebar v1.1 **/ div#SidebarButton { position:absolute; display:block; left:11rem; top:14rem; width: 18px; height: 24px; background-color:rgba(55,55,55,1); border:1px solid #777; border-left:none; border-radius: 0 12px 12px 0; transition:0.2s all ease-out; cursor: pointer; } body.hide div#SidebarButton::after{content:"\f054"} div#SidebarButton::after{ display: inline-block; padding: 3px; content: "\f053"; position: relative; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 19px; } div#SidebarButton:hover{ background-color:#f4c430; color:black; } body.hide #MenuSidebar{ opacity:0;z-index:-1 } #MenuSidebar{ transition:0.2s all ease-out;opacity:1 } body.hide #content,body.hide #footer,body.hide #left-navigation{ margin-left:0rem !important; } #footer, #left-navigation {transition:0.2s margin-left ease-out;} body.hide div#SidebarButton {left:0rem;} #GFHideSidebar {display:none !important} /** GFHideSidebar end **/ /* gfitem */ .gfItemBox { position: relative; width: 50px; height: 50px; display: inline-block; background-color: #eaeaea; border: 3px double #222222; margin: 5px; margin-right: 12px; } .gfItemImgBox { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 90%; } .gfItemText { position: absolute; bottom: -6%; right: -25%; background-color: #d0d0d0; color: #000; padding: 0px 10%; font-size: 0.8rem; line-height: 1rem; box-shadow: 0 0 2px black; } /* gfitem */ /* 常TOC布局 */ div#MenuSidebar li { z-index: 102!important; } #content { display: grid; grid-template-areas: "sn sn""fh fh""bc toc"; grid-template-columns: minmax(0, 100%) 240px; padding: 1.25em 0 1.5em !important; transition: 0.2s all ease-out; } #content.notoc { grid-template-columns: minmax(0, 100%) 0; } #siteNotice { grid-area: sn; } #firstHeading { align-items: center; display: flex; grid-area: fh; height: 56px; padding: 0 .8em; } #firstHeading::first-line { text-shadow: 2px 2px 2px black; } .fnameheader { flex: 1; text-align: right; } #bodyContent { grid-area: bc; padding: 0 1.5em; } #bodyContent:nth-last-child(2) { grid-area: bc / bc / toc / toc ; } #toc-sidebar { grid-area: toc; } .toc { --toc-max-height: calc(100vh - 73px); background: none; border: none; display: block; max-height: var(--toc-max-height); position: sticky; top: 0.5em; } .toc > ul { max-height: calc(var(--toc-max-height) - 23px); overflow-y: scroll; } .toc .toclevel-0 { color: #FFEBAD; font-size: 1.2em; } .toc > ul::after { content: '—目录已到底—'; display: block; text-align: center; width: 100%; } .tocnumber { color: white; } .flow-topic-titlebar { background-color: #f4c430; } .flow-topic-title { color: #212121; } .flow-topic-summary-content div { color: darkgoldenrod; } .error div { color: #dd3333; }
返回至
MediaWiki:Vector.css
。