MediaWiki:Gadget-PageNumbers-core.css

/** * 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. */

/* Add some top margin to avoid pagenumbers crashing into header */ margin-top: 14px; }
 * 1) pageContainer {

position:absolute; top:0; left:0; }
 * 1) ct-pagenumbers {

/* * 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; }

/* * Built-in Layouts */ /* import of Site.css definition which provide the basic layouts */ position: relative; display: block; margin-right: 0; margin-left: 0; }   position: relative; display: block; } /* Space for the page numbers if there are any */ .dynlayout-haspagenums #regionContainer { margin-right: 3.00em; margin-left: 3.00em; }   position: static; display: block; margin-right: auto; margin-left: 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; }
 * 1) pageContainer {
 * 1) regionContainer {
 * 1) columnContainer {

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 { width:36em; margin:0 auto 0 auto; font-family: Georgia,serif; }

div.dynlayout-layout_2 #columnContainer { 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 { 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 { width:36em; margin:0 auto 0 auto; }

div.dynlayout-layout_4 #columnContainer { text-align:justify; }

div.dynlayout-layout_4 .wst-sidenote { position:absolute; left:37em; width:16em; text-indent:0em; text-align:left; }