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

    From Nonbinary Wiki
    (fix lock selectors;)
    (coding conventions)
    Line 11: Line 11:
    cite.citation { /* Reset italic styling set by user agent (only for cs1|2 templates; the reason for the .citation qualifier) */
    cite.citation { /* Reset italic styling set by user agent (only for cs1|2 templates; the reason for the .citation qualifier) */
    font-style: inherit;
    font-style: inherit;
    }
    }


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




    Line 30: Line 30:
    border: inherit; /* code editor doesn't like inherit with boder? https://www.w3.org/wiki/CSS/Properties/border suggest that inherit is ok */
    border: inherit; /* code editor doesn't like inherit with boder? https://www.w3.org/wiki/CSS/Properties/border suggest that inherit is ok */
    padding:inherit;
    padding:inherit;
    }
    }




    Line 38: Line 38:
    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,
    .cs1-lock-limited a,
    Line 44: Line 44:
    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 {
    .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;
    }
    }




    Line 56: Line 56:
    .cs1-registration {
    .cs1-registration {
    color:#555;
    color:#555;
    }
    }


    .cs1-subscription span,
    .cs1-subscription span,
    Line 62: Line 62:
    border-bottom:1px dotted;
    border-bottom:1px dotted;
    cursor:help;
    cursor:help;
    }
    }


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


    .cs1-visible-error {
    .cs1-visible-error {
    font-size:100%;
    font-size:100%;
    }
    }


    /* set small text size in one place .95 * .9 (from references list) is ~0.85 which is the lower bound for size for accessibility
    /* set small text size in one place .95 * .9 (from references list) is ~0.85 which is the lower bound for size for accessibility
    Line 81: Line 81:
    .cs1-format {
    .cs1-format {
    font-size:95%;  
    font-size:95%;  
    }
    }


    .cs1-kern-left,
    .cs1-kern-left,
    .cs1-kern-wl-left {
    .cs1-kern-wl-left {
    padding-left:0.2em
    padding-left:0.2em
    }
    }


    .cs1-kern-right,
    .cs1-kern-right,
    .cs1-kern-wl-right {
    .cs1-kern-wl-right {
    padding-right:0.2em
    padding-right:0.2em
    }
    }


    .Z3988 span {
    .Z3988 span {
    display: none;
    display: none;
    }
    }

    Revision as of 23:27, 13 August 2018

    /*----------------------------< O V E R R I D E S >------------------------------------------------------------
    
    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 is also made available here.
    
    */
    
    cite.citation {																	/* Reset italic styling set by user agent (only for cs1|2 templates; the reason for the .citation qualifier) */
    	font-style: inherit;
    }
    
    q	{																			/* Straight quote marks for <q> */
    	quotes: '"' '"' "'" "'";
    }
    
    
    /*----------------------------< C O M M O N   P R E S E N T A T I O N >----------------------------------------
    
    <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
    
    */
    
    code.cs1-code {																	/* preserve font but remove other <code> styling; used in error messages */
    	color:inherit;
    	background: inherit;
    	border: inherit;															/* code editor doesn't like inherit with boder? https://www.w3.org/wiki/CSS/Properties/border suggest 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,
    .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-position: right .1em center;
    }
    
    .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-position: right .1em center;
    }
    
    
    /*----------------------------< C S 1 / C O N F I G U R A T I O N >------------------------------------------*/
    .cs1-subscription,
    .cs1-registration {
    	color:#555;
    }
    
    .cs1-subscription span,
    .cs1-registration span {
    	border-bottom:1px dotted;
    	cursor:help;
    }
    
    .cs1-hidden-error {
    	display:none;
    	font-size:100%; 
    }
    
    .cs1-visible-error {
    	font-size:100%;
    }
    
    /* set small text size in one place .95 * .9 (from references list) is ~0.85 which is the lower bound for size for accessibility
    old styling for this was just .85.  We could write the rule so that when this template is inside references only then does it
    multiply by 0.95; else multiply by 0.85 */
    
    .cs1-subscription,
    .cs1-registration,
    .cs1-format {
    	font-size:95%; 
    }
    
    .cs1-kern-left,
    .cs1-kern-wl-left {
    	padding-left:0.2em
    }
    
    .cs1-kern-right,
    .cs1-kern-wl-right {
    	padding-right:0.2em
    }
    
    .Z3988 span {
    	display: none;
    }