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

/* The clearfix */ .wsg-pagenumbers-clearfix:after { content: ""; display: table; clear: both; }

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

/* * Page extent overlay */   display:none; position:absolute; width:100%; }
 * 1) highlight-area {

background-color: #000000; opacity: 0.2; filter: alpha(opacity=20); }
 * 1) highlight-area > div {

/* * Display options (other than layouts) */

.ws-display-serif { font-family: Georgia,serif; }

/* * Built-in Layouts */

/* the basic layouts */ position: relative; display: block; margin-right: 0; margin-left: 0; /* Add some top margin to avoid pagenumbers crashing into header */ margin-top: 14px; }   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; }   position: static; display: block; margin-right: auto; margin-left: auto; }
 * 1) pageContainer, .ws-page-container {
 * 1) regionContainer, .ws-region-container {
 * 1) columnContainer, .ws-column-container {

/* Prevent images leaking out of the container */ max-width: 100%; height: auto; }
 * 1) columnContainer img, .ws-column-container img {

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