MediaWiki:Common.css: differenze tra le versioni

Versione delle 22:10, 15 feb 2009

 
 /*<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>*/