Jump to content

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

m
1 revision imported
m (1 revision imported)
m (1 revision imported)
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*-------------------------< P R O T E C T I O N  I C O N >--------------------
/* Protection icon
 
the following line controls the page-protection icon in the upper right corner
the following line controls the page-protection icon in the upper right corner
it must remain within this comment
it must remain within this comment
Line 7: Line 6:
*/
*/


 
/* Overrides
/*-------------------------< O V E R R I D E S >--------------------------------
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]]
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 {
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;
}
}


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


Line 36: Line 25:
the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
*/
*/
.id-lock-free a,
.id-lock-free a,
.citation .cs1-lock-free a {
.citation .cs1-lock-free a {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png);
background: linear-gradient(transparent, transparent),
background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg);
url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
background-repeat: no-repeat;
right 0.1em center/9px no-repeat;
background-size: 9px;
background-position: right .1em center;
}
}


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


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


Line 77: Line 59:
}
}


/* Wikisource icon
/* Wikisource
Experiment to see if it is possible/practical to add support for a wikisource
Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
icon when |chapter= or |title= is wikilinked to a source in wikisource ala cite wikisource
as in cite wikisource
*/
*/
.cs1-ws-icon a {
.cs1-ws-icon a {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/12px-Wikisource-logo.svg.png);
background: linear-gradient(transparent, transparent),
background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg);
url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
background-repeat: no-repeat;
right 0.1em center/12px no-repeat;
background-size: 12px;
background-position: right .1em center;
}
}


Line 92: Line 72:
code.cs1-code {
code.cs1-code {
/* <code>...</code> style override: mediawiki's css definition is specified here:
/* <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
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
*/
*/
color: inherit;
color: inherit;
background: inherit;
background: inherit;
border: inherit; /* code editor doesn't like inherit with border?
border: none; /* this maybe can be inherit. MDN says yes, code editor says no */
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;
padding: inherit;
}
}
Line 125: Line 101:
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%;