MediaWiki:Common.css: differenze tra le versioni

Wikibooks, manuali e libri di testo liberi.
Contenuto cancellato Contenuto aggiunto
Pietrodn (discussione | contributi)
link a CSS comuni desktop/mobile
Pietrodn (discussione | contributi)
embed small images
Riga 236: Riga 236:
div.NavPic {
div.NavPic {
background-color: #ffffff;
background-color: #ffffff;
margin: 0px;
margin: 0;
padding: 2px;
padding: 2px;
float: left;
float: left;
Riga 261: Riga 261:
div.NavEnd {
div.NavEnd {
margin: 0px;
margin: 0;
padding: 0px;
padding: 0;
line-height: 1px;
line-height: 1px;
clear: both;
clear: both;
Riga 296: Riga 296:
}
}


.BG_comunità { background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f9/BG_comunit%C3%A0.jpg);}
.BG_comunità {
background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f9/BG_comunit%C3%A0.jpg);
}


/*
/*
Riga 302: Riga 304:
*/
*/
li.FA {
li.FA {
/* @embed */
list-style-image: url("//upload.wikimedia.org/wikibooks/en/thumb/9/94/Wikibooks_award.svg/16px-Wikibooks_award.svg.png");
list-style-image: url("//upload.wikimedia.org/wikibooks/en/thumb/9/94/Wikibooks_award.svg/16px-Wikibooks_award.svg.png");
}
}
Riga 460: Riga 463:
border:1px solid #aaaaaa;
border:1px solid #aaaaaa;
background-color:#f9f9f9;
background-color:#f9f9f9;
padding: 0px;
padding: 0;
font-size: 95%;
font-size: 95%;
}
}
Riga 651: Riga 654:
line-height: 1.5em;
line-height: 1.5em;
list-style-type: square;
list-style-type: square;
/* @embed */
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);
}
}
.skin-vector .compact-ambox table .mbox-text-span {
.skin-vector .compact-ambox table .mbox-text-span {
list-style-type: disc;
list-style-type: disc;
/* @embed */
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
/* @embed */
list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
}

Versione delle 23:32, 21 nov 2018

/*
 * Common.css
 * This file contains CSS settings common to all skins (except mobile).
 * NOTA PER GLI ADMIN: Si prega di non modificare senza preventiva discussione!
 */

/* Gli stili comuni per desktop e mobile sono in [[MediaWiki:Gadget-common.css]] */

#footer { clear: both }

/* Print-specific things to hide */
.printfooter {
	display: none;
}

#toc,
.toc {
	border: 1px solid #bba;
	background-color: #f7f8ff;
	padding: 5px;
	font-size: 95%;
	text-align: center;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

#siteNotice {
    border:none;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.redirectText {
	font-size:150%;
	margin:5px;
}

.searchmatch {
	color: red;
	font-weight: bold;
}
.sharedUploadNotice {
	font-style: italic;
}

span.updatedmarker {
	color:black;
	background-color:#00FF00;
}

span.newpageletter {
	font-weight:bold;
	color:black;
	background-color:yellow;
}
span.minoreditletter {
	color:black;
	background-color:#C5FFE6;
}

.editExternally {
        border-style:solid;
        border-width:1px;
        border-color:gray;
        background: #ffffff;
        padding:3px;
        margin-top:0.5em;
        float:left;
        font-size:small;
        text-align:center;
}
.editExternallyHelp {
        font-style:italic;
        color:gray;
}

#jump-to-nav {
  display: none;
}


/* Rendo trasparente il form di cancellazione sui namespace "colorati" */
form#deleteconfirm > table {
        background-color: transparent;
}

  /* Stili per Wikibooks:CommonsTicker */
 
  .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; }

  .tickerAction_deleted:before     { content:" [CANC] "; color: #FF0000; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_replaced:before    { content:" [SOST] "; color: #880088; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_addedTag:before    { content:" [+TAG] "; color: #DD6600; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_removedTag:before  { content:" [-TAG] "; color: #00AA00; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_addedBad:before    { content:" [+TAG] "; color: #DD6600; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_removedBad:before  { content:" [-TAG] "; color: #00AA00; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_addedGood:before   { content:" [+ OK] "; color: #00AA00; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_removedGood:before { content:" [- OK] "; color: #DD6600; font-family:monospace; font-weight:bold; font-size:100%; }

  .tickerAction_replacedOwn:before { content:" [INFO] "; color: #808080; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_deletedRev:before  { content:" [INFO] "; color: #808080; font-family:monospace; font-weight:bold; font-size:100%; }  

  .tickerUsage  { font-size:80%; }  /* ticker usage list */
  .tickerTemplateEntry    { font-weight: bold; } /* entry applies to a template used by multiple images */

.BoldMenu {
 display: block;
}

.BoldMenu a {
 text-decoration: none;
}

.BoldMenu:hover, .BoldMenu a:hover {
 font-weight:bold;
}

#mw-dismissable-notice {
 background-color: transparent;
}

/* wikitable/prettytable class for skinning normal tables */
 
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}
 
table.prettytable th, table.prettytable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}
 
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}


/* Stili per i box che si visualizzano al passaggio del mouse */

@media screen {
.HopContent
{
 display:none;
}

.HopFrame:hover .HopContent
{
 display:block;
}
}

@media print {
.HopContent
{
 display:block;
}
}

cite[id^="CITEREF"]:target {
background-color: #DEF;
}


/* Fix per diff: quando un utente svuota una pagina la riga in alto si spiaccica */
col.diff-marker {
    min-width:100px;
}

div#prefcontrol {
    display:block;
}


/**************************************
/* Classi per dynamic navigation bars *
 **************************************/
 
.NavToggle {
   font-size: 95%;
   float:right;
}
 
div.BoxenVerschmelzen,
div.NavFrame {
        margin: 0.5em 0 0 0;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
 
div.BoxenVerschmelzen div.NavFrame {
        border-style: none;
        border-style: hidden;
        margin: 0;
}
 
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
 
div.NavPic {
        background-color: #ffffff;
        margin: 0;
        padding: 2px;
        float: left;
}
 
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
}
 
div.NavFrame p {
        font-size: 100%;
}
 
div.NavFrame div.NavContent {
        font-size: 100%;
}
 
div.NavFrame div.NavContent p {
        font-size: 100%;
}
 
div.NavEnd {
        margin: 0;
        padding: 0;
        line-height: 1px;
        clear: both;
}

/* Highlight per le note */
 
ol.references > li:target {
 background-color: #DEF;
}
 
sup.reference:target {
 background-color: #DEF;
}

/* Highlight per le note */
 
ol.span > li:target {
 background-color: #DEF;
}
 
sup.span:target {
 background-color: #DEF;
}

/* Evidenzia di blu qualsiasi testo che è inserito all'interno di <span id="$1" title="Ancora: $1" class="Citazione"> */

span.Citazione:target {
    background-color: #DEF;
}
.Citazione:target {
    background-color: #DEF;
}

.BG_comunità {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f9/BG_comunit%C3%A0.jpg);
}

/*
 Segnala con una stellina, accanto all'interwiki corrispondente, una voce da vetrina in un'altra lingua
*/
li.FA {
  /* @embed */
  list-style-image: url("//upload.wikimedia.org/wikibooks/en/thumb/9/94/Wikibooks_award.svg/16px-Wikibooks_award.svg.png");
}

/*
 Serve per simulare le sottosezioni
 nella sezione delle preferenze destinata ai gadgets,
 visto che non si possono fare normalmente
*/
#mw-htmlform-gadgets h1 {
    font-size: 150%;
}

/* Per scrivere sotto il titolo di ogni pagina "Wikibooks, manuali e libri di testo liberi." */
#siteSub {
    display: inline;
    font-size: 100%;
    font-weight: normal;
    font-style: oblique;
    border-bottom: none;
}
 
#bodyContent #siteSub a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    padding-right: 0;
}

/************************
 * STILI PER I TEMPLATE *
 ************************/
 
.itwiki_template_avviso {
  clear:both;
  display:block; /* per allargare anche le tabelle (se servissero) alla
                    larghezza della pagina (NON specificare "width"!) */
  text-align:left;
  background-color: #EEF8FF;
}
 
.itwiki_template_avviso_v {
  clear:both;
  float:right;
  width:16em;
  background-color: #EEF8FF;
}
 
.itwiki_template_avviso .intestazione, .itwiki_template_avviso_v .intestazione {
  font-weight:bold;
}
 
.itwiki_template_disclaimer {
  clear:both;
  display:block; /* per allargare anche le tabelle (se servissero) alla
                    larghezza della pagina (NON specificare "width"!) */
  text-align:center;
  border:1px solid #C00000;
  background-color: #FFFFFF;
  font-size: 90%;
}
 
.itwiki_template_disclaimer_v {
  clear:both;
  float:right;
  border:1px solid #C00000;
  background-color: #FFFFFF;
}
 
.itwiki_template_copyright {
  clear:both;
  display:block;
  text-align:left;
  background-color:#F1F1DE;
}
 
.itwiki_template_wikimedia {
  float:right;
  clear:right;
  border:solid #aaa 1px; 
  width:22em;
  font-size:90%;
  background-color:#F9F9F9;
}
 
.itwiki_template_wikimedia .floatleft {
  border:.5em solid white;
}
 
.itwiki_template_wikimedia p {
  text-align:left;
}
 
.itwiki_template_babelbox {
  float:right; 
  margin:0 0 .5em 1em;
  width:20em; /* per evitare problemi con Opera e Safari */
  padding:5px 7px 5px 5px; /* questo lo farà apparire storto in MSIE
                              ma non so che farci */
}
 
.itwiki_template_babelbox .intestazione {
  text-align:center;
  font-weight:bold;
  margin-left:2px;
}
 
.itwiki_template_babel {
  float:left;
  width:20em;
  background:#e0e8ff;
  border:solid #99b3ff 1px;
  margin:1px 1px 1px 0;
}
 
.itwiki_template_babel .sigla {
  background:#99b3ff;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
 
.itwiki_template_babel2 {
  float:left;
  width:20em;
  background:#c5fcdc;
  border:solid #6ef7a7 1px;
  margin:1px 1px 1px 0;
}
 
.itwiki_template_babel2 .sigla {
  background:#6ef7a7;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
 
.itwiki_template_babel .sigla,
.itwiki_template_babel2 .sigla {
  width:4em;
}
 
.itwiki_template_babel td,
.itwiki_template_babel2 td {
  font-size:.9em;
  line-height:1.2em;
  padding:5px;
}
 
.itwiki_template_babelbox .itwiki_template_babel,
.itwiki_template_babelbox .itwiki_template_babel2 {
  clear:left; /* perché i singoli template nel babelbox
                 siano uno sotto l'altro */
}
 
.itwiki_template_toc {
    border:1px solid #aaaaaa;
    background-color:#f9f9f9;
    padding: 0;
    font-size: 95%;
}

/***** classi per arrotondare i bordi dei div e delle tabelle */
.radius {
    border-radius: 1em;
    -moz-border-radius: 1em;
}
.radius_top {
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-topleft: 1em;
}
.radius_bottom {
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft: 1em;
}
.rad {
    border-radius: .5em;
    -moz-border-radius: .5em;
}

/* Stile per i titoli di livello 3 */
h3 { 
   border-bottom: dotted 1px #DDDDDD;
}
 
/* 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-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/* Nasconde il link [Modifica] nei titoli se questi sono inseriti nei quiz
- trae solo in inganno visto che il link appare ma non puoi modificare la sezione. */

.quizQuestions span.mw-editsection {
    display: none;
}

/* STILE PER I TEMPLATE BOX CON IL PARAMETRO "SMALL" ATTIVATO

These mbox-small classes must be placed after all other
   ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
   they override "table.ambox + table.ambox" above. */
html body.mediawiki .mbox-small {   /* For the "small=yes" option. */
	/* @noflip */
	clear: right;
	/* @noflip */
	float: right;
	/* @noflip */
	margin: 4px 0 4px 1em;
	box-sizing: border-box;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
html body.mediawiki .mbox-small-left {   /* For the "small=left" option. */
	/* @noflip */
	margin: 4px 1em 4px 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
	display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
	border: none;
	border-collapse: collapse;
	background-color: transparent;
	margin: 0 0 0 1.6em !important;
	padding: 0 !important;
	width: auto;
	display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
	font-size: 100%;
	width: auto;
	margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
	padding: 0 !important;
	margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
	display: list-item;
	line-height: 1.5em;
	list-style-type: square;
	/* @embed */
	list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
	list-style-type: disc;
	/* @embed */
	list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
	/* @embed */
	list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
	display: none;
}

/* Hide (formatting) elements from screen, but not from screenreaders */
.visualhide {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*##############################
## FINE STILI BOX
##############################*/