MediaWiki:Common.css
注意:在您儲存之後您必須清除瀏覽器快取才可看到最新的變更。
- Firefox / Safari:按住 Shift 時點選 重新整理,或按 Ctrl-F5 或 Ctrl-R (Mac 則為 ⌘-R)
- Google Chrome:按 Ctrl-Shift-R (Mac 則為 ⌘-Shift-R)
- Internet Explorer:按住 Ctrl 時點選 重新整理,或按 Ctrl-F5
- Opera:進入 工具 → 偏好設定 中清除快取。
/* 此處的 CSS 將應用於所有的面板 */
/* 此处的 CSS 将应用于所有的皮肤 */
/*
<pre><nowiki>
*/
div.breadcrumb {
background-color:#f5faff;
border:1px solid #cedff2;
width:100%;
padding:0.5em;
box-sizing:border-box;
clear:both;
}
div.discuss {
background-color:#f5faff;
border:1px solid #cedff2;
width:100%;
padding:0.5em;
box-sizing:border-box;
}
div.white_background {
background-color:#ffffff;
}
div.adsense {
width:100%;
padding-left:2em;
}
.portlet ul {
font-size: 100%;
}
input.searchButton {
font-size: 100%;
}
#searchInput {
width: 10.355em;
font-size: 100%;
}
div.thumbinner {
font-size: 100%;
}
html .thumbcaption {
font-size: 100%;
}
.toccolours {
font-size: 100%;
}
div.townBox dl {
font-size: 100%;
}
.portlet h4 {
font-size: 100%;
}
.portlet h5 {
font-size: 100%;
}
.pBody {
font-size: 100%;
}
#p-cactions {
font-size: 100%;
}
#footer {
font-size: 100%;
}
div.prefsectiontip {
font-size: 100%;
}
.prefcache {
font-size: 100%;
}
div.gallerytext {
font-size: 100%;
}
span.changedby {
font-size: 100%;
}
ul#filetoc {
font-size: 100%;
}
p.mw-ipb-conveniencelinks {
font-size: 100%;
}
.MediaTransformError td {
font-size: 100%;
}
.small, .small * { font-size: 100%; }
h6 { font-size: 100%; }
h6 .editsection { font-size: 100%; font-weight: normal; }
#userloginprompt, #languagelinks {
font-size: 100%;
}
#login-sectiontip {
font-size: 100%;
}
#contentSub, #contentSub2 {
font-size: 100%;
}
h3 .editsection { font-size: 100%; font-weight: normal; }
h4 .editsection { font-size: 100%; font-weight: normal; }
div.patrollink {
font-size: 100%;
}
td.diff-addedline {
font-size: 100%;
}
td.diff-deletedline {
font-size: 100%;
}
td.diff-context {
font-size: 100%;
}
code {
font-size: 12px;
}
pre {
font-size: 12px;
}
.adsense_responsive_1 {
width: 320px;
height: 100px;
}
.adsense_responsive_2 {
width: 300px;
height: 250px;
}
.adsense_responsive_3 {
width: 300px;
height: 250px;
}
.adsense_responsive_link_1 {
width: 100%;
height: 30px;
}
@media(min-width: 600px) {
.adsense_responsive_1 {
width: 100%;
}
.adsense_responsive_2 {
width: 100%;
}
.adsense_responsive_3 {
width: 100%;
height: 250px;
}
.adsense_responsive_link_1 {
width: 100%;
height: 30px;
}
}
.categories-list {
width:100%; border:1px solid #cedff2;
}
.categories-list-item {
float:left; width:100px; vertical-align:top; text-align:center;
}
.clear-both {
width:100%; clear:both;
}
div.fieldset {
width:100%;
clear:both;
}
div.legend {
background-color: #ddd;
font-size: 16px;
font-weight: 700;
}
div.one_row {
width:100%;
clear:both;
}
div.left_column {
width:336px;
float:left;
vertical-align:top;
}
div.right_column {
margin-left:10px;
width:calc(100% - 346px);
float:left;
vertical-align:top;
word-break: break-all;
}
@media (max-width:768px) {
div.right_column {
margin-left:0px;
width:100%;
word-break: break-all;
}
div#mw-navigation div#mw-panel {
font-size: 100%;
}
}
/*wiki站全页字体及大小,搜索框更整齐,全局ul、dl、p的行距统一,主标题字号及外边距减少,次标题修饰,面包屑与广告新增间距*/
* {
margin:0;
padding:0;
box-sizing:border-box;
}
/*box-sizing重置后导致下面这个元素高度不足,同步修正*/
div.vectorTabs span {
height: 100%;
}
table {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 5px;
}
table td {
border: none;
padding: 2px;
background-color: transparent;
}
table a,table strong {
display: inline-block;
width: 100%;
text-align: center;
background-color: #f5faff;
border: 1px solid #cedff2;
padding: 3px;
}
table a:hover,table strong:hover {
text-decoration:none;
background-color:#ddeeff;
}
.breadcrumb ~ table.css-hsy tr {
float: left;
}
.breadcrumb ~ table.css-hsy td {
display: block;
width: 100%;
}
.breadcrumb ~ table.css-hsy a,.breadcrumb ~ table.css-hsy strong {
border-radius: 100px;
padding: 3px 12px;
}
.breadcrumb ~ table.css-hsy strong {
}
/*
.breadcrumb ~ table.css-hsy tr:first-of-type {
float: none;
}
.breadcrumb ~ table.css-hsy tr:first-of-type strong {
font-size: 15px;
background-color: #f5faff;
border: none;
border-radius: 0;
text-align: center;
border-left: 4px solid #d3e2f3;
}
*/
div#mw-panel div.portal h3,#mw-panel li a {
font-size:14px;
}
#siteNotice {
font-size: 14px;
}
.mw-body h2,.mainentry h2 {
border-bottom: none;
margin-bottom: 5px;
}
.mw-body h2 span.mw-headline {
font-size: 15px;
display: block;
padding: 6px;
background-color: #f5faff;
border: none;
border-left: 4px solid #d3e2f3;
}
@media (max-width:768px) {
html,body {
font:14px 'Microsoft YaHei', 'STHeiti', '宋体', 'arial';
}
.breadcrumb ~ table.css-hsy tr {
width:auto;
min-width: 60px;
}
#drop-fade {
height: 40px;
}
#wptouch-search-inner {
height: auto;
padding-top: 0;
padding-bottom: 5px;
}
#headerbar-title {
height: auto;
}
div.left_column {
width: 100%;
}
div.right_column {
width: 100%;
}
.grid-ad-box {
width: 100%;
}
.grid-container {
width: 100%;
}
.grid-attribution {
width: 100%;
}
.grid-link-container {
width: 100%;
}
.content {
margin-top: 0;
}
.content:after {
content:"";
display:table;
clear:both;
}
.content h2:first-of-type {
font-size: 18px;
padding: 0;
margin: 0;
margin-bottom:5px;
}
div.breadcrumb {
margin-top: 5px;
}
div.legend {
padding: 4px 12px;
}
.mainentry {
line-height: 1.75;
}
li {
padding: 0;
margin: 0;
}
.content li {
line-height: 1.75;
}
dl {
margin-top: 0;
margin-bottom: 0;
}
dd {
margin-bottom: 0;
}
.post {
padding: 10px;
}
.mw-ui-input-inline {
width: calc(100% - 10em);
}
.mw-ui-button {
min-width: auto;
padding: .5em;
}
/*导航换底色,边距,去n多边框*/
#headerbar, #wptouch-login, #wptouch-search {
position: relative;
background: none;
background-color: #1d84c3;
background-image: linear-gradient(to bottom,#055a8e 0%,#1d84c3 100%);
}
.dropper {
background-image: linear-gradient(to bottom,#2285c1 0%,#135984 100%);
border-top: none;
}
#tabnav {
background-color: transparent;
border-bottom: none;
border-top: 1px solid #1a6b9c;
height: auto;
padding-top: 0;
padding-left: 0;
}
#tabnav a {
color: #ddd;
text-shadow: none;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
}
#tabnav a.selected {
background-color: #1871a7;
border: none;
border-bottom: none;
text-shadow: none;
}
.dropper li {
border-bottom: none;
border-top: 1px solid rgba(54, 54, 54, 0.2);
}
.dropper a {
color: #eee;
font-weight: 400;
text-shadow: none;
}
#headerbar-menu {
z-index: 9;
}
}
@media (min-width:767px) {
.breadcrumb ~ table.css-hsy tr {
width:25%;
}
}
/*tw-wiki站首页的字体和大小、背景色,响应式*/
html,body {
font-family: "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
}
.mw-body h4 span.mw-headline {
font-size: 16px;
display: block;
padding: 6px 0;
margin-bottom: 6px;
border-bottom: 1px solid #ddd;
}
table a, table strong {
border: none;
}
table.index tr {
width: 25%;
float: left;
}
table.index tr td {
display: block;
width: 100%;
}
.mw-body-content {
font-size: 14px;
}
.mw-body table a.external {
padding-right: 0;
background-image: linear-gradient(#f5faff,#f5faff);
}
.mw-body table a.external:hover {
background-image: linear-gradient(#ddeeff,#ddeeff);
}
@media (max-width:768px) {
table.index tr {
width: 50%;
}
}
/*.hsy-2的表格td做成小方块*/
.breadcrumb ~ table.css-hsy.hsy-2 a, .breadcrumb ~ table.css-hsy.hsy-2 strong {
border-radius: 4px;
padding: 3px;
font-size: 16px;
}
@media (max-width:768px) {
.breadcrumb ~ table.css-hsy.hsy-2 tr {
min-width: 20%;
}
}
/*美化toc索引目录*/
#toc, .toc {
display: block;
margin-bottom: 10px;
}
#toc h2, .toc h2 {
font-size: 16px;
}
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
display:none;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
#toc, .toc, .mw-warning, .toccolours {
border: 1px solid #d3e2f3;
background-color: transparent;
font-size: 14px;
}
#toc ul, .toc ul {
margin: 3px 0 0px;
overflow:hidden;
}
#toc ul li, .toc ul li {
display: block;
margin: 0 4px 4px 0;
float: left;
}
#toc ul li a, .toc ul li a {
display: inline-block;
min-width: 50px;
background-color: #f5faff;
border-radius: 4px;
padding: 6px;
font-size: 16px;
text-align: center;
}
#toc ul li a span, .toc ul li a span {
display:inline;
}
#toc ul li a span.tocnumber, .toc ul li a span.tocnumber {
display: none;
}
@media (max-width:768px) {
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0 0 1.5em;
}
.mw-content-ltr ol li a, .mw-content-rtl .mw-content-ltr ol li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
float: right;
width: 100%;
}
.mw-content-ltr ol li, .mw-content-rtl .mw-content-ltr ol li,.mw-content-ltr ol li a, .mw-content-rtl .mw-content-ltr ol li a {
font-size:14px;
}
table {
table-layout: fixed;
}
table a,table strong {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.net-18dao-red {
color: red;
}
.net-18dao-green {
color: green;
}
.net-18dao-cixing {
color: orange;
}
.net-18dao-zhongkuohao {
color: brown;
}
.net-18dao-number {
font-weight:bold;
}
/*文字图片*/
.ziku {
border-top: 1px solid #ddd;
padding-top: 15px;
}
.ziku p {
margin: 0;
display: inline-block;
}
.view-zidian .ziku,.view-dacidian .ziku {
padding: 15px;
}
.ziku [class^="ziku_"] {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
}
.ziku [class^="ziku_"] p {
line-height: inherit;
margin: 0;
display: inline-block;
vertical-align: top;
}
.ziku [class^="ziku_"] img {
display: block;
border: 1px solid #bad8ea;
border-radius: 2px;
padding: 10px;
box-shadow: 0 0 20px -4px rgba(186,216,234,0.5);
background: white;
margin: 0px auto;
width: auto;
max-height: 64px;
}
.bishun_gif {
position: absolute;
right: 15px;
display: block;
}
@media (max-width:768px) {
.ziku [class^="ziku_"] {
display: block;
}
}
/*amp的额外增加的部分*/
html[amp] .ziku [class^="ziku_"] img,html[mip] .ziku [class^="ziku_"] img {
box-shadow: none;
margin: auto;
}
html[amp] .ziku [class^="ziku_"] amp-img,html[mip] .ziku [class^="ziku_"] mip-img {
border: 1px solid #bad8ea;
border-radius: 2px;
padding: 10px;
box-shadow: 0 0 20px -4px rgba(186, 216, 234, 0.5);
}
html[amp] .field-content amp-img,html[mip] .field-content mip-img {
max-width:100%;
}
/*
</nowiki></pre>
*/