"MediaWiki:Common.css" 修訂間的差異
| 行 202: | 行 202: | ||
} | } | ||
} | } | ||
| − | + | /*m.tw.18dao.com全页字体及大小,搜索框更整齐,全局ul、dl、p的行距统一,主标题字号及外边距减少,次标题修饰,面包屑与广告新增间距*/ | |
| + | @media (max-width:768px) { | ||
| + | * { | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | box-sizing:border-box; | ||
| + | } | ||
| + | body { | ||
| + | font:14px 'Microsoft YaHei', 'STHeiti', '宋体', 'arial'; | ||
| + | } | ||
| + | #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 h2:first-of-type { | ||
| + | font-size: 18px; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | 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; | ||
| + | } | ||
| + | table a,table strong { | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | background-color: #f5faff; | ||
| + | } | ||
| + | /*导航换底色,边距,去n多边框*/ | ||
| + | #headerbar, #wptouch-login, #wptouch-search { | ||
| + | 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; | ||
| + | } | ||
| + | } | ||
/* | /* | ||
</nowiki></pre> | </nowiki></pre> | ||
*/ | */ | ||
於 2018年12月11日 (二) 16:22 的修訂
/* 此處的 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%;
}
}
/*m.tw.18dao.com全页字体及大小,搜索框更整齐,全局ul、dl、p的行距统一,主标题字号及外边距减少,次标题修饰,面包屑与广告新增间距*/
@media (max-width:768px) {
* {
margin:0;
padding:0;
box-sizing:border-box;
}
body {
font:14px 'Microsoft YaHei', 'STHeiti', '宋体', 'arial';
}
#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 h2:first-of-type {
font-size: 18px;
padding: 0;
margin: 0;
}
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;
}
table a,table strong {
display: inline-block;
width: 100%;
text-align: center;
background-color: #f5faff;
}
/*导航换底色,边距,去n多边框*/
#headerbar, #wptouch-login, #wptouch-search {
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;
}
}
/*
</nowiki></pre>
*/