ผลต่างระหว่างรุ่นของ "มีเดียวิกิ:Gadget-PageNumbers-core.css"
หน้าตา
เนื้อหาที่ลบ เนื้อหาที่เพิ่ม
สร้างหน้าด้วย "→* * This is CSS for the [[MediaWiki:Gadget-PageNumbers-core.js]] gadget: #pageContainer { /* Add some top margin to avoid pagenumbers crashing..." |
up to date with enws |
||
บรรทัดที่ 1: | บรรทัดที่ 1: | ||
/** |
/** |
||
* This is CSS for the [[MediaWiki:Gadget-PageNumbers-core.js]] gadget |
* This is CSS for the [[MediaWiki:Gadget-PageNumbers-core.js]] gadget |
||
* |
|||
* This defines some common CSS that applies to all layouts, as well |
|||
* as the side-wide Layouts. |
|||
*/ |
*/ |
||
#pageContainer { |
|||
/* Add some top margin to avoid pagenumbers crashing into header */ |
|||
margin-top: 14px; |
|||
} |
|||
#ct-pagenumbers { |
#ct-pagenumbers { |
||
บรรทัดที่ 44: | บรรทัดที่ 42: | ||
.pagenumber.pagenumber-invisible { |
.pagenumber.pagenumber-invisible { |
||
display:none; |
display:none; |
||
} |
|||
/* |
|||
* Page extent overlay |
|||
*/ |
|||
#highlight-area { |
|||
display:none; |
|||
position:absolute; |
|||
width:100%; |
|||
} |
|||
#highlight-area > div { |
|||
background-color: #000000; |
|||
opacity: 0.2; |
|||
filter: alpha(opacity=20); |
|||
} |
|||
/* |
|||
* Display options (other than layouts) |
|||
*/ |
|||
.ws-display-serif { |
|||
font-family: Georgia,serif; |
|||
} |
|||
/* |
|||
* Built-in Layouts |
|||
*/ |
|||
/* the basic layouts */ |
|||
#pageContainer, .ws-page-container { |
|||
position: relative; |
|||
display: block; |
|||
margin-right: 0; |
|||
margin-left: 0; |
|||
/* Add some top margin to avoid pagenumbers crashing into header */ |
|||
margin-top: 14px; |
|||
} |
|||
#regionContainer, .ws-region-container { |
|||
position: relative; |
|||
display: block; |
|||
} |
|||
/* Space for the page numbers if there are any */ |
|||
.dynlayout-haspagenums #regionContainer, .dynlayout-haspagenums .ws-region-container { |
|||
margin-right: 3.00em; |
|||
margin-left: 3.00em; |
|||
} |
|||
#columnContainer, .ws-column-container { |
|||
position: static; |
|||
display: block; |
|||
margin-right: auto; |
|||
margin-left: auto; |
|||
} |
|||
#columnContainer img, .ws-column-container img { |
|||
/* Prevent images leaking out of the container */ |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
|||
/* |
|||
* Layout 1: full width, sidenotes inset into text |
|||
*/ |
|||
div.dynlayout-layout_1 .wst-sidenote { |
|||
margin:0.5em; |
|||
padding:3px; |
|||
border:solid 1px gray; |
|||
max-width:9em; |
|||
text-indent:0em; |
|||
text-align:left; |
|||
} |
|||
div.dynlayout-layout_1 .wst-sidenote-right { |
|||
clear: right; |
|||
float: right; |
|||
} |
|||
div.dynlayout-layout_1 .wst-sidenote-left { |
|||
clear: left; |
|||
float: left; |
|||
} |
|||
/* |
|||
* Layout 2: narrow, sidenotes on either side |
|||
*/ |
|||
div.dynlayout-layout_2 #regionContainer, div.dynlayout-layout_2 .ws-region-container { |
|||
width:36em; |
|||
margin:0 auto 0 auto; |
|||
} |
|||
div.dynlayout-layout_2 #columnContainer, div.dynlayout-layout_2 .ws-column-container { |
|||
text-align:justify; |
|||
} |
|||
div.dynlayout-layout_2 .wst-sidenote { |
|||
position:absolute; |
|||
left:37em; |
|||
width:16em; |
|||
text-indent:0em; |
|||
text-align:left; |
|||
} |
|||
/* |
|||
* Layout 3: nearly-full width, sidenotes on right |
|||
*/ |
|||
div.dynlayout-layout_3 #columnContainer, div.dynlayout-layout_3 .ws-column-container { |
|||
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.00em; |
|||
text-align:left; |
|||
} |
|||
/* |
|||
* Layout 4: narrow, sidenotes on either side |
|||
*/ |
|||
div.dynlayout-layout_4 #regionContainer, div.dynlayout-layout_4 .ws-region-container { |
|||
width:36em; |
|||
margin:0 auto 0 auto; |
|||
} |
|||
div.dynlayout-layout_4 #columnContainer, div.dynlayout-layout_4 .ws-column-container { |
|||
text-align:justify; |
|||
} |
|||
div.dynlayout-layout_4 .wst-sidenote { |
|||
position:absolute; |
|||
left:37em; |
|||
width:16em; |
|||
text-indent:0em; |
|||
text-align:left; |
|||
} |
} |
รุ่นแก้ไขเมื่อ 00:16, 10 พฤศจิกายน 2565
/**
* This is CSS for the [[MediaWiki:Gadget-PageNumbers-core.js]] gadget
*
* This defines some common CSS that applies to all layouts, as well
* as the side-wide Layouts.
*/
#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:0em 0em 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:0em;
}
/*
* Hidden pagenumbers
*/
.pagenumber.pagenumber-invisible {
display:none;
}
/*
* Page extent overlay
*/
#highlight-area {
display:none;
position:absolute;
width:100%;
}
#highlight-area > div {
background-color: #000000;
opacity: 0.2;
filter: alpha(opacity=20);
}
/*
* Display options (other than layouts)
*/
.ws-display-serif {
font-family: Georgia,serif;
}
/*
* Built-in Layouts
*/
/* the basic layouts */
#pageContainer, .ws-page-container {
position: relative;
display: block;
margin-right: 0;
margin-left: 0;
/* Add some top margin to avoid pagenumbers crashing into header */
margin-top: 14px;
}
#regionContainer, .ws-region-container {
position: relative;
display: block;
}
/* Space for the page numbers if there are any */
.dynlayout-haspagenums #regionContainer, .dynlayout-haspagenums .ws-region-container {
margin-right: 3.00em;
margin-left: 3.00em;
}
#columnContainer, .ws-column-container {
position: static;
display: block;
margin-right: auto;
margin-left: auto;
}
#columnContainer img, .ws-column-container img {
/* Prevent images leaking out of the container */
max-width: 100%;
height: auto;
}
/*
* Layout 1: full width, sidenotes inset into text
*/
div.dynlayout-layout_1 .wst-sidenote {
margin:0.5em;
padding:3px;
border:solid 1px gray;
max-width:9em;
text-indent:0em;
text-align:left;
}
div.dynlayout-layout_1 .wst-sidenote-right {
clear: right;
float: right;
}
div.dynlayout-layout_1 .wst-sidenote-left {
clear: left;
float: left;
}
/*
* Layout 2: narrow, sidenotes on either side
*/
div.dynlayout-layout_2 #regionContainer, div.dynlayout-layout_2 .ws-region-container {
width:36em;
margin:0 auto 0 auto;
}
div.dynlayout-layout_2 #columnContainer, div.dynlayout-layout_2 .ws-column-container {
text-align:justify;
}
div.dynlayout-layout_2 .wst-sidenote {
position:absolute;
left:37em;
width:16em;
text-indent:0em;
text-align:left;
}
/*
* Layout 3: nearly-full width, sidenotes on right
*/
div.dynlayout-layout_3 #columnContainer, div.dynlayout-layout_3 .ws-column-container {
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.00em;
text-align:left;
}
/*
* Layout 4: narrow, sidenotes on either side
*/
div.dynlayout-layout_4 #regionContainer, div.dynlayout-layout_4 .ws-region-container {
width:36em;
margin:0 auto 0 auto;
}
div.dynlayout-layout_4 #columnContainer, div.dynlayout-layout_4 .ws-column-container {
text-align:justify;
}
div.dynlayout-layout_4 .wst-sidenote {
position:absolute;
left:37em;
width:16em;
text-indent:0em;
text-align:left;
}