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

    From Nonbinary Wiki
    (synch from sandbox;)
     
    (7 intermediate revisions by 2 users not shown)
    Line 1: Line 1:
    /*-------------------------< O V E R R I D E S >-----------------------------
    /* Protection icon
    the following line controls the page-protection icon in the upper right corner
    it must remain within this comment
    {{sandbox other||{{pp-template}}}}


    cs1|2 references are wrapped in <cite>...</cite> tags.  Some wikis have not
    */
    chosen to override the generic user agent italic styling as en.wiki has.  This
    (untested) styling should override the user agent default when cs1|2 templates
    are rendered.


    Similarly, some languages use different quotation punctuation so that setting
    /* Overrides
    is also made available here.
    Some wikis do not override user agent default styles for HTML <cite> and <q>,
    unlike en.wp. On en.wp, keep these the same as [[MediaWiki:Common.css]]
    */
    */
    cite.citation {
    cite.citation {
    /* Reset italic styling set by user agent (only for cs1|2 templates; the
    font-style: inherit; /* Remove italics for <cite> */
    reason for the .citation qualifier) */
    font-style: inherit;
    }
    }


    q { /* Straight quote marks for <q> */
    .citation q {
    quotes: '"' '"' "'" "'";
    quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
    }
    }


    /*------------< 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
    for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
    to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.


    <code>...</code> style override: mediawiki's css definition is specified here:
    the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
    https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
    */
    */
    code.cs1-code {
    .id-lock-free a,
    /* preserve font but remove other <code> styling; used in error messages */
    .citation .cs1-lock-free a {
    color: inherit;
    background: linear-gradient(transparent, transparent),
    background: inherit;
    url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
    border: inherit; /* code editor doesn't like inherit with border?
    right 0.1em center/9px no-repeat;
    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-position: right .1em center;
    }
    }


    .cs1-lock-limited a,
    .id-lock-limited a,
    .cs1-lock-registration a {
    .id-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;
    .citation .cs1-lock-limited a,
    background-position: right .1em center;
    .citation .cs1-lock-registration a {
    background: linear-gradient(transparent, transparent),
    url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
    right 0.1em center/9px no-repeat;
    }
    }


    .cs1-lock-subscription a {
    .id-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;
    .citation .cs1-lock-subscription a {
    background-position: right .1em center;
    background: linear-gradient(transparent, transparent),
    url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
    right 0.1em center/9px no-repeat;
    }
    }


    /*------------------< 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 57:
    border-bottom: 1px dotted;
    border-bottom: 1px dotted;
    cursor: help;
    cursor: help;
    }
    /* Wikisource
    Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
    as in cite wikisource
    */
    .cs1-ws-icon a {
    background: linear-gradient(transparent, transparent),
    url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
    right 0.1em center/12px no-repeat;
    }
    /* 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: none; /* this maybe can be inherit. MDN says yes, code editor says no */
    padding: inherit;
    }
    }


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


    Line 72: Line 90:
    }
    }


    /* 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
    references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
    references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
    .cs1-subscription,
    .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 {
    Line 90: Line 114:
    .cs1-kern-wl-right {
    .cs1-kern-wl-right {
    padding-right: 0.2em;
    padding-right: 0.2em;
    }
    /* selflinks – avoid bold font style when cs1|2 template links to the current page */
    .citation .mw-selflink {
    font-weight: inherit;
    }
    }

    Latest revision as of 11:41, 21 May 2021

    /* Protection icon
    the following line controls the page-protection icon in the upper right corner
    it must remain within this comment
    	{{sandbox other||{{pp-template}}}}
    
    */
    
    /* Overrides
    Some wikis do not override user agent default styles for HTML <cite> and <q>,
    unlike en.wp. On en.wp, keep these the same as [[MediaWiki:Common.css]]
    */
    cite.citation {
    	font-style: inherit; /* Remove italics for <cite> */
    }
    
    .citation q {
    	quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
    }
    
    /* ID and URL access
    Both core and Common.css have selector .mw-parser-output a[href$=".pdf"].external
    for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
    to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.
    
    the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
    */
    .id-lock-free a,
    .citation .cs1-lock-free a {
    	background: linear-gradient(transparent, transparent),
    		url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
    		right 0.1em center/9px no-repeat;
    }
    
    .id-lock-limited a,
    .id-lock-registration a,
    .citation .cs1-lock-limited a,
    .citation .cs1-lock-registration a {
    	background: linear-gradient(transparent, transparent),
    		url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
    		right 0.1em center/9px no-repeat;
    }
    
    .id-lock-subscription a,
    .citation .cs1-lock-subscription a {
    	background: linear-gradient(transparent, transparent),
    		url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
    		right 0.1em center/9px no-repeat;
    }
    
    .cs1-subscription,
    .cs1-registration {
    	color: #555;
    }
    
    .cs1-subscription span,
    .cs1-registration span {
    	border-bottom: 1px dotted;
    	cursor: help;
    }
    
    /* Wikisource
    Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
    as in cite wikisource
    */
    .cs1-ws-icon a {
    	background: linear-gradient(transparent, transparent),
    		url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
    		right 0.1em center/12px no-repeat;
    }
    
    /* 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: none; /* this maybe can be inherit. MDN says yes, code editor says no */
    	padding: inherit;
    }
    
    .cs1-hidden-error {
    	display: none;
    	font-size: 100%;
    }
    
    .cs1-visible-error {
    	font-size: 100%;
    }
    
    .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
    was just 0.85. We could write the rule so that when this template is inside
    references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
    .cs1-format {
    	font-size: 95%;
    }
    
    /* kerning */
    .cs1-kern-left,
    .cs1-kern-wl-left {
    	padding-left: 0.2em;
    }
    
    .cs1-kern-right,
    .cs1-kern-wl-right {
    	padding-right: 0.2em;
    }
    
    /* selflinks – avoid bold font style when cs1|2 template links to the current page */
    .citation .mw-selflink {
    	font-weight: inherit;
    }