Module:Citation/CS1/styles.css: Difference between revisions

    (synch from sandbox;)
    (synch from sandbox;)
    Line 15: Line 15:
    }
    }


    q { /* Straight quote marks for <q> */
    .citation q {
    /* Straight quote marks for <q>; keep same as [[MediaWiki:Common.css]] */
    quotes: '"' '"' "'" "'";
    quotes: '"' '"' "'" "'";
    }
    }


    /*------------< C O M M O N  P R E S E N T A T I O N >----------------------
    /* ID and URL access
     
    Both core and Common.css have selector .mw-parser-output a[href$=".pdf"].external
    <code>...</code> style override: mediawiki's css definition is specified here:
    for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
    https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
    to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.
    */
    */
    code.cs1-code {
    .citation .cs1-lock-free a {
    /* preserve font but remove other <code> styling; used in error messages */
    color: inherit;
    background: inherit;
    border: inherit; /* code editor doesn't like inherit with border?
    https://www.w3.org/wiki/CSS/Properties/border
    suggests that inherit is ok */
    padding: inherit;
    }
     
    /*-----------------< A C C E S S  I C O N  S T Y L E >--------------------*/
    .cs1-lock-free a {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) no-repeat;
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) no-repeat;
    background-position: right .1em center;
    background-position: right .1em center;
    }
    }


    .cs1-lock-limited a,
    .citation .cs1-lock-limited a,
    .cs1-lock-registration a {
    .citation .cs1-lock-registration a {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png) no-repeat;
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png) no-repeat;
    background-position: right .1em center;
    background-position: right .1em center;
    }
    }


    .cs1-lock-subscription a {
    .citation .cs1-lock-subscription a {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png) no-repeat;
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png) no-repeat;
    background-position: right .1em center;
    background-position: right .1em center;
    }
    }


    /*------------------< C S 1 / C O N F I G U R A T I O N >-------------------*/
    .cs1-subscription,
    .cs1-subscription,
    .cs1-registration {
    .cs1-registration {
    Line 61: Line 50:
    border-bottom: 1px dotted;
    border-bottom: 1px dotted;
    cursor: help;
    cursor: help;
    }
    /* Wikisource icon
    Experiment to see if it is possible/practical to add support for a wikisource
    icon when |chapter= or |title= is wikilinked to a source in wikisource ala cite wikisource
    */
    .cs1-ws-icon a {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/12px-Wikisource-logo.svg.png) no-repeat;
    background-position: right .1em center;
    }
    /* Errors and maintenance */
    code.cs1-code {
    /* <code>...</code> style override: mediawiki's css definition is specified here:
    https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
    */
    color: inherit;
    background: inherit;
    border: inherit; /* code editor doesn't like inherit with border?
    https://www.w3.org/wiki/CSS/Properties/border
    suggests that inherit is ok
    the actual spec says the code editor is correct:
    https://www.w3.org/TR/css-backgrounds-3/#borders
    */
    padding: inherit;
    }
    }


    .cs1-hidden-error {
    .cs1-hidden-error {
    display: none;
    display: none;
    font-size: 100%;  
    font-size: 100%;
    }
    }


    Line 72: Line 86:
    }
    }


    /* Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
    .cs1-maint {
    display: none;
    color: #33aa33;
    margin-left: 0.3em;
    }
     
    /* Small text size
    Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
    ~0.85, which is the lower bound for size for accessibility. Old styling for this
    ~0.85, which is the lower bound for size for accessibility. Old styling for this
    was just 0.85. We could write the rule so that when this template is inside
    was just 0.85. We could write the rule so that when this template is inside
    Line 79: Line 100:
    .cs1-registration,
    .cs1-registration,
    .cs1-format {
    .cs1-format {
    font-size: 95%;  
    font-size: 95%;
    }
    }


    /* kerning */
    .cs1-kern-left,
    .cs1-kern-left,
    .cs1-kern-wl-left {
    .cs1-kern-wl-left {