Módulo:Citation/CS1/styles.css: diferenças entre revisões

Criou a página com "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. The word-wrap and :target styles were moved here from Common.css. On en.wp, keep these the same as Template:Citation/styles.css. *..."
 
Sem resumo de edição
 
Linha 1: Linha 1:
/* Protection icon
/*-------------------------< O V E R R I D E S >-----------------------------
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
/* Overrides
(untested) styling should override the user agent default when cs1|2 templates
Some wikis do not override user agent default styles for HTML <cite> and <q>,
are rendered.
unlike en.wp. On en.wp, keep these the same as [[MediaWiki:Common.css]].


The word-wrap and :target styles were moved here from Common.css.
Similarly, some languages use different quotation punctuation so that setting
On en.wp, keep these the same as [[Template:Citation/styles.css]].
is also made available here.
*/
*/
cite.citation {
cite.citation {
font-style: inherit; /* Remove italics for <cite> */
/* Reset italic styling set by user agent (only for cs1|2 templates; the
/* Break long urls, etc., rather than overflowing box */
reason for the .citation qualifier) */
word-wrap: break-word;
font-style: inherit;
}
}


.citation q {
.citation q {
quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
/* Straight quote marks for <q>; keep same as [[MediaWiki:Common.css]] */
}
quotes: '"' '"' "'" "'";
 
/* Highlight linked elements (such as clicked references) in blue */
.citation:target {
/* ignore the linter - all browsers of interest implement this */
background-color: rgba(0, 127, 255, 0.133);
}
}


Linha 33: Linha 24:
for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
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.
to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.
That's essentially 2 classes and 1 element.
the .id-lock-... selectors are for use by non-citation templates like
{{Catalog lookup link}} which do not have to handle PDF links
*/
*/
.id-lock-free a,
.citation .cs1-lock-free a {
.citation .cs1-lock-free a {
 
background-position: right .1em center;
}
}


.id-lock-limited a,
.id-lock-registration a,
.citation .cs1-lock-limited a,
.citation .cs1-lock-limited a,
.citation .cs1-lock-registration a {
.citation .cs1-lock-registration a {
background-position: right .1em center;
}


.citation .cs1-lock-subscription a {
background-position: right .1em center;
}
}


/* Wikisource
.cs1-subscription,
Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
.cs1-registration {
as in cite wikisource
color: #555;
}
 
.cs1-subscription span,
.cs1-registration span {
border-bottom: 1px dotted;
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-position: right .1em center;
}


/* Errors and maintenance */
/* Errors and maintenance */
.cs1-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/
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
*/
*/
color: inherit;
color: inherit;
background: inherit;
background: inherit;
border: none;
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;
padding: inherit;
}
}
Linha 70: Linha 75:
.cs1-hidden-error {
.cs1-hidden-error {
display: none;
display: none;
color: #d33;
font-size: 100%;
}
}


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


.cs1-maint {
.cs1-maint {
display: none;
display: none;
color: #3a3;
color: #33aa33;
margin-left: 0.3em;
margin-left: 0.3em;
}
}
Linha 88: Linha 93:
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%;
Linha 93: Linha 100:


/* kerning */
/* kerning */
.cs1-kern-left {
.cs1-kern-left,
.cs1-kern-wl-left {
padding-left: 0.2em;
padding-left: 0.2em;
}
}


.cs1-kern-right {
.cs1-kern-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;
}
}