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: 40px;
}
.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;
}
}
/* 2022-6-21 友友添加解决图片过长问题 */
img {
max-width: 100%;
height: auto;
}
/*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%;
}
/*20190123*/
body {
overflow-x: hidden;
background: #f6f9fc;
}
div#mw-head {
height: 5em;
transition:.25s;
z-index:9;
}
#mw-head:after {
content: "";
position: absolute;
z-index: -1;
display: block;
top: 0;
right: 0;
width: calc(100% - 11em);
height: 100%;
background-color: #1d84c3;
background-image: linear-gradient(to bottom,#055a8e 0%,#1d84c3 100%);
}
.menu_btn_box {
position: absolute;
top: 10px;
right: 15px;
z-index: 999;
}
.menu_btn_box a {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 5px;
text-indent: -9999px;
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 50% 50%;
}
.menu_btn_box a#admin_login {
background-image: url("data:image/svg+xml,%3Csvg t='1542705119041' class='icon' style='vertical-align: middle;fill: %23666;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='37824'%3E%3Cpath d='M802.758275 905.470443c15.532378-1.279133 27.743991-14.08888 27.743991-29.721929 0-16.480346-13.572666-29.833469-30.298268-29.833469-0.342822 0-0.682573 0.016373-1.023348 0.025583-0.340775-0.01228-0.680527-0.025583-1.023348-0.025583-0.649826 0-1.292489 0.027629-1.932081 0.067538l0.001023-0.067538L243.313297 845.915046c17.041816-138.595568 124.225253-249.79109 262.105039-275.013541l0-0.245593c17.102194-3.77907 29.877672-18.755156 29.877672-36.663014 0-18.590404-13.772219-34.024931-31.863991-37.042661-69.524225-25.115004-119.145352-90.863451-119.145352-168.054507 0-98.856495 81.356176-178.995697 181.705693-178.995697s181.70774 80.139202 181.70774 178.995697c0 37.674041-11.831951 72.616878-32.017493 101.449553-4.564133 3.411703-8.154038 8.017604-10.299999 13.344936-0.112568 0.134053-0.224113 0.270153-0.335658 0.402159l0.151456 0.056282c-1.321142 3.435239-2.05079 7.157004-2.05079 11.048637 0 17.22429 14.163138 31.179117 31.639877 31.179117 13.822363 0 25.565283-8.735965 29.872555-20.912285C792.136945 426.767803 808.274121 379.689578 808.274121 328.896752c0-131.797745-108.484112-238.644215-242.281763-238.644215-133.822211 0-242.279716 106.84647-242.279716 238.644215 0 84.584444 44.694729 158.90308 112.099601 201.286376-135.642748 48.197722-235.762012 169.569-251.296436 315.731918l0.004093 0 0.170899 59.670008L802.758275 905.585053 802.758275 905.470443zM795.202896 905.464303l0-0.021489c0.109498 0.010233 0.22002 0.014326 0.329518 0.021489L795.202896 905.464303z' p-id='37825' data-spm-anchor-id='a313x.7781069.0.i17'%3E%3C/path%3E%3C/svg%3E");
}
.menu_btn_box a#operation_tool {
background-image: url("data:image/svg+xml,%3Csvg t='1548205676004' class='icon' style='vertical-align: middle;fill: %23666;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6046'%3E%3Cpath d='M548.3 958.3h-72.5c-55.4 0-100.5-45.1-100.5-100.5V848c0-20.7-10.7-39.2-28.6-49.6-17.9-10.3-39.3-10.3-57.2 0l-8.4 4.9c-23.2 13.4-50.3 17-76.2 10-25.9-6.9-47.6-23.6-61-46.8l-36.2-62.8c-13.4-23.2-17-50.3-10-76.2 6.9-25.9 23.6-47.6 46.8-61l8.4-4.9c17.9-10.3 28.6-28.9 28.6-49.6 0-20.7-10.7-39.2-28.6-49.6l-8.4-4.9c-23.2-13.4-39.9-35.1-46.8-61-6.9-25.9-3.4-53 10-76.2l36.2-62.8c12.6-21.9 32.9-38.1 57-45.6 24-7.5 49.7-5.8 72.3 4.8 12.5 5.8 17.9 20.7 12.1 33.2-5.8 12.5-20.7 17.9-33.2 12.1-23.5-10.9-52-1.9-64.9 20.6L151 345.4c-6.7 11.7-8.5 25.3-5 38.3 3.5 13 11.8 23.9 23.5 30.6l8.4 4.9c33.6 19.4 53.6 54.1 53.6 92.9 0 38.8-20 73.5-53.6 92.9l-8.4 4.9c-11.7 6.7-20 17.6-23.5 30.6s-1.7 26.6 5 38.3l36.2 62.8c6.7 11.7 17.6 20 30.6 23.5s26.6 1.7 38.3-5l8.4-4.9c33.6-19.4 73.6-19.4 107.2 0 33.6 19.4 53.6 54.1 53.6 92.9v9.8c0 27.8 22.6 50.5 50.5 50.5h72.5c27.8 0 50.5-22.6 50.5-50.5V848c0-38.8 20-73.5 53.6-92.9 33.6-19.4 73.6-19.4 107.2 0l8.4 4.9c11.7 6.7 25.3 8.5 38.3 5 13-3.5 23.9-11.8 30.6-23.5l36.2-62.8c13.9-24.1 5.6-55-18.5-69l-8.4-4.9c-33.6-19.4-53.6-54.1-53.6-92.9 0-38.8 20-73.5 53.6-92.9l8.4-4.9c11.7-6.7 20-17.6 23.5-30.6s1.7-26.6-5-38.3L837 282.7c-13.9-24.1-44.8-32.4-69-18.5l-8.4 4.9c-33.6 19.4-73.7 19.4-107.2 0-33.6-19.4-53.6-54.1-53.6-92.9v-9.8c0-27.8-22.6-50.5-50.5-50.5h-72.5c-27.8 0-50.5 22.6-50.5 50.5v9.8c0 21.8-6.4 42.6-18.4 60.2-7.8 11.4-23.3 14.4-34.7 6.6-11.4-7.8-14.4-23.3-6.6-34.7 6.4-9.3 9.7-20.4 9.7-32.1v-9.8c0-55.4 45.1-100.5 100.5-100.5h72.5c55.4 0 100.5 45.1 100.5 100.5v9.8c0 20.7 10.7 39.2 28.6 49.6 17.9 10.3 39.3 10.3 57.2 0l8.4-4.9c48-27.7 109.6-11.2 137.3 36.8l36.2 62.8c13.4 23.2 17 50.3 10 76.2-6.9 25.9-23.6 47.6-46.8 61l-8.4 4.9c-17.9 10.3-28.6 28.9-28.6 49.6 0 20.7 10.7 39.2 28.6 49.6l8.4 4.9c23.2 13.4 39.9 35.1 46.8 61 6.9 25.9 3.4 53-10 76.2l-36.2 62.8c-13.4 23.2-35.1 39.9-61 46.8-25.9 6.9-53 3.4-76.2-10l-8.4-4.9c-17.9-10.3-39.3-10.3-57.2 0-17.9 10.3-28.6 28.9-28.6 49.6v9.8c-0.1 55.2-45.1 100.3-100.6 100.3z' p-id='6047' data-spm-anchor-id='a313x.7781069.0.i14'%3E%3C/path%3E%3Cpath d='M512.1 682.5c-93.9 0-170.3-76.4-170.3-170.3s76.4-170.3 170.3-170.3 170.3 76.4 170.3 170.3S606 682.5 512.1 682.5z m0-290.7c-66.3 0-120.3 54-120.3 120.3s54 120.3 120.3 120.3 120.3-54 120.3-120.3-54-120.3-120.3-120.3z' p-id='6048'%3E%3C/path%3E%3C/svg%3E");
}
.menu_btn_box a#close_menu {
background-image: url("data:image/svg+xml,%3Csvg t='1548128366207' class='icon' style='vertical-align: middle;fill: %23666;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7167' data-spm-anchor-id='a313x.7781069.0.i0'%3E%3Cpath d='M557.312 513.248l265.28-263.904c12.544-12.48 12.608-32.704 0.128-45.248-12.512-12.576-32.704-12.608-45.248-0.128l-265.344 263.936-263.04-263.84C236.64 191.584 216.384 191.52 203.84 204 191.328 216.48 191.296 236.736 203.776 249.28l262.976 263.776L201.6 776.8c-12.544 12.48-12.608 32.704-0.128 45.248 6.24 6.272 14.464 9.44 22.688 9.44 8.16 0 16.32-3.104 22.56-9.312l265.216-263.808 265.44 266.24c6.24 6.272 14.432 9.408 22.656 9.408 8.192 0 16.352-3.136 22.592-9.344 12.512-12.48 12.544-32.704 0.064-45.248L557.312 513.248z' p-id='7168' data-spm-anchor-id='a313x.7781069.0.i1'%3E%3C/path%3E%3C/svg%3E");
}
div#p-personal,div#right-navigation {
position: fixed;
width: 240px;
height: 100%;
padding-top: 30px;
padding-left: 0;
top: 0;
right: -240px;
z-index: 997;
overflow-y: auto;
background-color: #1d84c3;
background-image: linear-gradient(to right bottom,transparent, rgb(23, 96, 154));
margin-top: 0;
transition:.33s;
}
#p-personal:target,#right-navigation:target {
right: 0px;
}
#p-personal ul {
overflow: hidden;
padding-left: 0;
}
#p-personal li,div.vectorMenu li {
line-height: 24px;
float: none;
margin: 0;
padding: 10px 10px 0;
}
#p-personal li#pt-anonuserpage {
display:none;
}
#p-personal li a,#p-personal a.new,div.vectorMenu h3 span,div.vectorMenu li > a {
color: white;
padding: 15px;
background-color: rgba(33, 150, 243, 0.2);
display: block;
font-size: 15px;
margin-right: 0;
}
#p-personal li#pt-userpage {
background-image: none;
margin-left:-5px; /*为使amp不报错，抵消它的最高优先级的左边距15*/
}
div.vectorTabs {
float: none;
height: auto;
background-image: none;
padding-left: 0;
}
div.vectorTabs ul {
float: none;
height: auto;
overflow: hidden;
background-image: none;
}
div.vectorTabs ul li,div#mw-head div.vectorMenu h3 {
float: none;
line-height: 24px;
margin-bottom: 0;
display: block;
height: auto;
background-color: transparent;
background-image: none;
padding: 10px 10px 0;
}
div.vectorTabs li.selected {
background-image: none;
}
div.vectorTabs span {
display: block;
background-image: none;
}
div.vectorTabs span > a {
float: none;
display: block;
line-height: 24px;
font-size: 15px;
color: white;
padding: 15px;
background-color: rgba(33, 150, 243, 0.2);
height: auto;
}
#ca-unwatch.icon a, #ca-watch.icon a {
width: auto;
}
div.vectorMenu {
float: none;
}
div#mw-head div.vectorMenu h3 {
float: none;
background-image: none;
height: auto;
margin-right: 0;
}
div.vectorMenu h3 a {
top: 10px;
right: 15px;
}
div.vectorMenu div.menu {
position: static;
background-color: transparent;
border: none;
display: block;
}
div.vectorMenu li {
line-height: 24px;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: white;
}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
color: white;
}
#p-search #simpleSearch {
position: relative;
z-index: 9;
padding-right: 0;
height: auto;
margin-top: 0;
border: none;
background-color: transparent;
background-image: none;
}
#p-search #simpleSearch input[type="search"] {
font-size: 15px;
padding: 0.5rem 1rem;
width: 100%;
border: none;
background-color: #f5fffa;
border-radius: 50px;
}
#p-search #simpleSearch input[type="submit"] {
background-color: #93b2da;
border-radius: 0 50px 50px 0;
width: 2.5em;
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%3E%3Cg%20stroke-width%3D%222%22%20stroke%3D%22%23fff%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.29%2011.71l-4-4%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#left-navigation {
margin-top: 0;
position: absolute;
top: 50%;
left: 11em;
width: calc(100% - 20em);
margin-left: 0.5em;
margin-bottom: 0;
transform: translate(0,-50%);
}
#p-search form, #p-search input {
margin-top: 0;
}
div#mw-head.isStuck {
height: 3.5em;
}
.ad_wraper {
overflow: hidden;
}
#mw-navigation {
height:1px; /*屏蔽掉stick产生的空div，本来不用屏蔽的，是原html结构太烂了*/
}
#mw-navigation>h2+div[style*="80px"] {
}
.mw-body {
border: 1px solid #ccc;
}
.list_custom {
margin: 0 0.6em 0 0.7em;
padding: 0.25em 0;
direction: ltr;
background-position: top left;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC);
}
.list_custom h3 {
font-size: 14px;
color: #4d4d4d;
font-weight: normal;
margin: 0;
padding: 0.25em 0 0.25em 0.25em;
cursor: default;
border: none;
}
.list_custom ul {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 1.25em;
padding: 0;
}
.list_custom ul li {
line-height: 1.125em;
margin: 0;
padding: 0.25em 0;
font-size: 0.75em;
word-wrap: break-word;
}
#p-tb-label+.body {
display:none;
}
#p-tb-label {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M15.502%206.001l-5%205.001-5-5.001z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/*导航换底色，边距，去n多边框*/
@media (max-width:768px) {
#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%;
}
}
/*m.站导航悬浮，并加入广告*/
@media (max-width:768px) {
#headerbar, #wptouch-login, #drop-fade {
position:fixed;
top:0;
z-index:1;
}
#headerbar {
min-height:auto;
background-image: linear-gradient(to bottom,#055a8e 0%,#1d84c3 100%);
}
#headerbar-title {
height:auto;
}
#drop-fade {
left:50px;
height: auto;
width: calc(100% - 100px);
}
#wptouch-menu {
position: fixed;
top: 41px;
}
#drop-fade,#wptouch-search {
background-image: none;
background-color: transparent;
box-shadow: none;
}
#wptouch-search-inner {
height: auto;
padding: 8px 0;
}
#searchform {
position: relative;
}
input#searchInput {
font-size: 14px;
padding: 4px 1rem;
width: 100%;
border: none;
background-color: #fff;
border-radius: 50px;
height: auto;
margin: 0;
max-width: none;
outline: none;
}
input.searchButton {
position: absolute;
top: 0;
right: 0;
text-indent: -9999px;
min-width: auto;
background-color: #93b2da;
border-radius: 0 50px 50px 0;
width: 2.5em;
height: 100%;
border: none;
background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%3E%3Cg%20stroke-width%3D%222%22%20stroke%3D%22%23fff%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.29%2011.71l-4-4%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
background-position: center center;
background-repeat: no-repeat;
}
}
/*仅在手机上看pc版时不出现菜单错乱的问题,body.skin-vector是pc版的标志*/
@media screen and (max-width: 768px) {
body.skin-vector #mw-navigation {
height: auto;
}
div#mw-head {
position: fixed !important;
margin-top: 0;
}
div#left-navigation {
left: 3%;
width: 60%;
transform: none;
padding: 3px 0;
}
div#p-search {
position: static;
width: 100%;
}
div#simpleSearch {
margin: 0;
width: 100%;
}
#mw-head:after {
width: 100%;
}
.ad_wraper {
width: 94vw;
}
div#p-cactions {
float: none;
}
}
/*nav中搜索框和广告垂直居中*/
#mw-head #p-search,#mw-head .ad_wraper {
vertical-align: middle;
display: inline-block;
float: none;
}
/*为使pc首屏link广告更醒目，弱化nav底色和其内元素20190222*/
div#p-personal, div#right-navigation {
background-color: #ffffff;
background-image: none;
border-left: 1px solid #ddd;
}
#p-personal li a, #p-personal a.new, div.vectorMenu h3 span, div.vectorMenu li > a, div.vectorTabs span > a,div.vectorTabs li.new a, div.vectorTabs li.new a:visited,div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #666;
background-color: transparent;
border-top: 1px solid #eee;
}
#p-personal:target, #right-navigation:target {
box-shadow: -5px 0px 24px -6px #ddd;
}
@media (min-width:768px) {
#mw-page-base,#mw-head:after {
background-image: none;
background-color: transparent;
}
body {
background: #fcfcfc;
background-image: linear-gradient(to bottom,#f4f9fd 0%,transparent 20%);
background-repeat: no-repeat;
}
#p-search #simpleSearch input[type="search"] {
background-color: #ffffff;
border: 1px solid #93b2da;
font-size: 14px;
padding: 0.4rem 1rem;
}
#left-navigation {
position: absolute;
top: 7px;
left: auto;
right: 7em;
width: auto;
margin-left: 0;
transform: none;
}
div#mw-head,#mw-page-base {
height: 3em;
}
}
/* 2024年1月24日添加，用於放置AI圖片、美區廣告代碼 */
.container,
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row > * {
flex-shrink: 0;
/* width: 100%; */
max-width: 100%;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-auto,
[class*="col-"] {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
min-width: 0;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col.grow,
.grow {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col.full {
flex-basis: 100%;
max-width: 100%;
}
.col-auto,
.flex-shrink-0 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.flex-grow-1 {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 1025px) {
.col,
.col-auto.line {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.d-flex {
display: -ms-flexbox;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-column {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.justify-content-center {
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-between {
-ms-flex-pack: justify;
justify-content: space-between;
}
/* justify-content-between列数不固定情况下，使最后一个元素置左 */
.between-ender:after {
flex: auto;
margin: 0 auto;
content: "";
}
.justify-content-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-content-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-items-center {
-ms-flex-align: center;
align-items: center;
}
.align-items-stretch {
-ms-flex-align: stretch;
align-items: stretch;
}
.align-items-end {
-ms-flex-align: end;
align-items: flex-end;
}
.gap-1 {
gap: 0.5rem;
}
.gap-2 {
gap: 1rem;
}
.article-pic {
}
@media (min-width: 992px) {
.article-pic {
max-width: 300px;
}
}
/*
</nowiki></pre>
*/