打开主菜单
少前百科GFwiki
β
搜索
查看“MediaWiki:Common.css”的源代码
←
MediaWiki:Common.css
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
自动确认用户
该页提供此wiki软件的界面文字,它已被保护以防止恶意修改。如欲修改所有wiki的翻译,请到
translatewiki.net
上的MediaWiki本地化计划。
您可以查看与复制此页面的源代码。
/* 这里放置的CSS将应用于所有皮肤 */ /* 表格logo */ table.logo::after{ content: ""; position: absolute; bottom: 00px; right:00px; pointer-events: none; width: 250px; height: 250px; opacity:0.1; background: url(/images/vectorize_logo/GFWiki_LOGO_Square_Filled.svg) no-repeat right bottom; background-size: 80%; } table.logo{position:relative;} /* Sidebar Glass effect div#MenuSidebar > ul{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} */ .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .stattable th .mw-collapsible-text {color:black !important} /* OOUI颜色Hack */ div.codemirror-popup-text { color:black; } /* OOUI画廊模式替代 */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background: rgba(0, 0, 0, 0.6); } /* spine 全局样式 */ div[data-tdoll-id] { position: relative; justify-content: center; align-items: center; display: flex; } /* 加密(方块化文字)样式 */ .codifytext { display: inline-block; -webkit-text-security: square; cursor: help; } .codifytext:hover { -webkit-text-security: none; } /* template:折叠 样式 */ div.simpleCollapse span { border: 4px solid; display: inline-block; color: #000; padding: 0.5rem 1rem; border-radius: 0px; cursor: pointer; background: #f4c430; border-image: url(//www.gfwiki.org/images/vectorize_border/border_dot.svg); border-image-slice: 2; border-image-width: 2px; background-clip: padding-box; transition: all 0.1s ease-in-out; user-select: none; } div.simpleCollapse span.silver { border: 4px solid; display: inline-block; color: #fff; padding: 0.5rem 1rem; border-radius: 0px; cursor: pointer; background: #333; border-image: url(//www.gfwiki.org/images/vectorize_border/border_dot.svg); border-image-slice: 2; border-image-width: 2px; background-clip: padding-box; transition: all 0.1s ease-in-out; user-select: none; } /* template:折叠2 样式 */ div.gfCollapse span.gfCollapseTitle { border: 4px solid; display: inline-block; padding: 0.5rem 1rem; border-radius: 0px; cursor: pointer; border-image: url(//www.gfwiki.org/images/vectorize_border/border_dot.svg); border-image-slice: 2; border-image-width: 2px; background-clip: padding-box; transition: all 0.1s ease-in-out; user-select: none; } span.gfCollapseSign { float: right; font-weight: bold; } /* 回到顶部 */ .backToTop { opacity: 1; filter: alpha(opacity=100); position: fixed; z-index: 102; bottom: 10px; right: 5px; display: none; height: 160px; width: 100px; background-repeat: no-repeat; background-image: url(//www.gfwiki.org/images/d/df/Up_btn.gif); background-color: transparent; background-size: 100%; cursor: pointer; } /* 隐藏编辑页面中的返回顶部按钮 */ .action-edit .backToTop, .action-submit .backToTop { display: none !important; } /* 小头像通用样式 */ div.TDavatar { position: relative; width: 100px; height: 100px; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block } div.TDavatar img { padding: 10%; width: 80% !important; height: 80% !important; } div.TDavatar::after { left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; pointer-events: none; z-index: 1 } /* 小头像稀有度样式 */ div.TDavatar.rareBlank { background-image: url(/images/8/84/Item_blank.png); } div.TDavatar.rare2::after { content:" "; background-image:url(/images/8/84/Icon_2x_star.png); position: absolute; } div.TDavatar.rare2 { background-image: url(/images/b/b4/Icon_2x.png); } div.TDavatar.rare3::after { content:" "; background-image:url(/images/4/45/Icon_3x_star.png); position: absolute; } div.TDavatar.rare3 { background-image: url(/images/3/31/Icon_3x.png); } div.TDavatar.rare4::after { content:" "; background-image:url(/images/b/b4/Icon_4x_star.png); position: absolute; } div.TDavatar.rare4 { background-image: url(/images/2/29/Icon_4x.png); } div.TDavatar.rare5::after { content:" "; background-image:url(/images/b/ba/Icon_5x_star.png); position: absolute; } div.TDavatar.rare5 { background-image: url(/images/4/45/Icon_5x.png); } div.TDavatar.rare6::after { content:" "; background-image:url(/images/c/cb/Icon_6x_star.png); position: absolute; } div.TDavatar.rare6 { background-image: url(/images/b/b5/Icon_6x.png); } div.TDavatar.rareEX::after ,div.TDavatar.rare1::after { content:" "; background-image:url(/images/0/05/Icon_Ex_star.png); position: absolute; } div.TDavatar.rareEX , div.TDavatar.rare1 { background-image: url(/images/8/8a/Icon_Ex.png); } div.TDavatar.SF::after { content:" "; background-image:url(/images/b/b0/Icon_SF_star.png); position: absolute; } div.TDavatar.SF { background-image: url(/images/3/38/Icon_SF.png); } div.TDavatar.none::after { content:" "; background-image:url(/images/5/5f/Icon_none_star.png); position: absolute; } div.TDavatar.none { background-image: url(/images/3/37/Icon_none.png); } /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; background-color: #f8f9fa; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } /* tabber样式(在tabber上级元素中加入class="pretab") */ .pretab > .tabber ul.tabbernav { margin: 0px; padding: 0px 0px !important; border-bottom: 0px solid #CCC; font-family: "Microsoft YaHei",Sans-Serif !important; font-size: 1em !important; font-weight: normal !important; margin-bottom: 3px; } .pretab > .tabber .tabbertab { padding: 0px; border: 0px solid #CCC; border-bottom: 2px solid #f4c430; border-right: 2px solid #f4c430; background-image: linear-gradient(135deg, #f4c430 5px,transparent 5px); padding: 10px; background-color:#333 } /* 人形页spine动画 */ .spinebox > p{ height:25px; text-align:center; line-height:25px; font-weight:bold; margin:0px; margin-bottom:2px; display: block; flex-basis: 300px; flex-shrink: 1; flex: 1; min-width: 300px; color: #333; } .spinebox > p:nth-child(2) {height: 0px;position: relative;z-index: 1;text-align: right;margin: 0px;padding-right:5px;} .spinebox > div { background:rgba(119, 119, 119, 0.33); flex-basis: 300px; flex-shrink: 1; flex-grow: 1; } .spinebox { border: 10px double; border-image: url(/images/vectorize_border/BORDER_BIG.svg); border-image-slice: 10; border-image-width: 10px; background: rgba(51,51,51,0.7); background-clip: content-box; flex-flow: row wrap; max-width: 920px; min-width: 400px; display: block; } .spinebox select.chibi-costume-switcher { position: absolute; top: 5px; right: 5px; width: 120px; height: 24px; background-color: #222; color: #eaeaea; border: none; border-bottom: 1px solid #eaeaea; cursor: pointer; opacity: 0.5; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .spinebox select.chibi-costume-switcher:hover { opacity: 1; } .spinebox select.chibi-costume-switcher:focus-visible { outline: none; } #TDollChibiAnimation { height:400px; } /* Quote 样式 (配合模板使用) */ table.cquote { text-shadow: 0 0 5px black; padding: 0.5em 1em 0em 0em; } table.cquote.type1 { border-left: 5px solid #f4c430; border-spacing: 0; background-image: linear-gradient(0deg,rgba(244, 196, 48, 0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 0, 0, 0.5) 35%,transparent 100%); background-size: 100% 3px; } table.cquote.type2 { border-left: 5px solid #e00000; border-spacing: 0; background-image: linear-gradient(0deg,rgba(244, 48, 48, 0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(51, 0, 0, 0.5) 35%,transparent 100%); background-size: 100% 3px; } table.cquote > tbody td.content { padding-left: 1em; font-style:italic; } table.cquote > tbody td.character { padding-left: 2em; vertical-align: bottom; } table.cquote > tbody td.character > p{ font-size:smaller; text-align:right; margin: 0px; margin-top: 1em; } table.cquote > tbody td.content > p:last-child { color: #f4c430; font-weight: bold; font-style: normal; text-align: center; } /*标签头像样式*/ div.TDnavbar { position: relative; vertical-align: middle; font-size: 15pt; background-color:rgba(85, 85, 85, 0.9); padding:3px 5px; font-family:'Linux Libertine','Georgia','Times',serif; margin-right: 5px; } div.TDnavbar:before{ content:""; z-index:11; position:absolute; width:100%; left:0px; padding-right: 5px; height:100%; background-image:linear-gradient(0deg,transparent 49%,#fff 49%,#fff 51%,transparent 50%); } div.TDnavbar {display:none;transition: 0.5s all ease-in;opacity:0;position:absolute;z-index:100;min-width:100px;word-break:keep-all;right:70px;border-right:5px solid;} a:hover + div.TDnavbar {opacity:1;display:block} div.TDnavbox.r5 img { position: relative; Z-INDEX:10; width:65px; border-right: 5px solid #feb300 ; background-color: rgba(85, 85, 85, 0.65); background-image: linear-gradient(-70deg,#aa7746 34px,transparent 35px); background-repeat: no-repeat; } div.TDnavbox.r5 div.TDnavbar{ color:#feb300; } div.TDnavbox.r4 img { position: relative; Z-INDEX:10; width:65px; border-right: 5px solid #d1df5b ; background-color: rgba(85, 85, 85, 0.65); background-image: linear-gradient(-70deg,#81824b 34px,transparent 35px); background-repeat: no-repeat; } div.TDnavbox.r4 div.TDnavbar{ color:#d1df5b ; } div.TDnavbox.r3 img { position: relative; Z-INDEX:10; width:65px; border-right: 5px solid #6bdac7 ; background-color: rgba(85, 85, 85, 0.65); background-image: linear-gradient(-70deg,#32506e 34px,transparent 35px); background-repeat: no-repeat; } div.TDnavbox.r3 div.TDnavbar{ color:#6bdac7 ; } div.TDnavbox.r2 img { position: relative; Z-INDEX:10; width:65px; border-right: 5px solid #fff ; background-color: rgba(85, 85, 85, 0.65); background-image: linear-gradient(-70deg,#747474 34px,transparent 35px); background-repeat: no-repeat; } div.TDnavbox.r2 div.TDnavbar{ color:#fff ; } div.TDnavbox.r6 img { position: relative; Z-INDEX:10; width:65px; border-right: 5px solid #deb6ff ; background-color: rgba(85, 85, 85, 0.65); background-image: linear-gradient(-70deg,#68517b 34px,transparent 35px); background-repeat: no-repeat; } div.TDnavbox.r6 div.TDnavbar{ color:#deb6ff ; } div.TDnavbar > p { position: relative; display: block; padding:4px 10px; margin:0px; text-align:center; line-height:1em; word-break: keep-all; white-space: nowrap; } div.TDnavbox{ word-break: keep-all; min-width: auto; flex-wrap: nowrap; display: inline-flex; padding: 3px 5px; position: relative; } /*标签式头像图鉴样式2*/ table.iconbox tr > td:first-child {padding-top:4px;vertical-align:top;} table.iconbox tr > td:last-child {padding:0px;font-size:0px;} div.TDnavbox.lead div.TDnavbar {left:75px;right:auto;} /* 折叠部分 */ /* Default styling for Navbar template */ .navbar { display: inline; font-weight: normal; } .navbar ul { display: inline; white-space: nowrap; } .navbar li { word-spacing: -0.125em; } /* Navbar styling when nested in navbox */ .navbox .navbar { display: block; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 8em; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in [[MediaWiki:Common.js]] are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } /* In navboxes, the show/hide button balances the v·d·e links from [[Template:Navbar]], so they need to be the same width. */ .navbox .collapseButton { width: 8em; } /* Footer */ div#footer #footer-icons li { margin-left: 0; } #footer-poweredbyico a { margin-right: 0.5em; } /* Tooltips */ a.top_tooltip { display: inline; position: relative; } a.top_tooltip span { width: 140px; height: auto; color: #fff; background: #2b2b2b; position: absolute; font-size: 13px; text-align: center; padding: 10px; line-height: 20px; visibility: hidden; border-radius: 10px; } a.top_tooltip span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #2b2b2b; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.top_tooltip span { visibility: visible; opacity: 0.8; bottom: 30px; left: 50%; margin-left: -76px; z-index: 999; } #cnzz_stat_icon_1260801769 { visibility: hidden; } /* Slider */ .csslider1 > ul { height: 280px; } /* diff-context */ .diff-context { color: #9e9e9e ; } td.diff-addedline .diffchange { color: #9e9e9e; } td.diff-context>div { color: #9e9e9e ; } /* goTop */ .goTop { height: 64px; width: 64px; background: rgba(244, 196, 48, 0.8); position: fixed; border-radius: 50px; top: 80%; right: 1%; display: none; } .goTop span { color: #fff; background-image: url('/resources/assets/rocket.png'); position: absolute; width: 90%; height: 90%; } .sm2-bar-ui { font-size: 16px; } .sm2-bar-ui .sm2-inline-texture { background: transparent; } .sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-main-controls, .sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-playlist-drawer, .sm2-widget-3f4e46fe-0b3e-4e01-83f2-44dd887e0f8b .sm2-bar-ui .sm2-lyric-drawer {background-color: #F4C430; } /* SMW 样式 */ .smw-editpage-help { background-color: #333; border: 1px solid silver; padding: 0.5em 1em 0.5em 1em; margin-bottom: 1em; } /* CodeMirror 样式 */ .CodeMirror { background: #151515 !important; } .CodeMirror-activeline-background { background: #505050 !important; } .cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol, .cm-mw-extlink, .cm-mw-free-extlink { color: #F4C430 !important; } .iteminfo { display: none; } .itemhover:hover .iteminfo { display: block; } .nodesktop { display: none !important; } .mw-collapsible-toggle{ position:relative; Z-index:50; } .gfbackground{ border-radius:10px; background:url(/images/9/99/BG_1.png); background-size: 50px; } .smw-ask-otheroptions tr{background:#333 !important;} /* 替代筛选表格样式 Start */ table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #555; } /* 替代筛选表格样式 End */ /* tab body*/ .tabber{ display:block; } .tabbertab p{ margin:0px; } .tabber .tabbertab { padding: 0px; border: 0px solid #CCC; } .tabber ul.tabbernav { margin: 0px; padding: 0px 0px !important; border-bottom: 0px solid #CCC; font-family: "Microsoft YaHei",Sans-Serif !important; font-size: 1em !important; font-weight: normal !important; } /* inactive tab */ ul.tabbernav li a{ border: 1px double; border-image: url(/images/vectorize_border/BUTTON_AT.svg); border-image-slice: 7; border-image-width: 7px; background: #333; background-clip: padding-box; color: #FFF; text-shadow:none; z-index:5; height:21px; padding: 0px 5px 0px 5px !important; margin-right: 9px; margin-left: 0px !important; } ul.tabbernav li a:visited { color: #fff; } ul.tabbernav li a:link { color: #fff; } ul.tabbernav li a:hover { background-color: #333; background-clip: padding-box; color: #fff; } ul.tabbernav li.tabberactive a:visited { color: #333; } ul.tabbernav li.tabberactive a:link { color: #333; } ul.tabbernav li.tabberactive a:hover { background-color: #F4C430; background-clip: padding-box; color: #333; } /* active tab */ ul.tabbernav li.tabberactive a{ border: 1px double; border-image: url(/images/vectorize_border/BUTTON_DA.svg); border-image-slice: 7; border-image-width: 7px; background-color: #F4C430; background-clip: padding-box; color: #333; height: 21px; z-index:6; text-shadow:none; } /* GF Style table */ .stattable{ text-shadow: 0 0 1px rgba(0, 0, 0, 0.67); } table.stattable th{ background: #f4c430; color: #111; background-position: right -5px center !important; padding: 2px 10px 2px 5px !important; white-space: nowrap; } table.stattable{ border: 0px solid transparent; border-spacing: 2px; border-color: transparent; background: transparent; } table.stattable1{ border: 0px solid transparent; border-spacing: 2px; border-color: transparent; background: transparent; } td.tiles > table {width:60px;height:60px;} table.stattable>tbody>tr>td ,table.stattable>tfoot>tr>td { background: rgba(119,119,119,0.33); } table.stattable td{ border: 0px solid transparent; border-spacing: 2px; border-color: transparent; } div.stattable>div{ margin:0px; } table.stattable p.rankSS{ background:transparent; background-image:url(/images/f/f7/RANK-SS.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankS{ background:transparent; background-image:url(/images/e/e0/RANK-S.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankA{ background:transparent; background-image:url(/images/4/42/RANK-A.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankB{ background:transparent; background-image:url(/images/2/22/RANK-B.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankC{ background:transparent; background-image:url(/images/6/61/RANK-C.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankD{ background:transparent; background-image:url(/images/b/be/RANK-D.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankE{ background:transparent; background-image:url(/images/3/32/RANK-E.png); background-repeat:no-repeat; background-position:right; margin:0px; padding:0px; width:25px; height:25px; float:right; } table.stattable p.rankN{ margin:0px; padding:0px; width:25px; height:25px; float:right; } /* 标签背景样式 */ .gflabelbg{ background:linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px),linear-gradient(-45deg,transparent 6px,#F4C430 5px); } .gflabelbg1{ background: linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px),linear-gradient(-45deg,#F4C430 6px,transparent 5px); } /* 战术人形基础信息表样式 */ skill{ color:#f4c430; margin: 0px 3px; font-family: 'LinBiolinum'; } div.TDollInformation{ flex-flow: row wrap; align-items: flex-start; display: inline-flex; max-width: 920px; flex: auto; border: 10px double; border-image: url(/images/vectorize_border/BORDER_BIG.svg); border-image-slice: 10 fill; border-image-width: 10px; background-clip: content-box; } div.TDollInformation .tabber ul.tabbernav { position: absolute; top: -20px; left: 2px; } div.TDollInformation > div.TDollStattables{ float: left; min-width: 300px; flex-grow: 1; flex-shrink: 1; flex-basis: 300px; position: relative; } div.TDollInformation > div.TDollSkilltables{ position: relative; width: auto; height: fit-content; min-width: 300px; flex-grow: 3; flex-basis: 600px; max-width: 100%; } .abtb1{padding:0px;} .abtb2{padding:0px;} .obtainflag{ border: 1px solid transparent; border-radius: 2px; margin-right: 2px; padding-left: 2px; padding-right: 2px; clear: both; } .obtainflagcontainer { float: left; color: black; text-shadow: none; display: inline-block; width: 72px; } .obtainflag.normalcraft{ background:#50ee50; } .obtainflag.heavycraft{ background:#ff5050; } .obtainflag.drop{ background:#F4C430; } .obtainflag.extra{ background:#ff4ce8; } .obtainflag.unable{ opacity: 0.25; } .spoiler {filter:blur(3px); text-shadow: 0px 0px 5px white;transition: all 0.1s ease-in-out;} .spoiler:hover {filter:none;text-shadow:none;} /* Character Page Menu */ /* ul.charnav { list-style-type: none; list-style-image: none; margin: 0; padding: 0; overflow: hidden; background-color:rgba(0,0,0,0.4); } ul.charnav li {float: left;} ul.charnav li { display: block; text-align: center; padding: 14px 16px; text-decoration: none; color:#252525; } ul.charnav li:hover {background-color: #252525;color:white;} ul.charnav li a:hover {background-color:#252525;color:#ffb400;} ul.charnav li.active {background-color:#FFB400;color:black;} ul.charnav li.right {float: right;} @media screen and (max-width: 600px){ ul.charnav li.right, ul.charnav li {float: none;} } */ /* Spine animation */ .profiletable .tdoll_chibi, .profiletable .chibiAnimationContainer, .chibiAnimationContainer.commander-chibi { background: repeating-linear-gradient(-55deg,#22222266,#22222266 10px,#33333366 10px,#33333366 20px); } .profiletable .tdoll_chibi .chibiAnimation, .profiletable .chibiAnimationContainer .chibiAnimation { margin-top: 80px; } .profiletable .tdoll_chibi .chibiAnimationClickArea, .profiletable .chibiAnimationContainer .chibiAnimationClickArea { height: 260px; } .tdoll_chibi .chibiAnimation, .chibiAnimationContainer .chibiAnimation { flex-shrink: 0; pointer-events: none; } .commander-chibi-container { display: inline-block; } .commander-chibi-container .chibiAnimationClickArea { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .commander-chibi-container .chibiAnimation { position: absolute; } /** tree.css*/ .tree ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*We will use ::before and ::after to draw the connectors*/ .tree li::before, .tree li::after{ content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .tree li::after{ right: auto; left: 50%; border-left: 1px solid #ccc; } /*We need to remove left-right connectors from elements without any siblings*/ .tree li:only-child::after, .tree li:only-child::before { display: none; } /*Remove space from the top of single children*/ .tree li:only-child{ padding-top: 0;} /*Remove left connector from first child and right connector from last child*/ .tree li:first-child::before, .tree li:last-child::after{ border: 0 none; } /*Adding back the vertical connector to the last nodes*/ .tree li:last-child::before{ border-right: 1px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .tree li:first-child::after{ border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } /*Time to add downward connectors from parents*/ .tree ul ul::before{ content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 20px; } .tree li a{ border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*Time for some hover effects*/ /*We will apply the hover effect the the lineage of the element also*/ .tree li a:hover, .tree li a:hover+ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } /*Connector styles on hover*/ .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before{ border-color: #94a0b4; } /** 应该是加边框 */ .tree span{display:inline-block;box-sizing:border-box;height:30px;line-height:28px;min-width:60px;text-align:center;color:#888;border:1px solid #ddd;border-radius:5px;padding:0 8px;} /** 控制鼠标移上去的颜色 */ .tree span:hover, .tree span:hover+ul span{color:#fff;background-color:orange;} .tree span:hover, .tree span:hover+ul span, .tree span:hover+ul li:before, .tree span:hover+ul li:after{border-color:orange;} /* 对话框样式 */ .leftDialog { display: block !important; position: relative; min-height: 80px; min-width: 330px; border: 0px solid; border-image-source: url(/images/vectorize_border/dialog.svg); border-image-width: 26px 55px 15px 265px; border-image-slice: 26 55 15 265 fill; border-image-repeat: stretch; margin:0rem auto 1rem auto !important; max-width: 640px; } .rightDialog { display: block !important; position: relative; min-height: 80px; min-width: 330px; border: 0px solid; border-image-source: url(/images/vectorize_border/dialog_right.svg); border-image-width: 9px 265px 26px 55px; border-image-slice: 9 265 26 55 fill; border-image-repeat: stretch; margin:1rem auto 0rem auto !important; max-width: 640px; direction:rtl } .leftDialog td.headicon {padding:5px;vertical-align:top;} .leftDialog td.headicon img {border:1px solid #f4c430;background:#333} .leftDialog td.dialogbox {margin: 0 5px 0.6rem 1rem;display:block;min-width:210px;word-break: break-all;} .leftDialog td.namebox { display: block; color: #f4c430; padding-top: 0.4rem;} .rightDialog td.headicon {padding:5px;vertical-align: bottom;} .rightDialog td.headicon img {border:1px solid #f4c430;background:#333} .rightDialog td.dialogbox {display: block;margin: 10px 1rem 1.5rem 5px !important;word-break: break-all;direction: ltr;} .rightDialog td.namebox {display: block;color: #f4c430;position: relative;bottom: 3px;} /* 对话框样式End */ /* 对话CG样式 */ .avgTextCGDiv { width: 100%; height: 200px; overflow: hidden; text-align: center; } .avgTextCG { position: relative; top: -100px; } .avgTextCGMemoir { filter: sepia(0.8); } .avgTextCGNight { filter: hue-rotate(180deg) brightness(0.5); } /* 对话CG样式End */ /* 页面底部导航框(萌百模板) */ 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-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #555; } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #777; } .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #e6f6e6; } .navbox-even { background: none repeat scroll 0 0 #f5fcf5; } .navbox-odd { background: none repeat scroll 0 0 transparent; } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; } /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) Address alignment issue of nested tabs in Navbox */ .navbox .TabLabel { text-align: left; } /* 底部框样式End */ .commander-chibi-container { display: inline-block; } .commander-chibi-container .chibiAnimationClickArea { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .commander-chibi-container .chibiAnimation { position: absolute; } /* -------------------------------------- Spine CSS -------------------------------------- */ .bigScale canvas{transform: scale(0.6) translateY(75px);} /* -------------------------------------- Spine CSS end-------------------------------------- */ /* 公告栏滚动Rollnews 转自萌百 */ #scrollDiv { width: 100%; height: 25px; line-height: 25px; overflow: hidden } #scrollDiv ul { margin-left: 0!important; } #scrollDiv li { height: 25px; padding-left: 0px; list-style: none; } /* 滚动缩略图 转自EN_GFwiki */ .banners .jcarousel-item { max-height: 200px; } .banners .jcarousel-item img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; } /* Spine and Live2D assest*/ .loading .chibiAnimationClickArea, .loading { background-image: url('/images/8/88/gfloading.gif'); background-repeat: no-repeat; background-attachment: local; background-position: bottom right; background-size: 50px; } .loading2 { background-image: url("/images/5/5e/gf_loading2.gif"); background-repeat: no-repeat; background-attachment: local; background-position: bottom right; background-size: 18px; } div.ace_search > .ace_search_options > .ace_search_counter, #msupload-div > #msupload-list > .file > .file-name, div.tippy-content { color: black; } .imbox { border: 3px solid #f4c430; border-collapse: collapse; margin: 4px 10%; } .imbox .mbox-image { padding: 2px 0 2px 0.9em; } .imbox .mbox-text { padding: 0.25em 0.9em; width: 100%; } .imbox-license { background-color: #333; border-color: #88a; }
返回至
MediaWiki:Common.css
。