"MediaWiki:Common.css" 修訂間的差異
出自 直銷智庫
行 108: | 行 108: | ||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#efefef'); | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#efefef'); | ||
} | } | ||
+ | @media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) { | ||
+ | |||
#mw-content-text p{font-size:130%;} | #mw-content-text p{font-size:130%;} | ||
行 114: | 行 116: | ||
#mw-content-text li{color:#000080;font-size:110%;} | #mw-content-text li{color:#000080;font-size:110%;} | ||
− | + | } | |
.image{ | .image{ | ||
max-width:768px; | max-width:768px; |
於 2022年5月12日 (四) 12:53 的修訂
/* 此 CSS 會套用至所有的介面外觀 */ td{border:1px solid #bbb;padding:5px;} h2,h3,h4{font-weight:600;} img{max-width:768px; } #sidebar h2 .widget-title{font-family: 'Microsoft JhengHei', sans-serif;} .first{ font-family: 'Microsoft JhengHei', sans-serif; color:#184678; } pre{font-style: normal;font-size:100%;} .c1{width:8.33%;} .c2{width:16.66%;} .c3{width:23%;} .c4{width:30%;} .c5{width:38%;} .c6{width:48%;} .c7{width:58%;} .c8{width:64%;} .c9{width:71%;} .c10{width:83.33%;} .c11{width:91.66%;} .c12{width:100%; min-height:1px; float:left; position:relative;} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c1-5,.c1-8 {min-height:1px; float:left; padding-left:5px; padding-right:5px; position:relative;} .c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first { padding-left: 0; position:relative; } .c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last { padding-right: 0; position:relative; } .note { background-color: #ffffff; margin: 5px 2px; padding: 3px 3px; color: #222; font-size:100%; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 1px 1px 0 rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 1px 1px 0 rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0 1px 1px 0 rgba(100, 100, 100, 0.3); } #toc ul {padding-left:25px;list-style-type: none;list-style:none;} #toc ol {padding-left:25px;list-style-type:none;} #mw-content-text p{font-size:11pt;line-height:178%;color:#000000;} #searchform input[type="search"],.searchform input[type="search"] { background: #fff; border: 1px solid #aaa; padding: 2px 10px; vertical-align: middle; outline: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: border linear 0.4s, box-shadow linear 0.4s; -o-transition: border linear 0.4s, box-shadow linear 0.4s; -moz-transition: border linear 0.4s, box-shadow linear 0.4s; -webkit-transition: border linear 0.4s, box-shadow linear 0.4s; margin-bottom: 9px; font-size: 13px; font-weight:600; line-height: 18px; height: 30px; } #searchform input[type="submit"], #searchform.searchButton input[type="submit"], .editButtons input[type="submit"]{ display:inline-block;*display:inline; padding:3px 11px; margin-bottom:10px;*margin-left:.3em; font-size:14px; line-height:22px;*line-height:22px; font-weight:800; color:#005a87 !important; text-align:center; vertical-align:middle; cursor:pointer; border:1px solid #dedede;*border:0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#eeeeee,#dedede,#dedede; border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color: #f5f5f5; background-image: linear-gradient(top, #f9f9f9, #efefef); background-image: -ms-linear-gradient(top, #f9f9f9, #efefef); background-image: -moz-linear-gradient(top, #f9f9f9, #efefef); background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#efefef'); } @media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) { #mw-content-text p{font-size:130%;} #mw-content-text dd{color:#005a87;font-size:110%;} #mw-content-text li{color:#000080;font-size:110%;} } .image{ max-width:768px; width:100%; max-height:100%; }