MediaWiki:Vector.css - Cronologia

Johnrdorazio il 03:34, 4 mag 2023

2023-05-04T03:34:33Z

← Versione meno recente		Versione delle 03:34, 4 mag 2023
Riga 294:		Riga 294:

	/* We increase the font size a bit */		/* We increase the font size a bit */
	/*.skin-vector .mw-body-content {		.skin-vector .mw-body-content {
	font-size: 0.95em;		font-size: 0.95em;
	}*/		}

	}		}

Johnrdorazio: try fixing weird font size issue

2023-05-04T02:10:07Z

try fixing weird font size issue

← Versione meno recente		Versione delle 02:10, 4 mag 2023
Riga 294:		Riga 294:

	/* We increase the font size a bit */		/* We increase the font size a bit */
	.skin-vector .mw-body-content {		/*.skin-vector .mw-body-content {
	font-size: 0.95em;		font-size: 0.95em;
	}		}*/

	}		}

Johnrdorazio il 13:52, 26 apr 2023

2023-04-26T13:52:32Z

← Versione meno recente		Versione delle 13:52, 26 apr 2023
Riga 1:		Riga 1:
			/* Don't display some stuff on the main page */

			.page-Pagina_principale #deleteconfirm,
			.page-Pagina_principale #t-cite,
			.page-Pagina_principale #footer-info-lastmod,
			.action-view.page-Pagina_principale #siteSub,
			.action-view.page-Pagina_principale #contentSub,
			.action-view.page-Pagina_principale #contentSub2 {
			display: none !important;
			}


	/* Gli stili CSS inseriti qui si applicano agli utenti che usano il tema Vector */		/* Gli stili CSS inseriti qui si applicano agli utenti che usano il tema Vector */
	/* CSS placed here will affect users of the Vector skin */		/* CSS placed here will affect users of the Vector skin */

Johnrdorazio il 13:42, 26 apr 2023

2023-04-26T13:42:28Z

← Versione meno recente		Versione delle 13:42, 26 apr 2023
Riga 257:		Riga 257:
	/* Do this in all namespaces */		/* Do this in all namespaces */
	:not( .ns-0 ) .mw-body-content .mw-parser-output {		:not( .ns-0 ) .mw-body-content .mw-parser-output {
	max-width: 1900px;		max-width: 1900px;
	margin-left: auto;		margin-left: auto;
	margin-right: auto;		margin-right: auto;
Riga 333:		Riga 333:

	/* FR topicon position */		/* FR topicon position */
	div.flaggedrevs_short {		body.skin-vector-legacy div.flaggedrevs_short {
	position: absolute;		position: absolute;
	top: -3em;		top: -3em;

Johnrdorazio il 13:39, 26 apr 2023

2023-04-26T13:39:43Z

← Versione meno recente		Versione delle 13:39, 26 apr 2023
Riga 300:		Riga 300:
	font-weight: bold;		font-weight: bold;
	}		}
⚫	}

	/* Don't display some stuff on the main page */
	.page-Main_Page #deleteconfirm,
	.page-Main_Page #t-cite,
	.page-Main_Page #footer-info-lastmod,
	.action-view.page-Main_Page #siteSub,
	.action-view.page-Main_Page #contentSub,
	.action-view.page-Main_Page .firstHeading {
	display: none !important;
	}		}

Riga 351:		Riga 341:

	/* Make "From Wikipedia, the free encyclopedia" a bit smaller */		/* Make "From Wikipedia, the free encyclopedia" a bit smaller */
	#siteSub {		body.skin-vector-legacy #siteSub {
	font-size: 92%;		font-size: 92%;
	}		}

	/* Move page status indicators down slightly */		/* Move page status indicators down slightly */
	.mw-~~body~~ .mw-indicators {		body.skin-vector-legacy .mw-indicators {
	padding-top: 0.4em;		padding-top: 0.4em;
		⚫	}

			/* Override [[phab:T265947]] */
			.mw-body-content blockquote {
			border-left: none;
	}		}

Johnrdorazio il 09:57, 26 apr 2023

2023-04-26T09:57:09Z

@@ Riga 206: / Riga 206: @@
 		margin-right: 0 !important;
 		margin-left: 1.4em !important;
+	}

Johnrdorazio il 09:52, 26 apr 2023

2023-04-26T09:52:00Z

← Versione meno recente		Versione delle 09:52, 26 apr 2023
Riga 193:		Riga 193:

	@media ( min-width: 1500px ) {		@media ( min-width: 1500px ) {
	.ns-0 .mw-body-content .mw-parser-output > *:not(.sinottico) {
	margin-right: 350px !important;
	}

	.ns-0 .mw-body-content .mw-parser-output > * > li {		.ns-0 .mw-body-content .mw-parser-output > * > li {
Riga 236:		Riga 233:
	}		}

	.ns-0 .mw-body-content .mw-parser-output > table,
	.ns-0 .mw-body-content .mw-parser-output > .center,
	.ns-0 .mw-body-content .mw-parser-output > .navbox,
	#mp-topbanner{
	max-width: -webkit-calc( 100% - 350px );
	max-width: -moz-calc( 100% - 350px );
	max-width: calc( 100% - 350px );
	}
	}		}

Johnrdorazio il 21:17, 14 set 2020

2020-09-14T21:17:44Z

← Versione meno recente		Versione delle 21:17, 14 set 2020
Riga 148:		Riga 148:
	}		}

	.mw-body-content .~~infobox~~,		.mw-body-content .sinottico,
	.mw-body-content .vertical-navbox,		.mw-body-content .vertical-navbox,
	.mw-body-content .navbox,		.mw-body-content .navbox,
Riga 193:		Riga 193:

	@media ( min-width: 1500px ) {		@media ( min-width: 1500px ) {
	.ns-0 .mw-body-content .mw-parser-output > * {		.ns-0 .mw-body-content .mw-parser-output > *:not(.sinottico) {
	margin-right: 350px !important;		margin-right: 350px !important;
	}		}
Riga 201:		Riga 201:
	}		}

	.ns-0 .mw-body-content .mw-parser-output > .~~infobox~~,		.ns-0 .mw-body-content .mw-parser-output > .sinottico,
	.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,		.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,
	.ns-0 .mw-body-content .mw-parser-output > .floatright,		.ns-0 .mw-body-content .mw-parser-output > .floatright,
Riga 247:		Riga 247:

	@media ( min-width: 1900px ) {		@media ( min-width: 1900px ) {
	.ns-0 .mw-body-content .mw-parser-output > * {		.ns-0 .mw-body-content .mw-parser-output > *:not(.sinottico {
	margin-left: 350px !important;		margin-left: 350px !important;
	}		}

Johnrdorazio il 21:11, 14 set 2020

2020-09-14T21:11:10Z

← Versione meno recente		Versione delle 21:11, 14 set 2020
Riga 211:		Riga 211:
	}		}

	.ns-0 .mw-body-content .mw-parser-output > .~~infobox~~,		.ns-0 .mw-body-content .mw-parser-output > .sinottico,
	.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,		.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,
	.ns-0 .mw-body-content .mw-parser-output > .floatright,		.ns-0 .mw-body-content .mw-parser-output > .floatright,
Riga 218:		Riga 218:
	}		}

	.ns-0 .mw-body-content .mw-parser-output > .~~infobox~~,		.ns-0 .mw-body-content .mw-parser-output > .sinottico,
	.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,		.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,
	.ns-0 .mw-body-content .mw-parser-output > .tright > .thumbinner {		.ns-0 .mw-body-content .mw-parser-output > .tright > .thumbinner {

Johnrdorazio: Creata pagina con "/* Gli stili CSS inseriti qui si applicano agli utenti che usano il tema Vector / / CSS placed here will affect users of the Vector skin */ @media ( max-width: 800px ) { ta..."

2020-09-14T20:57:27Z

Creata pagina con "Gli stili CSS inseriti qui si applicano agli utenti che usano il tema Vector: CSS placed here will affect users of the Vector skin: @media ( max-width: 800px ) { ta..."

Nuova pagina

/* Gli stili CSS inseriti qui si applicano agli utenti che usano il tema Vector */
/* CSS placed here will affect users of the Vector skin */
@media ( max-width: 800px ) {
table.tmbox:not( .mbox-small ),
table.ambox:not( .mbox-small ),
table.imbox:not( .mbox-small ),
table.cmbox:not( .mbox-small ),
table.ombox:not( .mbox-small ) {
margin: 0;
padding: 5px;
box-sizing: border-box;
border-collapse: separate;
}

.mw-body-content td.mbox-image.mbox-image {
float: left;
padding: 0 4px;
}

.mw-body-content td.mbox-imageright.mbox-imageright {
float: right;
padding: 0 4px;
}

.mw-body-content td.mbox-text {
display: block;
width: auto;
}

/* Main page fixes */
#mp-topbanner > tbody > tr {
display: flex;
flex-wrap: wrap;
width: auto !important;
}

#mp-topbanner > tbody > tr > td:nth-child( 1 ) {
flex: 3 0 auto;
width: auto !important;
}

#mp-topbanner > tbody > tr > td:nth-child( n+2 ) {
flex: 0 0 auto;
width: auto !important;
}

/* main page table */
#mp-upper > tbody > tr,
#mp-upper > tbody > tr > *,
#mp-bottom > tbody > tr,
#mp-bottom > tbody > tr > *,
#mp-tfp > table > tbody > tr,
#mp-tfp > table > tbody > tr > * {
display: block;
width: 100% !important;
max-width: 100%;
box-sizing: border-box;
}
}

@media only screen and ( max-width: 600px ) {
/* !important to ignore inline styles */
/* .mw-body-content to increase specificity */
.mw-body-content table {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}

.mw-body-content table {
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
max-width: 100% !important;
}

.mw-body-content .thumb {
float: none;
clear: none;
margin: 0.5em auto;
}

.mw-body-content .thumbinner {
margin: 0 auto;
max-width: 100%;
box-sizing: border-box;
border: 0;
background-color: transparent;
}

.mw-body-content .thumbinner .thumbimage {
max-width: 100%;
height: auto;
object-fit: contain;
}

.mw-body-content .thumbimage {
border: 0;
background-color: transparent;
}

.mw-body-content .thumbcaption > .magnify {
display: none;
}

/* amboxes become normal blocks */
.mw-body-content table.ambox > tbody,
.mw-body-content table.ambox > tbody > tr {
display: block;
}

/* of which we hide some parts by default to shorten them */
.mw-body-content .ambox .mbox-image,
.mw-body-content .ambox .mbox-text .hide-when-compact {
display: none;
cursor: pointer;
}

.mw-body-content table.ambox {
font-size: 80%;
background-color: transparent;
margin-left: 0 !important;
padding: 0 !important;
border-width: 0 0 0 3px;
}

.mw-body-content .ambox .mbox-text-span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}

/* But we can flip a class to undo the hiding */
.ambox.mbox-expand .mbox-text-span {
text-overflow: initial;
white-space: normal;
overflow: auto;
}

.ambox.mbox-expand .mbox-text .hide-when-compact {
display: inline;
}

#firstHeading .mw-editsection,
#coordinates {
display: none;
}

.mw-body-content .infobox,
.mw-body-content .vertical-navbox,
.mw-body-content .navbox,
.mw-body-content .navbox > .navbox-inner {
width: 100% !important;
box-sizing: border-box;
display: table;
}

/* Single column refs */
.mw-body-content .references-column-count,
.mw-body-content .column-count {
-moz-column-width: 35em;
-webkit-column-width: 35em;
column-width: 35em;
}

.mw-body-content .image > img {
max-width: 100%;
min-width: 20px;
height: auto;
object-fit: contain;
}

.mw-body-content {
word-wrap: break-word;
}
}

@media only screen and ( max-width: 600px ) and ( -webkit-min-device-pixel-ratio: 1.5 ),
only screen and ( max-width: 600px) and ( min-resolution: 1.5dppx ) {
@supports ( object-fit: contain ) {
.mw-body-content div.thumbinner {
width: 100% !important;
}

.mw-body-content div.thumbinner .thumbimage {
width: 100%;
object-fit: contain;
max-height: 60vh;
}
}
}

@media ( min-width: 1500px ) {
.ns-0 .mw-body-content .mw-parser-output > * {
margin-right: 350px !important;
}

.ns-0 .mw-body-content .mw-parser-output > * > li {
list-style-position: inside;
}

.ns-0 .mw-body-content .mw-parser-output > .infobox,
.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,
.ns-0 .mw-body-content .mw-parser-output > .floatright,
.ns-0 .mw-body-content .mw-parser-output > .sistersitebox,
.ns-0 .mw-body-content .mw-parser-output > .mbox-small,
.ns-0 .mw-body-content .mw-parser-output > .tright {
margin-right: 0 !important;
margin-left: 1.4em !important;
}

.ns-0 .mw-body-content .mw-parser-output > .infobox,
.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,
.ns-0 .mw-body-content .mw-parser-output > .floatright,
.ns-0 .mw-body-content .mw-parser-output > .tright {
min-width: 330px !important;
}

.ns-0 .mw-body-content .mw-parser-output > .infobox,
.ns-0 .mw-body-content .mw-parser-output > .vertical-navbox,
.ns-0 .mw-body-content .mw-parser-output > .tright > .thumbinner {
width: 330px !important;
box-sizing: border-box;
}

.ns-0 .mw-body-content .mw-parser-output > .tright .thumbimage {
width: 100%;
height: auto;
}

.ns-0 .mw-body-content .mw-parser-output > #toc,
.ns-0 .mw-body-content .mw-parser-output > .floatleft,
.ns-0 .mw-body-content .mw-parser-output > .tleft {
margin-right: 1.4em !important;
}

.ns-0 .mw-body-content .mw-parser-output > table,
.ns-0 .mw-body-content .mw-parser-output > .center,
.ns-0 .mw-body-content .mw-parser-output > .navbox,
#mp-topbanner{
max-width: -webkit-calc( 100% - 350px );
max-width: -moz-calc( 100% - 350px );
max-width: calc( 100% - 350px );
}
}

@media ( min-width: 1900px ) {
.ns-0 .mw-body-content .mw-parser-output > * {
margin-left: 350px !important;
}

.ns-0 .mw-body-content .mw-parser-output > #toc {
box-sizing: border-box;
float: left;
}

.ns-0 .mw-body-content .mw-parser-output > #toc,
.ns-0 .mw-body-content .mw-parser-output > .floatleft,
.ns-0 .mw-body-content .mw-parser-output > .mbox-small-left,
.ns-0 .mw-body-content .mw-parser-output > .tleft {
margin-left: 0 !important;
}

.ns-0 .mw-body-content .mw-parser-output > #toc,
.ns-0 .mw-body-content .mw-parser-output > .floatleft,
.ns-0 .mw-body-content .mw-parser-output > .tleft {
min-width: 330px !important;
max-width: 330px !important;
}

.ns-0 .mw-body-content .mw-parser-output > .tleft > .thumbinner {
width: 330px !important;
box-sizing: border-box;
}

.ns-0 .mw-body-content .mw-parser-output > .tleft .thumbimage {
width: 100%;
height: auto;
}

/* Do this in all namespaces */
:not( .ns-0 ) .mw-body-content .mw-parser-output {
max-width: 1900px;
margin-left: auto;
margin-right: auto;
}

.ns-0 .mw-body > :not(.mw-body-content),
.ns-0 .mw-body-content > :not(#mw-content-text) {
max-width: -webkit-calc( 1900px - 700px );
max-width: -moz-calc( 1900px - 700px );
max-width: calc( 1900px - 700px );
margin-left: auto;
margin-right: auto;
}

/* 700 is 350+350 (right side bar + left side bar) */
.ns-0 .mw-body-content .mw-parser-output > table,
.ns-0 .mw-body-content .mw-parser-output > .center,
.ns-0 .mw-body-content .mw-parser-output > .navbox,
#mp-topbanner {
max-width: -webkit-calc( 100% - 700px );
max-width: -moz-calc( 100% - 700px );
max-width: calc( 100% - 700px );
}

/* We increase the font size a bit */
.skin-vector .mw-body-content {
font-size: 0.95em;
}

}
@media only screen and ( max-width: 600px ) and ( -webkit-min-device-pixel-ratio: 2 ),
only screen and ( max-width:600px ) and ( min-resolution: 2dppx ) {
/* We reduce the font size a bit, since retina screens rule */
.skin-vector .mw-body-content {
font-size: 0.75em;
}

.skin-vector .mw-body h1,
.skin-vector .mw-body h2,
.skin-vector .mw-body h3 {
font-size: 1em;
font-weight: bold;
}
}

/* Don't display some stuff on the main page */
.page-Main_Page #deleteconfirm,
.page-Main_Page #t-cite,
.page-Main_Page #footer-info-lastmod,
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub,
.action-view.page-Main_Page .firstHeading {
display: none !important;
}

/* Position coordinates */
#coordinates {
position: absolute;
top: 0;
right: 0;
float: right;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: right;
text-indent: 0;
font-size: 85%;
text-transform: none;
white-space: nowrap;
}
/* correct position for VE */
.ve-ce-surface-enabled #coordinates {
margin-right: 2em;
margin-top: -1em;
}
.mw-indicator #coordinates {
position: absolute;
top: 3em;
right: 0;
line-height: 1.6;
text-align: right;
font-size: 92%;
white-space: nowrap;
}

/* FR topicon position */
div.flaggedrevs_short {
position: absolute;
top: -3em;
right: 100px;
z-index: 1;
}

/* Make "From Wikipedia, the free encyclopedia" a bit smaller */
#siteSub {
font-size: 92%;
}

/* Move page status indicators down slightly */
.mw-body .mw-indicators {
padding-top: 0.4em;
}

/* Colori differenziati per namespace */

.ns-talk #content { background-color:#ffe; }

.ns-talk .vectorTabs .selected { background-image: url(//upload.wikimedia.org/wikipedia/it/3/3a/Vector-tab-ffffee-fade.png); }

.ns-4 #content { background-color:#efe; }

.ns-4 .vectorTabs .selected { background-image: url(//upload.wikimedia.org/wikipedia/it/9/95/Vector-tab-eeffee-fade.png); }

.ns-8 #content { background-color:#f1f1f1; }

.ns-8 .vectorTabs .selected { background-image: url(//upload.wikimedia.org/wikipedia/it/5/57/Vector-tab-f1f1f1-fade.png); }

.ns-12 #content { background-color:#fee; }

.ns-12 .vectorTabs .selected { background-image: url(//upload.wikimedia.org/wikipedia/it/c/c4/Vector-tab-ffeeee-fade.png); }

.ns-100 #content { background-color:#f0eeff; }

.ns-100 .vectorTabs .selected { background-image: url(//upload.wikimedia.org/wikipedia/it/7/7d/Vector-tab-f0eeff-fade.png); }

.ns-102 #content { background-color:#f5fafa; }

.ns-102 .vectorTabs .selected { background-image: url(//upload.wikimedia.org/wikipedia/it/4/4e/Vector-tab-f5fafa-fade.png); }

.vectorTabs .selected { background-position: left bottom; }