MediaWiki:Gadget-PageNumbers-core.css
Cache: Sau khi lưu biểu mẫu này, phải xóa bộ nhớ đệm (cache) của trình duyệt để những thay đổi hiện ra:
Firefox, Chrome, Safari, Opera — Shift Internet Explorer — Ctrl Konqueror —
Nếu bạn viết mã JavaScript, chú ý đọc hướng dẫn để tránh mâu thuẫn với mã mặc định của mạng.
/**
* This is CSS for the [[MediaWiki:Gadget-PageNumbers-core.js]] gadget
*/
#pageContainer {
/* Add some top margin to avoid pagenumbers crashing into header */
margin-top: 14px;
}
#ct-pagenumbers {
position:absolute;
top:0;
left:0;
}
/*
* Style of the pagenumber span when inline with the text
*/
span.pagenumber {
color:#666666;
font-size:inherit;
line-height:inherit;
font-family:monospace;
font-weight:600;
text-shadow:0 0 0.25em #A8A;
vertical-align:top;
}
/*
* Style of the pagenumbers when beside the text
*/
div.pagenumber {
position:absolute;
font-size:calc(1rem - 5px);
line-height:calc(1rem * 1);
font-weight:normal;
font-style:normal;
text-indent:0;
}
/*
* Hidden pagenumbers
*/
.pagenumber.pagenumber-invisible {
display:none;
}
/*
* Built-in Layouts
*/
/* import of Site.css definition which provide the basic layouts */
#pageContainer {
position: relative;
display: block;
margin-right: 0;
margin-left: 0;
}
#regionContainer {
position: relative;
display: block;
}
/* Space for the page numbers if there are any */
.dynlayout-haspagenums #regionContainer {
margin-right: 3.00em;
margin-left: 3.00em;
}
#columnContainer {
position: static;
display: block;
margin-right: auto;
margin-left: auto;
}
/*
* Bố cục 1: hẹp, ghi chú lề ở hai bên
*/
div.dynlayout-layout_1 #regionContainer {
width:36em;
margin:0 auto 0 auto;
}
div.dynlayout-layout_1 #columnContainer {
text-align:justify;
text-indent: 2em;
}
div.dynlayout-layout_1 .wst-sidenote-left {
position:absolute;
right:37em;
width:15em;
text-indent:0;
text-align:right;
}
div.dynlayout-layout_1 .wst-sidenote-right {
position:absolute;
left:37em;
width:15em;
text-indent:0;
text-align:left;
}
/*
* Bố cục 2: hẹp, ghi chú lề ở hai bên
*/
div.dynlayout-layout_2 #regionContainer {
width:36em;
margin:0 auto 0 auto;
font-family: Georgia,serif;
}
div.dynlayout-layout_2 #columnContainer {
text-align:justify;
text-indent: 2em;
}
div.dynlayout-layout_2 .wst-sidenote-left {
position:absolute;
right:37em;
width:15em;
text-indent:0;
text-align:right;
}
div.dynlayout-layout_2 .wst-sidenote-right {
position:absolute;
left:37em;
width:15em;
text-indent:0;
text-align:left;
}
/*
* Bố cục 3: gần đầy trang, ghi chú lề ở bên phải
*/
div.dynlayout-layout_3 #columnContainer {
text-align:justify;
margin-right:calc(1rem * 9);
}
div.dynlayout-layout_3 .wst-sidenote {
position:absolute;
right:0;
width:9.00em;
background-color:#eeeeee;
text-indent:0;
text-align:left;
}
/*
* Bố cục 4: rộng ra hết hai bên, ghi chú lề ở bên trong
*/
div.dynlayout-layout_4 .wst-sidenote {
margin:0.5em;
padding:3px;
border:solid 1px gray;
max-width:9em;
text-indent:0;
text-align:left;
}
div.dynlayout-layout_4 .wst-sidenote-right {
clear: right;
float: right;
}
div.dynlayout-layout_4 .wst-sidenote-left {
clear: left;
float: left;
}
/*
* Bố cục 5: hẹp, ghi chú lề ở hai bên, canh hai bên
*/
div.dynlayout-layout_5 #regionContainer {
width:36em;
margin:0 auto 0 auto;
}
div.dynlayout-layout_5 #columnContainer {
text-align:justify;
}
div.dynlayout-layout_5 .wst-sidenote-left {
position:absolute;
right:37em;
width:15em;
text-indent:0;
text-align:right;
}
div.dynlayout-layout_5 .wst-sidenote-right {
position:absolute;
left:37em;
width:15em;
text-indent:0;
text-align:left;
}