MediaWiki:Common.css:修订间差异
(未显示2个用户的23个中间版本) | |||
第1行: | 第1行: | ||
/* | |||
* 这里放置的样式将同时应用到桌面版视图 | |||
* 仅用于移动版的样式请放置于[[MediaWiki:Mobile.css]] | |||
*/ | |||
/* 首页 */ | |||
.mainpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 210px; | |||
border: 1px solid #CCC; | |||
padding: 0 10px 10px 10px; | |||
box-shadow: 0 2px 2px rgb(0 0 0 / 10%); | |||
} | |||
.mainpage_box .items { | |||
border-top: 1px solid #CCC; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box h3 { | |||
padding: 0; | |||
margin: 0.5em 0!important; | |||
} | |||
.mw-body h3 { | |||
font-size: 1.6em; | |||
} | |||
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { | |||
font-weight: normal; | |||
font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif; | |||
line-height: 1.125; | |||
margin: 1.25em 0 0.5em; | |||
} | |||
.mainpage_box h3 .header_icon { | |||
float: left; | |||
margin-right: 5px; | |||
} | |||
.mainpage_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px; | |||
} | |||
/* MD Icons */ | |||
@font-face { | |||
font-family: 'Material Icons'; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local('Material Icons'), | |||
local('MaterialIcons-Regular'), | |||
url(//cdn.bootcss.com/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), | |||
url(//cdn.bootcss.com/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), | |||
url(//cdn.bootcss.com/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'), | |||
url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); | |||
} | |||
.material-icons { | |||
font-family: 'Material Icons'; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 24px; | |||
/* Preferred icon size */ | |||
display: inline-block; | |||
line-height: 1; | |||
text-transform: none; | |||
letter-spacing: normal; | |||
word-wrap: normal; | |||
white-space: nowrap; | |||
direction: ltr; | |||
/* Support for all WebKit browsers. */ | |||
-webkit-font-smoothing: antialiased; | |||
/* Support for Safari and Chrome. */ | |||
text-rendering: optimizeLegibility; | |||
/* Support for Firefox. */ | |||
-moz-osx-font-smoothing: grayscale; | |||
/* Support for IE. */ | |||
font-feature-settings: 'liga'; | |||
vertical-align: bottom; | |||
} | |||
#toc{ | |||
display: block; | |||
position: fixed; | |||
top: 100px; | |||
right: 0px; | |||
min-width: 100px; | |||
max-width: 350px; | |||
max-height: 20px; | |||
overflow-y: scroll; | |||
border: 1px solid #aaa; | |||
border-radius: 0 0 1px 1px; | |||
-moz-border-radius: 0 0 1px 1px; | |||
background: rgba(249,249,249,0.75); | |||
padding: 12px; | |||
box-shadow: 0 1px 8px #000; | |||
-webkit-box-shadow: 0 1px 8px #000; | |||
-moz-box-shadow: 0 1px 8px #000; | |||
} | |||
#toc:hover{ | |||
display: block; | |||
position: fixed; | |||
top: 100px; | |||
right: 0px; | |||
min-width: 100px; | |||
max-width: 350px; | |||
max-height: 500px; | |||
overflow-y: scroll; | |||
border: 1px solid #aaa; | |||
border-radius: 0 0 1px 1px; | |||
-moz-border-radius: 0 0 1px 1px; | |||
background: rgba(249,249,249,0.75); | |||
padding: 12px; | |||
box-shadow: 0 1px 8px #000; | |||
-webkit-box-shadow: 0 1px 8px #000; | |||
-moz-box-shadow: 0 1px 8px #000; | |||
} | |||
body { overflow-x: hidden;} | |||
/* WIKI背景图 */ | |||
body { | |||
background:url("https://z3.ax1x.com/2021/10/17/5Y533q.jpg") no-repeat fixed 50% 0; | |||
background-size:cover; | |||
} | |||
/* 模板来自MCBBS Wiki */ | /* 模板来自MCBBS Wiki */ | ||
/* info类模板 */ | /* info类模板 */ | ||
第30行: | 第163行: | ||
padding: 0; | padding: 0; | ||
text-align: center; | text-align: center; | ||
} | |||
/* | |||
* 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 */ | |||
/* 模板来自哔哩哔哩游戏百科 */ | |||
.BILIBILI-BOX {width:100%;margin-bottom:20px;} | |||
.BOX-title-1 {width:100%;font-size:14px;padding:7px 10px;font-weight: bold;background:#404040;color:#fff;} | |||
.BOX-title-2 {padding: 10px 0px 5px 0px;font-size: 14px;font-weight: bold;border-bottom: 1px solid #384348;} | |||
.BOX-N {width:100%;padding:0px;} | |||
.BOX-GD {color:#f7f7f7;border: 1px solid #f7f7f7;padding: 0px 5px;border-radius: 50%;} | |||
.BOX-AN-50 {width:50%} | |||
.BOX-AN-25 {width:25%} | |||
.BOX-AN-20 {width:20%} | |||
.BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color:#404040;} | |||
.BOX-AN2:hover {background:#000;color:#f7f7f7;} | |||
@media only screen and (max-width:759px){ | |||
.BOX-AN-25 {width:50%} | |||
.BOX-AN-20 {width:50%} | |||
} | |||
.update-log .log-title {display: none;} | |||
.update-log .bili-list-group {padding: 0px 0px;} | |||
.update-log .read-more {display: none;} | |||
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {width: 8px;height: 8px;} | |||
.carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;} | |||
.carousel.big-carousel {margin-bottom: 15px;} | |||
.BOX-1 .BOX-title-2 {padding: 10px 0px 5px 0px;} | |||
.BOX-1 {background:#f7f7f7;border:1px solid #404040;} | |||
.BOX-1 .BOX-N {padding:5px 10px;} | |||
.BOX-2 .BOX-title-1 {border-radius: 8px;} | |||
.BOX-2 {border:1px solid #404040;border-radius: 4px;padding:2px} | |||
.BOX-2 .BOX-2-1 {background:#f7f7f7;border:1px solid #404040;border-radius: 8px;padding:10px;} | |||
.BOX-3 .BOX-title-1 {border-radius: 8px;} | |||
.BOX-3 {background:#f7f7f7;border-radius: 8px;padding:10px} | |||
.BOX-4 .BOX-title-1 {border-radius: 8px 8px 0px 0px;} | |||
.BOX-4 {background:#f7f7f7;border-radius: 8px;padding:0px;} | |||
.BOX-4 .BOX-N {padding:5px 10px;} | |||
.BOX-5 .BOX-title-1 {border-radius: 8px 8px 0px 0px;background:#262626;color:#f7f7f7;} | |||
.BOX-5 .BOX-title-2 {padding: 10px 0px 5px 0px;border-bottom: 1px solid #262626;} | |||
.BOX-5 {background:#404040;border-radius: 8px;padding:0px;} | |||
.BOX-5 .BOX-N {padding:5px 10px;border:2px solid #262626;border-top:0px solid ;box-shadow: inset 0 0 1px 2px #000;color:#f7f7f7;border-radius: 0px 0px 8px 8px;} | |||
.BOX-5 .bili-section-normal,.BOX-5 .bili-section-primary {color: #f7f7f7;background: #626262;border: 1px solid rgb(0, 0, 0);} | |||
.BOX-5 .bili-section-normal:hover {color: #fff;background: #000;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;} | |||
.BOX-5 .BOX-zt {color:#f7f7f7} | |||
.BOX-5 .update-log a {color: #f7f7f7 !important;} | |||
.BOX-5 .BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color: #f7f7f7;background: #626262;} | |||
.BOX-5 .BOX-AN2:hover {color: #fff;background: #000;} | |||
/* 模板来自插件Minecraft插件百科 */ | |||
/* 被点过的外部链接不变色 */ | |||
div#content a.external:visited { | |||
color: #36b; | |||
} | |||
/* 斜体字右边距加大看以防止文字挤在一起 */ | |||
#mw-content-text i { | |||
margin-right: 3px; | |||
} | |||
/* 回到顶部 */ | |||
.backToTop { | |||
display: none; | |||
width: 20px; | |||
padding: 5px 0; | |||
background-color: #000; | |||
color: #fff; | |||
font-size: 12px; | |||
text-align: center; | |||
position: fixed; | |||
_position: absolute; | |||
right: 0; | |||
bottom: 100px; | |||
_bottom: "auto"; | |||
cursor: pointer; | |||
opacity: .6; | |||
filter: Alpha(opacity=60); | |||
} | |||
/* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */ | |||
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; | |||
padding-top: 3px; | |||
padding-bottom: 3px; | |||
} | |||
.navbox-group { | |||
font-weight: 700; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
white-space: nowrap; | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
} | |||
.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 #E4E4E4; | |||
} | |||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: none repeat scroll 0 0 #ECECEC; | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background: none repeat scroll 0 0 #F6F6F6; | |||
} | |||
.navbox-even { | |||
background: none repeat scroll 0 0 #F7F7F7; | |||
} | |||
.navbox-odd { | |||
background: none repeat scroll 0 0 transparent; | |||
} | |||
.collapseButton { | |||
float: right; | |||
font-weight: 400; | |||
text-align: right; | |||
width: auto; | |||
} | |||
.navbox .collapseButton { | |||
width: 6em; | |||
} | |||
.navbar { | |||
position: relative; | |||
min-height: 23px !important; | |||
margin-bottom: 0px !important; | |||
border: 1px solid transparent; | |||
} | } |