MediaWiki:Gadget-PageNumbers-core.css

Catatan: Setelah disimpan, Anda mungkin perlu melewati tembolok peramban web untuk melihat perubahan.

Firefox/Safari: Tekan dan tahan Shift sembari mengeklik Reload, atau tekan Ctrl-F5 atau Ctrl-R (⌘-R di Mac)
Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R di Mac)
Internet Explorer / Edge: Tahan Ctrl sembari mengeklik Refresh, atau tekan Ctrl-F5
Opera: Tekan Ctrl-F5.

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

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

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

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