MediaWiki:Common.css
出自 淡水維基館
注意：在儲存以後，您必須清除瀏覽器快取才能看到所作出的改變。
- 火狐（Firefox）／Safari：按住“Shift”鍵再點擊“刷新”，或按下“Ctrl-F5”或“Ctrl-R”（Mac上為“⌘-R”）
- Google瀏覽器（Google Chrome）：按下“Ctrl-Shift-R”（Mac上為“⌘-Shift-R”）
- IE（Internet Explorer）：按住“Ctrl”鍵再點擊“刷新”，或按下“Ctrl-F5”
- Opera：在“工具→首選項”中清除緩存
/* 此處的 CSS 將應用於所有的面板 */
//全部的使用者都會載入這裡的 CSS。
@media screen and (min-width: 1200px) {
// 如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。
}
@media screen and (min-width: 768px) and (max-width: 979px) {
// 如果使用者之視窗寬度介於 768px ~ 979px，將會再載入這裡的 CSS。
}
@media screen and (max-width: 767px) {
// 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。
}
@media screen and (max-device-width: 480px) {
// 如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。
}
body.page-Main_Page h1.firstHeading { display: none; }
#scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;list-style:none;}
/* new home screen */
#hs{
position: relative;
overflow: hidden;
color:#333;
}
#hs-banner{
height: 200px;
overflow: hidden;
position: relative;
}
#hs-banner img {
position: absolute;
width: 100%;
height: auto;
bottom: -60%;
}
#hs-banner-intro {
background: none;
margin: 140px 0 0 3px;
opacity: 0.8;
padding: 15px;
position: relative;
width: 500px;
z-index: 1;
font-size: 110%;
}
#hs-banner-intro h1{
font-family:微軟正黑體, sans-serif;
border: 0;
margin-bottom: 0;
}
<!--以下為R設定-->
#hs-bannerR {
height: 250px;
overflow: hidden;
position: relative;
border-radius: 10px;
}
#hs-bannerR img {
position: absolute;
width: 100%;
height: auto;
bottom: -60%;
opacity: 0.7; //透明度
}
#hs-banner-introR {
border: 1;
background: none;
margin: 200px 0 0 20px;
opacity: 0.8;
padding: 15px;
position: relative;
width: 500px;
z-index: 1;
font-size: 120%;
}
#hs-banner-introR h1{
font-family:標楷體, DFKai-sb, sans-serif;
border: 0;
margin-bottom: 0;
}
#hs-searchR{
border: 1;
background: #FFFFFF;
margin: 50px 0px 0 0;
opacity: 0.8; //透明度
padding: 5px;
position: relative;
top:-20px;
left:40px;
z-index: 1;
float: right;
font-size: 110%;
}
<!--以上為R設定-->
#hs-banner-intro p{
}
#hs-search{
background: #FFFFFF;
margin: 50px 0px 0 0;
opacity: 0.8;
padding: 5px;
position: relative;
z-index: 1;
float: right;
font-size: 110%;
}
#hs-search-back{
width: 100%;
height: 40px;
position: absolute;
top:0;
left: 0;
opacity: 0.8;
background: #FFF;
}
#hs-search input{
position: relative;
color:#333;
font-size: 14px
}
#hs-search #bodySearchInput,
#hs-search .searchboxInput {
width: 220px;
background: #FFF;
border:1px solid #B4B4B4;
padding: 4px;
}
#hs-search .bodySearchBtnGo,
#hs-search .searchboxSearchButton{
width: 80px;
margin-left: 10px;
text-transform: uppercase;
background: #CCC;
border:1px solid #B4B4B4;
border-bottom:2px solid #B4B4B4;
border-right: 2px solid #B4B4B4;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 4px 4px 3px;
}
#hs .column1{
float: left;
width: 48%;
margin-right: 1%;
}
#hs .column2{
float: right;
width: 50%;
}
#hs .column h2, #hs .column h3{
margin-bottom: 5px;
margin-top: 15px;
}
#hs .half{
width: 50%;
float: left;
}
#hs .last{
margin-right:0;
}
#hs .right{
float:right;
}
#hs .first{
clear:left;
}
/* END OF NEW home screen */
/*試試看別的下拉*/
*/
/* Standard Navigationsleisten.*/
div.Boxmerge,
div.NavFrame {
margin: 0px;
padding: 2px;
border: 1px solid #aaaaaa;
border-collapse: collapse;
font-size: 95%;
}
div.Boxmerge div.NavFrame {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame,
div.NavFrame + table.collapsible,
table.collapsible + div.NavFrame,
table.collapsible + table.collapsible {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #ffffff;
margin: 0px;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
min-height: 1.6em;
font-weight: bold;
font-size: 100%;
text-align: center;
background-color: #efefef;
cursor:pointer;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0px;
padding: 0px;
line-height: 1px;
clear: both;
}
span.NavToggle {
float: right;
/*保证在禁用JS状态下不显示提示，使用hidden以保证在navbox标题能占有宽度*/
visibility: hidden;
text-align: right;
font-weight: normal;
font-size: 80%;
}
/* Hatnotes and disambiguation notices */
.rellink /*,
.dablink */ {
/* font-style: italic; */
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
.rellink i /*,
.dablink i */ {
font-style: normal;
}
/*2014年5月12日Vanya測試用*/
/* Align */
.valign-middle, .valign-center, .va-m, .va-c { vertical-align: middle; }
.valign-top, .va-t { vertical-align: top; }
.valign-bottom, .va-b { vertical-align: bottom; }
.alignt-middle, .alignt-center, .at-m, .at-c, .eplist { text-align: center; }
.alignt-left, .at-l { text-align: left; }
.alignt-right, .at-r, .collapseButton { text-align: right; }
.align-middle, .align-center, .a-m, .a-c, .eplist { margin: 0 auto; }
.align-left, .a-l { float: left; }
.align-right, .a-r, .collapseButton, .userbox, .babelbox { float: right; }
/* 圓角邊框 */
.roundy { border-radius: 10px; }
.roundytl { border-top-left-radius: 10px; }
.roundytr { border-top-right-radius: 10px; }
.roundybl { border-bottom-left-radius: 10px; }
.roundybr { border-bottom-right-radius: 10px; }
.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.roundy-10 { border-radius: 10px; }
.roundytl-10 { border-top-left-radius: 10px; }
.roundytr-10 { border-top-right-radius: 10px; }
.roundybl-10 { border-bottom-left-radius: 10px; }
.roundybr-10 { border-bottom-right-radius: 10px; }
.roundytop-10 { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.roundyright-10 { border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.roundybottom-10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.roundyleft-10 { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.roundy-4 { border-radius: 4px; }
.roundytl-4 { border-top-left-radius: 4px; }
.roundytr-4 { border-top-right-radius: 4px; }
.roundybl-4 { border-bottom-left-radius: 4px; }
.roundybr-4 { border-bottom-right-radius: 4px; }
.roundytop-4 { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.roundyright-4 { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.roundybottom-4 { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.roundyleft-4 { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.roundy-5 { border-radius: 5px; }
.roundytl-5 { border-top-left-radius: 5px; }
.roundytr-5 { border-top-right-radius: 5px; }
.roundybl-5 { border-bottom-left-radius: 5px; }
.roundybr-5 { border-bottom-right-radius: 5px; }
.roundytop-5 { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.roundyright-5 { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.roundybottom-5 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.roundyleft-5 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.roundy-6 { border-radius: 6px; }
.roundytl-6 { border-top-left-radius: 6px; }
.roundytr-6 { border-top-right-radius: 6px; }
.roundybl-6 { border-bottom-left-radius: 6px; }
.roundybr-6 { border-bottom-right-radius: 6px; }
.roundytop-6 { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.roundyright-6 { border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
.roundybottom-6 { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.roundyleft-6 { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.roundy-8 { border-radius: 8px; }
.roundytl-8 { border-top-left-radius: 8px; }
.roundytr-8 { border-top-right-radius: 8px; }
.roundybl-8 { border-bottom-left-radius: 8px; }
.roundybr-8 { border-bottom-right-radius: 8px; }
.roundytop-8 { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.roundyright-8 { border-bottom-right-radius: 8px; border-top-right-radius: 8px; }
.roundybottom-8 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.roundyleft-8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.roundy-15 { border-radius: 15px; }
.roundytl-15 { border-top-left-radius: 15px; }
.roundytr-15 { border-top-right-radius: 15px; }
.roundybl-15 { border-bottom-left-radius: 15px; }
.roundybr-15 { border-bottom-right-radius: 15px; }
.roundytop-15 { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.roundyright-15 { border-bottom-right-radius: 15px; border-top-right-radius: 15px; }
.roundybottom-15 { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.roundyleft-15 { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.roundy-20 { border-radius: 20px; }
.roundytl-20 { border-top-left-radius: 20px; }
.roundytr-20 { border-top-right-radius: 20px; }
.roundybl-20 { border-bottom-left-radius: 20px; }
.roundybr-20 { border-bottom-right-radius: 20px; }
.roundytop-20 { border-top-left-radius: 20px; border-top-right-radius: 20px; }
.roundyright-20 { border-bottom-right-radius: 20px; border-top-right-radius: 20px; }
.roundybottom-20 { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.roundyleft-20 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.roundy-24 { border-radius: 24px; }
.roundytl-24 { border-top-left-radius: 24px; }
.roundytr-24 { border-top-right-radius: 24px; }
.roundybl-24 { border-bottom-left-radius: 24px; }
.roundybr-24 { border-bottom-right-radius: 24px; }
.roundytop-24 { border-top-left-radius: 24px; border-top-right-radius: 24px; }
.roundyright-24 { border-bottom-right-radius: 24px; border-top-right-radius: 24px; }
.roundybottom-24 { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }
.roundyleft-24 { border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.roundy-25 { border-radius: 25px; }
.roundytl-25 { border-top-left-radius: 25px; }
.roundytr-25 { border-top-right-radius: 25px; }
.roundybl-25 { border-bottom-left-radius: 25px; }
.roundybr-25 { border-bottom-right-radius: 25px; }
.roundytop-25 { border-top-left-radius: 25px; border-top-right-radius: 25px; }
.roundyright-25 { border-bottom-right-radius: 25px; border-top-right-radius: 25px; }
.roundybottom-25 { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.roundyleft-25 { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.roundy-30 { border-radius: 30px; }
.roundytl-30 { border-top-left-radius: 30px; }
.roundytr-30 { border-top-right-radius: 30px; }
.roundybl-30 { border-bottom-left-radius: 30px; }
.roundybr-30 { border-bottom-right-radius: 30px; }
.roundytop-30 { border-top-left-radius: 30px; border-top-right-radius: 30px; }
.roundyright-30 { border-bottom-right-radius: 30px; border-top-right-radius: 30px; }
.roundybottom-30 { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.roundyleft-30 { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.roundy-32 { border-radius: 32px; }
.roundytl-32 { border-top-left-radius: 32px; }
.roundytr-32 { border-top-right-radius: 32px; }
.roundybl-32 { border-bottom-left-radius: 32px; }
.roundybr-32 { border-bottom-right-radius: 32px; }
.roundytop-32 { border-top-left-radius: 32px; border-top-right-radius: 32px; }
.roundyright-32 { border-bottom-right-radius: 32px; border-top-right-radius: 32px; }
.roundybottom-32 { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; }
.roundyleft-32 { border-top-left-radius: 32px; border-bottom-left-radius: 32px; }
.roundy-48 { border-radius: 48px; }
.roundytl-48 { border-top-left-radius: 48px; }
.roundytr-48 { border-top-right-radius: 48px; }
.roundybl-48 { border-bottom-left-radius: 48px; }
.roundybr-48 { border-bottom-right-radius: 48px; }
.roundytop-48 { border-top-left-radius: 48px; border-top-right-radius: 48px; }
.roundyright-48 { border-bottom-right-radius: 48px; border-top-right-radius: 48px; }
.roundybottom-48 { border-bottom-left-radius: 48px; border-bottom-right-radius: 48px; }
.roundyleft-48 { border-top-left-radius: 48px; border-bottom-left-radius: 48px; }
.roundy-50 { border-radius: 50px; }
.roundytl-50 { border-top-left-radius: 50px; }
.roundytr-50 { border-top-right-radius: 50px; }
.roundybl-50 { border-bottom-left-radius: 50px; }
.roundybr-50 { border-bottom-right-radius: 50px; }
.roundytop-50 { border-top-left-radius: 50px; border-top-right-radius: 50px; }
.roundyright-50 { border-bottom-right-radius: 50px; border-top-right-radius: 50px; }
.roundybottom-50 { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
.roundyleft-50 { border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
.roundy-60 { border-radius: 60px; }
.roundytl-60 { border-top-left-radius: 60px; }
.roundytr-60 { border-top-right-radius: 60px; }
.roundybl-60 { border-bottom-left-radius: 60px; }
.roundybr-60 { border-bottom-right-radius: 60px; }
.roundytop-60 { border-top-left-radius: 60px; border-top-right-radius: 60px; }
.roundyright-60 { border-bottom-right-radius: 60px; border-top-right-radius: 60px; }
.roundybottom-60 { border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.roundyleft-60 { border-top-left-radius: 60px; border-bottom-left-radius: 60px; }
.roundy-80 { border-radius: 80px; }
.roundytl-80 { border-top-left-radius: 80px; }
.roundytr-80 { border-top-right-radius: 80px; }
.roundybl-80 { border-bottom-left-radius: 80px; }
.roundybr-80 { border-bottom-right-radius: 80px; }
.roundytop-80 { border-top-left-radius: 80px; border-top-right-radius: 80px; }
.roundyright-80 { border-bottom-right-radius: 80px; border-top-right-radius: 80px; }
.roundybottom-80 { border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; }
.roundyleft-80 { border-top-left-radius: 80px; border-bottom-left-radius: 80px; }
.roundy-96 { border-radius: 96px; }
.roundytl-96 { border-top-left-radius: 96px; }
.roundytr-96 { border-top-right-radius: 96px; }
.roundybl-96 { border-bottom-left-radius: 96px; }
.roundybr-96 { border-bottom-right-radius: 96px; }
.roundytop-96 { border-top-left-radius: 96px; border-top-right-radius: 96px; }
.roundyright-96 { border-bottom-right-radius: 96px; border-top-right-radius: 96px; }
.roundybottom-96 { border-bottom-left-radius: 96px; border-bottom-right-radius: 96px; }
.roundyleft-96 { border-top-left-radius: 96px; border-bottom-left-radius: 96px; }
.roundy-100 { border-radius: 100px; }
.roundytl-100 { border-top-left-radius: 100px; }
.roundytr-100 { border-top-right-radius: 100px; }
.roundybl-100 { border-bottom-left-radius: 100px; }
.roundybr-100 { border-bottom-right-radius: 100px; }
.roundytop-100 { border-top-left-radius: 100px; border-top-right-radius: 100px; }
.roundyright-100 { border-bottom-right-radius: 100px; border-top-right-radius: 100px; }
.roundybottom-100 { border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; }
.roundyleft-100 { border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
/* 圆角表格样式 */
.eplist tr:last-child td:first-child { border-bottom-left-radius: 6px; }
.eplist tr:last-child td:last-child { border-bottom-right-radius: 6px; }
/* 旧式表格样式，不建议使用 */
.bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f8f8ff; }
.graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; }
.blueborder { border: 1px solid #88a; }
.grayborder { border: 1px solid #999; }
.bluetable .bg2, .blueinfobox .bg2 { background: #eef; }
.bluetable .bg3, .blueinfobox .bg3 { background: #ddf; }
.bluetable .bg4, .blueinfobox .bg4 { background: #ccf; }
.graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; }
.graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; }
.graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; }
.bluetable, .graytable, .blueinfobox, .grayinfobox { border-collapse: collapse; }
.blueinfobox, .grayinfobox { float: right; clear: right; margin: 0 0 0.5em 0.5em; }
.blueinfobox { background: #f8f8ff; }
.grayinfobox { background: #f8f8f8; }
.bluetable, .blueinfobox { border: 1px solid #88a; }
.graytable, .grayinfobox { border: 1px solid #999; }
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; }
.graytable td, .graytable th, .graytable td, .graytable th { border: 1px solid #999; }
.bluetable td, .bluetable th, .graytable td, .graytable th, .blueinfobox td, .blueinfobox th, .graytable td, .graytable th { padding: 2px; }
.bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; }
.graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; }
.bluetable th { background: #ccf; }
.graytable th { background: #d2d2d2; }
.bluetable th:first-child, .graytable th:first-child, .blueinfobox th, .grayinfobox th { text-align: right; }
.bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header, .graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header { text-align: center !important; }
.bluetable .header, .bluetable .divider, .blueinfobox .header { background: #ccf; }
.graytable .header, .graytable .divider, .grayinfobox .header { background: #d2d2d2; }
.blueinfobox .divider { background: #eef; }
.grayinfobox .divider { background: #f0f0f0; }
abbr[original-title], .explain[original-title] { border-bottom: 1px dotted; cursor: help; }
/*顏色*/
