MediaWiki:Common.css
Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
- Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
- Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
- Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
- Opera: premi Ctrl-F5.
/*<nowiki> Common CSS for all skins - copy to your user CSS to change */
/*******************************/
/* wikitable/prettytable class */
/*******************************/
/* wikitable/prettytable class for skinning normal tables,
but don't skin tables within tables by accident */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable>*>tr>th,
table.wikitable>*>tr>td,
table.wikitable>tr>th,
table.wikitable>tr>td,
table.prettytable>*>tr>th,
table.prettytable>*>tr>td,
table.prettytable>tr>th,
table.prettytable>tr>td
{
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable>*>tr>th,
table.wikitable>tr>th,
table.prettytable>*>tr>th,
table.prettytable>tr>th
{
background: #ccccff;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
}
/************************/
/* CommonsTicker styles */
/************************/
/* links */
.tickerDiffLink { } /* diff links in ticker */
.tickerMiscLink { } /* misc links in ticker */
/* remove list bullets */
.tickerList ul, .tickerList ul li { list-style: none; text-indent:-2em; margin-left:2em; text-align:left; }
.tickerList ul ul, .tickerList ul ul li { list-style: none; text-indent:0; margin-left:1.5em; text-align:left; }
/* per-type styles */
.tickerEntry_deleted { } /* entry for image deletion */
.tickerEntry_restored { } /* entry for restored image */
.tickerEntry_replaced { } /* entry for image replacement */
.tickerEntry_tagged { } /* entry for adding/removing problem tags */
.tickerEntry_redir { } /* entry for critical redirection (fot tag redirects) */
.tickerEntry_recat { } /* entry for critical re-categorization (for tag categories) */
.tickerEntry_notify { } /* entry for global notifications */
.tickerEntry_changed { } /* entry for generic change */
/* per-status styles */
.tickerStatus_done { text-decoration:line-through; } /* strike through when entry has been handeled */
/* per-action styles */
.tickerAction_deleted:before { content:" GONE "; color: #FF0000; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_restored:before { content:" BACK "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_deletedRev:before { content:" -OLD "; color: #DDAAAA; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_replaced:before { content:" REPL "; color: #CC88FF; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_replacedOwn:before { content:" UPDT "; color: #EEAAFF; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_addedBad:before { content:" +VfD "; color: #FF8800; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_removedBad:before { content:" -VfD "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_addedGood:before { content:" +OK "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_removedGood:before { content:" -OK "; color: #FF8800; font-family:monospace; font-weight:bold; font-size:100%; }
/* ticker usage list */
.tickerUsage { font-size:80%; }
/* entry applies to a template used by multiple images */
.tickerTemplateEntry { font-weight: bold; }
/* entry applies to sub-entries, i.e. images that use a specific template */
.tickerSubEntry { }
/* minor entry styles */
.tickerMinorEntry { color:#666; } /* minor entry */
.tickerMinorEntry a,
.tickerMinorEntry a:link,
.tickerMinorEntry a:visited { color:#669; }
#bodyContent .tickerMinorEntry a.extiw,
#bodyContent .tickerMinorEntry a.extiw:link,
#bodyContent .tickerMinorEntry a.extiw:visited { color:#669; }
/*****************/
/* miscellaneous */
/*****************/
/* hiddenStructure class from Monobook - allows selective hiding of markup in templates */
.hiddenStructure {
display: none;
speak: none;
}
/* audiolink class for links with loudspeaker icon next to them - like in {{Audio}} template */
.audiolink a {
background: url("http://upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat !important;
padding-left: 16px !important;
padding-right: 0 !important;
}
/* make redirects appear as italic on [[Special:Allpages]] */
.allpagesredirect {
font-style: italic
}
/* Default style for PrettyTextBox and InformationBox class of templates */
/* Default style for Template:Warning, Template:Info, and the like */
.InformationBox {
width: 80%;
border: solid #999999 1px;
background: #F8F8F8;
margin: 0.5em auto;
clear: both;
color: #000000;
padding: 3px;
}
.PrettyTextBox {
background-color: #F9F9F9;
color: #000000;
border: 1px solid #AAAAAA;
padding: .2em;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: left;
}
.infobox td,
.infobox th {
vertical-align: middle;
}
.infoxbox th {
text-align:center;
background:#f0f0ff;
}
.archive-box {
border: 1px solid #aaaaff;
background-color: #f2f2f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: center;
}
/* DynamicNavigation aka box hiding from .de. */
div.Boxmerge,
div.NavFrame,
.collapsible {
margin: 0px;
border: 1px solid #aaaaaa;
border-collapse: collapse;
text-align: center;
font-size: 95%;
clear:both;
}
div.Boxmerge div.NavFrame { border: 0px; }
div.NavFrame + div.NavFrame,
.collapsible + .collapsible { border-top: 0px; }
div.NavPic {
margin: 0px;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead,
.collapsible .title,
.collapsible th {
position:relative;
padding:0.2em;
font-weight: bold;
font-size: 95%;
background-color: #ccccff;
}
div.NavFrame div.NavHead:hover,
.collapsible .title:hover,
.collapsible th:hover { background-color: #aaaaff; }
div.NavFrame div.NavHead .navigation,
.collapsible .title .navigation,
.collapsible th .navigation
{
position:absolute;
cursor:pointer;
top:0px;
right:3px;
font-weight:normal;
font-size:smaller;
padding-left:1em;
}
div.NavFrame p,
div.NavFrame div.NavHead a,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p
{
font-size: 100%;
}
/* Remove padding from external links displayed without icon */
.plainlinks .urlexpansion {display: none !important;}
.plainlinks a {background:none !important; padding:0px !important;}
.plainlinks a.external.text:after {display: none !important;}
.plainlinks a.external.autonumber:after {display: none !important;}
/*****
** Bytecounter colours
*****/
strong.mw-plusminus-neg { color: #c00; }
span.mw-plusminus-neg { color: #900; }
span.mw-plusminus-pos { color: #060; }
/*
* Navigation Tabs
*/
.navtabs .tabs li { list-style:none; }
.navtabs .tabs a {
text-decoration:none;
text-transform:uppercase;
outline-width:0px;
font-size:x-small;
font-weight:bold;
color:black;
}
.navtabs .tabs .inactive { background:#bbb; padding:1ex; }
.navtabs .tabs .selected { background:#999; padding:1.1ex; }
.navtabs .tabs .inactive:hover { background:#f75; }
.navtabs .contents { padding:1ex; border:3px solid #999; }
/* Style for horizontal UL lists */
.horizontal ul, .DPLFlat ul { padding: 0em; margin: 0em; }
.horizontal li, .DPLFlat li {
display: inline;
padding: 0 0.6em 0 0.4em;
border-right: 1px solid #AAA;
}
.horizontal li:last-child, .DPLFlat li:last-child { border-right:0em; padding-right:0em; }
@media screen, projection {
.printonly { display: none !important; }
}
body.page-Main_Page h1.firstHeading, .page-Main_Page #siteSub { display: none; }
.page-Main_Page h2 { font-size:16pt; margin:0; padding: 0; border-bottom:0; font-weight: bold; }
/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}
/* Fix the background color on the sitenotice */
table#mw-dismissable-notice {
background-color: transparent;
}
/* Default messagebox is gray */
.messagebox { width:90%; margin:0px auto; padding:0em; border:2px solid #aaaaaa; background:#fbfbfb; color:black; text-align:left; }
.messagebox img { border:0em; padding:0em 0.5em; text-align:center; }
/* default for all content namespaces */
.ns-subject .messagebox + .messagebox { border-top-width:0em; margin-top:-1px; }
.ns-subject .messagebox { border-left-color:#1e90ff; border-left-width:10px; }
.ns-subject .messagebox.notice { border-left-color:#1e90ff; }
.ns-subject .messagebox.warning { border-left-color:#b22222; }
.ns-subject .messagebox.serious { border-left-color:#b22222; }
.ns-subject .messagebox.content { border-left-color:#f28500; }
.ns-subject .messagebox.style { border-left-color:#f4c430; }
.ns-subject .messagebox.merge { border-left-color:#9932cc; }
.ns-subject .messagebox.growth { border-left-color:#228b22; }
.ns-subject .messagebox.idea { border-left-color:yellow; }
.ns-subject .messagebox.query { border-left-color:#ffb734; }
.ns-subject .messagebox.move { border-left-color:#9932cc; }
/* image namespace */
.ns-6 .messagebox + .messagebox { border-top-width:2px; margin-top:0.5em; }
.ns-6 .messagebox { border-color:#1e90ff; border-bottom-width:5px; border-left-width:2px;}
.ns-6 .messagebox.notice { border-color:#1e90ff; }
.ns-6 .messagebox.warning { border-color:#b22222; }
.ns-6 .messagebox.serious { border-color:#b22222; }
.ns-6 .messagebox.content { border-color:#f28500; }
.ns-6 .messagebox.query { border-color:#ffb734; }
.ns-6 .messagebox.free { border-color:#79CC55; }
.ns-6 .messagebox.nonfree { border-color:#EF9132; }
.ns-6 .messagebox.pd { border-color:#7E80A3; }
.ns-6 .messagebox.move { border-color:#9932cc; }
/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
.toclimit-count .tocnumber, .nonumtoc .tocnumber { display:none; }
/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
instance, will limit to showing ==headings== and ===headings=== but no further (as long as
there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
/* Flagged revision fails to set the font color which can cause readability problems.
Since the colors needed to be adjusted anyways, use different colors for each
option for more usability.
*/
select { background:white; color:black; }
select option.fr-rating-option-0 { color:red; }
select option.fr-rating-option-1 { color:olive; }
select option.fr-rating-option-2 { color:purple; }
select option.fr-rating-option-3 { color:green; }
select option.fr-rating-option-4 { color:navy; }
.fr-rating-options option[selected="selected"] {
font-weight:bold;
}
/* smart counters - allow up to #.#.# levels of counting. */
body { counter-reset: autocount-1 autocount-2 autocount-3; }
.autocount:before {
counter-increment: autocount-1;
content: counter(autocount-1) " ";
color:blue;
}
.autocount-reset:before {
counter-reset: autocount-1;
counter-increment: autocount-1;
content: counter(autocount-1) " ";
color:blue;
}
.autocount .autocount:before {
counter-increment: autocount-2;
content: counter(autocount-1) "." counter(autocount-2) " ";
color:green;
}
.autocount .autocount .autocount:before {
counter-increment: autocount-3;
content: counter(autocount-1) "." counter(autocount-2) "." counter(autocount-3) " ";
color:red;
}
/* Default "notice" blue */
.messagebox { width:90%; margin:0px auto; padding:0em; border:2px solid #1e90ff; background:#fbfbfb; color:black; }
.messagebox img { border: none; padding:0em 0.5em; text-align:center; }
.messagebox + .messagebox { border-top-width:0em; }
/* book/main namespace */
.ns0 .messagebox.notice { border:2px solid #1e90ff; border-left-width:10px; }
.ns0 .messagebox.warning { border:2px solid #b22222; border-left-width:10px; }
.ns0 .messagebox.serious { border:2px solid #b22222; border-left-width:10px; }
.ns0 .messagebox.content { border:2px solid #f28500; border-left-width:10px; }
.ns0 .messagebox.style { border:2px solid #f4c430; border-left-width:10px; }
.ns0 .messagebox.merge { border:2px solid #9932cc; border-left-width:10px; }
.ns0 .messagebox.growth { border:2px solid #228b22; border-left-width:10px; }
.ns0 .messagebox.idea { border:2px solid yellow; border-left-width:10px; }
.ns0 .messagebox.query { border:2px solid #ffb734; border-left-width:10px; }
.ns0 .messagebox.move { border:2px solid #9932cc; border-left-width:10px; }
/* image namespace */
.ns6 .messagebox.notice { border:2px solid #1e90ff; border-bottom-width:0.4em; }
.ns6 .messagebox.warning { border:2px solid #b22222; border-bottom-width:0.4em; }
.ns6 .messagebox.serious { border:2px solid #b22222; border-bottom-width:0.4em; }
.ns6 .messagebox.content { border:2px solid #f28500; border-bottom-width:0.4em; }
.ns6 .messagebox.query { border:2px solid #ffb734; border-bottom-width:0.4em; }
.ns6 .messagebox.free { border:2px solid #79CC55; border-bottom-width:0.4em; }
.ns6 .messagebox.nonfree { border:2px solid #EF9132; border-bottom-width:0.4em; }
.ns6 .messagebox.pd { border:2px solid #7E80A3; border-bottom-width:0.4em; }
.ns6 .messagebox.move { border: 2px solid #9932cc; border-bottom-width:0.4em; }
/* End of Common CSS skin </nowiki>*/
